/* CSS Document public*/ body{padding:0;margin:0;font-family:Arial,"Microsoft Yahei",Helvetica, sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased; line-height: 1; } ul{list-style:none;} img{border:0px; vertical-align:middle} ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0; font-weight:normal;} h3,h4,h5{ font-weight:normal;} h4 a:hover,h5 a:hover{ -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;} hr{display:block;height:1px;border:0;background:#d8d8d8;padding:0;margin-bottom: 3.25rem;margin-top: 2.5rem;} .fl{ float:left} .fr{ float:right} .container01,.container02,.container03,.container04,.container05,.container06,.container07,.container08,.n-container01,.n-container03,.n-container04{ margin:0 auto;} .slow{ overflow:hidden} .slow img:hover{ transform:scale(1.05);}/*图片放大*/ .slow img{-moz-transition: all 0.9s ease-in-out;-webkit-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;-ms-transition: all 0.9s ease-in-out;transition: all 0.9s ease-in-out;}/*缓慢效果*/ h5 a,.more a{-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}/*缓慢效果*/ .slow01{-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}/*缓慢效果*/ .slow02{-moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} .shadow{ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999')"; /* For IE 8 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999'); /* For IE 5.5 - 7 */-moz-box-shadow: 1px 1px 10px #999999;/* for firefox */ -webkit-box-shadow: 1px 1px 10px #999999;/* for safari or chrome */ box-shadow:1px 1px 10px #999999;/* for opera or ie9 */} .radius{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .opacity{filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1}/*透明代码*/ .overfloat-dot{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*文本超出 小圆点显示*/ .overfloat-dot-2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .overfloat-dot-3{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .overfloat-dot-4{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;} .overfloat-dot-5{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;} .overfloat-dot-6{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;} .overfloat-dot-7{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;} .gray { -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6; -khtml-opacity:0.6;} .a_body{ position:relative} ul li,dl dd{ vertical-align:top} img{ vertical-align:middle} a{ color:inherit} .w100{width:100%} .w1400{ max-width:1400px;margin:0 auto} .w1600{max-width:1600px;margin:0 auto} .w1800{max-width:1800px;margin:0 auto} .layui-img-responsive{ max-width:100%;} .img_zd{position:relative;width:100%;overflow: hidden;} .img_zd .img_hezi{ padding-bottom:60% !important} .img_zd>img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fit:cover} h5 a{ display:inline-block; width:100%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap} ul li:hover h5 a{ color:#ff0000} .more a{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;} .box_table{ display:table; table-layout: fixed; width:100%; height:100%} .box_table_cell{ display:table-cell; vertical-align:middle} .box_table_cell *{ white-space:normal; word-wrap:break-word; } /*内容样式*/ .ar_article td, .ar_article th{ padding:15px 10px; border: 1px solid #ededed; vertical-align:middle;} .ar_article td p, .ar_article th p{ padding-bottom:0; margin-bottom:0;} .ar_article table {border-collapse: collapse;border-right: 1px solid #ededed;border-bottom: 1px solid #ededed; width:100%} .ar_article table tr:not(:first-child) td{} .ar_article table td { border-left: 1px solid #ededed;border-top: 1px solid #ededed; } .ar_article{font-size:14px;color:#7d7c7c;line-height:30px; } .ar_article p{font-size: 1.25rem !important;color: #323232;line-height: 2.5rem !important;margin-bottom: 1rem;text-indent: 2.5rem;} .ar_article p:last-child{ margin-bottom:0} .ar_article strong{ font-weight:bold;} .ar_article img{ max-width:100%;} .ar_article a{ color:#717173;} .ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5{ font-weight:bold;} .ar_article h1{ font-size:2.25rem; margin-bottom:1.25rem}.ar_article h2{ font-size:1.875rem; margin-bottom:0.875rem;}.ar_article h3{ font-size:1.5rem; margin-bottom:0.9375rem} .ar_article h4{ font-size:1.125rem; margin-bottom:0.875rem}.ar_article h5{ font-size:0.875rem; margin-bottom:0.75rem}.ar_article h6{ font-size:0.75rem; margin-bottom:0.75rem} .ar_article ul li, .ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem; list-style:inherit !important;} .ar_article ul li p, .ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; } .ar_article ul, .ar_article ol{ margin-bottom:0.9375rem;} .ar_article sub {vertical-align:sub; font-size: smaller;} .ar_article sup { vertical-align:super; font-size: smaller;} .ar_article img{ display:inline-block;} /*Slider 开始*/ .miso_qh{ opacity:0; visibility:hidden; transition:0.6s} .miso_qh.miso-initialized{ opacity:1; visibility:visible;} .miso-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; z-index:0} .miso-list {position: relative;overflow: hidden;display: block;margin: 0;padding: 0;z-index:0;min-width: 100%;} .miso-list:focus{outline: none;} .miso-list.dragging{ cursor: pointer; cursor: hand;} .miso-slider .miso-track{ min-width:100%} .miso-slider .miso-track, .miso-slider .miso-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .miso-track {position: relative;left: 0;top: 0;display:inline-block;zoom: 1;margin-left: auto;margin-right: auto;vertical-align: top;} .miso-track:before, .miso-track:after{ display: table; content: '';} .miso-track:after{ clear: both;} .miso-loading .miso-track{ visibility: hidden;} .miso-slide { float: left; height: 100%; min-height: 1px; display: none; -moz-user-select:text; -khtml-user-select: text; user-select:text;} [dir='rtl'] .miso-slide{ float: right;} .miso-slide img{ display: block;} .miso-slide.miso-loading img{ display: none;} .miso-slide.dragging img{ pointer-events: none;} .miso-initialized .miso-slide{ display: block;} .miso-loading .miso-slide{ visibility: hidden;} .miso-vertical .miso-slide{ display: block; height: auto;} .miso-arrow.miso-hidden {display: none;} .miso-loading .miso-list{ background: #fff ;} .miso-arrow{ z-index:1} .miso-prev, .miso-next{font-size: 0;line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px;padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent;} .miso-prev:hover, .miso-prev:focus, .miso-next:hover, .miso-next:focus{ color: transparent; outline: none; background: transparent;} .miso-prev:hover:before, .miso-prev:focus:before, .miso-next:hover:before, .miso-next:focus:before{ opacity: 1;} .miso-prev.miso-disabled:before, .miso-next.miso-disabled:before{ opacity: .25;} .miso-prev:before, .miso-next:before{ font-size:2rem; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold; cursor:pointer} .miso-prev{ left: 0px;} [dir='rtl'] .miso-prev{ right: 0px; left: auto;} .miso-prev:before{ content: ''; font-family:simsun;} [dir='rtl'] .miso-prev:before{ content: ''; font-family:simsun;} .miso-next{ right: 0px;} [dir='rtl'] .miso-next{ right: auto; left: 0px;} .miso-next:before{ content: ''; font-family:simsun;} [dir='rtl'] .miso-next:before{ content: ''; font-family:simsun;} /* Dots */ .miso-dots { position: absolute; bottom:0; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; } .miso-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; } .miso-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer;} .miso-dots li button:focus{ outline: none; } .miso-dots li.miso-active a{ transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);} /* Arrows */ .miso-prev, .miso-next {position: absolute;display: block;height: 20px;width: 20px;line-height: 0;font-size:0; cursor: pointer;background: transparent;color: transparent;padding: 0;border: none;outline: none;top: 50%;z-index: 1;} .miso-prev{ left:0} .miso-next{ right:0} .miso-lightbox .miso-prev:before,.miso-lightbox .miso-next:before{ width:32px; height:32px; display:block} .miso-lightbox .miso-prev:before{ content: ''; background: url(/images/left_svg.svg) center no-repeat;background-size: 32px 32px;} .miso-lightbox .miso-next:before{ content: ''; background: url(/images/right_svg.svg) center no-repeat;background-size: 32px 32px;} @media(max-width: 768px){ .miso-prev, .miso-next{ width:20px; height:20px;} .miso-lightbox .miso-prev:before,.miso-lightbox .miso-next:before{ width:20px; height:20px; background-size:20px 20px} } /*Slider 结束*/ .piaofu{width:50px;position:fixed;right:1px;z-index: 1000;bottom:30%;} .piaofu .anniu{display:inline-block;width: 60px;height: 60px;line-height: 60px;background: #fff;border-radius: 100%;margin-bottom: 5px;} .piaofu .anniu a{ display:block; width:100%; height:100%; position:relative; z-index:1} .piaofu .anniu a h4{line-height: 60px;} .piaofu .anniu:hover a h4{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;} .piaofu .anniu a h6{ font-size:12px; color:#6a6c6d} .piaofu .anniu.anniu01,.piaofu .anniu.anniu02{ cursor:pointer; position:relative} .piaofu .anniu.anniu01 .piao_ewm{border-radius: 2px;position:absolute;left: -109px;bottom: -1px;border: #e5e5e5 1px solid; display:none} .piaofu .anniu.anniu01 .piao_tel{border-radius: 30px;position:absolute;width: 230px;height:60px;right: 0;top: 0;background:#3b73cb;display:none;padding: 0 35px;font-size: 20px;color: #fff;} .piaofu .anniu.anniu02{ display:none} .piaofu .anniu.anniu02 a h4{margin-top:-3px;} .anniu_close img{ position:absolute; top:-15px; right:-10px; width:18px; height:18px; cursor:pointer} .Statistical{display:inline-block; margin-left:12px;} .Statistical span,.Statistical span img{ vertical-align:top} .bd_weixin_popup{ box-sizing:content-box} .bd_weixin_popup .bd_weixin_popup_foot{ text-align:center !important} @font-face{ font-family:Impact; src:url(/font/impact.ttf);} @font-face{ font-family:SourceHanSerifCN-Bold; src:url(/font/SourceHanSerifCN-Bold.otf);} @media (max-width:4000px){html{font-size:16px;}} @media (min-width:1600px) and (max-width:1940px){html{font-size:16px;}} @media (min-width:1400px) and (max-width:1600px){html{font-size:16px;}} @media (min-width:640px) and (max-width:1399px){html{font-size:16px;}} @media (min-width:471px) and (max-width:639px){html{font-size:16px;}} @media (min-width:329px) and (max-width:470px){html{font-size:16px;}} @media (max-width:328px){html{font-size:16px;}} /*==========================================公共 开始=============================================*/ .ar_wap{ display:none} .a_body{ position:relative; z-index:0;} .section{ overflow:hidden;} .w1200{ margin:0 auto; padding:0 50px; max-width:1620px;} .side{ position: fixed; height: 100%; right: 0; top: 0; z-index: 10;cursor: pointer;} .side-show{ position: absolute; top: 50%; margin-top: 3.125rem; right: 0px; z-index: 5; width: 2rem;height:2rem;} .list_box_01{ position:absolute; top:0; right:-12.5rem; bottom:0; width:12.5rem} .list_box_01 li{ width:100%; height:20%; padding:0 0 1px} .list_box_01 li a{ display:block; width:100%; height:100%; text-align:center; background:rgba(255,255,255,.8); transition:.5s} .list_box_01 li a.ar_wap{ display:none} .list_box_01 li a h3{ height:4.625rem; } .list_box_01 li a h3 img{ max-height:4rem; transition:.5s} .list_box_01 li a h5{ font-size:1rem; color:#323232} .list_box_01 li:last-child{ padding:0 } /*==========================================公共 结束=============================================*/ /*==========================================首页 开始=============================================*/ .container01{ padding:5rem 0 2.75rem; overflow:hidden; background:url(../image/container01_bg.jpg) center no-repeat; background-size:cover; overflow:hidden} .container01 .left{ width:63.75rem; padding:0 1.25rem 0 0; overflow:hidden} .container01 .left .fl001{position:relative;padding-bottom:2.5rem;overflow: hidden;} .list_box_02 li a .img{ width:38.75rem; background:#fff} .list_box_02 li a .img img{ opacity:.3} .list_box_02 li a .img .img_hezi{ padding-bottom:66.12% !important} .list_box_03{ padding:2.5rem 0 0 2.5rem; position:absolute; top:0; left:0; right:0; bottom:0} .list_box_03 .miso-list{ overflow:visible} .list_box_03 li .ll{ width:38.75rem; float:left} .list_box_03 li .img{ width:100%; float:left; box-shadow: 0px 2px 24px 0px rgba(39, 39, 39, 0.39);} .list_box_03 li .img .img_hezi{ padding-bottom:66.12% !important} .list_box_03 li .con{ width:calc(100% - 38.75rem); float:left; padding:4rem 1.75rem 0} .list_box_03 li .con h5{ font-size:1.25rem; color:#323232; font-weight:bold; line-height:1.875rem; height:3.75rem; transition:.5s} .list_box_03 li .con h6{ font-size:.875rem; color:#5aa1e1; margin:.875rem 0} .list_box_03 li .con h6 img{ margin:-3px .5rem 0 0; display:inline-block} .list_box_03 li .con p{ font-size:1rem; color:#999999; line-height:1.75rem; height:8.5rem} .miso_box_01{ font-size:0} .miso_box_01 .miso-arrow{ width:2.25rem; height:2.25rem; line-height:2.125rem; text-align: center; border:#cacaca 1px solid; border-radius:50%; display:inline-block; transition:.5s; margin:4.375rem 0 0; font-size:0; margin-right:.625rem; cursor:pointer} .miso_box_01 .miso-arrow svg{ width:1rem; height:1rem; fill:#cacaca; vertical-align:middle; transition:.5s; } .container01 .left .fl002{ margin:2.5rem 0 0} .title001_box{ overflow:hidden} .title001{ border-left:#5ba0e5 4px solid; padding:0 0 0 .5rem; margin:-4px 0; margin-bottom:1.75rem} .title001 h3{ font-size:1.875rem; color:#323232; padding-top:5px;font-family:SourceHanSerifCN-Bold} .title001 h6{ font-size:.75rem; color:#323232; font-family:Times New Roman; opacity:.7; text-transform:uppercase; margin:.75rem 0 0} .container01 .left .fl002 .content .box{width: 100%;float:left;padding:0 2.5rem;} .container01 .left .fl002 .content .box:nth-child(1){} .list_box_04{margin-bottom:-1.125rem;position:relative;display: flex;flex-flow: wrap; z-index:1} .list_box_04:before{content:"";position:absolute;left:-.5px;top: 6px;bottom:0;width:1px;background:url(../image/list_box_04_line.png) center repeat-y;} .list_box_04:after{content:"";position:absolute;left:50%;top: 6px;bottom:0;width:1px;background:url(../image/list_box_04_line.png) center repeat-y; z-index:-1} .list_box_04 li{margin-bottom:1rem;width: 50%;} .list_box_04 li a{padding:0 0 0 12px;display:block;position: relative;} .list_box_04 li a *{ transition:.5s} .list_box_04 li a h6{position:relative;display: flex;} .list_box_04 li a:before{content:"";position:absolute;background:url(../image/list_box_04_ico1.png) center no-repeat;width:17px;height:11px;top: 9px;margin-top:-5.5px;left: -4.5px;} .list_box_04 li a h6 font{display: flex;padding:0 .75rem;border:#5aa1e1 1px solid;border-radius:10px;height:19px;align-items: center;justify-content: center;font-size: 12px;} .list_box_04 li a h5{ font-size:1.125rem; color:#323232; line-height:1.25; margin:.375rem 0 0} .box1 .list_box_04 li a h6:before{ background:url(../image/list_box_04_ico2.png) center no-repeat; width:19px; height:13px; margin-top:-6.5px; left: -19px;} .container01 .right{ width:calc(100% - 63.75rem); height:46.25rem; background:url(../image/container01_right_bg.jpg) center no-repeat; background-size:cover; padding:1.875rem 1.875rem 0} .list_box_05{ margin-bottom:-2rem} .list_box_05 li{ margin-bottom:1rem} .list_box_05 li .time{width:4.625rem;height:4.625rem;background:#ebebeb;border-radius:50%;text-align:center;padding:0 .625rem;position:relative;transition: .5s;} .list_box_05 li .time:before{content:"";position:absolute;border-top:transparent .625rem solid;border-bottom:transparent .625rem solid;border-left:#ebebeb .625rem solid;right:-.5rem;top: 50%;margin-top: -.625rem;transition: .5s;} .list_box_05 li .time h4{ font-size:1.25rem; color:#7b7b7b; transition: .5s;} .list_box_05 li .time hr{ height:1px; background:#d4d4d4; margin:.25rem 0 .375rem} .list_box_05 li .time h3{ font-size:1.125rem; color:#999999; transition: .5s;} .list_box_05 li .con{width:calc(100% - 5.625rem); padding:0 0 0 1.5rem; height:5.625rem;} .list_box_05 li .con h5{ font-size:1.125rem; color:#323232; line-height:1.75rem; height:3.5rem; transition:.5s} .container02{ padding:0 0 5rem; overflow:hidden} .list_box_06 .img .img_hezi{ padding-bottom:18.42% !important} .list_box_06 .miso-dots{ text-align:right; bottom:1.25rem; padding:0 1.625rem} .list_box_06 .miso-dots li{ width:.75rem; height:.75rem; border:#fff 1px solid; border-radius:50%; margin:0 .5rem} .list_box_06 .miso-dots li.miso-active{ background:#fff} .container03{padding: 5rem 0 0;background: #eff4f7 center top no-repeat;background-size:cover;} .container03 .content{ } .container03 .left{ width:50%; float:left; padding:0 1.25rem 0 0; margin-bottom:-13.125rem} .container03 .right{ width:50%; float:left; padding:0 0 0 1.25rem; margin-bottom:-13.125rem} .list_box_07{ margin:0 -.625rem} .list_box_07 li{ float:left; width:50%; padding:0 .625rem} .list_box_07 li .img .img_hezi{ padding-bottom:66.666667% !important; padding-bottom:15rem !important} .list_box_07 li .img .time{position:absolute;left:1.875rem;bottom:0;width:110px;height:26px;line-height:26px;background: rgba(91,160,229, .9);text-align:center;font-size:.875rem;color:#fff; transition:.5s} .list_box_07 li .img .time img{ margin:-3px .5rem 0 0} .list_box_07 li .con{ background:#fff; height:5.3125rem; padding:1rem 1.875rem; transition:.5s} .list_box_07 li .con h5{ font-size:1.125rem; color:#323232; line-height:1.75rem; height:3.5rem; transition:.5s} .list_box_08{ margin:0 -.625rem} .list_box_08 li{ float:left; width:50%; padding:0 .625rem; margin-top:2.0625rem} .list_box_08 li .time{position:absolute;left:1.875rem;top:-13px;width:110px;height:26px;line-height:26px;background: rgba(91,160,229, .9);text-align:center;font-size:.875rem;color:#fff; transition:.5s} .list_box_08 li .time img{ margin:-3px .5rem 0 0} .list_box_08 li .con{ background:#fff; height:5.75rem; padding:1.5rem 1.875rem 0; position:relative; transition:.5s} .list_box_08 li .con h5{ font-size:1.125rem; color:#323232; line-height:1.75rem; height:3.5rem; transition:.5s} .list_box_09 li a{ display:block; padding:0 3rem} .list_box_09 li a .img{ width:calc(100% - 18.25rem); } .list_box_09 li a .img .img_hezi{ padding-bottom:66.666667% !important; padding-bottom:15rem !important} .list_box_09 li a .con{ width:18.25rem; padding:5rem 0 0 1.125rem; height:15rem} .list_box_09 li a .con h5{ font-size:1.125rem; color:#323232; line-height:1.75rem; height:3.5rem; transition:.5s; font-weight:bold; margin-bottom:.5rem} .list_box_09 li a .con h6{ font-size:.875rem; color:#323232; line-height:1.875rem;} .list_box_09 li a .con h6 img{ display:inline-block; margin:-3px .75rem 0 0} .list_box_09 li a .con h6:last-child{ } .container03 .right .box{ position:relative; z-index:1} .container03 .right .box:before{ content:""; position:absolute; top:3.125rem; right:0; bottom:0; left:0; background:url(../image/list_box_09_bg.png) center bottom no-repeat; background-size:cover; z-index:-1} .list_box_10{ height:13.125rem; padding:0 3rem} .list_box_10 li{ transform:scale(.5); padding:2.5rem 0; transition:.3s} .list_box_10 li .img{ border-radius:50%;} .list_box_10 li .img .img_hezi{ padding-bottom:100% !important} .list_box_10 li.miso-current{ transform:scale(1); } .list_box_10 li.miso-current .img{ box-shadow: 0px 2px 27.55px 1.45px rgba(86, 86, 86, 0.69);} .list_box_10 .miso-arrow{ width:1.5rem; height:1.5rem;} .list_box_10 .miso-arrow svg{ width:1.5rem; height:1.5rem; fill:#999999; transition:.5s; vertical-align:top} .list_box_10 .miso-arrow.miso-prev{ left:10rem} .list_box_10 .miso-arrow.miso-next{ right:10rem} .container04{ padding:18.125rem 0 5rem; background:#eff4f7 url(../image/container04_bg.jpg) center top no-repeat; background-size:cover; overflow:hidden} .title002{ margin-bottom:1.75rem; text-align:center} .title002 h3{ font-size:1.875rem; color:#323232; font-family:SourceHanSerifCN-Bold} .title002 h6{ font-size:.75rem; color:#323232; font-family:Times New Roman; opacity:.7; text-transform:uppercase; margin:.75rem 0 0} .list_box_11{ float:left; width:50%} .list_box_11 li a{ display:block; position:relative} .list_box_11 li a .img{ width:50%} .list_box_11 li a .img .img_hezi{ padding-bottom:16.25rem !important} .list_box_11 li a .con{ width:50%; height:16.25rem; background:#fff; padding:0 2.5rem; transition:.5s} .list_box_11 li a .con *{ transition:.5s} .list_box_11 li a .con .time{ position:relative; width:60px;} .list_box_11 li a .con .time:before{content:"";position:absolute;width: 50px;height:1px;background:#d3d3d3;transform: rotate(126deg) translateX(12px) translateY(-23px);} .list_box_11 li a .con .time h3{ font-size:30px; color:#5ba0e5; font-weight:bold} .list_box_11 li a .con .time h6{font-size:12px;color:#999999;line-height:14px;text-align:right;margin: -12px 0 0;} .list_box_11 li a .con h5{ font-size:1.125rem; color:#323232; line-height:1.75rem; height:3.5rem; transition:.5s; font-weight:bold; margin:1.5rem 0 0} .list_box_11_s1 li a .con{ background:none} .list_box_11_s2 li{ width:50%; float:left} .list_box_11_s2 li a .con{ position:absolute; top:0; right:0; bottom:0; left:0} .list_box_11_s2 li a .img{ width:100%} .list_box_11_s2 li a .con{ width:100%} .list_box_11_s2 li:first-child a .con{background: rgba(91,160,229, .8);} .list_box_11_s2 li:first-child a .con *{ color:#fff !important} .list_box_11_s2 li:first-child a .con .time h6{ opacity:.5} .list_box_11_s2 li:first-child a .con .time:before{ background:rgba(255,255,255,.3)} .container05{ background:url(/images/container05_bg.jpg) center top no-repeat; background-size:cover; overflow:hidden; padding:5rem 0 0} .container05 .fl01{ padding:0 6rem} .list_box_12{ display:flex; justify-content:space-between; position:relative; margin-bottom:5rem; border-bottom:rgba(255,255,255,.4) 1px solid} .list_box_12 li{ padding-bottom:2.25rem; position:relative} .list_box_12 li:after{ content:""; position:absolute; left:0; bottom:-2px; width:1.25rem; height:3px; background:#fff; transition:.5s} .list_box_12 li h4{ height:2.875rem } .list_box_12 li h3{ font-size:4.125rem; color:#fff; font-family:Impact;display:inline-block;} .list_box_12 li span{font-size:4.125rem; color:#fff;} .list_box_12 li h5{ font-size:.875rem; color:#fff; line-height:1.5; margin:.875rem 0 0} .container05 .title002 h3{ color:#fff} .container05 .title002 h6{ color:#fff} .container05 .content .left{ width:59.21%} .container05 .content .right{width: calc((100% - 59.21% - 1px) / 2);padding:0 0 0 .625%;} .list_box_13 li a{ display:block; position:relative} .list_box_13 li .img .img_hezi{ padding-bottom:35rem !important} .list_box_13 li a .top{width:23.125rem;height:11.25rem;background:rgba(6,120,63, .85);position:absolute;bottom:-1.875rem;right:1.875rem;padding:0 2.375rem;transition: .5s;} .list_box_13 li a .top h5{ font-size:.875rem; color:#fff} .list_box_13 li a .top h5 img{ margin:-3px .5rem 0 0} .list_box_13 li a .top h4{ font-size:1.125rem; color:#fff; line-height:1.75rem; height:3.5rem; margin:.75rem 0 0} .list_box_14 li{ margin-bottom:.625rem} .list_box_14 li a{ display:block; position:relative} .list_box_14 li a .img:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../image/yinying_bg.png) center bottom no-repeat;; background-size:100% 70%} .list_box_14 li .img .img_hezi{ padding-bottom:11.25rem !important} .list_box_14 li a .top{ width:100%; position:absolute; bottom:1rem; left:0; right:0; padding:0 1rem} .list_box_14 li a .top h5{ font-size:.875rem; color:#fff} .list_box_14 li a .top h5 img{ margin:-3px .5rem 0 0} .list_box_14 li a .top h4{ font-size:1.125rem; color:#fff; line-height:1.5; margin:.75rem 0 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} .list_box_15 li:first-child .img .img_hezi{ padding-bottom:23.125rem !important} .container06{padding:3.125rem 0 5rem;overflow:hidden;background: #eff4f7;} .list_box_16{ } .list_box_16 li{ float:left; width:50%} .list_box_16 li a{ display:block; position:relative} .list_box_16 li .img .img_hezi{ padding-bottom:65.79% !important} .list_box_16 li .top{ position:absolute; top:0; right:0; bottom:0; left:0; text-align:center} .list_box_16 li .top h3 img{ transition:.5s} .list_box_16 li .top h5{ font-size: 1.875rem; color: #fff; font-family: SourceHanSerifCN-Bold; margin:1.125rem 0 0} .list_box_16 li[aos=fade-right]{ transform-origin:right; transform: perspective(0) rotateY(45deg);} .list_box_16 li[aos=fade-left]{ transform-origin:left; transform: perspective(0) rotateY(-45deg);} .list_box_16 li[aos=fade-right].aos-animate{ transform: perspective(0) rotateY(0);} .list_box_16 li[aos=fade-left].aos-animate{ transform: perspective(0) rotateY(0);} footer{ background:url(/images/footer_bg.jpg) center no-repeat; background-size:cover} footer .fl01{ padding:3.125rem 0 2.625rem} footer .fl01 .left .top1{width:38.75rem;margin-bottom:1rem;max-width: 100%;} footer .fl01 .content{margin:0 -4px;} footer .fl01 .content .box{float:left;width: 33.333333%;padding:0 4px;} .miso-wailian .box .box_rr{width:100%;font-size:14px;color: #414141;height: 40px;line-height: 38px;border: rgba(255,255,255,.3) 1px solid;background: rgba(255,255,255,.3);position:relative;border-radius: 20px;padding: 0;} .miso-wailian .box .box_rr dt{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;padding: 0 2rem 0 1.25rem;text-align: left;position: relative;color: #fff;} .miso-wailian .box .box_rr dt:before{content:"";position:absolute;background:#adcde3;right: 3rem;width:1px;height:1.375rem;top:50%;margin-top:-.625rem;display: none;} .miso-wailian .box .box_rr dt font{color: #414141;margin: 0 .875rem;} .miso-wailian .box .box_rr svg{position:absolute;right: 1.125rem;top: 12px;width: 12px;height: 14px;fill: #fff;} .miso-wailian .box .box_rr .con .dl{position:absolute;bottom: 39px;left: 0;background: #ffffff;padding: 10px 12px; opacity:0; visibility:hidden; width: 100%;z-index:2;box-shadow: 0 0 10px rgba(0,0,0,.15); transition:.5s; transform:scaleY(0); transform-origin:bottom} .miso-wailian .box .box_rr .con .dl dd{font-size: 12px;line-height: 18px;overflow:hidden;text-overflow:ellipsis;color: #333;margin: 5px 0;} .miso-wailian .box .box_rr .con .dl dd a{color: #333;transition: .6s;} .miso-wailian .box .box_rr .con .dl dd a:hover{ color:#5aa1e1} .miso-wailian .box .box_rr.on .con .dl{opacity:1;visibility:visible;transform: scaleY(1);} .list_box_17{ font-size:0} .list_box_17 li{ display:inline-block; margin-right:2rem} .list_box_17 li .ll{ width:38px; position:relative; line-height:3.25rem} .list_box_17 li .ll:before{ content:""; position:absolute; right:0; top:50%; width:1px; height:2.375rem; background:rgba(255,255,255,.3); transform:translateY(-50%)} .list_box_17 li .rr{ width:calc(100% - 38px); position:relative; padding:0 0 0 10px} .list_box_17 li .rr p{ font-size:12px; color:rgba(255,255,255,.7); line-height:1.625rem} .list_box_18{ font-size:0} .list_box_18 li{ display:inline-block; width:6rem; text-align:center;} .list_box_18 li h3{ display:inline-block; width:4.375rem; height:4.375rem; line-height:4.375rem; border-radius:.75rem; border:rgba(255,255,255,.2) 1px solid; transition:.5s} .list_box_18 li h5{ font-size:12px; line-height:1.375rem; margin:.5rem 0 0; color:#fff} /*==========================================首页 结束=============================================*/ /*==========================================内页 开始=============================================*/ .n_container{ padding:5rem 0 3.75rem; background:#f6fffb} .n_container .w1200{ max-width:1300px; display:flex; flex-wrap:wrap} .n_left{ width:740px;} .n_right{ width:calc(100% - 740px); padding-left:60px} .n_left .list_box_07 li{ margin-bottom:1.25rem} .n_left .list_box_07 li .con{ box-shadow: 0px 2px 9px 0px rgba(39, 39, 39, 0.09); height:6.375rem; padding:1.5rem 1.875rem} .n_left .list_box_07 li .img .img_hezi{ padding-bottom: 66.666667% !important;} .n_left .list_box_08 li .con{box-shadow: 0px 2px 9px 0px rgba(39, 39, 39, 0.09);height:7rem;padding: 2rem 1.875rem 0;} .n_right .box{ border:#5aa1e1 1px solid; background:#f5fbf8 url(/images/n_right_bg.jpg) center bottom no-repeat; background-size:100% auto; box-shadow: 0px 2px 29px 0px rgba(60, 73, 67, 0.11); padding:30px; position:relative} .n_right .box:before{content:"";position:absolute;top: -4px;right: -4px;background:url(../image/bianjiao_top.png) center no-repeat;width:63px;height:60px;} .list_box_19 li a .con{width: 100%;padding: 0 0 1rem;border-bottom: #c3d2cb 1px dashed;margin-bottom: 1rem;} .list_box_19 li a .con h5{ font-size:1.125rem; color:#323232; line-height:1.75rem; height:3.5rem; transition:.5s; font-weight:bold; margin-bottom:.5rem} .list_box_19 li a .con h6{ font-size:.875rem; color:#323232; line-height:1.875rem;} .list_box_19 li a .con h6 img{ display:inline-block; margin:-3px .75rem 0 0} .list_box_19 li a .con h6:last-child{ } .n_right .list_box_04 li{ margin-bottom:1.5rem} .n_right .list_box_04 li a h5{ line-height:1.625rem; height:3.25rem; margin:.75rem 0 0} .n_right .list_box_04 li a h6{ display:flex; justify-content:space-between; align-items:center} .n_right .list_box_04 li a h6 span{ color:#5aa1e1} .n_right .list_box_04 li a h6 span img{ margin:-3px .5rem 0 0} .list_box_20{ margin-bottom:0} .list_box_20 li{ border-bottom:#ccded6 1px solid; padding-bottom:1.25rem; margin-bottom:1.25rem} .list_box_20 li a{ display:flex; align-items:center} .list_box_20 li a .img_box{ position:relative; margin-right:1.875rem} .list_box_20 li a .img_box .img{ width:16.875rem; position:relative} .list_box_20 li a .img_box .img .img_hezi{ padding-bottom:68.51% !important} .list_box_20 li a .img_box .time{position:absolute;right:-.625rem;bottom:.625rem;width:3.75rem;height:3.75rem;background: rgba(6,120,63,.9);display: flex;flex-direction: column;align-items: center;justify-content: center;} .list_box_20 li a .img_box .time h3{ font-size:1.875rem; color:#fff; font-weight:bold} .list_box_20 li a .img_box .time h6{ font-size:12px; color:#fff; margin:.25rem 0 0} .list_box_20 li a .con{padding:0;width: calc(100% - 16.875rem);} .list_box_20 li a .con h5{ font-size:1.125rem; color:#323232; line-height:1.625rem; height:3.25rem; font-weight:bold; transition:.5s} .list_box_20 li a .con h5 img{ margin:0 0 0 .5rem} .list_box_20 li a .con hr{ width:3.125rem; height:2px; background:#5aa1e1; margin:1.125rem 0} .list_box_20 li a .con p{ font-size:.8125rem; color:#666666; line-height:1.5rem; height:4.5rem} .list_box_piaofu li{margin-bottom:2px;display: flex;justify-content: flex-end;} .list_box_piaofu li a{display:flex;width:50px;transition:.5s;background:rgba(6,120,63,.8);flex-wrap: nowrap;height: 50px;} .list_box_piaofu li a span{width:50px;height:50px;display:flex;align-items:center;justify-content:center;min-width: 50px;} .list_box_piaofu li a font{width: calc(200px - 50px);white-space: nowrap;display: flex;align-items: center;font-size: 16px;color: #fff;padding: 0 0 0 1rem;} .list_box_piaofu li a:hover{ width:200px} .n_content{ width:100%} .list_box_21 li{ border-bottom:#ccded6 1px solid; transition:.5s} .list_box_21 li a{ display:flex; padding:1.25rem 1.25rem; position:relative; transition:.5s; align-items:center} .list_box_21 li a:before{content:"";position:absolute;top: -4px;right: -4px;background:url(../image/bianjiao_top.png) center no-repeat;width:63px;height:60px; opacity:0; transition:.5s} .list_box_21 li a .time{ text-align:right; border-right:#d0d2d1 1px solid; padding:0 1rem 0 0} .list_box_21 li a .time h3{ font-size:2.25rem; color:#5aa1e1; font-weight:bold} .list_box_21 li a .time h6{ font-size:.875rem; color:#666666; margin:.25rem 0 0} .list_box_21 li a .con{ padding:0 0 0 1.125rem} .list_box_21 li a .con h5{ font-size:1.125rem; color:#323232; line-height:1.75rem; max-height:3.5rem; transition:.5s} .list_box_22{ margin-bottom:0} .list_box_22 li{ margin-bottom:1.25rem} .list_box_22 li a{ display:flex; align-items:center; border:#ccded6 1px solid; padding:1.25rem 1.25rem 1.25rem 0} .list_box_22 li a .img_box{ position:relative; margin-right:1.875rem;} .list_box_22 li a .img_box .img{ width:20rem; position:relative} .list_box_22 li a .img_box .img .img_hezi{ padding-bottom:68.51% !important} .list_box_22 li a .time_box{left: -2.5rem;background:#fff;margin-right: -1.25rem;position: relative;} .list_box_22 li a .time_box .time{width:5rem;height:5rem; border:#ccded6 1px solid; display: flex;flex-direction: column;align-items: center;justify-content: center;} .list_box_22 li a .time_box .time h3{ font-size:2.25rem; color:#5aa1e1; font-weight:bold} .list_box_22 li a .time_box .time h6{ font-size:.875rem; color:#666666; margin:.25rem 0 0} .list_box_22 li a .con{padding:0;/* min-width: 0; */overflow: hidden;} .list_box_22 li a .con h5{ font-size:1.25rem; color:#323232; line-height:1.25; font-weight:bold; transition:.5s} .list_box_22 li a .con h5 img{ margin:-3px .5rem 0 0} .list_box_22 li a .con hr{ width:3.125rem; height:2px; background:#5aa1e1; margin:1.625rem 0} .list_box_22 li a .con p{ font-size:.875rem; color:#666666; line-height:1.5rem; height:4.5rem} .list_box_23{ margin:0 -1.25rem; margin-bottom:-2.5rem; display:flex; flex-wrap:wrap} .list_box_23 li{ width:50%; padding:0 1.25rem; margin-bottom:2.5rem} .list_box_23 li .img .img_hezi{ padding-bottom:65.51% !important} .list_box_23 li .con{ padding:1.25rem 0; border-bottom:#ccded6 1px solid; position:relative} .list_box_23 li .con:before{content:"";position:absolute;background:url(/images/list_box_23_ico.png) center no-repeat;width:4.375rem;height:4.375rem;background-size:cover;top: -2.125rem;right: 1.255rem;} .list_box_23 li .con .time{ display:flex; align-items:center; margin-bottom:.75rem} .list_box_23 li .con .time{ color:#0f7d46; font-size:.875rem} .list_box_23 li .con .time img{ margin:0 .5rem 0 0} .list_box_23 li .con h5{ font-size:1.25rem; color:#323232; line-height:1.25; transition:.5s} .list_box_24{ margin:0 -1.25rem; margin-bottom:-2.5rem; display:flex; flex-wrap:wrap} .list_box_24 li{ width:50%; padding:0 1.25rem; margin-bottom:2.5rem} .list_box_24 li a{ display:flex; padding:1.875rem 1.875rem 1.5rem; position:relative; transition:.5s; align-items:center; border:#5aa1e1 1px solid; background:url(/images/list_box_24_bg.jpg) center bottom no-repeat; background-size:cover; box-shadow: 0px 2px 29px 0px rgba(60, 73, 67, 0.11);} .list_box_24 li a .box{ width:100%} .list_box_24 li a:before{content:"";position:absolute;top: -4px;right: -4px;background:url(../image/bianjiao_top.png) center no-repeat;width:63px;height:60px; transition:.5s; } .list_box_24 li a .time{ display:flex; justify-content:space-between} .list_box_24 li a .time .ll{ background:#5aa1e1; width:6.875rem; height:1.625rem; display:flex; align-items:center; justify-content:center; font-size:.875rem; color:#fff} .list_box_24 li a .time .ll img{ margin:0 .5rem 0 0} .list_box_24 li a h5{ font-size:1.125rem; color:#323232; line-height:1.75rem; height:3.5rem; transition:.5s; margin:.875rem 0 0} .list_box_25 li{ margin-bottom:3.125rem} .list_box_25 li a{ display:flex; padding:1.75rem; background:url(/images/list_box_25_bg1.jpg) center no-repeat; background-size:cover; position:relative; box-shadow: 0px 2px 29px 0px rgba(60, 73, 67, 0.11); border:#ccded6 1px solid; transition:.5s} .list_box_25 li a .img_box{margin-right:2.5rem;margin-top: -3.5rem;} .list_box_25 li a .img{ width:24.75rem;} .list_box_25 li a .img .img_hezi{ padding-bottom:66.24% !important} .list_box_25 li a .con .time_box{ display:flex; justify-content:space-between } .list_box_25 li a .con .time_box .rr{ display:flex; align-items:center} .list_box_25 li a .con .time{ position:relative; width:60px;} .list_box_25 li a .con .time:before{content:"";position:absolute;width: 50px;height:1px;background:#d3d3d3;transform: rotate(126deg) translateX(12px) translateY(-23px);} .list_box_25 li a .con .time h3{ font-size:30px; color:#5aa1e1; font-weight:bold} .list_box_25 li a .con .time h6{font-size:12px;color:#999999;line-height:14px;text-align:right;margin: -12px 0 0;} .list_box_25 li a .con h5{font-size:1.25rem;color:#323232;line-height:1.875rem;height:3.75rem;transition:.5s;font-weight:bold;margin: .875rem 0 0;} .list_box_25 li a .con h5 img{ margin:0 .5rem 0 0} .list_box_25 li a .con p{ font-size:.875rem; color:#666666; line-height:1.625rem; height:4.875rem; margin:.5rem 0 0} .list_box_25 li:nth-child(2n) a{ background:url(/images/list_box_25_bg2.jpg) center no-repeat; background-size:cover;} .list_box_25 li:nth-child(2n) a .img_box{ order:1; margin-right:0; margin-left:2.5rem} .n_tupian .fl01{ display:flex; flex-wrap:wrap; margin:0 -.9375rem} .n_tupian .fl01 .left{ width:66.666666%; padding:0 .9375rem} .n_tupian .fl01 .right{ width:33.333333%; padding:0 .9375rem} .list_box_26{ } .list_box_26 li{ width:100%} .list_box_26 li .img .img_hezi{ padding-bottom:36.25rem !important} .list_box_26 li .con{ padding:0 2.375rem; height:9rem; background:url(/images/list_box_26_bg.jpg) center no-repeat; background-size:cover; position:relative; display:flex; flex-direction:column; justify-content:center; box-shadow: 0px 2px 29px 0px rgba(60, 73, 67, 0.11); border-bottom:#5aa1e1 3px solid} .list_box_26 li .con:before{content:"";position:absolute;background:url(/images/list_box_23_ico.png) center no-repeat;width:4.375rem;height:4.375rem;background-size:cover;top: -1.5rem;right: 1.875rem;} .list_box_26 li .con .time{ display:flex; justify-content:space-between} .list_box_26 li .con .time .ll{ background:#5aa1e1; width:6.875rem; height:1.625rem; display:flex; align-items:center; justify-content:center; font-size:.875rem; color:#fff} .list_box_26 li .con .time .ll img{ margin:0 .5rem 0 0} .list_box_26 li .con h5{ font-size:1.125rem; color:#323232; line-height:1.25; transition:.5s; margin:1rem 0 0} .list_box_27{ } .list_box_27 li{ width:100%; margin-bottom:1.75rem} .list_box_27 li .img .img_hezi{ padding-bottom:15.5rem !important} .list_box_27 li .con{ padding:0 1.25rem; height:6.25rem; background:url(/images/list_box_27_bg.jpg) center no-repeat; background-size:cover; position:relative; display:flex; flex-direction:column; justify-content:center; box-shadow: 0px 2px 29px 0px rgba(60, 73, 67, 0.11); border-bottom:#5aa1e1 3px solid} .list_box_27 li .con .time{ display:flex; justify-content:space-between} .list_box_27 li .con .time .ll{ background:#5aa1e1; width:6.875rem; height:1.625rem; display:flex; align-items:center; justify-content:center; font-size:.875rem; color:#fff} .list_box_27 li .con .time .ll img{ margin:0 .5rem 0 0} .list_box_27 li .con h5{ font-size:1.125rem; color:#323232; line-height:1.25; transition:.5s; margin:1rem 0 0} .list_box_28{ display:flex; flex-wrap:wrap; margin:0 -.9375rem; margin-bottom:-1.75rem} .list_box_28 li{ width:33.333333%; padding:0 .9375rem; margin-bottom:1.75rem} .list_box_28 li .img .img_hezi{ padding-bottom:65.26% !important} .list_box_28 li .con{ padding:0 1.25rem; height:6.25rem; background:url(/images/list_box_27_bg.jpg) center no-repeat; background-size:cover; position:relative; display:flex; flex-direction:column; justify-content:center; box-shadow: 0px 2px 29px 0px rgba(60, 73, 67, 0.11); border-bottom:#5aa1e1 3px solid} .list_box_28 li .con .time{ display:flex; justify-content:space-between} .list_box_28 li .con .time .ll{ background:#5aa1e1; width:6.875rem; height:1.625rem; display:flex; align-items:center; justify-content:center; font-size:.875rem; color:#fff} .list_box_28 li .con .time .ll img{ margin:0 .5rem 0 0} .list_box_28 li .con h5{ font-size:1.125rem; color:#323232; line-height:1.25; transition:.5s; margin:1rem 0 0} .n_news_detail .ar_article_box .nav01{overflow:hidden;margin-bottom: 2rem;text-align: center;} .n_news_detail .ar_article_box h3{color: #474747;font-size: 2.25rem;line-height: 1.5;margin-bottom: 0;} .n_news_detail .ar_article_box h4{color: #474747;font-size: 1.75rem;line-height: 2.25} .n_news_detail .ar_article_box h6{display: block;color: #999999;font-size: 0.875rem;line-height: 1.5;margin-bottom: 0;vertical-align: top;padding: .75rem 0px;border-bottom: #5aa1e1 2px solid;} .n_news_detail .ar_article_box h6 span{margin: 0 .5rem;} .n_news_detail .ar_article_box h6 span img{ margin:-3px 6px 0 0} /*====上一篇下一篇====*/ #ar_fot{position:relative;padding: 1.75rem 0 0;box-sizing: border-box;width: 100%;margin-top: 2rem;border-top: #d1d1d1 1px solid;} #ar_fot h1{display:block;width: 100%;line-height: 2.5rem;color: #323232;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 1.25rem;} #ar_fot h1 span{ font-weight: bold;} #ar_fot h1 a{color: #323232;font-weight:normal;transition: .5s;} #ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;} #ar_fot .bnt_back:hover{ border-radius:3px;} #ar_fot h1 a:hover{color: #5aa1e1;font-weight: bold;} .n_news_detail01 h4{ font-size:1.5rem; color:#000000; font-weight:bold; margin:2.5rem 0 1rem; text-align:center} .n_news_detail01 .ar_article p{ line-height:2.5rem; margin-bottom:0.375rem} .shart_box{display:inline-block; cursor:pointer} .social-share{font-family:"socialshare" !important;font-size: 1rem;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;display: flex;background: #fff;vertical-align: top;margin: 0;transition:.5s;z-index: 10;color: #848484;line-height: 2.9375rem;margin: 1rem 0;position: absolute;flex-direction: column;width: 100%;align-items: center;opacity: 0;visibility: hidden;}.social-share *{font-family:"socialshare" !important}.social-share a{position:relative;text-decoration:none;margin: 0;display:inline-block;outline:none;}.social-share .social-share-icon{position:relative;display:inline-block;width: 2.9375rem;height: 2.9375rem;border-radius: 0;line-height: 24px;border: none;color: #666666;text-align:center;vertical-align: top;transition:background 0.6s ease-out 0s;transition: .6s;font-size: 13px;background: #ececec;margin-bottom: .5rem;background-size: 100% 100% !important;}.social-share .social-share-icon:hover{ }.social-share .icon-weibo{border-color:#ff763b;}.social-share .icon-weibo:hover{background:#ff763b}.social-share .icon-tencent{color:#56b6e7;border-color:#56b6e7}.social-share .icon-tencent:hover{background:#56b6e7}.social-share .icon-qq{border-color:#56b6e7;}.social-share .icon-qq:hover{}.social-share .icon-qzone{border-color:#FDBE3D;}.social-share .icon-qzone:hover{background:#FDBE3D}.social-share .icon-douban{color:#33b045;border-color:#33b045}.social-share .icon-douban:hover{background:#33b045}.social-share .icon-linkedin{border-color:#0077B5;}.social-share .icon-linkedin:hover{background:#0077B5}.social-share .icon-facebook{color:#44619D;border-color:#44619D}.social-share .icon-facebook:hover{background:#44619D}.social-share .icon-google{color:#db4437;border-color:#db4437}.social-share .icon-google:hover{background:#db4437}.social-share .icon-twitter{color:#55acee;border-color:#55acee}.social-share .icon-twitter:hover{background:#55acee}.social-share .icon-diandian{color:#307DCA;border-color:#307DCA}.social-share .icon-diandian:hover{background:#307DCA}.social-share .icon-wechat{position:relative;border-color:#7bc549;}.social-share .icon-wechat:hover{background:#7bc549}.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left: -78px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms;}.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}.social-share .icon-wechat:hover .wechat-qrcode{display:block} .social-share .icon-weibo {} .social-share .icon-wechat {background:url(/images/share-icon02.png) no-repeat center center !important;background-size: 100% 100% !important;} .social-share .icon-qq {background:url(/images/share-icon03.png) no-repeat center center !important;background-size: 100% 100% !important;} .social-share .icon-qzone {background:url(/images/share-icon04.png) no-repeat center center !important;background-size: 100% 100% !important;} .ar_article_box{ position:relative} .share_box{position:absolute;top: 12rem;left: -6rem;} .share_box .share_box_con{ width:60px; height:64px; background:#5aa1e1; border-radius:30px 30px 0 0; display:flex; align-items:center; flex-direction:column; justify-content:center; font-size:12px; color:#fff} .share_box .share_box_con img{ margin-bottom:8px;} .share_box:hover .social-share{ opacity:1; visibility:visible} .list_box_29{ display:flex; justify-content:center; margin:0 -.9375rem; margin-top:3.25rem} .list_box_29 li{ padding:0 .9375rem} .list_box_29 li h3{ padding:10px; background:url(../image/list_box_29_bg1.png) center no-repeat; background-size:100% 100%} .list_box_29 li h3 img{ width:100%; border:#dbe6e1 1px solid} .list_box_29 li h5{ font-size:.875rem; color:#666666; margin:1rem 0 0; text-align:center} .n_banner1 ul li img{ height:9.375rem; object-fit:cover} .n_banner1:after{ display:none} .n_banner1 .top .left h3{ color:#5aa1e1} .n_banner1 .mianbao{ color:#666666} .n_banner1 .mianbao em{ color:#5aa1e1} .n_banner1 .n_sanji li a{ color:#323232} .n_banner1 .n_sanji li.on a{ color:#fff} .n_yxsz{ padding:5rem 0 2.75rem; background:url(/images/n_yxsz_bg.jpg) center no-repeat; background-size:cover; overflow:hidden} .n_yxsz .w1200{display:flex;flex-wrap:wrap;align-items: flex-start;} .n_yxsz .left{ width:calc(100% - 32.90%); padding:0 3.75rem 0 0} .n_yxsz .right{ width:32.90%; padding:0 1.25rem 0 0; position:relative} .n_yxsz .right:before{ content:""; position:absolute; top:1.25rem; right:0; bottom:-1.25rem; left:1.25rem; background:#5aa1e1} .n_yxsz .right .img .img_hezi{ padding-bottom:158.75% !important} .list_box_n_yxsz{ margin:0 -.625rem; display:flex; flex-wrap:wrap} .list_box_n_yxsz li{ width:50%; padding:0 .625rem; margin-bottom:1.25rem} .list_box_n_yxsz li a{ display:block; background-size:cover; padding:0 5px 5px 0; position:relative; z-index:1; transition:.5s} .list_box_n_yxsz li a:before{ content:""; position:absolute; top:5px; right:0; bottom:0; left:5px; background:#06753d; z-index:-1; transition:.5s} .list_box_n_yxsz li a .box{display:flex;height:100%;align-items:center;justify-content:space-between;height:3.4375rem;background:url(/images/list_box_n_yxsz_bg.jpg) center no-repeat;padding:0 1.25rem;border:#d0e4db 1px solid;box-shadow: 0px 1px 10px 0px rgba(43, 67, 55, 0.14);transition:.5s;background-size: cover;} .list_box_n_yxsz li a .box .ll{width:calc(100% - 1.75rem);overflow: hidden;} .list_box_n_yxsz li a .box .ll h5{font-size:1rem;color:#323232;/* display: flex; */align-items: center;line-height: 1.25;} .list_box_n_yxsz li a .box .ll h5 img{margin: -2px .5rem 0 0;} .n_xyfg{ padding:5rem 0 3.75rem; overflow:hidden; background:#f6fffb} .n_xyfg .miso_hd{ text-align:center; margin-bottom:2.5rem} .list_box_30s{display:flex;font-size:0;text-align: center;} .list_box_30s li{float:none;display: inline-block !important;width: auto !important;padding: 0;padding-bottom: .625rem;} .list_box_30s li a{display: flex;width: 14.375rem;height: 4.375rem;align-items:center;justify-content:center;border-radius: .75rem;font-size: 28px;color: #323232;font-family: SourceHanSerifCN-Bold; position:relative; transition:.5s} .list_box_30s li a:before{content:"";position:absolute;border-left: transparent .75rem solid;border-right: transparent .75rem solid;border-top:#5aa1e1 .5rem solid;top:100%;opacity:0;left: 50%;margin-left: -.75rem; transition:.5s} .list_box_30s li.on a{background: #5aa1e1;color:#fff;} .list_box_30s li.on a:before{ opacity:1} .wall{margin:0 -.625rem;font-size: 0;} .wall-column{display: inline-block;width:25%;padding:0 .625rem;vertical-align: top;} .wall-column .article{margin-bottom: 1.25rem;box-shadow: 0px 1px 10px 0px rgba(43, 67, 55, 0.23);} .wall-column .article a{ display:block; position:relative; overflow:hidden} .wall-column .article .img, .wall-column .article .img img{ width:100%; overflow:hidden; position:relative} .wall-column .article a .top h5{background:url(../image/n_wall_bg.jpg) center no-repeat;font-size:1.125rem;color: #323232;padding: 1.75rem 1rem;line-height: 1.5;bottom: 0;width: 100%;text-align: center;background-size: cover;border-bottom: #5aa1e1 2px solid; transition:.5s} .n_xxxh{ padding:5rem 0 1rem; overflow:hidden; background:#f6fffb} .n_xxxh .fl01{ margin-bottom:4.375rem} .n_xxxh .w1200{display:flex;flex-wrap:wrap;align-items: flex-start;} .n_xxxh .left{ width:calc(100% - 20rem); padding:0 6.25rem 0 0} .n_xxxh .left h3{font-size: 1.75rem;color: #323232;font-family: SourceHanSerifCN-Bold;position:relative;padding-top:1.25rem;line-height:1.375;margin-bottom:2rem;} .n_xxxh .left h3:before{ content:""; position:absolute; width:3.75rem; height:4px; background:#5aa1e1; left:0; top:0;} .n_xxxh .left p{ font-size:1.125rem; color:#323232; line-height:2rem; color:#323232; text-indent:1.75rem} .n_xxxh .right{width:20rem;padding:0 .625rem 0 0;position:relative;z-index: 1;} .n_xxxh .right:before{content:"";position:absolute;top:.625rem;right:0;bottom:-.625rem;left:.625rem;background:#5aa1e1;z-index: -1;} .n_xxxh .right .img{ box-shadow: 0px 1px 10px 0px rgba(43, 67, 55, 0.23);} .n_xxxh .right .img img{ width:100%} .n_jgsz{ padding:5rem 0 1.25rem; overflow:hidden; background:#f6fffb} .n_jgsz .fl01{ margin-bottom:2.5rem} .n_jgsz .fl01 .content{ display:flex; margin:0 -1.25rem; flex-wrap:wrap} .n_jgsz .fl01 .content .box{ width:50%; padding:0 1.25rem} .n_jgsz .fl01 .content .box .box_li{ box-shadow: 0px 1px 10px 0px rgba(43, 67, 55, 0.23);} .n_jgsz .fl01 .content .box .box_li .tit{ background:url(/images/n_jgsz_tit.jpg) center no-repeat; background-size:cover; height:5rem; border-radius:0 0 2.5rem 0; display:flex; align-items:center; justify-content:center} .n_jgsz .fl01 .content .box .box_li .tit h3{ display:flex; align-items:center; justify-content:center} .n_jgsz .fl01 .content .box .box_li .tit h3 font{ font-size: 1.75rem;color: #fff;font-family: SourceHanSerifCN-Bold; margin:0 1.125rem} .n_jgsz .fl01 .content .box .box_li .bottom{ padding:1.125rem 2rem; background:#fff url(/images/n_jgsz_bg.png) 95% bottom no-repeat} .list_box_31{ margin:0 -.625rem; display:flex; flex-wrap:wrap; overflow:hidden} .list_box_31 li{ width:50%; padding:0 .625rem; margin-bottom:-1px;} .list_box_31 li a{display:block;padding: .75rem 0;border-bottom:#e3e3e3 1px solid;font-size:1rem;color:#323232;transition:.5s;background: url(../image/list_box_31_ico.png) left 1rem no-repeat;padding-left:22px;transition:.5s;line-height: 1.375;} .n_jgsz .fl02 .content .box{ width:100%;} .n_jgsz .fl02 .list_box_31 li{ width:25%;} .n_jgsz .fl02 .content .box .box_li .tit{ padding:0 1rem} .n_jgsz .fl02 .content .box .box_li .tit{ justify-content:flex-start} .n_xrld{ background:url(../image/n_xrld_bg.jpg) right top no-repeat; overflow:hidden} .n_xrld .fl01{padding: 0 0 5.75rem;position:relative;z-index:1;} .n_xrld .fl01:before{ content:""; position:absolute; top:0; left:0; width:39.58%; height:36.25rem; background:url(/images/n_xrld_fl01_bg.jpg) right top no-repeat; background-size:cover; z-index:-1} .n_xrld .fl01 .content{ display:flex; padding:0 0 0 31.57%; justify-content:flex-end} .n_xrld .fl01 .content .left{height:36.25rem;display: flex;align-items: flex-end;position:absolute;left: 39.58%;margin-left: -80px;} .n_xrld .fl01 .content .left .box{ background:url(/images/n_xrld_fl01_bg1.png) center no-repeat; width:113px; height:300px;} .n_xrld .fl01 .content .left .box .box_li{ padding:12px 0 0 135px; white-space:nowrap} .n_xrld .fl01 .content .left .box .box_li h5{font-size:24px;color:#323232;line-height:1.25;margin-bottom: 10px;} .n_xrld .fl01 .content .left .box .box_li ul li{font-size: 1.125rem;color:#323232;line-height:50px;} .n_xrld .fl01 .content .right{width: 49.7%;padding:5rem 13.15% 0 0;} .n_xrld .fl01 .content .right .box{ position:relative; padding:0 1.25rem 0 0;} .n_xrld .fl01 .content .right .box:before{ content:""; position:absolute; top:1.25rem; right:0; bottom:-1.25rem; left:1.25rem; background:#5aa1e1 url(/images/n_xrld_fl01_bg-1.jpg) center no-repeat} .n_xrld .fl01 .content .right .img .img_hezi{padding-bottom: 133.33% !important;} .title003 h3{font-size: 1.75rem;color: #323232;font-family: SourceHanSerifCN-Bold;position:relative;padding-top:1.25rem;line-height:1.375;margin-bottom:2rem;} .title003 h3:before{ content:""; position:absolute; width:3.75rem; height:4px; background:#5aa1e1; left:0; top:0;} .n_xrld .fl01 .content .title003{top:5rem;position: absolute;left: 0;} .n_xrld .fl01 .top1{ position:absolute; z-index:10; left:0; right:0; top:5rem} .n_xrld .fl02{ padding:0 0 3rem} .list_box_32{ display:flex; margin:0 -1.25rem; flex-wrap:wrap; margin-bottom:2rem} .list_box_32 li{ width:50%; padding:0 1.25rem; margin-bottom:2.5rem} .list_box_32 li a{ display:flex; padding:2.5rem 0; position:relative; z-index:1; align-items:center} .list_box_32 li a:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:3rem; background:url(../image/list_box_32_bg.jpg) center no-repeat; background-size:cover; border:#bad1c7 1px solid; z-index:-1; transition:.5s} .list_box_32 li a .img{ width:13.75rem; border:#bad1c7 1px solid; } .list_box_32 li a .img .img_hezi{ padding-bottom:136.36% !important} .list_box_32 li a .con{padding:0 2.5rem;overflow: hidden;width: calc(100% - 13.75rem);} .list_box_32 li a .con h5{ font-size:1.5rem; color:#323232; line-height:1.25; margin-bottom:1rem} .list_box_32 li a .con h6{ font-size:1rem; color:#666666; line-height:1.125; flex-wrap:wrap; padding-bottom:1.625rem; border-bottom:#bad1c7 1px solid; margin-bottom:1.25rem} .list_box_32 li a .con h6 span{ display:inline-block; padding-right:.5rem; margin-right:.5rem; border-right:#bad1c7 1px solid} .list_box_32 li a .con .ar_article{font-size:.875rem;color:#666666;line-height:24px;height:144px;margin-bottom:1rem;overflow: hidden;overflow-y: scroll;padding-right: 1rem;margin-right: -1rem;} .list_box_32 li a .con .ar_article p{ font-size:.875rem; color:#666666; line-height:24px; margin-bottom:0; text-indent:0} .list_box_32 li a .con .ar_article::-webkit-scrollbar {width:4px;height: 8px;background-color: transparent; transition:.5s} .list_box_32 li a .con .ar_article::-webkit-scrollbar-track {border-radius: 10px;background-color: transparent; transition:.5s} .list_box_32 li a .con .ar_article::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #779d8c;} .list_box_32 li a .con .ar_article:hover::-webkit-scrollbar {background-color: #e2e2e2;} .list_box_32 li a .con .ar_article:hover::-webkit-scrollbar-track {background-color: #e2e2e2;} .n_about .fl01{ padding:5rem 0 1.75rem; position:relative; z-index:1; overflow:hidden; background:url(/images/n_about_fl01_bg.png) right bottom no-repeat} .n_about .fl01:before{ content:""; position:absolute; top:0; left:0; width:39.58% !important; height:20rem; z-index:-1; background:#e8f8f1} .n_about .fl01 .content{ display:flex; justify-content:flex-end} .n_about .fl01 .content .left{ width:46%; position:relative; min-height:34.6875rem} .n_about .fl01 .content .left .img{ position:absolute; top:0; right:0} .n_about .fl01 .content .right{ width:54%; padding:0 0 0 2.5rem} .n_about .fl01 .content .right h5{ font-size:1.125rem; color:#323232; line-height:2rem; text-indent:2.25rem; margin:-5.375rem 0 1.75rem} .list_box_33{ background:url(../image/list_box_33_bg.png) left center no-repeat; padding:0 0 0 54px;} .list_box_33 li{ font-size:1.125rem; color:#323232; line-height:2.125rem; margin-bottom:.375rem} .list_box_33 li b{ color:#5aa1e1; font-weight:bold} .n_about .fl02{padding:2.5rem 0 2.5rem;background:url(/images/n_about_fl02_bg.jpg) right center no-repeat;background-size: auto 100%;} .n_about .fl02 .w1200{ display:flex; flex-wrap:wrap; } .n_about .fl02 .left{ width:48.68%; padding:0 2.5rem 0 0} .n_about .fl02 .left p{ font-size:1rem; color:#323232; line-height:2rem; text-align:justify; text-indent:2rem} .list_box_34{display:flex;align-items:center;justify-content: space-between;padding-right: 7.5rem;margin: 1.25rem 0;} .list_box_34 li{/* flex:1 */} .list_box_34 li .a{ display:flex; align-items:center} .list_box_34 li:not(:first-child){ border-left:#5aa1e1 1px solid; padding:0 0 0 10px} .list_box_34 li .a .rr{ padding:0 0 0 10px} .list_box_34 li h3 big{ font-size:1.5rem; color:#5aa1e1; font-weight:bold} .list_box_34 li h3 small{ font-size:.875rem; color:#323232; margin:0 0 0 .5rem} .list_box_34 li h6{ font-size:.875rem; color:#323232; margin:.5rem 0 0} .list_box_35{display:flex;align-items:center;justify-content: space-between; margin: 1rem -.625rem;} .list_box_35 li{ padding:0 .625rem; width:25%;} .list_box_35 li .a{display:flex;border:#5aa1e1 1px solid;flex-direction:column;border-radius: 5px;} .list_box_35 li .a h3{display:flex;height:4.375rem;align-items: center;justify-content: center;font-size: 2.375rem;color: #5aa1e1;font-weight: bold;} .list_box_35 li .a h6{ background:#5aa1e1; height:50px; display:flex; align-items: center;justify-content: center; font-size:.875rem; color:#fff; line-height:20px; text-align:center; padding:0 .5rem} .n_about .fl02 .right{ width:calc(100% - 48.68%); } .list_box_36:first-child{ margin-bottom:1.25rem} .list_box_36 li a{ display:block; position:relative} .list_box_36 li .img .img_hezi{ padding-bottom:44.87% !important} .list_box_36 li a .top{ position:absolute; right:0; bottom:0; left:0; height:7.5rem; background:rgba(255,255,255,.8); border-radius:1.25rem 1.25rem 0 0; padding:0 1.875rem; display:flex; align-items:center} .list_box_36 li a .top .ll{ width:6.875rem} .list_box_36 li a .top .rr{ width:calc(100% - 6.875rem); padding:0 5.625rem 0 0} .list_box_36 li a .top .rr h5{font-size:1.5rem;color:#323232;font-family:SourceHanSerifCN-Bold;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;} .list_box_36 li a .top .rr h6{font-size:1.125rem;color:#323232;line-height:1.25;margin:1rem 0 0;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;} .list_box_36 .miso-dots{bottom: 1rem;text-align: right;left: auto;width: auto;right: 1.5rem;} .list_box_36 .miso-dots li{ width:10px; height:10px; border:#5aa1e1 1px solid; border-radius:50%;} .list_box_36 .miso-dots li.miso-active{ background:#5aa1e1} .n_about .fl03{ background:url(/images/n_about_fl03_bg.jpg) left center no-repeat; background-size:39.58% auto; padding:2rem 0 2.5rem; margin-top:2.5rem} .n_about .fl03 .w1200{ display:flex; flex-wrap:wrap; } .n_about .fl03 .left{ width:36.84%} .n_about .fl03 .left h3{ font-size:1.5rem; color:#fff; line-height:2.625rem; font-family:SourceHanSerifCN-Bold;} .n_about .fl03 .right{ width:calc(100% - 36.84%); padding:0 0 0 2.5rem} .list_box_37{ display:flex; margin:3.125rem 0 0} .list_box_37 li{ min-width:50%; position:relative} .list_box_37 li:first-child:before{ content:""; position:absolute; right:2rem; top:0; bottom:0; width:1px; border-right:rgba(255,255,255,.1) 1px solid} .list_box_37 li h3 big{ font-size:1.5rem; color:#fff; font-weight:bold} .list_box_37 li h3 small{ font-size:.875rem; color:#fff; margin:0 0 0 .25rem} .list_box_37 li h6{ font-size:.875rem; color:#fff; line-height:1.375} .n_about .fl03 .right p{ font-size:1.125rem; color:#323232; line-height:2rem; text-align:justify; margin-bottom:1.5rem; text-indent:2.25rem} .n_about .fl03 .right p:last-child{ margin-bottom:0} .n_about .fl04{ background:url(/images/n_about_fl04_bg.jpg) right center no-repeat; background-size:51% auto; padding:3.75rem 0 5rem; margin-top:2.5rem} .n_about .fl04 .left{ background:#fff; padding:3.125rem 3.75rem 3.125rem 0; width:69.73%} .n_about .fl04 .left h3{ font-size:1.5rem; color:#323232; line-height:2.625rem; font-family:SourceHanSerifCN-Bold; display:flex; justify-content:space-between; align-items:center; margin-bottom:.875rem} .n_about .fl04 .left p{ font-size:1.125rem; color:#323232; line-height:2rem; text-align:justify; margin-bottom:1.5rem; text-indent:2.25rem} .n_about .fl04 .left p:last-child{ margin-bottom:0} .n_about .fl05{ background:url(/images/n_about_fl05_bg.jpg) left center no-repeat; background-size:39.58% auto; padding:1rem 0; } .n_about .fl05 .w1200{ display:flex; flex-wrap:wrap; align-items:center} .n_about .fl05 .left{ width:36.84%} .n_about .fl05 .left h3{ font-size:1.5rem; color:#fff; line-height:2.625rem; font-family:SourceHanSerifCN-Bold;} .n_about .fl05 .right{ width:calc(100% - 36.84%); padding:0 0 0 2.5rem} .n_about .fl05 .right p{ font-size:1.125rem; color:#323232; line-height:2rem; text-align:justify; margin-bottom:1.5rem; text-indent:2.25rem} .n_about .fl05 .right p:last-child{ margin-bottom:0} .n_about .fl05 .right p font{ color:#5aa1e1; font-weight:bold; font-size:1.375rem} .n_about .fl06{ margin:3.75rem 0 3rem} .n_about .fl06 .fl001{display:flex;flex-wrap:wrap;align-items: flex-start;} .n_about .fl06 .left{width:35rem;padding:0 0 0 1.25rem;position:relative;z-index: 1;} .n_about .fl06 .left:before{content:"";position:absolute;top:-1.25rem;right:1.25rem; bottom:1.25rem;left:0;background:#5aa1e1;z-index: -1;} .n_about .fl06 .left .img{ box-shadow: 0px 1px 10px 0px rgba(43, 67, 55, 0.23);} .n_about .fl06 .left .img img{ width:100%} .n_about .fl06 .right{width:calc(100% - 35rem); padding:0 0 0 2.5rem} .n_about .fl06 .right h3{ font-size:1.5rem; color:#323232; line-height:2.625rem; font-family:SourceHanSerifCN-Bold; margin:-1.875rem 0 1rem} .n_about .fl06 .right p{ font-size:1.125rem; color:#323232; line-height:2rem; text-align:justify; margin-bottom:1.5rem; text-indent:2.25rem} .n_about .fl06 .ar_article1{ margin:4rem 0 0} .n_about .fl06 .ar_article1 p{ font-size:1.125rem; color:#323232; line-height:2rem; text-align:justify; margin-bottom:1.5rem; text-indent:2.25rem} .n_about .fl06 .ar_article1 p:last-child{ margin-bottom:0} .list_box_38{ position:relative} .list_box_38:before{ content:""; position:absolute; top:0; left:2.5rem; bottom:0; background:#d7dee3; width:1px; z-index:-1} .list_box_38:after{ content:""; position:absolute; left:2.5rem; width:7px; height:7px; bottom:0; background:#5aa1e1; z-index:-1; border-radius:50%; margin-left:-3.5px;} .list_box_38 li{ display:flex; align-items:flex-start; margin-bottom:1.25rem} .list_box_38 li span{ width:5rem; height:5rem; background:#5aa1e1; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.25rem; color:#fff; font-weight:bold} .list_box_38 li p{ width:calc(100% - 5rem); text-indent:0 !important; padding:1.5rem 0 0 1.25rem} .miso-lightbox .miso-arrow{ width:32px; height:32px;} .list_box_40{ display:flex; flex-wrap:wrap;max-height:100%;} .list_box_40 li{ width:50%; margin-bottom:1.125rem} .list_box_40 li a{ display:flex; flex-direction:column; text-align:center; align-items:center} .list_box_40 li a h3{ display:flex; width:4.375rem; height:4.375rem; border:rgba(255,255,255,.5) 1px dashed; border-radius:50%; align-items:center; justify-content:center} .list_box_40 li a h3 img{ max-width:3.5rem; max-height:3.5rem; transition:.5s} .list_box_40 li a h5{ font-size:1rem; color:#fff; line-height:1.25; margin:.75rem 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis} .list_box_41 li{ font-size:1.25rem; color:#fff; font-weight:bold; line-height:5rem; text-align:center; width:100%; position:relative} .list_box_41 li:before{content:"";position:absolute;bottom: 1rem;height:2px;width:0;transition:.5s;background:#fff; left:50%; transform:translateX(-50%);} .list_box_41 li.on:before{width: 100%;} /*==========================================内页 结束=============================================*/ /*底部图片导航增加一个，宽度大于1200px时使用定位*/ @media(min-width: 1200px){ footer .fl01 .right{ position: absolute;right: 86px;} } @media(min-width: 768px){ .list_box_01 li a:hover{ background:#fff} .list_box_01 li a:hover h3 img, .list_box_40 li a:hover h3 img{ transform:rotateY(180deg)} .miso_box_01 .miso-arrow:hover{ border:#5aa1e1 1px solid;} .miso_box_01 .miso-arrow:hover svg{ fill:#5aa1e1} .list_box_03 li .con h5:hover, .list_box_09 li a:hover .con h5, .list_box_19 li a:hover .con h5, .list_box_20 li a:hover .con h5{ color:#5aa1e1} .list_box_04 li a:hover h6 font{ background:#5aa1e1; color:#fff} .list_box_04 li a:hover h5{ color:#5aa1e1; font-weight:600} .list_box_05 li a:hover .time{ background:#5aa1e1} .list_box_05 li a:hover .time h4, .list_box_05 li a:hover .time h3{ color:#fff} .list_box_05 li a:hover .time hr{ background:#178eb8; } .list_box_05 li a:hover .time:before{ border-left:#5aa1e1 .625rem solid;} .list_box_05 li a:hover .con h5{ color:#5aa1e1; font-weight:600} .list_box_07 li a:hover .time{ background:#178eb8; } .list_box_07 li a:hover .con{ background:#5aa1e1} .list_box_07 li a:hover .con h5{ color:#fff} .list_box_08 li a:hover .time{ background:#178eb8; } .list_box_08 li a:hover .con{ background:#5aa1e1} .list_box_08 li a:hover .con h5{ color:#fff} .list_box_11_s2 li a:hover .con{ opacity:0; visibility:hidden} .list_box_11 li a:hover .con{ background:#5aa1e1} .list_box_11 li a:hover .con *{ color:#fff !important} .list_box_12 li:hover:after{ width:4rem} .list_box_14 li a:hover .img img{ transform:scale(1.05)} .list_box_18 li a:hover h3{ background:rgba(255,255,255,.3)} .list_box_16 li a:hover .top h3 img{ transform:rotateY(180deg)} .list_box_13 li a:hover .top{ background:#5aa1e1} .miso-wailian .box .box_rr:hover .con .dl{/* opacity:1; *//* visibility:visible; *//* transform:scaleY(1) */} .list_box_21 li:hover{ border-bottom:#fff 1px solid} .list_box_21 li a:hover{ padding:1.75rem 1.25rem; border:#5aa1e1 1px solid; background:url(/images/list_box_21_bg.jpg) center bottom no-repeat; background-size:100% auto; box-shadow: 0px 2px 29px 0px rgba(60, 73, 67, 0.11);} .list_box_21 li a:hover:before{ opacity:1} .list_box_24 li a:hover h5, .list_box_25 li a:hover .con h5{ color:#5aa1e1; font-weight:bold} .list_box_25 li a:hover{ border:#5aa1e1 1px solid} .list_box_26 li a:hover .con h5, .list_box_27 li a:hover .con h5, .list_box_28 li a:hover .con h5{ color:#5aa1e1; font-weight:bold} .list_box_n_yxsz li a:hover .box{ border:#5aa1e1 1px solid} .list_box_n_yxsz li a:hover:before{ background:#178eb8; } .wall-column .article a:hover .top h5{ color:#5aa1e1; font-weight:600} .list_box_31 li a:hover{ color:#5aa1e1; font-weight:600} .list_box_32 li a:hover:before{ border:#5aa1e1 1px solid; box-shadow: 0px 2px 29px 0px rgba(60, 73, 67, 0.31);} } @media(min-width: 992px) and (max-width: 1300px){ } @media(max-width: 1830px){ .w1800{ padding:0 15px} .n_xrld .fl01 .content{padding: 0 0 0 32.875%;} } @media(max-width: 1630px){ .w1600{ padding:0 15px} #nav ul li h3{ font-size:1rem} } @media(max-width: 1400px){ .share_box{ display:none} .list_box_37{ margin:1rem 0 0} } @media(max-width: 1260px){ .container01 .left{ width:100%; padding:0 0 2rem} .container01 .right{width:100%;padding: 2rem 1rem;height: auto;} } @media(max-width: 1200px){ .list_box_01{position:relative;width:100%;overflow: hidden;padding: 0 15px;right:0;} .list_box_01 li{ width:25%; float:left; width:20%} .list_box_01 li a{ padding:1.5rem 0} .list_box_01 li a h3{ height:3.5rem} .list_box_01 li a h3 img{ max-height:2.75rem} .container03 .left{width:100%;margin:0;padding: 0;} .container03 .right{ width:100%; padding:2rem 0 0; margin:0} .container03{background-size: 100% 24.9375rem !important;background: #eff4f7 center top no-repeat;} .w1200{ padding:0 15px} .container04{padding: 2rem 0 3rem;} .banner-next{ display:none} .n_left{ width:100%} .n_right{ width:100%; padding:2rem 0 0} .n_banner{ margin:4.5rem 0 0} .n_banner .top{ display:none} .n_banner:after{ display:none} .piaofu{ display:none} .list_box_22 li a .time_box{ display:none} .list_box_24{ margin:0 -6px; margin-bottom:-1.25rem} .list_box_24 li{ width:100%; padding:0 6px; margin-bottom:1.25rem} .list_box_24 li a:before, .n_right .box:before{ width: 38px; height: 36px; background-size: 100%; top: -3px; right: -3px;} .list_box_24 li a .time .rr img{ width:4rem} .n_jgsz .fl01 .content .box{ width:100%; margin-bottom:1.25rem} .n_jgsz .fl01{ margin-bottom:0} .list_box_31 li{ width:50% !important} .n_xrld .fl01{ padding: 3rem 0} .n_xrld .fl01 .top1{position:relative;top: 0;} .n_xrld .fl01 .content{padding:0;flex-wrap: wrap;} .n_xrld .fl01 .content .left{width:100%;position:relative;left: 0;margin: 0;order: 1;height: auto;padding: 3rem 0 0;} .n_xrld .fl01 .content .right{width:100%;padding: 0;} .n_xrld .fl01:before{ display:none} .n_about .fl01 .content{ flex-wrap:wrap} .n_about .fl01 .content .left{ display:none} .n_about .fl01 .content .right{ width:100%; padding:0} .n_about .fl01 .content .right h5{ margin:0 0 1.75rem} .n_about .fl02{ background:none} .n_about .fl02 .left{ width:100%; padding:0 0 2rem} .n_about .fl02 .right{ width:100%} .n_about .fl03{background:none;padding: 0 0 3rem;margin: 0;} .n_about .fl03 .left{width:100%;background: url(/images/n_about_fl03_bg.jpg) left center no-repeat;background-size:cover;padding: 15px;} .n_about .fl03 .right{ width:100%; padding:2rem 0 0} .n_about .fl04{ background:none; padding:0; margin-top:0} .n_about .fl04 .left{ width:100%; padding:0} .n_about .fl05{ background:none} .n_about .fl05 .left{width:100%;background: url(/images/n_about_fl05_bg.jpg) left center no-repeat;background-size:cover;padding: 15px;} .n_about .fl05 .right{ width:100%; padding:2rem 0 0} .n_about .fl06 .left{ width:100%} .n_about .fl06 .right{ width:100%; padding:3rem 0 0} .list_box_01 li a.ar_web{ display:none} .list_box_01 li a.ar_wap{ display:block} } @media(max-width: 1200px){ .list_box_10{height:auto;} .list_box_10 .miso-arrow.miso-prev{left: 22%;} .list_box_10 .miso-arrow.miso-next{right: 22%;} .side{display:none;} } @media(max-width: 992px){ .list_box_03 li .ll{ width:100%} .list_box_03 li .con{width:100%;padding: 2rem 0 0;} .list_box_02 li a .img{ width:calc(100% - 2.5rem)} .list_box_02{position:absolute;top: 0;left: 0;right: 0;bottom: 0;} .list_box_03{position:relative;padding: 1rem 0 0 1rem;} .list_box_03 li .con p{ height:5rem; -webkit-line-clamp: 3;} .miso_box_01 .miso-arrow{ margin:2rem 0 0} .container05 .fl01{ padding:0} .list_box_12{flex-wrap:wrap;justify-content:flex-start;margin-bottom: 2rem;} .list_box_12 li{width:33.333333%;padding-bottom: 1rem;text-align: center;} .list_box_10{ height:auto} .list_box_11{ width:100%} .list_box_12 li h3{ font-size:2rem} .list_box_12 li:after{ display:none} .list_box_11 li a .img .img_hezi{ padding-bottom:14rem !important} .list_box_11 li a .con{height:14rem;padding: 0 15px;} .list_box_11:last-child li a .img{ float:right} .container05 .content{ margin:0 -4px} .container05 .content .left{ width:100%; padding:0 4px; margin-bottom:2rem} .container05 .content .right{ width:50%; padding:0 4px} .list_box_13 li .img .img_hezi { padding-bottom: 62% !important;} .list_box_13 li a .top h5 img, .list_box_14 li a .top h5 img{ height:18px;} .n_tupian .fl01 .left{ width:100%; margin-bottom:1.75rem} .n_tupian .fl01 .right{ width:100%} .list_box_26 li .img .img_hezi, .list_box_27 li .img .img_hezi, .list_box_28 li .img .img_hezi{ padding-bottom:65.26% !important} .list_box_26 li .con{ padding:0 1.25rem} .list_box_27 li .con .time .rr img, .list_box_28 li .con .time .rr img{ width:4rem} .n_yxsz .left{ width:100%; padding:0} .n_yxsz .right{ width:100%; display:none} } @media(max-width: 768px){ #gotop{ right:0; transform:scale(0.7)} .container01 .left .fl002 .content .box{ width:100%; padding:2rem 1rem} .container01 .left .fl002 .content .box:nth-child(1){border:none;} .container01 .left .fl002{ margin:0} .container02{ padding:0 0 3rem} .container03{padding:3rem 0 0;background-size: 254% auto !important;overflow: hidden;background: #eff4f7;} .list_box_07{ margin:0 -4px} .list_box_07 li{width: 50%;padding: 0 4px;margin-bottom:1.25rem;} .list_box_07 li .img .img_hezi {padding-bottom: 66.666667% !important;} .list_box_09 li a .img{ width:100%} .list_box_09 li a .con{width:100%;height: auto;padding: 2rem 0 0;} .list_box_10{ height:auto; padding:0} .list_box_16 li .top h3 img{ max-height:3rem} .list_box_16 li .top h5{ font-size:1.375rem; margin:.375rem 0 0} .list_box_09 li a{ padding:0 15px} .list_box_11 li a .con h5{ margin:1rem 0 0} .list_box_12 li h4{ height:26px} .list_box_12 li h4 img{height: 20px;} .container05{ padding:3rem 0 0} .list_box_13 li a .top{position: absolute;} .list_box_11 li a .img .img_hezi{ padding-bottom:13rem !important} .list_box_11 li a .con{height:13rem;padding: 0 15px;} .list_box_01 li a h5{font-size:12px;line-height: 1.5;} .title001{ margin:0 0 2rem} .title001 h3{ font-size:1.5rem} .list_box_05 li .time h4{ font-size:1.25rem} .list_box_05 li .time h3{ font-size:1rem} .container01{ padding:3rem 0 2rem} .list_box_06 .miso-dots{ bottom:.5rem} .list_box_07 li .con{padding: 1rem 1rem;} .list_box_07 li .img .time, .list_box_08 li .time{ left:1rem} .list_box_08 li .con{padding: 1.5rem 1rem;} .n_left .list_box_08 li .con{ padding:2rem 1rem 0} .list_box_07 li{ margin-bottom:0} .list_box_09 li a .con h6 img{ width:12px;} .list_box_10 li{ padding:1.5rem 1rem} .list_box_01 li a h3{ height:2.5rem} .list_box_01 li a h3 img{ height:2rem} .list_box_05 li{ margin-bottom:1rem} .container06{ padding:2rem 0 3rem} .miso-wailian .box .box_rr dt{font-size:12px;padding: 0 2rem 0 .75rem;} .list_box_11 li a .con .time h3{ font-size:24px} .list_box_10 li.miso-current .img {box-shadow: 0px 2px 12px 1.45px rgba(86, 86, 86, 0.69);} .list_box_12 li h5{ margin:.375rem 0 0} .container01 .left .fl001{ padding-bottom:1.5rem} .n_container{padding: 2rem 0 3rem;} .list_box_20 li a{ flex-wrap:wrap} .list_box_20 li a .img_box{ width:100%; margin:0 0 2rem} .list_box_20 li a .img_box .img{ width:100%} .list_box_20 li a .con{ width:100%} .fanye{ margin:2rem 0 0} .list_box_22 li a{ flex-wrap:wrap; padding:1.25rem} .list_box_22 li a .img_box{ width:100%; margin:0 0 1rem} .list_box_22 li a .img_box .img{ width:100%} .list_box_23{ margin:0 -6px; margin-bottom:-1rem} .list_box_23 li{ padding:0 6px; margin-bottom:1rem} .list_box_23 li .con:before{ width:3rem; height:3rem; top:-1.5rem} .list_box_23 li .con h5{ font-size:13px} .list_box_25 li{ margin-bottom:1.25rem} .list_box_25 li a{ flex-wrap:wrap} .list_box_25 li a .img_box{ width:100%; margin:0 0 1.5rem} .list_box_25 li a .con{ width:100%} .list_box_25 li a .img{ width:100%} .list_box_25 li a .con .time_box .rr img{ width:4rem} .list_box_25 li a .con h5{ font-size:1.125rem} .list_box_28 li{ width:100%} .n_news_detail .ar_article_box h3{ font-size:1.5rem} .n_news_detail .ar_article_box h4{font-size: 1.25rem;line-height: 1.5} .n_news_detail .ar_article_box h6 span img{ width:12px;} .ar_article p{ font-size:14px !important; line-height:26px !important; text-indent:26px;} .ar_article img{ margin-left:-26px} .list_box_29{ margin:0 -6px; margin-top:3rem} .list_box_29 li{ width:33.333333%; padding:0 6px} #ar_fot h1{ font-size:13px;} .list_box_n_yxsz li{ margin-bottom:1rem; width:100%} .n_yxsz{ padding:3rem 0} .wall-column{ width:50%} .list_box_30s li a{ width:8rem; font-size:1.25rem; height:3.5rem} .n_xyfg{ padding:3rem 0} .n_xyfg .miso_hd{ margin-bottom:1.5rem} .n_xxxh .left{ width:100%; padding:0 0 2rem 0} .n_xxxh .right{width:100%;max-width: 15rem;margin: 0 auto;} .n_xxxh .left h3{ font-size:1.25rem} .n_xxxh{ padding:3rem 0 1rem} .n_xxxh .left p{ font-size:13px; line-height:26px;} .list_box_31 li{ width:100% !important} .n_jgsz .fl01 .content .box .box_li .tit h3 img{ width:3rem} .n_jgsz .fl01 .content .box .box_li .tit h3 font{ font-size:1.375rem} .n_jgsz{ padding:3rem 0 2rem} .list_box_32 li{width:100%;margin-bottom: 1.25rem;} .list_box_32 li a .img{ width:8rem} .list_box_32 li a .con{ padding:0 1.25rem} .list_box_32 li a{ padding:1.25rem 0} .list_box_32 li a .con h6{ padding-bottom:1.25rem} .n_about .fl04 .left h3 img{ width:2rem} .n_about .fl06 .ar_article1{ margin:2rem 0 0} .list_box_37 li:first-child:before{ display:none} .list_box_36 li a .top .ll { width:4rem} .list_box_36 li a .top .ll img{ width:3rem} .list_box_36 li a .top .rr{ width:calc(100% - 4rem); padding:0} .list_box_36 .miso-dots{ bottom:2.5em} .list_box_36 li a .top{ height:4.5rem} .list_box_36 li a .top .rr h6{ margin:4px 0 0; font-size:12px;} .list_box_36 li a .top .rr h5{ font-size:1.25rem} .list_box_34{ padding-right:0} .list_box_34 li .a .ll{ display:none} .list_box_35{flex-wrap:wrap; margin:1rem -5px .5rem} .list_box_35 li{ padding:0 5px; width:50%; margin-bottom:1rem} .list_box_04:after{ display:none} .list_box_04 li{ width:100%} .list_box_40 li a h3 img{ max-width:2.125rem; max-height:2.125rem} } @media(max-width: 740px){ .list_box_10 .miso-arrow.miso-prev{ left:26%} .list_box_10 .miso-arrow.miso-next{ right:26%} } @media(max-width: 456px){ .list_box_11 li a .img .img_hezi{ padding-bottom:11rem !important} .list_box_11 li a .con{height:11rem;padding: 0 15px;} .miso_box_01 .miso-arrow{ margin-right:.5rem} footer .fl02 p{ font-size:11px} .list_box_18 li h3 img{ max-height:2rem; max-width:2rem} } .pb_sys_style1 .p_no_d { border: 1px solid #5aa1e1 !important; color: #fff; background-color: #5aa1e1 !important; } .pb_sys_common .p_fun_d, .pb_sys_common .p_no_d, .pb_sys_common .p_no_o, .pb_sys_common .p_fun a, .pb_sys_common .p_no a { border: none !important; margin: 4px 0px 0px 15px !important; border-radius:50%; font-size:14px !important; } .pb_sys_common{font-size:14px !important;} .n_right .list_box_04:after{ display:none} .n_right .list_box_04 li{margin-bottom:1.5rem;width: 100%;} .pb_sys_common .p_goto input, .pb_sys_common .p_search input { font-family: SimSun; font-size: 12px; border: 1px solid #5aa1e1 !important; height: 24px !important; line-height: 22px !important; box-sizing: border-box; vertical-align: middle; outline-width: thin; outline-color: #5aa1e1 !important; margin: 0px 5px !important; padding: 0px 1px; } .pb_sys_common .p_goto input { width: 24px !important; text-align: center; border-radius: 50%; }