html, body {position: relative; height: 100%; min-width: 1360px} body{overflow-x: hidden; } body,h1,h2,h3,h4,h5,h6,p,ul,li,input,button,textarea,form,img,dl,dt,dd,select{margin:0;padding:0;font-family:"SimSun";line-height:normal;list-style: none;} .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight: normal;} a{text-decoration: none !important;} p{font-size: initial} .top-banner{width: 100%;background: #fff} .top-banner img{max-height:420px;width: 100%;} img{max-width: 100% !important;} #map img { max-width: initial !important; } .bg-white{background: #fff} .spaceH{height: 120px;width: 100%} .clearfix{clear: both} ::-webkit-scrollbar {width : 10px;height: 1px;} ::-webkit-scrollbar-thumb {border-radius:10px;background: rgb(229,229,229);} ::-webkit-scrollbar-track {box-shadow:inset 0 0 5px #ffffff;background: #fff;border-radius: 10px;} a{ color: #4A4A4A; text-decoration:none;} .loadmore-nodata{text-align: center;font-size: 20px;padding: 100px} a:hover{ color: #005BA8 } input{outline: none; border: 0;} button{outline: none; cursor: pointer;} select{outline: none} textarea{outline: none} em{font-style: normal;} .fl {float:left;} .fr {float:right;} .ellipsis {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .ellipsiss{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .ellipsisss{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .min-1366{ width: 100%; min-width: 1366px;} .clear{clear:both;} .box90{margin: 0 auto; padding: 0 25px} .overflow{ overflow: hidden;} /*棣栭〉*/ .topbox{ width: 100%; min-width: 1366px; height: 120px; /*position: fixed;*/ top: 0; left: 0; z-index: 100; background-color: #ffffff;} .topbox-logo{ float: left; overflow: hidden; } .topbox-logo-img{ float: left;height: 120px;width: 255px;display: -ms-flexbox; /*IE10*/display: flex;justify-content: center;align-items: center;} .topbox-logo-img img{width: 100%;} .topbox-logo-gp{ float: left;width: 237px;padding: 30px 0;margin-left: 25px} .topbox-logo-gp p{font-size: 16px;color: #000000;font-family: initial;text-align: center;margin-bottom: 6px} .topbox-logo-gp p span{font-size: 21px;color: #fe0000;} .topbox-logo-line{ float: left; margin: 37px 25px 0 25px;} .topbox-menu{ float: right; } .topbox-menu a{ float: left; display: block; padding: 49px 20px; color: #7A7A7A; font-size: 18px; font-weight: bold; } .topbox-menu a:hover{ color: #005BA8 !important; background: linear-gradient(0deg,#ffffff,#ecf9ff) !important;} .topbox-menu .select{ color: #005BA8 !important; background: linear-gradient(0deg,#ffffff,#ecf9ff) !important;} .topbox-search{ position: relative; float: right; padding: 40px 0 45px 0;} .search-input{ z-index: 999;position:absolute;width: 400px;height: 90px; right: 0;top:45px;} .search-input .search-form{position: absolute; top:35px; right: 0; width: 400px; background-color: rgba(225,225,225,.8); padding: 10px;} .search-input input{ width: 310px; height: 35px;padding-left: 10px} .search-input button{ width: 60px; height: 35px; border: none;background: #005BA8;color: #fff} .topbox-menu li{display: inline-block;position: relative} .topbox-menu li dl{position: absolute;top: 118px;background: rgba(255, 255, 255, 0.9);width: 160px;z-index: 99;} .topbox-menu li dd a{padding: 0px;display: block;width: 100%; height: 50px;line-height: 50px;font-size: 18px;text-align: center;border-bottom: #fff solid 1px;float: unset;padding: unset} .topbox-menu li dd a:hover{background: #005BA8 !important;color: #fff !important;} /*banner*/ .banner .swiper-container { width: 100%;height: 100%; min-width: 1336px; } .banner .swiper-slide { text-align: center;font-size: 18px;background: #fff; } .banner .swiper-slide a img{ display: block; width: 100%;} .swiper-button-next,.swiper-container-rtl .swiper-button-prev{ background-image: none !important;} .swiper-button-prev,.swiper-container-rtl .swiper-button-next{ background-image: none !important;} .banner .swiper-button-next, .banner .swiper-button-prev{ width: 100px!important; height: 100px!important;} .banner .swiper-button-next, .banner .swiper-button-next{ width: 100px!important; height: 100px!important;} .banner .swiper-button-next, .banner .swiper-button-prev img,.banner .swiper-button-next, .banner .swiper-button-next img{width: 100%} .banner .swiper-button-next, .banner .swiper-container-rtl .banner .swiper-button-prev{ /*right: 40px!important;*/} .productbox{ padding-bottom: 80px;} .productbox-header{ height: 220px; background: url(../images/7.png) no-repeat center; overflow: hidden;} .productbox-header h3{ margin: 80px 0 0 0; text-align: center; color:#005BA8; font-size: 36px;} .productbox-header h3 i{ display: inline-block; margin: 0 50px; font-style: normal;} .productbox-header span{ display: block; margin: 10px 0 0 0; text-align: center; color:#7A7A7A; font-size: 20px; letter-spacing:25px;} .productbox-list{ width: 96%; margin: 0 auto; display: flex; justify-content: space-between; } .productbox-list>div{ display: block; width: 295px; height: 617px; margin: 0 8px; position: relative;} @media (max-width: 1660px) {.productbox-list>div{height: 500px;}} .productbox-list>div .list{ display: none; padding: 60px 0 0 40px; background-color: #000; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; height: 100%; border-radius: 24px; cursor: pointer; } .productbox-list>div .list a{ display: block; margin-bottom: 20px; color: #fff; font-size: 20px;z-index: 999;} .productbox-list>div:nth-of-type(1):hover .list{ display: block;} .productbox-list>div:nth-of-type(2):hover .list{ display: block;} .productbox-list>div:nth-of-type(3):hover .list{ display: block;} .productbox-list>div:nth-of-type(4):hover .list{ display: block;} .productbox-list>div:nth-of-type(5):hover .list{ display: block;} .productbox-list>div:nth-of-type(6):hover .list{ display: block;} .productbox-list>div:nth-of-type(1):hover .name{ display: none;} .productbox-list>div:nth-of-type(2):hover .name{ display: none;} .productbox-list>div:nth-of-type(3):hover .name{ display: none;} .productbox-list>div:nth-of-type(4):hover .name{ display: none;} .productbox-list>div:nth-of-type(5):hover .name{ display: none;} .productbox-list>div:nth-of-type(6):hover .name{ display: none;} .productbox-list>div .name h4{ position: absolute; top: 50px; right: 50px; font-size:48px; -webkit-writing-mode: vertical-lr; -ms-writing-mode: vertical-lr; writing-mode: tb-lr; writing-mode:vertical-rl; color: #fff; } .productbox-list>div .name i{ position: absolute; top: 50px; right: 120px; -webkit-writing-mode: vertical-lr; -ms-writing-mode: vertical-lr; writing-mode: tb-lr; writing-mode:vertical-rl; font-size: 30px; color: #fff; font-style: normal; } .newsbox{ width: 100%; min-width: 1366px; min-height: 700px; padding:50px 0; background-color: #f8f8f7; overflow: hidden; } .newsbox-left{ width: 56%; float: left;} .newsbox-right{ width: 40%; float: right; height: 200px;} .newsbox-left-header{ height: 130px; overflow: hidden;} .newsbox-left-header h3{ text-align: center; color:#005BA8; font-size: 36px;} .newsbox-left-header h3 i{ display: inline-block; margin: 0 50px; font-style: normal;} .newsbox-left-header span{ display: block; margin: 10px 0 0 0; text-align: center; color:#7A7A7A; font-size: 20px; letter-spacing:25px;} .newsbanner{ padding-bottom: 70px; background-color: #005BA8; border-radius: 20px; overflow: hidden;} .newsbanner .swiper-container { width: 100%;height: 100%; overflow: visible; } .newsbanner .swiper-slide { text-align: center;font-size: 18px; } .newsbanner .swiper-slide a img{ display: block; width: 100%; border-radius: 20px;} .newsbanner .swiper-slide a{ position: relative; display: block;width: 100%;height: 443px } .newsbanner .swiper-slide a h5{ position: absolute; bottom: -46px; padding: 0 20px; font-size: 24px; font-weight: normal; color: #fff; z-index: 200;max-width: 100% } .newsbanner .swiper-button-next, .newsbanner .swiper-container-rtl .swiper-button-prev{ background-image: none !important;} .newsbanner .swiper-button-prev, .newsbanner .swiper-container-rtl .swiper-button-next{ background-image: none !important;} .newsbanner .swiper-button-next, .newsbanner .swiper-button-prev{ width: 80px!important;; height: 80px!important;;} .newsbanner .swiper-button-next, .newsbanner .swiper-button-next{ width: 80px!important;; height: 80px!important;;} .newsbox-right-header{ display: flex; justify-content: space-between; margin-top: 30px; } .newsbox-right-header span{ cursor: pointer; display: block; width: 213px; height: 56px; font-size: 30px; color: #005BA8; text-align: center; line-height: 56px; } .newsselect{ background: url(../images/23.png); font-weight: bold; background-repeat: no-repeat;background-size: 100% 100%} .newsbox-right-content{ margin-top: 40px; background-color: #fff; border-radius: 20px;} .newsbox-right-content .part{ width: 90%; margin: 0 auto; } .newsbox-right-content .part a{ display: block; padding: 21px 0; border-bottom: #d9d9d9 solid 1px; overflow: hidden;} .newsbox-right-content .part a:last-child{ border-bottom: none; } .newsbox-right-content .part a:hover h3{ color: #005BA8;} .newsbox-right-content .part a:hover .time span{ color: #005BA8;} .newsbox-right-content .part a:hover .time i{ color: #005BA8;} .newsbox-right-content .part a .time{ float: left;} .newsbox-right-content .part a .time span{ display: block; font-size: 30px; color: #4A4A4A ; } .newsbox-right-content .part a .time i{ display: block; margin-top: 10px; text-align: right; font-size: 14px; color: #C3C3C3; font-style: normal; } .newsbox-right-content .part a h3{ float: right; width: calc(100% - 110px); font-size: 20px; line-height: 30px; color: #4A4A4A} .gysp{ width: 100%; min-width: 1366px; background-color: #f8f8f7; overflow: hidden; } .gybox{ float: left; width: 50%; overflow: hidden; } .gybox-header{ height: 130px; overflow: hidden;} .gybox-header h3{ text-align: center; color:#005BA8; font-size: 36px;} .gybox-header h3 i{ display: inline-block; margin: 0 50px; font-style: normal;} .gybox-header span{ display: block; margin: 10px 0 0 0; text-align: center; color:#7A7A7A; font-size: 20px; letter-spacing:25px;} .gybox-content{ position: relative; } .gybox-content a{display: block;width: 100%;height: 576px} .gybox-content h3{ position: absolute; width: 100%; bottom: 0px; height: 60px; line-height: 60px; font-size: 24px; text-align: center; background-color: rgba(255,255,255,.6); color: #333;} .gybox-content img{ width: 100%; height: 576px;} .spbox{ float: right; width: 50%; overflow: hidden; } .spbox-header{ height: 130px; overflow: hidden;} .spbox-header h3{ text-align: center; color:#005BA8; font-size: 36px;} .spbox-header h3 i{ display: inline-block; margin: 0 50px; font-style: normal;} .spbox-header span{ display: block; margin: 10px 0 0 0; text-align: center; color:#7A7A7A; font-size: 20px; letter-spacing:25px;} .spbox-content{ position: relative; height: 100%; overflow: hidden;} .spbox-content a{display: block;width: 100%;height: 576px} .spbox-content img{width: 100%;height: 576px} .spbox-content .spbox-content-img{ display: block; width: 100%;} .bottombox{ width: 86%; margin: 0 auto; display: flex; justify-content: space-between; padding: 80px 0 100px 0; } .bottombox .bottombox-left{ width: calc(100% - 350px); display: flex; justify-content: space-between; } .bottombox .bottombox-left .bottombox-left-menu h3{ font-size: 18px; color: #ffffff;} .bottombox .bottombox-left .bottombox-left-menu h3 a{ font-size: 18px; color: #ffffff !important;} .bottombox .bottombox-left .bottombox-left-menu a{ display: block; margin-top: 20px; font-size: 14px; color: #ffffff;} .bottombox .bottombox-left .bottombox-left-menu a:hover{ color:#00B6FF;} .bottombox-right .qrcode{position: relative;margin-top: 20px;} .bottombox-right .qrcode>span{display: block; color: #fff; font-size: 18px;} .bottombox-right .qrcode>img{ display: block; width: 140px; height: 140px;} .bottombox-right .qrcode>p{margin-top: 20px; color: #fff; font-size: 20px; } .bottombox-right li{list-style: none;text-align: center;display: inline-block;} .bottombox-right li>span{ display: block; color: #fff; font-size: 18px;} .bottombox-right li>img{ display: block; width: 110px; height: 110px;} .bottombox-right li>p{ margin-top: 20px; color: #fff; font-size: 20px; } .bottombox-right>p>strong{ font-size: 40px; font-weight: bold; } .bottomcopyright{ width:90%; margin: 0 auto; margin-top: 20px; display: flex; justify-content: space-between; height: 80px; font-size: 14px; color: #D5D5D5;} .bottomcopyright a{color: #D5D5D5} .gotop{ position: fixed; display: block; right: 10px; bottom: 30px; box-shadow: 0 0 5px #999; z-index: 1000;background: #fff;width: 65px;height: 65px} .gotop img{max-width: 100%} /*鍔ㄧ敾棰勮*/ .animation-delay-1{-webkit-animation-delay:0.2s; animation-delay:0.2s;} .animation-delay-2{ -webkit-animation-delay:0.4s; animation-delay:0.4s;} .animation-delay-3{ -webkit-animation-delay:0.6s; animation-delay:0.6s;} .animation-delay-4{ -webkit-animation-delay:0.8s; animation-delay:0.8s;} .animation-delay-5{ -webkit-animation-delay:1s; animation-delay:1s;} .animated{opacity: 0;} /*鑷€傚簲*/ @media screen and (max-width: 1660px){ .topbox-menu a{ padding: 50px 10px;} } @media screen and (max-width: 1900px){ } @media screen and (max-width: 1366px){ } @media screen and (max-width: 1440px){ .topbox-menu a{ font-size: 16px;padding: 50px 6px;} } .no-padding{padding: 0 !important;} /*鏍囬澶?/ .header-title {text-align: center;padding:45px 0;} .header-title h3 {font-size: 30px;color: #005BA8;letter-spacing: 82px;font-style: normal;text-align: center;padding-left: 65px;} .header-title span {/*font-family: STSongti-SC-Light;*/font-size: 16px;color: #9B9B9B;letter-spacing: 20px;} /*闆嗗洟绠€浠?/ .about-box, .history-box {margin-bottom: 30px} .about-content {border-top: 2px solid #f5f5f5;border-bottom: 2px solid #f5f5f5;padding: 2px 8px;overflow-y: auto;height: 360px;} .about-content p {/*font-family: STSongti-SC-Regular;*/font-size: 18px;color: #4A4A4A;letter-spacing: 0;line-height: 32px;text-indent: 2em;} /*鍙戝睍鍘嗙▼*/ .history-box {height: 850px;overflow: hidden;background-image: url("../images/history-bg.png");background-repeat: no-repeat;background-size:100% 100%;} .history-box .swiper-container {width: 100%;height: 100%} .history-box .swiper-pagination-bullet {width: 20px;height: 20px;text-align: center;line-height: 20px;font-size: 12px;color: #000;opacity: 1;background: rgba(0, 0, 0, 0.2);} .history-box .swiper-pagination-bullet-active {color: #fff;background: #007aff;} .history-box .image-box{height: calc(850px - 240px - 120px);text-align: center;background: #fff;width: 100%;} .history-box .image-box .img{width: 100%;height: 100%;margin: 0 auto;background-repeat: no-repeat;background-position: center;background-size:100%;} .history-box .image-box img{max-width: 100%;max-height:500px;} .history-box .content {height:610px;background: #fff;overflow-y: auto;} .arrow-box{position: absolute;z-index: 99999999;top: 479px;right: -15px;} .arrow-box div{padding: 18px;text-align: center;color: #9b9b9b;cursor: pointer;} .arrow-box div:hover{color: #005BA8;} .history-box .content .item{width: calc(100% - 30px);padding: 20px 0 10px 0;margin: 0 15px;} .history-box .content .item p{color: #4A4A4A;text-align: center;} .history-box .swiper-button-next, .history-box .swiper-button-prev {position: revert;top: 50%;width:100%;height:40px;margin-top: unset;margin-left: 3px;z-index: 10;cursor: pointer;padding-left: 30%;} .timeline {position: relative;margin: 0 0 30px 0;padding: 0;list-style: none;height: calc(3000px - 240px);padding-top: 20px} .timeline:before {content: '';position: absolute;top: -100px;bottom: -200px;width: 4px;background-image: linear-gradient(0deg, rgba(0,91,168,0.00) 0%, #005BA8 49%, rgba(0,91,168,0.00) 100%);left: 31px;margin: 0;border-radius: 2px;} .timeline > li {position: relative;margin-right: 10px;} .timeline > li:before, .timeline > li:after {content: " ";display: table;} .timeline > li:after {clear: both;} .timeline > li:before, .timeline > li:after {content: " ";display: table;} .timeline > li:after {clear: both;} .timeline > li > .timeline-item {margin-top: 0;color: #005BA8;margin-left: 60px;margin-right: 15px;padding: 0;font-size: 30px;position: relative;top: -10px;height: 50px;cursor: pointer;} .timeline > li > .fa,.timeline > li > .glyphicon,.timeline > li > .ion {font-size: 12px;position: absolute;color: #4A90E2 ;background: #fff;border-radius: 50%;text-align: center;left: 28px;top: 0;} .timeline > li.active > .fa, .timeline > li.active > .glyphicon, .timeline > li.active > .ion {font-size: 24px;left: 24px;} .timeline > li.active > .timeline-item .timeline-body {background-image: url("../images/year-bg.png");max-width:200px;background-size: 100% 100%;padding: 10px;text-align: center;font-weight: bold;} /*浼佷笟鏂囧寲*/ .culture-box{background-image: url("../images/culture-bg.png?v1.02");background-repeat: no-repeat;background-size: 100% 100%;min-height: 754px;} .culture{margin-bottom: 50px;} .culture p {/*font-family: STSongti-SC-Regular;*/font-size: 18px;color: #4A4A4A;letter-spacing: 0;line-height: 32px;} .culture-column {color: #005BA8;} .culture-item {padding: 8px 15px;background-image: linear-gradient(179deg, rgba(84, 177, 255, 0.12) 0%, rgba(0, 91, 168, 0.00) 100%);} .culture-item h3 {font-size: 18px;color: #005BA8;line-height: 32px;} .culture-item p {/*font-family: STSongti-SC-Regular;*/font-size: 18px;color: #005BA8;line-height: 28px;} /*鑽h獕*/ .honor-box{background: #f6f6f6;} .honor-list {/*height: 660px;overflow-y: auto;*/margin: 50px 0;} .honor-item{width: 20%;float: left;padding: 0 25px;margin-bottom: 50px;} @media (max-width: 1440px) {.honor-item{width: 25%;}} @media (max-width: 1100px) {.honor-item{width: 25%;}} @media (max-width: 1000px) {.honor-item{width: 33%;}} @media (max-width: 768px) {.honor-item{width: 50%;}} .honor-item .image-box{background: #9a9a9a;width: 100%;height:163px;} .honor-item .image-box img{max-width: 100%;max-height: 100%;margin: 0 auto} .honor-title{padding: 15px;background: #fff;height: 72px;box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05);} .honor-title p{/*font-family: STSongti-SC-Regular;*/font-size: 16px;color: #4A4A4A;letter-spacing: 0;text-align: center;} /*鏍忕洰瀵艰埅*/ .channel-box{position: relative;height:60px;} .channel-box .channel-item {position: absolute;width: 170px;height: 170px;background-image: url("../images/channel-item.png");background-size: 100% 100%;z-index: 90} .channel-box .channel-item h3{writing-mode:tb-rl;position: absolute;right: 25px;top: 25px;} .channel-box .channel-item h3 p{font-size: 28px; color: #005BA8; padding: 0 3px;} .channel-box .channel-item span{/*font-family: STSongti-SC-Regular;*/font-size: 18px;color: #ABD9FF;font-weight: normal;} .channel-box .channel-item.active{background-image: url("../images/channel-item-active.png");z-index: 95;} .channel-box .channel-item.active p{color: #fff;} .channel-box .channel-item.active span{color: #fff;} .channel-box .channel-item:hover{background-image: url("../images/channel-item-active.png");z-index: 97;} .channel-box .channel-item:hover p{color: #fff;} .channel-box .channel-item:hover span{color: #fff;} /*鏂伴椈涓績*/ .news-column-banner{position: relative} .news-column-banner .channel-title{position: absolute;left: 255px;top: 38%;} .news-column-banner .channel-title p{font-size: 34px;color: #FFFFFF;font-weight: bold} .news-column-banner .channel-title p:last-child{margin-top: 20px} .news-column-banner h3{position: absolute;bottom: 55%;left: 200px;font-size: 99px;color: rgba(255,255,255,0.36);letter-spacing: 13.03px;text-align: center;} .news-banner{background-image: url("../images/news-bg.png");background-size: 100%;padding: 50px;} .news-banner .swiper-container{width: 100%;height: 520px;} .news-banner .swiper-slide img{width: 100%;height: 100%} .news-banner .swiper-slide a{background-size: cover;background-position: center;width: 100%;display: block;height: 100%;background-repeat: no-repeat} .news-banner .swiper-button-next, .news-banner .swiper-button-prev{top: unset !important;width: 40px;height: 40px;bottom: 30px;} .news-banner .swiper-button-next img, .news-banner .swiper-button-prev img{width: 100%;height: 100%;} .news-banner .swiper-button-next, .news-banner .swiper-container-rtl .swiper-button-prev{right: 15px !important;} .swiper-pagination-bullet{background: #fff;width: 10px;opacity: 1;vertical-align: middle;height: 10px;} .swiper-pagination-bullet-active{background: unset;border: 2px solid #fff;width: 16px;height: 16px;} .news-list{position: relative} .news-item{background: #fff;padding: 25px 15px;display: block;width: 100%;margin: 35px 0} .news-item.active{background: initial;background-image: url("../images/news-item-active.png");background-size: 100% 100%;position: relative;left: -30px;z-index: 9;} .news-item:first-child {margin-top: 0} .news-item.active:first-child {margin-top: 15px} .news-item:last-child {margin-bottom: 0} .news-item .time{width: 90px;float: left;text-align: right;padding-right: 10px} .news-item .time .date{font-size: 25px;line-height: 30px;color: #4A4A4A;} .news-item .time .year{font-size: 14px;color: #4A4A4A;} .news-item.active .time .date{font-size: 26px;line-height: 30px;color: #005BA8;} .news-item.active .time .year{font-size: 16px;color: #005BA8;} .news-item.active .title{font-size: 18px;color: #005BA8;} .news-item .title{width: calc(100% - 95px );float: left;font-size: 16px;line-height: 23px;color: #4A4A4A;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;} .news-channel{background: #fff;text-align: center} .news-channel a{color: #777777;font-size: 20px;display: inline-block;padding: 30px 10px;position: relative} .news-channel a:hover{color: #005BA8;} .news-channel a.active{font-weight: bold;color: #005BA8;font-size: 24px} .news-channel a.active:before{content: ' ';position: absolute;bottom: -20px;border-left: 17px solid transparent;border-right: 17px solid transparent;border-top: 20px solid #fff;left: calc(50% - 17px);z-index: 99} .newx-content-box{background: rgb(248,248,247);padding: 40px;box-shadow: inset 0 14px 23px #eee;padding-bottom: 60px;transition: 2s} .newx-content-box>div{margin-bottom: 30px;} .newx-content-box a{background: #fff;box-shadow: 0 2px 20px #eee;} .newx-content-box .img{width: 100%;height: 250px;margin: 0 auto;background-size: cover;background-position: center;width: 100%;display: block;background-repeat: no-repeat} .care-content-box .img{width: 100%;height: 216px;margin: 0 auto;background-size: cover;background-position: center;width: 100%;display: block;background-repeat: no-repeat} .care-content-box .publishdate{height: unset !important;} .newx-content-box .news-info{padding: 20px 20px 35px 20px;background: #fff;box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05);} .news-info h3{font-size: 20px;min-height: 68px;color: #000000;margin-bottom: 10px;font-weight: normal;line-height: 34px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;} .newx-content-box .no-img-info li{background: #fff;padding: 20px;clear: both;margin-bottom: 20px;box-shadow: 0 2px 20px #eee} .care-content-box .no-img-info li{background: #fff;padding: 0 !important;clear: both;margin-bottom: 20px;box-shadow: 0 2px 20px #eee} .newx-content-box .no-img-info h3{font-size: 20px;margin-bottom: 10px;font-weight: bold;} .newx-content-box .no-img-info a{box-shadow: unset;display: block} .newx-content-box .no-img-info p{font-size: 16px;color:#9B9B9B;line-height: 30px;height: 90px} .newx-content-box .image-box img{width: 100%;height: 500px !important;max-height: unset} .news-info h3{font-size: 20px;min-height: 68px;color: #000000;margin-bottom: 10px;font-weight: normal;line-height: 34px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;} .party-content-box .no-img-info li{background: #fff;padding: 0 !important;clear: both;margin-bottom: 20px;box-shadow: 0 2px 20px #eee} .party-content-box .img{width: 100%;height: 182px;margin: 0 auto;background-size: cover;background-position: center;width: 100%;display: block;background-repeat: no-repeat} .party-news-title{height: 102px;font-size: 20px;line-height: 34px} .party-content-box .publishdate{height: unset !important;} .video-list-box{background: rgb(42,42,42);padding: 70px;padding-bottom: 60px;transition: 2s} .video-list-box>div{margin-bottom: 30px;/*padding: 0 40px*/} .video-list-box .image-box{width: 100%;height: 400px;position: relative;} .video-list-box .image-box .img{width: 100%;height: 100%;margin: 0 auto;background-size: cover;background-position: center;display: block;background-repeat: no-repeat} .news-video-title{padding: 15px 0; } .news-video-title h3{font-size: 20px;color: #ffffff;margin-bottom: 10px;font-weight: normal;line-height: 34px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;text-align: center;} .video-box{clear: both;text-align: center; position: relative;padding-left: 80px;padding-right: 40px;} .newx-content-box .time{width: 85px;float: left;padding-right: 10px} .newx-content-box .time .date{height: unset;font-size: 24px !important;line-height: 30px !important;;color: #9B9B9B !important;} .newx-content-box .time .year{height: unset;font-size: 14px !important;color: #9B9B9B !important;} .news-info .title{width: calc(100% - 90px );float: left;font-size: 16px;line-height: 23px;color: #9B9B9B;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;} /*鍒嗛〉鏍峰紡*/ @font-face { font-family: 'iconfont';src: url('iconfont.ttf') format('truetype'); } .iconfont {font-size: 30px;font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #9B9B9B} .pages{text-align: center;clear: both} .pages .iconfont:hover{color: #005BA8} .pagination > li{margin: 0 3px;} .pagination>li>a, .pagination>li>span{box-shadow: 0 2px 20px 0 #eee;border: unset;float: unset;font-size: 20px;color: #9B9B9B;padding: 8px 15px;display: inline-block} .pagination>li:first-child>a, .pagination>li:first-child>span,.pagination>li:last-child>a, .pagination>li:last-child>span{border-radius: unset;background: #fff;} .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {z-index: 3;font-size: 20px;color: #ffffff;cursor: default;background: #005BA8;border: unset;} .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {z-index: 2;color: #005BA8;background-color: #fff;border-color: #fff; } /*浜у搧涓績*/ .product-banner{height: 450px} .product-banner .swiper-wrapper{width: 100%;height:450px} .product-banner img{width: 100%;height: 100%} .category-box{display: flex;text-align: center;padding: 100px 150px 80px 150px;background: #fff;min-width: 750px} .category-box .category-item{flex: 1;vertical-align: middle;position: relative} .category-box .category-item h3{/*font-family: STSongti-SC-Regular;*/font-size: 22px;color: #4A4A4A;font-weight: normal;margin-bottom: 10px} .category-box .category-item p{/*font-family: STSongti-SC-Light;*/font-size: 16px;color: #9B9B9B;line-height: 16px; word-break:keep-all} .category-box .category-item.active h3{color: #005BA8;font-weight: bold;/*font-size: 26px;*/} .category-box .category-item.active p{color: #005BA8;/*font-size: 20px;*/} .category-box .category-item.active:before{content: ' ';position: absolute;bottom: -37px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 15px solid #005BA8;left: calc(50% - 10px);} .category-child{ background-image: url("../images/category-children.png");background-size: 100% 100%;padding: 11px 14px;width: 100%;overflow: auto;line-height: 34px;} .category-child a{/*font-family: STSongti-SC-Regular;*/font-size: 20px;color: #9B9B9B;padding: 8px 18px} .category-child a.active{/*font-family: STSongti-SC-Black;*/font-size: 22px;color: #005BA8;} .category-child-box{position: absolute;left: 150px;right: 150px;top: 210px;z-index: 99;min-width: 750px} .product-box{background: rgb(246,246,246);padding: 90px} .product-box>div{margin-bottom: 20px} .product-item{text-align: center;background: #fff;padding:0px;box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05);display: block;cursor: pointer} .product-item img{max-width: 100%;margin: 0 auto;height: 190px} .product-item h4{font-size: 18px;font-weight: normal;padding-bottom: 10px;margin-top: 8px} .product-item .thumbnail {padding: 8px;} .product-item .active{border:1px solid #005BA8} .product-dialog .modal-content{border-radius: unset;border: none;box-shadow: unset;background:#fff;} .product-dialog .modal-header {border-bottom: unset;} .product-dialog .modal-dialog{width: 70%;min-width: 800px} .product-dialog .modal-body{border: 15px solid #fff;background: rgb(246,246,246);padding: 40px;max-height: 700px;overflow-y: auto} .product-dialog .product-image{width: 300px;float: left} .product-dialog .product-image .image-box{width: 100%;box-shadow: 0 2px 20px 0 #0000000d;} .product-dialog .product-image .image-box img{max-width: 100%;height: auto;margin: 0 auto} .product-dialog .product-image .qr-box{padding: 10px; width: 100%;box-shadow: 0 2px 20px 0 #0000000d;margin-top: 10px;text-align: center;} .product-dialog .product-image .qr-box>img{max-height: 200px;max-width: 100%;} .product-dialog .product-info{width: calc(100% - 300px);float: left;padding: 0 30px} .product-dialog .product-info .product-title{font-size: 36px} .product-dialog .product-info .product-content{padding-top: 15px} .product-dialog .modal-footer{background: #7b7b7b00;text-align: center;border: none;} .product-dialog .modal-footer a{background:#005BA8;display: inline-block;padding: 5px 15px;font-size: 16px;font-weight: bold; color:#fff;letter-spacing: 15px;text-align: center;} .product-dialog .modal-footer a span{font-size: 16px} @media (max-width: 767px) {.category-box{padding: 100px 30px 80px 30px} .product-box{padding: 90px 30px} .category-child-box{left: 30px;right: 30px;}} /*涓亽鍏氬缓*/ nav{width: 100%;height: 70px;background: #CB1410;padding: 0 70px;color: #fff} nav .logo-box{height: 100%;float: left;padding: 15px 0} nav .logo-box img{height: 100%;display: inline-block;margin-right: 30px} nav .logo-box a{color: #fff;/*font-family: STSongti-SC-Regular;*/} .nav{float: right} .nav a{display: inline-block;color: #fff;/*font-family: STSongti-SC-Bold;*/font-size: 16px;padding: 24px 25px 25px 25px} .nav a.active, .nav a:hover{background-image: linear-gradient(0deg, #BF0000 0%, #9F0404 100%);color: #fff} .ellipsis2 { text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;} .ellipsis3 { text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;} .ellipsis4 { text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;line-clamp: 4;-webkit-box-orient: vertical;} .dangjian-news-box{background: rgb(246,246,246);padding: 50px} .dangjian-news-rec { padding: 15px; background: #fff } .dangjian-news-rec .swiper-container { width: 100%; height: 450px } .dangjian-news-rec .swiper-slide img{width: 100%;height: 100%} .dangjian-news-rec .swiper-button-next, .dangjian-news-rec .swiper-button-prev{top: unset;bottom: 25px;width: 50px !important;height: 50px !important;} .dangjian-news-rec .swiper-button-next img, .dangjian-news-rec .swiper-button-prev img{width: 100%;height: 100%} .dangjian-news-rec-list{margin-bottom: 25px} .dangjian-news-rec-list div{float: left;} .dangjian-news-rec-list .publishdate{background: #E6E6E6;padding: 25px 15px 20px 15px;color: #9B9B9B;} .dangjian-news-rec-list .publishdate p:first-child{font-size: 22px;} .dangjian-news-rec-list .title{width: calc(100% - 130px);margin: 8px 15px;} .dangjian-news-rec-list .title h3{font-size: 20px;line-height: 36px} .dangjian-news-rec-list.active .publishdate{background: #CB1410;color: #fff} .dangjian-news-rec-list.active .title h3{color: #CB1410} .dangjian-news-rec-list .title h3:hover{color: #CB1410} .text-red{color: #D0021B !important;} .dangjian-baike{padding: 0 50px} .dangjian-baike .news-list{float: left;width: 55%;background: #f6f6f6;padding:0 25px} .dangjian-baike .image-box{float: left;width: 45%} .dangjian-baike .image-box img{width: 100%;max-height: 367px} .dangjian-baike .news-list li{clear: both;/*font-family: STSongti-SC-Regular;*/height: auto;padding: 33px 0 5px 0;border-bottom: 1px solid #e6e6e6} .dangjian-baike .news-list li a{display: inline-block;width: 100%} .dangjian-baike .news-list li h3{float: left;display: inline-block;font-size: 18px;} .dangjian-baike .news-list li span{float: right;font-size: 16px;} .dangjian-baike .news-list .more{color: #9B9B9B;display: inline-block;margin-top: -10px;} .heart-space{background-image: url("../images/heart-block.png");background-size: contain;background-position: center;background-repeat: no-repeat;height: 317px;position: relative;width: 100%;padding: 0 50px;margin: 30px 0 10px 0;} .heart-item{text-align: center;padding-left: 330px;padding-top: 150px;} .heart-item span{font-size: 32px;color: #D0021B;letter-spacing: 4px;font-weight: bold;display: inline-block;padding: 0 35px;} .column-box{padding: 0 50px;margin: 90px 0 150px 0} .column-box .title{border-bottom: 2px solid #D0021B;/*font-family: STSongti-SC-Bold;*/color: #D0021B;letter-spacing: 12.31px;padding-bottom: 10px} .column-box .title h3{display: flex;font-size: 32px;} .column-box .title *{flex:1} .column-box .title a{letter-spacing: -23px;color: #D0021B;} .column-box .title a i{font-style: normal} .column-box .title span{flex:1} .column-box li{clear: both;/*font-family: STSongti-SC-Regular;*/height: auto;padding: 33px 0 5px 0;border-bottom: 1px solid #e6e6e6} .column-box li h3{float: left;display: inline-block;font-size: 18px;} .column-box li span{float: right;font-size: 16px;} .column-box li a{display: inline-block;width: 100%} /*绉戠爺鍒涙柊*/ .science-banner{position: relative} .science-banner .channel-title{position: absolute;left: 43%;top: 27%;} .science-banner .channel-title p{font-size: 36px;color: #005BA8;letter-spacing: 4.74px;font-weight: bold} .science-banner .channel-title p:last-child{padding-left: 248px;margin-top: 20px} .science-banner h3{position: absolute;bottom: 13%;width: 100%;font-size: 99px;color: rgba(255,255,255,0.50);letter-spacing: 13.03px;text-align: center;} .achievement-item{padding: 0 100px;margin-bottom:50px} .achievement-item h3{font-size: 28px;font-weight: bold; color: #005BA8;margin-bottom: 20px} .achievement-item .list-group-item{margin-bottom: 4px;/*font-weight:bold;*/font-size: 24px;color: #003C6F;background: #F7FBFF; border:1px solid #C5E8FF;border-image: -webkit-linear-gradient(#C5E8FF,#FFFFFF) 1 1;border-image: -moz-linear-gradient(#C5E8FF,#FFFFFF) 1 1;border-image: linear-gradient(#C5E8FF,#FFFFFF) 1 1;} .achievement-item .list-group-item .badge{background-color:unset;border-radius:0;color: #005BA8;font-size: 22px} .achievement-item .list-group-item .badge span{color: #D0021B;font-weight: bold;font-size: 30px} .platform{background: rgb(246,246,246);padding: 0 100px 70px 100px;} .platform .panel{border-radius: 0;border: unset} .platform .panel-title{text-align: center;font-size: 24px;} .platform .panel-body{padding: 30px 15px;min-height: 577px} .platform .honor-position p{font-size: 18px;color: #005BA8;font-weight: bold;margin-bottom: 15px;position: relative;padding-left: 15px} .platform .honor-position p:after{content: ' ';position: absolute;bottom: 7px; border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:10px solid #005ba8;left: 0;} .platform .cooperation{margin: 30px 15px 15px 15px;} .platform .cooperation h3{border: 2px solid #9B9B9B;text-align: center;/*font-family: STSongti-SC-Bold;*/font-size: 22px;color: #000000;letter-spacing: 10px;padding: 7px;margin-bottom: 15px} .platform .cooperation p{font-size: 18px;color: #4A4A4A;letter-spacing: 0;line-height: 30px;text-indent: 2em} .research{padding: 0 100px} .research-item{width: 350px;height: 350px;border-radius: 100%;overflow:hidden;background-image: linear-gradient(#005BA8, #C5E8FF);margin: 0 auto 30px auto;padding: 2px} .research-item>div{background: #fff;border-radius: 100%;width: 100%;height: 100%;padding: 70px 30px;text-align: center;overflow: hidden} .research-item h3{font-size: 28px;font-weight: bold; color: #005BA8;letter-spacing: 0;text-align: center;line-height: 46px;padding: 0 10px} .research-item p{font-size: 20px;color: #005BA8;letter-spacing: 0;text-align: center;line-height: 35px;} .research-news{background: rgb(246,246,246);padding: 0 150px 70px 150px;position: relative} .research-news .swiper-container {width: 100%;height: 400px} .research-news .swiper-button-next{top: calc(50% + 40px);right: 60px !important;box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05);width: 60px;height: 60px} .research-news .swiper-button-prev{top: calc(50% + 40px);left: 60px !important;box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05);width: 60px;height: 60px} .research-news .swiper-button-next img, .research-news .swiper-button-prev img{width: 100%;height: 100%} .research-news a{background: #fff;display: block;box-shadow: 0 2px 20px #eee} .research-news .img{width: 100%;height: 225px;margin: 0 auto;background-position: center;background-repeat: no-repeat;background-size: cover} .research-news .news-info{padding: 20px 20px 35px 20px;background: #fff;box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05);} .research-news .news-info h3{/*font-family: STSongti-SC-Regular;*/font-size: 20px;min-height: 68px;color: #000000;margin-bottom: 10px;font-weight: normal;line-height: 34px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;} /*涓亽鍏泭*/ .gongyi-banner{position: relative} .gongyi-banner .channel-title{position: absolute;left: 30%; top: 40%;} .gongyi-banner .channel-title p{font-size: 50px;color: #fff; font-weight: bold; } .gongyi-banner h3{position: absolute;bottom: 13%; left: 30%;font-size: 120px;color: rgba(255,255,255,0.50);letter-spacing: 13.03px;} .gongyi-list{ padding: 50px 0; background-color: #f6f6f6; } .gongyi-list-box{ width: 90%; margin: 0 auto; } .gongyi-list-box a{ display: block; float: left; width: 32%; margin-right: 2%; margin-bottom: 30px; background-color: #fff; } .gongyi-list-box a:nth-of-type(3n){ margin-right: 0;} .gongyi-list-box a div{ width: 100%; background-color: #ffffff; overflow: hidden;} .gongyi-list-box a div img{ display: block; margin: 0 auto; height: 309px; } .gongyi-list-box a h3{ margin-bottom: 15px; height: 80px; font-size: 24px; padding: 25px; } .gongyi-list-box a p{ margin-bottom: 40px; height: 48px; line-height: 24px; font-size: 18px; color: #9B9B9B; padding: 0 30px 0 30px; } .gongyi-photo{ width: 100%;} .touming{ opacity: 0.2!important;} /*鎶曡祫鑰?/ .investor-tab-box{ padding: 40px 100px; background: rgb(246,246,246); } .investor-channel{background: #fff;text-align: center} .investor-channel a{color: #777777;font-size: 20px;display: inline-block;padding: 30px 50px;position: relative} .investor-channel a:hover{color: #005BA8;} .investor-channel a.active{font-weight: bold;color: #005BA8;font-size: 24px} .investor-channel a.active:before{content: ' ';position: absolute;bottom: -20px;border-left: 17px solid transparent;border-right: 17px solid transparent;border-top: 20px solid #fff;left: calc(50% - 17px);z-index: 99} .investor-channel a span{font-size: 14px;color: #9B9B9B;line-height: 16px;font-weight: 500} .investor-channel a.active span{font-size: 16px;color: #005BA8;line-height: 20px;font-weight: 500} .tab-item {background: #FFFFFF;box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05);margin-bottom: 50px} .tab-item .panel-default{border: unset} .tab-item .panel-default>.panel-heading{background: #fff !important;padding: 30px;border-color: #f6f6f6;} .tab-item .panel-body{padding: 15px 40px} .tab-item .panel-title span{margin-right: 10px;font-size: 20px;color: #000000;} .shares{padding: 20px 0;font-size: 18px;color: #9B9B9B;border-bottom: 1px solid #f6f6f6} .shares .title{font-size: 26px;color: #000000;font-weight: bold} .shares-info{padding: 40px 0;text-align: center} .shares-info .column{border-right: 1px solid #f2f2f2} .shares-info .num1{font-size: 75px;color: #fe0000;} .shares-info .num3{font-size: 20px;color: #000000;margin-left:5px;margin-right:5px;font-weight: bold} .shares-info .yuan{font-size: 30px;color: #D0021B;} .shares-info p{font-size: 20px;color: #9B9B9B;margin-bottom: 15px} /*涓嬫媺鑿滃崟*/ .topbox-submenu{ position: fixed; z-index: 1000; width: 200px; top: 120px; } .topbox-submenu>div{ width: 160px; background-color: rgba(255,255,255,.9); } .topbox-submenu>div>a{ display: block; height: 50px; line-height: 50px; font-size: 18px; text-align: center; border-bottom: #fff solid 1px; } .topbox-submenu>div>a:hover{ color: #fff !important;background: #005BA8} /*鑱旂郴鎴戜滑*/ .lxwm-banner img{ width: 100%;} .lxwm-three{ width: 90%; margin: 0 auto; margin-top: 50px;display: flex; justify-content: space-between;} .lxwm-three-part{ width: 30%; height: 480px; border-radius: 10px; background-color: #f7fbff; border: #96d5ff solid 2px; } .lxwm-three-part>img{ display: block; margin: 0 auto; margin-top: 50px; width: 50px;} .lxwm-three-part>h5{ margin-top: 30px; text-align: center; font-size: 24px;font-weight: bold; color: #005ba8;} .lxwm-three-part>p{ width: 85%; margin: 0 auto; margin-top: 70px; line-height: 36px; text-align: left; font-size: 18px; color: #005ba8; font-weight: bold;} .lxwm-three-part>p>img{ display: block; margin: 0 auto; width: 200px; height: 200px;} .lxwm-map{ width: 90%; margin: 0 auto; margin-top: 60px; margin-bottom: 60px; overflow: hidden;} .lxwm-jt-header{ height: 180px; overflow: hidden;} .lxwm-jt-header h3{ text-align: center; color:#005BA8; font-size: 36px;} .lxwm-jt-header h3 i{ display: inline-block; margin: 0 50px; font-style: normal;} .lxwm-jt-header span{ display: block; margin: 10px 0 0 0; text-align: center; color:#7A7A7A; font-size: 20px; letter-spacing:25px;} .lxwm-jt-flex{ width: 90%; margin: 0 auto;display: flex; justify-content: space-between;} .lxwm-jt-flex-part{ width: 30%; height: 200px; } .lxwm-jt-flex-part>img{ display: block; float: left; width: 120px; margin-right: 30px;} .lxwm-jt-flex-part>span>h5{ font-size: 20px;font-weight: bold; } .lxwm-jt-flex-part>span>p{ margin-top: 10px; line-height: 36px; text-align: left; font-size: 20px;} .lxwm-ly{ width: 90%; margin: 0 auto; margin-top: 20px; margin-bottom: 100px; height: 420px; border-radius: 10px; background-color: #f7fbff; border: #96d5ff solid 2px; } .lxwm-ly>h2{ margin-top: 30px; margin-bottom: 30px; text-align: center; font-size: 30px; color: #005ba8; } .lxwm-ly-box{ display: flex; justify-content: center; padding: 0 5%;} .lxwm-ly-box .left{ width: 380px; } .lxwm-ly-box .left input{ width: 100%; height:40px; margin-bottom: 20px; line-height: 50px; font-size:16px;padding-left: 15px} .lxwm-ly-box .right{ flex: 1; margin-left: 30px;} .lxwm-ly-box .right textarea{padding-left: 15px;width: 100%; height: 120px; line-height: 30px; font-size: 16px; border: none;} .lxwm-btn{ background: unset;display: block; color: #005ba8; font-size:18px; text-align: center; margin: 0 auto; margin-top: 30px;border: #005ba8 solid 2px; border-radius: 6px;padding:10px 30px;} .lxwm-ly-box .left input[type=text]:focus,.lxwm-ly-box .right textarea:focus{ outline: 1px solid #AFECAB;} /*缁勭粐鏋舵瀯*/ .org-box{padding: 80px 100px;margin-bottom: 200px} .strt-part{/*text-align:center;*/float:left;position:relative;} .strt-part .line-v{position:relative;height:55px;width:100%;} .strt-part .line-v span{display:block;background:#005BA8;position:absolute;top:0;font-size:0;line-height:1px;width:2px;height:55px;left:50%;background-image: linear-gradient(#005BA8, #C5E8FF);} .strt-name {font-weight: bold;display: inline-block;padding:20px 10px;height:410px;font-size: 20px;color: #005BA8;writing-mode: tb-rl;line-height: 24px;border: 1px solid #005BA8;border-image: -webkit-linear-gradient(#C5E8FF, #FFFFFF) 30 30;border-image: -moz-linear-gradient(#C5E8FF, #FFFFFF) 30 30;border-image: linear-gradient(#C5E8FF, #FFFFFF) 30 30;margin: 0 20px;background: #F7FBFF;} .strt-part .line-h{height:2px;display:block;background:#005BA8;position:absolute;top:0;font-size:0;} .strt-part .line-h-l{width:50%;left:0;} .strt-part .line-h-c{width:100%;left:0;} .strt-part .line-h-r{width:50%;right:0;} .strt-block{margin: 0 auto;width: max-content;} .subject{width: unset;height: unset;padding: 15px 44px;font-size:26px;border: unset;background:#005ca9;background-image: url(../images/subject.jpg);background-size: 100% 100%;color: #ffffff;writing-mode: unset} .org .modal-dialog{min-width: 50%;} .org .modal-body{max-height: 700px;overflow-y: auto} .org .modal-dialog .modal-header{border-bottom: unset;} /*鏂伴椈璇︽儏*/ .news-center-box{} .news-center-box .news-box{padding-left:80px;padding-right: 40px;} .back-box{float: left;width: 200px;padding-left:20px;} .back-box span{color: #fff;font-size: 18px} .news-conetnt{float: left;width: calc(100% - 200px);padding: 0 20px} .news-conetnt .news-content-item p,.news-center-box .news-box p{font-size: 16px;line-height:1.8em} .news-box p>img{display: inline-block;} .back-box a{display: inline-block;background: #005BA8;color: #fff;letter-spacing: 10px;font-size: 18px;padding: 5px 18px 5px 28px} .news-conetnt h3{line-height: 34px;font-size: 22px;font-weight: bold; text-align: center;} .news-conetnt .publish_time{text-align: center;font-size: 16px;color: #6e6e6e;margin-top: 10px;margin-bottom: 30px} .news-conetnt .publish_time span{margin-right: 15px} .news-conetnt .addon{text-align: right;font-size: 16px;color: #4A4A4A;margin-top: 30px;margin-bottom: 50px} .news-detail-rec-box{background: rgb(246,246,246);width: 100%;padding: 40px} .news-detail-rec-box .prev,.news-detail-rec-box .next{font-size: 16px;color: #4A4A4A;margin-top: 20px;margin-bottom: 30px} .news-detail-rec-box li{margin-bottom: 45px} .news-detail-rec-box li p{font-size: 16px;color: #4A4A4A;margin-bottom: 5px} .news-detail-rec-box li h3{font-size: 16px;line-height: 28px} /*鎼滅储*/ .search-box{padding: 30px 80px;background: rgb(246,246,246)} .form-box{width: 630px} .form-box input{height:50px;box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05);border: unset;font-size: 18px} .form-box button{height: 50px;background: #005BA8;font-size: 18px;padding: 6px 25px} .search-list{margin: 50px 0} .search-list .count-list{font-size: 20px;color: #4A4A4A;line-height: 30px;border-bottom:1px solid #e6e6e6;padding-bottom: 10px} .search-list ul li{padding: 20px 0;border-bottom:1px solid #e6e6e6;height: 135px} .search-list .channel-title{float: left;height: 100%;font-size: 20px;color: #4A4A4A;width: 180px;padding-top: 4px} .search-list .search-item{float: left;height: 100%;width: calc(100% - 180px)} .search-list .search-item h3{font-size: 20px;color: #000000;line-height: 30px;margin-bottom: 10px} .search-list .search-item p{font-size: 16px;color: #9B9B9B;line-height: 26px;} .investor-tab-box .list-group{box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05);} .investor-tab-box .list-group-item{background:#fff;padding: 25px 30px;border: unset;border-bottom: 1px solid #e6e6e6;margin-bottom: 1px} .investor-tab-box .list-group-item:first-child,.investor-tab-box .list-group-item:last-child{border-radius: 0} .investor-tab-box h3{font-size: 20px;letter-spacing: 0;line-height: 34px;} .investor-tab-box .badge{background: unset;border-radius: 0;font-size: 20px;color:#000;} .investor-tab-box a:hover, .investor-tab-box a:focus{background: #fff !important;color: #005BA8 !important;} .report-item{float: left;width: 20%;text-align: center;margin-bottom: 30px;padding: 0 10px} .report-item img{max-width: 100%;width: 209px;height: 300px;display: inline-block;box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05);} .report-item h3{font-size: 22px;text-align: center;margin-top: 10px} .investor-tab-box .echart-box{width: 100%;background: #fff;margin-bottom: 30px;padding: 20px} .investor-tab-box .echart-box h3{font-size: 28px;color: #005BA8;margin-bottom: 20px} /*鑰佸瓧鍙?/ .brand-box{text-align: center;position: relative;width: 100%;} .brand-box ul>li{list-style: none;display: inline-block;width:22%;} .brand-box ul>li .thumbnail { border: unset; opacity: 0.4; } .brand-box ul>li .active { opacity: 1; } .brand-box .thumbnail .caption {padding: 0px;} .brand-box img{max-width: 100%;height: auto;margin: 0 auto;margin-bottom: 20px} /*.brand-box>div{padding: 40px 10px;opacity: 0.4}*/ .brand-box .active{opacity: 1} .brand-box .active h3{font-size: 24px;font-weight: bold} .brand-introduce{background: rgb(246,246,246);padding: 20px 40px} .brand-introduce .brand-block{background: #fff;box-shadow: 0 2px 20px #eee;padding: 20px;height: auto;} .brand-introduce .brand-block .img-box img{max-width: 100%;height: auto;margin: 0 auto;} .brand-introduce .brand-article{background: #fff;box-shadow: 0 2px 20px #eee;padding: 20px 0;height: auto;margin-top: 40px} .brand-introduce .brand-article .article-title li{background: rgb(246,246,246);margin-bottom: 15px} .brand-introduce .brand-article .article-title a{font-size: 26px;font-weight: bold;width: 100%;height: 215px;padding: 40px;display: block;line-height: 34px} .brand-introduce .brand-article .article-title a.active{background: #fff;color: #005BA8} .brand-introduce .brand-article .article-item{padding: 20px} .play { background: rgba(0,0,0,0.5) url(../images/play.png) no-repeat center center; } .play-icon { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 3; } .swiper-button-next, .swiper-button-prev { top: 43% !important; } .honor-dialog .modal-content{border-radius: unset;border: none;box-shadow: unset;background:#fff;} .honor-dialog .modal-header {border-bottom: unset;} .honor-dialog .modal-dialog{width: 70%;min-width:600px} .honor-dialog .modal-body{border: 15px solid #fff;background: rgb(246,246,246);max-height: 700px;overflow-y: auto} .honor-dialog .modal-body .image-box{text-align: center;} .honor-dialog .modal-body .image-box>img{max-height:560px;} .honor-dialog .modal-body .info{margin-top:20px; text-align: center;} .honor-dialog .modal-footer,.org .modal-dialog .modal-footer{background: #7b7b7b00;text-align: center;border: none;} .honor-dialog .modal-footer a,.org .modal-dialog .modal-footer a{background:#005BA8;display: inline-block;padding: 5px 15px;font-size: 16px;font-weight: bold; color:#fff;letter-spacing: 15px;text-align: center;} .honor-dialog .modal-footer a span,.org .modal-dialog .modal-footer a span{font-size: 16px} .news-box .addon{text-align: right;} .news-box .addon span{display: block;} .science-banner img{width: 100% !important;} .culture-column ul{margin: 0;padding: 0;} .culture-column li{display: inline-block;width:18%;margin-right: 15px;vertical-align: top;} .culture-column li:last-child{margin-right:0px}