/*index*/ #wrapper_pager{position: absolute;width:auto;bottom: 30px;left: 50%;transform: translateX(-50%); -webkit-transform: translateX(-50%);z-index: 100;} /* #wrapper_pager span{display:block;height:5px;border-radius: 5px;text-indent: -999px;overflow: hidden;background-color:#fff;width:0px;position: relative;z-index: 100;} #wrapper_pager a{height: 15px;padding-top: 5px;width:45px;margin:0 5px;float:left;position: relative;cursor: pointer;} #wrapper_pager a::before{display: block;content:'';height: 5px;width: 100%;border-radius: 5px;background:#666;position: absolute;left: 0;top: 5px;opacity: 0.6} #wrapper_pager a:hover{border-color:#999;} */ #wrapper_pager a{width: 14px;height: 14px;border-radius: 14px;text-indent: -999px;overflow: hidden;background: #fff;margin:0 5px;float:left;position: relative;cursor: pointer;} #wrapper_pager span{display: none;} #wrapper_pager .selected{background: #035E9F;} .i_banner_swiper-container{} .i_banner_swiper-container .swiper-slide{height:100vh;/*height:calc(100vh - 129px);*/} .i_banner_swiper-container .swiper-slide .pic{display: block;width: 100%;height:100%;background: no-repeat center;background-size: cover;} /*@media screen and (min-width:2500px) { .i_banner_swiper-container .swiper-slide{height:1100px;} }*/ .i_news_left{width: 540px;} .i_slides{position: relative;overflow: hidden;height: 360px;margin-top: 63px;} .i_slides-container{height: 100%;} .i_slides li{width: 100%;height:100%;position: relative;} .i_slides li .pic{display: block;width: 100%;height:100%;background: no-repeat center;background-size: cover;position: absolute;top: 0;left: 0;z-index: 10;} .i_slides li .tit{display: block;width: 100%;background: rgba(0,0,0,0.7);position: absolute;z-index: 20;bottom: 0;left: 0;padding:15px 20px;line-height: 20px;color:#fff;font-size: 16px;padding-right: 150px;} .i_slides li .tit span{display: block;width: 100%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;} /* .i_slides .prev, .i_slides .next{position: absolute;display: block;width: 40px;height: 80px;top:50%;margin-top: -40px;text-indent: -999px;overflow: hidden;transition: 0s;z-index: 100;} .i_slides .prev.swiper-button-disabled, .i_slides .next.swiper-button-disabled{opacity: 0.5;cursor:no-drop;} .i_slides .prev{left: 0;background: url(../images/slide_left.png) no-repeat top left;} .i_slides .next{right: 0;background: url(../images/slide_right.png) no-repeat top left;} .i_slides .prev.swiper-button-disabled{background-position: left bottom;} .i_slides .next.swiper-button-disabled{background-position: right bottom;} */ .i_slides .swiper-pagination-bullet{width: 14px;height: 14px;background: #fff;margin:0 5px;border-radius: 0;opacity: 1;cursor: pointer;} .i_slides .swiper-pagination-bullet-active{background:#304FB8;} .i_slides .i_slides-pagination{position: absolute;left:auto;right: 20px;bottom: 18px;width:auto;z-index: 1000;font-size: 0;line-height: 0;} .i_block1{padding-top: 84px;padding-bottom: 100px;} .i_news_left_tit{line-height: 60px;font-size: 40px; font-weight: bold;} .i_news_box{width: 720px;} .i_news_tit{overflow: hidden;margin-bottom: 53px;} .i_news_tit .tit{width: 204px;line-height: 60px;padding-bottom: 10px;font-size: 18px;color:#000;text-align: center;cursor: pointer;background: url(../images/i_news_tit_bg1.png) no-repeat center;margin-left: 30px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .i_news_tit .hover{background: url(../images/i_news_tit_bg2.png) no-repeat center;color:#fff;} .i_news_con{} .i_news_con .first{height:110px;align-items: normal;} .i_news_con .first .tit{font-size: 30px;font-weight: 600;line-height: 50px;width: 100%; max-height: 120px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .i_news_con .first .desc{font-size: 14px;color:#969696;font-weight: 400;line-height: 18px;margin-top: 12px;width: 100%; height: 36px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .i_news_con li{line-height: 35px;position: relative;margin-top: 7px;} .i_news_con li .date{width: 90px;text-align: right;float: right;font-size: 16px;color:#969696;} .i_news_con li .tit{font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } /* .i_news_con li:before{content:'';display: block;width: 12px;height: 12px;border: 2px solid #0052D9;position: absolute;top: 50%;margin-top: -6px;left: 0;border-radius: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } */ /* .i_news_con li:after{content:'';display: block;width: auto;height: 1;border-bottom: 1px solid #dcdcdc;position: absolute;left: 22px;bottom: 0;right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } */ .i_block2{background: url(../images/i_block2_bg2024.jpg) no-repeat center;height: 715px;padding-top: 60px;} .i_block3{} .i_block4{padding-top: 120px; padding-bottom: 150px;background: url(../images/bj_4.jpg) no-repeat center;} .i_block5{background: url(../images/i_block5_bg.jpg) no-repeat center;height: 813px;padding-top: 74px;} .i_tit{text-align: center;line-height: 82px;color:#000;font-size: 40px;font-weight: bold;} .i_desc{text-align: center;line-height: 52px;color:#666;font-size: 18px;} .i_desc span{margin:0 10px;} .i_dangjian_tit{margin-top: 60px;margin-bottom: 100px;} .i_dangjian_tit .tit{background: #EEEEEE;width: 160px;line-height: 50px;text-align: center;font-size: 18px;color:#333;margin:0 20px;border-radius: 4px;cursor: pointer;} .i_dangjian_tit .tit.hover{background: #304FB8;color:#fff;} .dangjian_list{overflow: hidden;} .dangjian_list ul{overflow: hidden;margin-left: -15px;margin-right: -15px;} .dangjian_list li{width: 300px;position: relative;float: left;margin:0 15px;} .dangjian_list .pic_box{width: 100%;height: 205px;} .dangjian_list .pic_box img{width: 100%;height:100%;object-fit: cover;} .dangjian_list li .title{line-height: 50px;text-align: center;font-size: 16px;color:#454545;position: relative;z-index: 1; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; display: none; } .i_yewu_box{margin-top: 65px;} .i_yewu_box li{color:#fff;position: relative;width: 620px;height: 355px;overflow: hidden; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .i_yewu_box li .pic{display: block;width: 100%;height: 100%; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .i_yewu_box li img{width: 100%;height: 100%;object-fit: cover;} .i_yewu_box li .text_info{width: 100%;height: 100%;padding:40px 30px 45px;position: absolute;top: 100%;left: 0;background: rgba(57, 142, 197, 0.4); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .i_yewu_box li .tit{line-height: 36px;font-size: 28px;font-weight: bold;} .i_yewu_box li .more{display: block;position: absolute;right: 30px;bottom: 15px;line-height: 30px;color:#fff;font-weight: bold;font-size: 12px;} .i_yewu_box li .desc{margin-top: 20px;font-size: 14px;line-height: 2.2; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; } .i_yewu_box li:hover .text_info{top: 0;} .i_yewu_box li:hover .pic{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .i_yewu_box li:hover{box-shadow: 0 7px 14px rgba(0, 0, 0, 0.12), 0 10px 10px rgba(0, 0, 0, 0.11);} /* 淡入淡出 */ /* .i_yewu_box li .text_info{top: 0;opacity: 0;} .i_yewu_box li:hover .text_info{opacity: 1;} */ .i_about_left{width: 430px;} .i_about_tit{line-height: 96px;font-size: 40px;font-weight: bold;} .i_about_con{font-size: 16px;color:#333;text-indent: 2em;line-height: 2;} .i_about_con p{margin-top: 20px;line-height: 34px;line-height: 2.8;} .i_about_left .i_more_btn{display: block;width: 130px;height: 50px;background: url(../images/i_more_icon.png) no-repeat center;margin-top: 30px;} .i_about_right{width: 730px;height: 595px;} .i_about_right .numbbox{overflow: hidden;width: 700px;height: 320px;background: rgba(153,204,255,.35);padding:40px;border-radius: 16px;} .i_about_right .num-width{overflow: hidden;} .i_about_right .numbli{width: 30%;float: left;color:#000;font-size: 16px;line-height: 1;margin: 20px 0;} .i_about_right .numbli p span{font-size: 55px;color:#264994;font-family: "FZLTCHK";margin-right: 10px;} .i_about_right .numbli .tit{line-height: 1.4;margin-top: 10px;text-indent: 0.7em;} /*.i_about_right .numbli.item_3,*/ .i_about_right .numbli.item_2{width: 35%;} .i_about_right .numbli.item_6{width: 40%;} .i_about_right .numbli.item_6 .tit{text-indent: 4em;} /* 发展历程 */ .time-line-box ul:after {content: '';background: url(../images/line.png) repeat-x left bottom;height: 52px;width: 1000%;position: absolute;left: 0;z-index: 1;} .time-line-box ul li {float: left;width: 211px;position: relative;padding-top: 166px;padding-bottom: 0;padding-left: 0;z-index: 2;width: 422px;} .time-line-box ul li:after {content: '';height: 124px;border-left: #d3d3d2 2px solid;position: absolute;top: 52px;left: 0;} .time-line-box ul li .layui-timeline-content{position: relative;z-index: 10;} .time-line-box ul li dl {padding-left: 25px;padding-right: 100px;position: relative;} .time-line-box ul li dl dt {font-size: 24px;color: #304EB8;font-weight: bold;position: relative;margin-bottom: 5px;line-height: 40px;} .time-line-box ul li .layui-timeline-content:after {content: '';width: 8px;height: 8px;border-radius: 100%;background: #304D95;position: absolute;left: -7.5px;top: 20px;border: #839BD7 4px solid;} .time-line-box ul li dl dd {color: #666;font-size: 14px;line-height: 2;/* padding-left: 15px; */position: relative;} /* .time-line-box ul li dl dd:after {content: '';width: 6px;height: 6px;border-radius: 100%;background: #304EB8;position: absolute;left: 0;top: 50%;margin-top: -3px;} */ .time-line-box ul li:first-child {margin-left: 95px;} .time-line-box ul li:last-child {margin-right: 40px;} .time-line-box ul li:nth-child(2n) {padding-top: 0;} .time-line-box ul li:nth-child(2n):after {top: auto;bottom: -51px;height: 76px;z-index: 2;} .time-line-box ul li:nth-child(2n) .layui-timeline-content:after {left: -9.5px;top: 0;} .time-line-box ul li:nth-child(2n) .layui-text {position: absolute;left: 0;bottom: 10px;border-left: #d3d3d2 2px solid;} .time-line-box ul .item-this:after {border-left: #304EB8 2px solid;} .time-line-box ul .item-this .layui-text {border-left: #304EB8 2px solid !important;} /*内页顶部图片*/ .top_banner{overflow: hidden;position: relative;} .top_banner .banner_pic{position: relative;width: 3000px;left:50%;margin-left: -1500px;text-align: center;} .top_banner img{max-width: 100%;} /*内页布局*/ .inner_page_container{display: table;position: relative;padding-top: 45px;padding-bottom: 50px;} .inner_page_left{display: table-cell;padding-left: 25px;padding-right: 25px;max-width: 950px;} .inner_page_right{display: table-cell;width: 350px;background: #fff;padding:0 25px 20px;vertical-align: top;} .inner_page_right .sticky{position: sticky;top: 0;width: 300px;} .inner_page_left_content{background: #fff;padding:0 0 40px;} /*内页侧面导航*/ .inner_page_nav .tit{color: #fff;font-size: 24px;line-height: 40px;padding:20px 17px;overflow: hidden; background: url(../images/left_nav_tit_bg.png) no-repeat center; background-size: cover; } .inner_page_nav .tit .line{font-size: 22px;margin:0 10px;} .inner_page_nav .tit .cn_tit{border-left: 2px solid #fff;padding-left: 15px;} .inner_page_nav .tit .en_tit{font-size: 14px;text-transform: uppercase;} .inner_page_nav .tit span{float: left;} .inner_page_nav_list{border: 1px solid #eee;border-top: none;} .inner_page_nav_list li a{display: block;line-height: 66px;border-top: 1px solid #eee;font-size: 16px;background: #fafafa;color:#535353;position: relative;padding-left: 55px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .inner_page_nav_list li.active a, .inner_page_nav_list li a:hover{color:#122C85;background:#fff;font-weight: bold;} .inner_page_nav_list li a::after{content:'';display: block;width: 20px;height: 20px;background:url(../images/left_nav_a_icon.png) center no-repeat;position: absolute;left: 25px;top: 50%;margin-top: -10px;opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .inner_page_nav_list li.active a::after, .inner_page_nav_list li a:hover::after{opacity: 1;} /*现在的位置*/ .depth_box{margin-top: 15px;line-height: 40px;padding-bottom: 30px;} .depth_box .depth{font-size: 14px;background: url(../images/icon_wz.png) no-repeat left center;color:#969696;padding-left: 25px;} .depth_box .depth a{color:#969696;} .depth_box .depth i{margin: 0 5px;font-style: normal;font-family: serif;} .depth_box .depth_left_tit{color:#112884;font-size: 40px;} /*新闻*/ .content_news_list{} .content_news_list li{position: relative;margin-bottom: 25px;} .content_news_list li a{display: block;position: relative;overflow: hidden;padding:25px 25px 25px 0; transition: all .3s; border: 1px solid #eee; } .content_news_list li .pic_box{width: 255px;height: 160px;margin-right: 30px;overflow: hidden;position: relative;} .content_news_list li .pic{display: block;height: 100%; background: no-repeat center; background-size: cover; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .content_news_list li .pic_box:hover .pic{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .content_news_list li .info{overflow: hidden;} .content_news_list li .title{font-size: 24px;padding-bottom: 5px;overflow:hidden;display: block;text-overflow:ellipsis;margin-top: 5px;white-space:nowrap;color:#333; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .content_news_list li .con{font-size:14px;color:#656565;margin-top: 5px;text-align: justify;line-height: 1.8;padding-right: 15px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .content_news_list li a:hover{z-index: 100;border-color: #fff;box-shadow: 0 7px 14px rgba(0, 0, 0, 0.12), 0 10px 10px rgba(0, 0, 0, 0.11);} .content_news_list li a:hover .title{color:#333;font-weight: 600;} .content_news_list li a:hover .con{color:#333;} .content_news_list li .date_box{float: left;width: 145px;height: 120px;border-right: 1px solid #eee;text-align: center;margin-right: 30px;} .content_news_list li .date_box .date_d{color:#122E85;font-size: 20px;border: 1px solid #122E85;width: 50px;line-height: 48px;margin:0 auto;background: #fff; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .content_news_list li .date_box .date_ym{color:#122E85;font-size: 18px;line-height: 1;margin-top: 20px;} .content_news_list li a:hover .date_box .date_d{background: #122E85;color:#fff;} /*详情*/ .artPage{overflow: hidden;position: relative;border-top:1px solid #e5e5e5;padding: 15px 0 15px 0;} .artPage p{line-height: 30px;overflow: hidden;font-size: 14px;color:#333;padding: 3px 0px;float: none;} .artPage p em{display: block;overflow: hidden;background: #ededed;width: 110px;height: 30px;text-align: center;float: left;font-style: normal;} .artPage p a{color:#656565;font-size: 14px;} .artPage p a:hover{color:#112884;} .artPage p .without{color:#999;} .artPage p .without:hover{color:#999;cursor: not-allowed;/*cursor:default;*/} .goBack {display: block;width: 110px;height: 40px;overflow: hidden;font-size: 14px;color: #666;background: #ededed;text-align: center;line-height: 40px;position: absolute;right: 0px;top: 50%;margin-top: -20px;display: none;} .detail_title{position: relative;padding:40px 25px 25px;} .detail_title h1{font-size: 30px;color:#454545;text-align: center;line-height:1.5;font-weight: normal;} .page_header_info{text-align: center;color: #878787;line-height:1.2;padding:0 0 25px;border-bottom: 1px solid #d9d9d9;font-size: 14px;} .page_header_info span{margin:0 5px;} .page_header_info .date_icon{margin: 0;} .page_header_info .date_icon svg{margin-right: 5px;} .page_con{padding:30px 0;line-height:2;color:#6a6a6a;font-size: 16px;overflow: hidden;text-align: justify;} .about_detail .page_con{padding-top: 20px;} .page_con h4, .page_con h3, .page_con h2, .page_con h1{margin-bottom: 15px;} .page_con p{margin:0 0 15px!important;} .page_con img{max-width: 100%;height:auto!important;} /* .page_con p > img{display: block;margin:0 auto;} */ /* .page_con p > img.file_icon{display: inline;} */ .page_con video{max-width: 100%;} .page_con object{display: block;margin:0 auto;} .page_con pre { font-family: Consolas,Inconsolata,Courier,monospace; font-size: 14px; line-height: 22px; color: #000; display: block; overflow-x: auto; white-space: pre; word-wrap: normal; border-radius: 5px; padding: 15px; tab-size: 4; background: #f8f8f8; margin-bottom: 15px; } .article_footer .share { padding-bottom: 15px; position: relative; } .article_footer .share span{display: inline-block;height: 30px;line-height: 30px;padding-left: 0;} .article_footer .share a{margin: 0 8px;padding:0;width: 30px;height: 30px; display: inline-block;background: none;} .article_footer .share .print{margin-right: 30px;} .article_footer .share a img{max-height: 100%;} .article_footer .share a.wechat{background: url(../images/wx.png) no-repeat center;background-size: 100%;} .article_footer .share a.wb{background: url(../images/wb.png) no-repeat center;background-size: 100%;} .bd_weixin_popup{min-width: 200px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .content_pics_list{overflow: hidden;padding-top: 5px;margin-left: -15px;margin-right: -15px;} .content_pics_list ul{overflow: hidden;} .content_pics_list li{width: 33.333%;float: left;width: 310px;} .content_pics_list li a{display: block;margin:15px 10px;position: relative;background: #f4f4f4;overflow: hidden;} .content_pics_list li .pic_box{width: 100%;overflow: hidden;position: relative;background: #000;} .content_pics_list li .pic_box img{width: 290px;height: 200px;object-fit: cover;} .content_pics_list li .pic{display: block;height: 0;padding-bottom: 69%; background: no-repeat center; background-size: cover; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .content_pics_list li .title{line-height: 50px;text-align: center;font-size: 16px;color:#454545;position: relative;z-index: 1; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .content_pics_list li a::before{ display:block; content:""; position:absolute; left:50%; bottom:0; height:50px; width:0; background:#112884; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; transform:translateX(-50%); -webkit-transform:translateX(-50%); } .content_pics_list li a:hover{box-shadow: 0 0 10px #999;} .content_pics_list li a:hover .pic{opacity: 0.8;} .content_pics_list li a:hover::before{ width:101%;} .content_pics_list li a:hover .title{color:#fff;} .contact_us_map{width: 100%;height: 400px;background: #BBBBBB;margin-top: 20px;} .contact_us_info{padding-top: 10px;} .contact_us_info .item{width: 440px;overflow: hidden;padding:20px;border: 1px solid #ccc;margin-top: 20px;} .contact_us_info .pic{width: 60px;height: 60px;float: left;margin-right: 15px;} .contact_us_info .tit{font-size: 16px;} .contact_us_info .desc{font-size: 15px;font-weight: bold;} /* 首页历程 */ .tac {text-align: center;} .page-about {padding: 8.625em 0px 0px;background-image: url(../images/page-about-bg01.jpg);background-position: center bottom;position: relative;overflow: hidden;} .page-about .page-about-line { position:relative; } .page-about .page-about-line .page-img img { width:100%; } .page-about .page-about-line ul li { position:absolute; cursor:pointer; width:6em; height:6em; margin:-3em 0px 0px -3em;} .page-about .page-about-line ul li .page-text { opacity:1;filter:alpha(opacity=100); position:absolute; padding:1em; width:13em; top:100%; left:50%; margin-left:-6.3445em; color:#fff; background:#264994; border-radius:5px; z-index:3; font-size:12px;} .page-about .page-about-line ul li:hover .page-text { opacity:1;filter:alpha(opacity=100); } .page-about .page-about-line ul li .page-tit { position:absolute; top:100%; width:4em; left:50%; margin-left:-2em; } .page-about .page-about-line ul li .page-circle { width:100%; height:100%; left:0px; top:0px; position:absolute; display:inline-block; border-radius:50%; } .page-about .page-about-line ul li .page-circle span { width:0.875em; z-index:5; margin:-0.4375em 0px 0px -0.4375em; height:0.875em; position:absolute; content:""; left:50%; top:50%; background:#3782C4;border-radius:50%;animation:line3 2s linear infinite; } .page-about .page-about-line ul li .page-circle:before { z-index:3; width:100%; height:100%; position:absolute; content:""; left:0px; top:0px; background:#3782C4;border-radius:50%;opacity:0.1;animation:line 2s linear infinite; } .page-about .page-about-line ul li .page-circle:after { z-index:3; width:100%; height:100%; position:absolute; content:""; left:0px; top:0px; background:#3782C4;border-radius:50%;opacity:0.1;animation:line 2s linear infinite; } .page-about .page-about-line ul li .page-circle:after { z-index:3; width:100%; height:100%; position:absolute; content:""; left:0px; top:0px; background:#3782C4;border-radius:50%;opacity:0.1;animation:line2 2s linear infinite; } .page-about .page-about-line ul li.odd .page-circle:before {animation:line 1.5s linear infinite; } .page-about .page-about-line ul li.odd .page-circle:after { animation:line 1.5s linear infinite; } .page-about .page-about-line ul li.odd .page-circle:after { animation:line2 1.5s linear infinite; } .page-about .page-about-line ul li:first-child .page-text,.page-about .page-about-line ul li:first-child +li+li+li .page-text { top:auto; bottom:100%; } .page-about .page-about-line ul li .page-text span{font-size: 20px; font-weight: bold;} @keyframes line{ 0%{opacity:0;transform:scale(0)} 50%{opacity:0.6;transform:scale(0.5)} 100%{opacity:0;transform:scale(1)} } @keyframes line2{ 0%{opacity:0;transform:scale(0)} 50%{opacity:0.6;transform:scale(0.33)} 100%{opacity:0;transform:scale(0.66)} } @keyframes line3{ 0%{transform:scale(1)} 50%{transform:scale(1.375)} 100%{transform:scale(1.75)} } @media only screen and (max-width:1050px){ .page-about .page-about-number ul li { padding-left:2.875em; } .page-about .page-sub { padding:1.625em 0% 3.25em;} .page-about .page-about-number { padding:0px 0px 4.375em; } } @media only screen and (max-width:767px){ .page-about { padding-top:2em; } .page-about .page-sub { padding-bottom:2em; } .page-about .page-about-number ul li { width:50%; padding-right:1em; margin-top:1em; } .page-about .page-about-line ul li { width:4em; height:4em; margin:-2em 0px 0px -2em;} .page-about .page-about-number .page-num em { top:-0.2em; } } @media only screen and (max-width:480px){ .page-about .page-about-line ul li { width:3em; height:3em; margin:-1.5em 0px 0px -1.5em;} .page-about .page-about-line ul li .page-text { top:auto; bottom:100%; margin-left:0px; left:0px; display:none; z-index:8; } .page-about .page-about-line ul li:hover .page-text { display:block; } .page-about .page-about-line ul li:first-child +li+li+li .page-text { top:auto; bottom:100%; left:auto; right:0px; } } /* 业务 */ .yw_description_box{padding:20px 30px;background: url(../images/yw_text_bg.png) no-repeat center;background-size: 100% 100%;color:#fff;text-indent: 2em;line-height: 3;font-size: 16px;font-weight: bold;margin-top: 20px;margin-bottom: 35px;border-radius: 5px;overflow: hidden;} .yw_tongji_num_box{width: 811px;height: 208px;background:url(../images/gysy_num_bg.png) no-repeat center;margin:50px auto 35px;} .yw_tongji_num_box .item{width: 202px;text-align: center;color:#202020;} .yw_tongji_num_box .item .tit{height: 60px;line-height: 30px;font-size: 25px;margin-bottom: 10px;} .yw_tongji_num_box .item .num_box{padding-bottom: 10px;line-height: 40px;} .yw_tongji_num_box .item .num_box .num{font-size: 35px;font-weight: bold;margin-right: 5px;} .yw_tongji_num_box .item .num_box .unit{font-size: 20px;margin-top: 5px;line-height: 20px;height: 20px;} /*历史进程*/ .dleft{ float: left; } .dright{ float: right; } .development{ padding: 98px 0 140px; } .development .scroll-tab{ width: 100%; margin: 0; border: none; background: url(../images/lctime_03.png) no-repeat 168px top;overflow: visible;position: relative; } .development .scroll-tab li{ display: block; background: transparent; border: none; padding: 28px 0 42px; margin: 0; font-size: inherit; color: #474747; overflow: hidden;} .development .scroll-tab li .lil{ font-size: 20px; float: left; font-family: 'Avian'; font-family: "FZLTCHK";text-transform: capitalize; padding-top: 10px; position: relative;line-height: 1.2;} .development .scroll-tab li .lil:before{ content: ""; width: 66px; height: 66px; border-radius: 50%; background-color: #112884; background-image: url(../images/jyimg_03.png);background-position: center; background-repeat: no-repeat; box-shadow: 0px 0px 10px rgba(0,0,0,.2); display: none; position: absolute; top: -12px; left: 143px; } .development .scroll-tab li .lir{ width: 670px; float: right; } .development .scroll-tab li .lir .img{ width: 230px; height: 155px; } .development .scroll-tab li .lir .img img{ width: 100%; height: 100%; } .development .scroll-tab li .lir .text{ width: 425px; min-height: 155px; border-bottom: 1px solid #dbdbdb; } .development .scroll-tab li .lir .text .ltit{ font-size: 18px; padding-bottom: 10px; line-height: 1.2;} .development .scroll-tab li .lir .text .p{ line-height: 22px;font-size: 14px;} .development .scroll-tab li .lir .text .ltit{ font-size: 18px; padding-bottom: 10px; } .development .scroll-tab li.cur .lil:before{ display: block; } .development .scroll-tab li.cur .lil{ font-size: 28px; color: #112884; padding-top: 2px; } .development .scroll-tab li.cur .lir .text{ background: url(../images/lcback_03.png) no-repeat bottom center; } .development .scroll-tab li.cur .lir .text .ltit{ color: #2d4e97; } .jiantou{width:20px;height:20px;position:absolute;left:50%;top:50%;z-index: 2;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} .jiantou::after{position: absolute;content: "";left:50%;top: 50%;width: 14px;height: 14px;background: none;border: 1px solid transparent;border-top-color:#444;border-left-color:#444;border-radius: 1px 0 0;-webkit-transform: translate(-50%,-50%) rotate(-45deg);transform: translate(-50%,-50%) rotate(-45deg); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .jiantou_up::after{-webkit-transform: translate(-50%,-50%) rotate(225deg);transform: translate(-50%,-50%) rotate(45deg);margin-top: 4px;} .jiantou_down::after{-webkit-transform: translate(-50%,-50%) rotate(-45deg);transform: translate(-50%,-50%) rotate(225deg);margin-top: -4px;} .development .scroll-tab .middle{ width: 36px; padding: 0 6px; height: 36px; border: 1px solid #d3d3d3; border-radius: 50%; position: absolute;left: 156px; cursor: pointer; font-family: "xfont" !important; font-family: "FZLTCHK"!important;font-size: 22px; color: #b9b9b9; } .development .scroll-tab .middle:hover{ color: #34549b; } .development .scroll-tab .scroll-prev{ top: -45px; } .development .scroll-tab .scroll-next{ bottom: -45px; } .development .scroll-tab .scroll-box{ position: relative; height: 633px;} .development .scroll-tab .scroll-unit{ right: 0; } /*hover效果*/ /* @media screen and (min-width: 751px){ */ .development .scroll-tab li:hover .lil{ font-size: 28px; color: #112884; padding-top: 2px; } .development .scroll-tab li:hover .lil:before{ display: block; } .development .scroll-tab li:hover .lir .text{ background: url(../images/lcback_03.png) no-repeat bottom center; } .development .scroll-tab li:hover .lir .text .ltit{ color: #2d4e97; } /* } */ /* @media screen and (max-width: 750px){ .development{ padding: 0.7rem 0 1.5rem; } .development .scroll-tab{ background: none; } .development .scroll-tab .middle{ display: none; } .development .scroll-tab .scroll-box{ height: auto; } .development .scroll-tab li{ padding: 0.3rem 0; } .development .scroll-tab li .lil{ font-size: 0.3rem; width: 10%; } .development .scroll-tab li.cur .lil:before{ display: none; } .development .scroll-tab li .lir{ width: 75%; } .development .scroll-tab li .lir .text{ width: 100%; height: auto; float: none; padding-bottom: 0.6rem; } .development .scroll-tab li .lir .img{ width: 100%; height: 3.5rem; float: none; margin-bottom: 0.3rem; } .development .scroll-tab li .lir .text .ltit{ font-size: 0.36rem; padding-bottom: 0.3rem; } .development .scroll-tab li .lir .text .p{ line-height: 1.5; } .development .scroll-tab li.cur .lil:before{ display: none; } .development .scroll-tab li.cur .lil{ font-size: 0.3rem; color: #333; padding-top: 2px; } .development .scroll-tab li.cur .lir .text{ background: none; } .development .scroll-tab li.cur .lir .text .ltit{ color: #333; } } */ .i_block3{background: url(../images/i_licheng_bg.jpg) no-repeat center;height: 800px;max-width: 1920px;margin:0 auto} .time-line-box{margin-top: 0;width: 100%;} .time-line-box ul li dl dd{color:#006EBF;font-size: 15px;font-weight: bold;line-height: 2.2;} .layui-timeline-title .tit{font-size: 30px;color:#213965;font-weight: bold;margin-bottom:10px;} .layui-timeline-title .time{color:#304DB8;font-size: 20px;font-weight: bold;margin-bottom: 0px;} .time-line-box ul li:after{border-color: #4472C4;height: 142px;} .time-line-box ul li:first-child{margin-left: 262px;} .time-line-box ul li{width: 308px;} .time-line-box ul li dl{width: 160%;} .time-line-box ul:after{background: url(../images/line2.png) repeat-x left bottom;;} .time-line-box ul li:nth-child(2n) .layui-text{border-color: #4472C4;} .time-line-box ul li:nth-child(2n) dl{margin-top: -50px;} /* .time-line-box ul li:nth-child(2n) dl dt{position: absolute;top: -66px;} */ @media screen and (max-width: 1600px){ .time-line-box ul li{width: 286px;} .time-line-box ul li:first-child{margin-left: 174px;} } @media screen and (max-width: 1400px){ .time-line-box ul li{width: 286px;} .time-line-box ul li:first-child{margin-left: 174px;} } @media screen and (max-width: 1366px){ .time-line-box ul li:first-child{margin-left: 86px;} }