@charset "utf-8"; /* CSS Document */ /* 鍩虹璁剧疆 */ /*=================default===================*/ html, body { margin: 0; padding: 0; width: 100%; height: 100%; position: relative; } body { overflow-x: hidden; -webkit-text-size-adjust: none; height:100%; width: 100%; overflow-y: scroll; background: #fff; font-size: 14px; } *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.75;font-family: auto!important;} .layui-form-switch ,.layui-form-switch *{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .af-cb:after{clear: both; content: ' '; overflow: hidden; width: 0; height: 0; display: block;} ::selection{background:#2253be; color:#fff;} ::-moz-selection{background:#2253be; color:#fff;} a,a:link{ color: #333; text-decoration: none;} a:hover,a:active{ color: #2253be; text-decoration: none;} a:hover i.pic-size img{-webkit-transform: scale(1.05); transform: scale(1.05);} .block{display: block !important;} /*瀹氫箟鍔ㄧ敾*/ .e-ani *,.e-ani *:before,.e-ani *:after{-webkit-transition: .3s; transition:.3s;} .nav * .nav-btn-bg{-webkit-transition:left .3s ease .03s; transition:left .3s ease .03s;}/*0.03寤惰繜瑙e喅".nav-btn-bg"鍏冪礌鎶栧姩*/ .e-animte{-webkit-transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,-webkit-transform .5s, top 0s linear .6s, bottom 0s linear .6s, left 0s linear .6s; transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,transform .5s, top 0s linear .6s,bottom 0s linear .6s,left 0s linear .6s;} *.e-animte-show{-webkit-transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,-webkit-transform .5s, top 0s linear 0s, bottom 0s linear 0s, top 0s linear 0s; transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,transform .5s, top 0s linear 0s, bottom 0s linear 0s, top 0s linear 0s;} .animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} /*--绠€鏄撳垏鎹㈠姩鐢?-*/ .tabs-box .bd{ transition: .3s;} .tabs-box .bd:after{content: ' '; clear: both; width: 0; height: 0; overflow: hidden;} .tabs-box .bd>.tabs-hide{ position: absolute; top: 0; left: -10000px; width: 100%; overflow: hidden; -webkit-transform: none; transform: none; opacity: 0; -webkit-animation: tabs-hide .8s; animation: tabs-hide .8s;} @-webkit-keyframes tabs-hide /* Safari 鍜 Chrome */ { from { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1;} to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 0;} } @keyframes tabs-hide { from { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1;} to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 0;} } .tabs-box .bd>.tabs-on{ position: relative; top: 0; left: 0; width: 100%; -webkit-transform:none; transform: none; opacity: 1;} .tabs-box .bd>.tabs-show{ position: relative; top: 0; left: 0; width: 100%; overflow: visible; -webkit-transform:none; transform: none; opacity: 1; -webkit-animation: tabs-show .8s; animation: tabs-show .8s;} @-webkit-keyframes tabs-show /* Safari 鍜 Chrome */ { from { -webkit-transform: translateX(0); transform: translateX(0); opacity: 0;} to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1;} } @keyframes tabs-show { from { -webkit-transform: translateX(0); transform: translateX(0); opacity: 0;} to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1;} } /* 鍒囨崲 */ .tabs-box .hd-line{transition: .3s;} .tabs-box .hd>*{position: relative;} .tabs-box .bd{ position: relative; overflow: hidden;} .e-anim-hide{display: none;} .e-anim-on{ display: block;} .e-anim-off{ pointer-events: none; display: block; display: none\9;} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .e-anim-off { display: block; } /* IE10+ */ } .tabs-box .e-anim-on{animation:tabs-anim-on .3s;animation-fill-mode: both; width: 100%;} .tabs-box .e-anim-off{ animation:tabs-anim-off .3s; width: 100%; position: absolute; animation-fill-mode: both; top: 0;} @keyframes tabs-anim-on{ from { opacity: 0; } to {opacity: 1;} } @keyframes tabs-anim-off{ from { opacity: 1; } to { opacity: 0;} } /*--鏈€灏忓睆鎻愮ず--*/ @media screen and (max-width: 319px) { html{-webkit-transition: 0s; transition: 0s; background: #fff url(../img/displayNone.png) center center no-repeat; } body { -webkit-transition: 0s; transition: 0s; display: none; } } /*--layui--*/ .layui-layer,.layui-layer *{ -webkit-transition: 0s; transition: 0s;} /*--绉诲姩绔í灞忔彁绀?-*/ @media (max-width: 991px) and (orientation : landscape) { html.landscape { background: #fff url(../img/landscape.png) center center no-repeat; } html.landscape body { display: none; } } /*--swiper2.x楂樺害鑷€傚簲--*/ .swiper-container .swiper-wrapper{ height: auto !important;} /*榛樿鍔ㄧ敾鏃堕暱*/ .animated { -webkit-animation-duration: 1s; animation-duration:1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated-s { -webkit-animation-duration: .5s; animation-duration:.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /*鐧惧害鍒嗕韩*/ .bdsharebuttonbox,.bdsharebuttonbox *,.bd_weixin_popup_bg,.bd_weixin_popup{ -webkit-transition: 0s; transition: 0s;} .bdsharebuttonbox *{-webkit-transition: .3s; transition: .3s;} /*bshare鍒嗕韩*/ #bsPanel,#bsPanel *,#bsBox,#bsBox *{-webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial;} /*鐧惧害鍒嗕韩*/ .bdsharebuttonbox,.bdsharebuttonbox *,.bd_weixin_popup_bg,.bd_weixin_popup{ -webkit-transition: 0s; transition: 0s;} .bdsharebuttonbox *{-webkit-transition: .3s; transition: .3s;} /*bshare鍒嗕韩寰俊寮圭獥鍏煎*/ #bsWXBox{-webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial;} /*鐧惧害鍦板浘*/ .map *{ -webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; -o-transition: 0s; transition: 0s;} .map label,.map img{max-width: none !important; width: initial !important;} .map *{ font-size: 12px; -webkit-transition: 0s; transition: 0s; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} /*瑙嗛鍏ㄥ睆*/ .video-bg{position: absolute; z-index: -1; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 0s; transition: 0s;} /*lightbox*/ .lightbox,.lightbox *,.lightboxOverlay,.lightboxOverlay *{-webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; -o-transition: 0s; transition: 0s; -webkit-transform:translateZ(0); transform:translateZ(0);} /*--鍒嗛〉--*/ div.pages {text-align: center; width: 100%; padding: 60px 0 0 0; margin: 0; line-height: 1.7;} div.pages *{ line-height: 1.7;} div.pages a,div.pages span {text-decoration: none; background: none; border: 1px solid #ddd; padding: 7px 16px; margin: 3px; color: #333333; font-size: 16px; display: inline-block; font-weight: normal;} div.pages a.on,div.pages a.hover,div.pages a:hover,div.pages a:active,div.pages span.current,div.pages span.disabled { background: #eeeeee; color: #333333; border: 1px solid #eeeeee; line-height: 1.7;} @media screen and (max-width: 1220px) { div.pages{ padding-top: 20px;} div.pages a,div.pages span{ padding: 5px 11px; font-size: 12px;} } /*--绉诲姩绔缃?灏忓睆鐢佃剳 鍥剧墖缂╂斁--*/ /*璁剧疆鏈€澶у睆鍍忕礌-1*/ @media screen and (max-width: 1259px){ /*.content-box img,.content-bd img{width: auto !important; height: auto !important; max-width: 100%;}*/ } /*鍥剧墖姣斾緥瑁佸壀棰勮*/ i.pic-size{ width: 100%; height: 0; padding-bottom: 100%; position: relative; display: block; overflow: hidden;} i.pic-size img{ width: 100% !important; height: 100% !important; max-width: 100%; max-height: 100%; position: absolute; /* left: -100%; top: -100%; right: -100%; bottom: -100%;*/ margin: auto; object-fit: contain;} i.pic-size-cover img{object-fit: cover;} i.pic-size-scale-down img{object-fit: scale-down;} i.pic-size-none img{object-fit: none;} .layui-form-checked[lay-skin=primary] i{ border-color: #2253be; background-color: #2253be;} .layui-form-checkbox[lay-skin=primary]:hover i{ border-color: #2253be;} /*瀹氫箟婊氬姩鏉¢珮瀹藉強鑳屾櫙 楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/ ::-webkit-scrollbar { width: 10px; height: 10px; background-color: #f7f7f7; } /*瀹氫箟婊氬姩鏉¤建閬 鍐呴槾褰?鍦嗚*/ ::-webkit-scrollbar-track { background-color: #e6e6e6; } /*瀹氫箟婊戝潡 鍐呴槾褰?鍦嗚*/ ::-webkit-scrollbar-thumb { background-color: #aaa; } /*=================layout===================*/ /* @media screen and (min-width: 320px) { .container{ padding: 0 15px; margin: 0 auto;} .container:after{ content: " "; display: block; clear: both; width: 0; height: 0; overflow: hidden;} .container-max{ padding: 0 15px; width: 100%; margin: 0 auto;} } @media screen and (min-width: 992px) { .container{ width: 980px; padding: 0 10px;} } @media screen and (min-width: 1240px) { .container{ width: 1220px; padding: 0 10px;} } */ .container{ width: 1220px; padding: 0 10px; margin: 0 auto;} .container:after{ content: " "; display: block; clear: both; width: 0; height: 0; overflow: hidden;} @media screen and (max-width: 1220px) { .container{ width: 980px; padding: 0 10px;} } @media screen and (max-height: 600px) { .swiper-ind .container{ width: 980px; padding: 0 10px;} } /* 澶撮儴 */ .swiper-ind{ height: 100vh; height:auto;} .swiper-ind .swiper-slide{ height: 100vh; position: relative;} .header{height: 120px; display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0 100px; position: absolute; left: 0; top: 0;z-index: 9;} .swiper-ind .swiper-wrapper{ display:block; height:auto;} .logo img{filter: contrast(0%) brightness(1000%); width: 130px;} .nav-btn i::before{font-size: 34px; color: #fff; line-height: 1;} .nav-btn i{ line-height: 1;} .nav-btn{margin-right: 10px; cursor: pointer;} .header-r{display: flex; align-items: center;} .lang a{ color: #747474; display:block; line-height:18px;} .lang,.lang .on{ color: #fff;} /* /澶撮儴 */ .video{ width: 100%; height: 100%; object-fit:cover;} .banner-shade{ width: 100%; height: 100%; background: rgba(0,0,0,.6);position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center;} .banner-txt{ color: #fff; font-weight: bold; font-size: 50px; text-align:center;} .banner-txt.txt-split-on span{opacity: 0;} .banner-txt.txt-split-on .txt-show{opacity: 0;} .banner-shade .txt-show{ animation:txt-show 2s; animation-fill-mode: both; animation-delay: 0s;} .nav-list-box{ position: absolute; right: 0; top: 0; height: 100%; width: 425px; background: rgba(0,0,0,.5); z-index: 2; } .nav-list{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;} .nav-list li{ padding: 10px 0;} .nav-list a{ color: #fff; font-size: 24px; color: #fff; font-weight: normal;} .nav-list-box-sec{display:none;} .nav-list-box-sec a{ display:block; font-size:20px; font-weight:normal; display:block;text-align:center; opacity:.6;} .nav-list-box-sec a:hover{opacity:1;} .swiper-hide{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:9;} .swiper-ind .swiper-slide:nth-child(1) .swiper-hide{ width:calc(100% - 425px);} @keyframes txt-show{ from { opacity: 0; color: #2f52b7;} 40%{ opacity: 1; color: #fff;} to { opacity: 1; color:#fff;} } .nav-list-box.e-anim-on{animation:nav-anim-on .3s;animation-fill-mode: both; display: block;} .nav-list-box.e-anim-off{ animation:nav-anim-off .3s; position: absolute; animation-fill-mode: both; top: 0; display: block;} .slide-flex{display: flex; align-items: center; justify-content: center;} @keyframes nav-anim-on{ from {transform: translateX(100%); opacity: 0; } to {transform: translateX(0); opacity: 1;} } @keyframes nav-anim-off{ from { transform: translateX(0); opacity: 1; } to {transform: translateX(100%); opacity: 0;} } .ind-tit{ font-size: 45px; color: #000; line-height: 1.6; font-weight: bold; text-align: center; padding-bottom: 10px;} .ind-txt{ color: #000; font-size: 25px; text-align: center;} /* 鐮斿彂鍒涙柊 */ .yfcx-box{ margin-top: 100px;} .yfcx-box .list{ display: flex; min-width: 0; margin: -6px;} .yfcx-box .list li{ padding:6px; flex-basis: 20%; flex-shrink: 0; display: flex; min-width: 0;} .yfcx-box .list li div{ background: #fafafa; flex:1; display: block; min-width: 0; padding: 20px 15px; cursor: pointer;} .yfcx-box .list li dt{ text-align: center;} .yfcx-box .list li dt img{ width: 80px;} .yfcx-box .list li dd{} .yfcx-box .list li b{display: block; padding: 5px 0;text-align: center; font-size: 20px; line-height: 1.4; font-weight: normal; color: #363636;} .yfcx-box .list li span{display: block; text-align: center; color: #b0b0b0; font-size: 14px;} .yfcx-box .list li:nth-child(1) div:hover img{ animation:yfcx-ico-01 .5s infinite; transform-origin: center bottom; } .yfcx-box .list li:nth-child(2) div:hover img{ animation:yfcx-ico-02 .5s infinite;} .yfcx-box .list li:nth-child(3) div:hover img{ animation:yfcx-ico-03 .5s infinite;} .yfcx-box .list li:nth-child(4) div:hover img{ animation:yfcx-ico-04 1s infinite;} .yfcx-box .list li:nth-child(5) div:hover img{ animation:yfcx-ico-05 .5s infinite;} @keyframes yfcx-ico-01{ from {transform: scaleY(1);} 25% {transform: scaleY(.95); } 75% {transform: scaleY(1.05);} to {transform: scaleY(1); } } @keyframes yfcx-ico-02{ from {transform: scale(1);} 25% {transform: scale(.98); } 75% {transform: scale(1.02);} to {transform: scale(1); } } @keyframes yfcx-ico-03{ from {transform: translateX(0);} 25% {transform: translateX(-2%); } 75% {transform: translateX(2%);} to {transform: translateX(0); } } @keyframes yfcx-ico-04{ from {opacity: 1; } 40% {opacity: .8;transform: scale(1);} 50% {opacity: 1;transform: scale(.95);} 70% {opacity: .5;transform: scale(1);} to {opacity: 1;} } @keyframes yfcx-ico-05{ from {transform: translateY(0);} 25% {transform: translateY(-2%); } 75% {transform: translateY(2%);} to {transform: translateY(0); } } /* /鐮斿彂鍒涙柊 */ /* 鎴愭灉杞寲 */ .ind-bg-01{background: url(../img/ind-bg-01.jpg) ; -webkit-background-size: cover; background-size: cover;} .cgzh-box{ margin-top: 100px;} .cgzh-box .list{ display: flex; min-width: 0; margin: 0 -25px;} .cgzh-box .list li{ flex-basis: 25%; flex-shrink: 0; display: flex; min-width: 0; padding: 0 25px; position: relative;} .cgzh-box .list li>div{ flex:1; display: block; min-width: 0; cursor: pointer;} .cgzh-box .list li dt{ text-align: center;} .cgzh-box .list li dt div{ width: 200px; height: 200px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: solid 4px #959595; margin: 0 auto; display: flex; align-items: center; justify-content: center;} .cgzh-box .list li dt i{ width: 110px; height: 110px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #313131; display: flex; align-items: center; justify-content: center;} .cgzh-box .list li dt img{ width: 80px;} .cgzh-box .list li dd{} .cgzh-box .list li b{display: block; padding: 15px 0;text-align: center; font-size: 24px; line-height: 1.4; font-weight: normal; color: #000000;} .cgzh-box .list li span{display: block; text-align: center; color: #000000; font-size: 16px;} .cgzh-box .list li>div:hover i{ background: #2f52b7;} .cgzh-box .list li::before{ content: ' '; border-bottom: dashed 1px #9c9c9c; width: 50px; position: absolute; right: 0; top: 100px; margin-right: -25px;} .cgzh-box .list li:nth-last-child(1)::before{border: none;} /* /鎴愭灉杞寲 */ /* 琛屼笟搴旂敤 */ .hyyy-box{ margin-top: 140px;} .hyyy-box .list{ display: flex; min-width: 0; margin: 0 -5px;} .hyyy-box .list li{ flex-basis: 25%; flex-shrink: 0; display: flex; min-width: 0; padding: 0 5px;} .hyyy-box .list li>div{ flex:1; display: block; min-width: 0; position: relative; box-shadow: 0 4px 20px rgba(0,0,0,.1); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 80px 20px 40px 20px; cursor: pointer;} .hyyy-box .list li .ico{ position: absolute; left: 50%; top: 0; transform: translate(-50%,-50%);} .hyyy-box .list li .on{position: absolute; left: 0; top: 0; opacity: 0;} .hyyy-box .list li>div:hover .on{ opacity: 1;} .hyyy-box .list li img{ width: 92px;} .hyyy-box .list li b{display: block; padding: 0 0 15px 0;text-align: center; font-size: 24px; line-height: 1.4; font-weight: normal; color: #747474;} .hyyy-box .list li span{display: block; text-align: center; color: #747474; font-size: 16px;} .hyyy-box .list li>div:hover i{ background: #2f52b7;} /* /琛屼笟搴旂敤 */ /* 鏂伴椈璧勮 */ .ind-bg-02{background: url(../img/ind-bg-02.jpg) ; -webkit-background-size: cover; background-size: cover;} i.pic-scale-xwzx{ padding-bottom: 30.49%;} .xwzx-box { margin-top: 100px;} .xwzx-box .list{ display: flex; min-width: 0; margin: 0 -25px;} .xwzx-box .list li{ padding:0 25px; flex:1; display: flex; min-width: 0; border-right: solid 1px #d0d1d2; height: 376px;} .xwzx-box .list li:nth-last-child(1){border-right: none;} .xwzx-box .list li a{ flex:1; display: block; min-width: 0; position: relative;} .xwzx-box .list li dt{ overflow: hidden; height: 0;} .xwzx-box .list li dd{ padding-top: 0; overflow: hidden;} .xwzx-box .list li dd b{ display: block; transform: translateY(-100%); opacity: 0; color: #747474; font-weight: normal; font-size: 24px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; margin-top: -42px;} .xwzx-box .list li dd small{ font-size: 18px; color: #747474; display: block; margin-top: 10px;} .xwzx-box .list li dd span{ font-size: 18px; margin-top: 25px; color: #747474; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;} .xwzx-box .list li.on{flex: 1.6;} .xwzx-box .list li.on dt{ height: 145px;} .xwzx-box .list li.on dd{ padding-top: 30px;} .xwzx-box .list li.on dd b{ transform: translateY(0); opacity: 1; margin-top: 0;} .xwzx-box .more-btn{ display: flex; justify-content: center; margin-top: 50px;} .xwzx-box .more{padding: 0 40px; color: #fff; font-size: 18px; background: #2f52b7; line-height: 50px;} .xwzx-box .more:hover{ background: #052e5f;} .xwzx-box .list a:hover dd b{ color: #2f52b7;} /* /鏂伴椈璧勮 */ /* footer */ .swiper-ind .slide-footer,.slide-footer{ height: auto; background: #225088;} .footer-t{ padding: 60px 0; display: flex;} .footer-tl{display: flex; justify-content: space-between; flex: 1;} .footer-tl a{ color: #fff;} .footer-tl span{display: block;} .footer-tl dl{ padding-right:15px; flex:1;} .footer-tl dt{font-size: 15px; font-weight:bold;} .footer-tl dd{font-size: 15px; margin-top: 20px;} .footer-tl dd a{line-height: 28px;} .footer-tl a:hover{ opacity: .6;} .footer-tr{flex-shrink: 0; padding-left: 135px;} .footer-tr div{display: flex; align-items: center;} .footer-tr img{width: 21px; height: 21px; margin-right:10px;} .footer-tr .tel{padding: 0;} .footer-tr span{ padding-right: 10px; font-size: 20px; color: #fff;} .footer-tr b{font-size: 30px; color: #fff; font-weight: normal; padding: 3px 0;} .footer-tr div{font-size: 14px; color: #fff;padding: 3px 0;} .footer-b{ background: #052e5f; min-height: 67px; display: flex; align-items: center;} .footer-b .txt{ margin: 0 -10px;} .footer-b span{ color: #fff; padding: 0 10px;} /* /footer */ @media screen and (max-height: 700px) { .header{ height: 90px; padding: 0 15px;} .banner-txt{font-size: 36px;} .nav-list li{ padding: 5px 0;} .nav-list a{font-size: 18px;} .nav-list-box-sec a{font-size:16px;} .nav-list-box{width: 260px;} .swiper-ind .swiper-slide:nth-child(1) .swiper-hide{ width:calc(100% - 260px);} .yfcx-box{margin-top: 50px;} .yfcx-box .list li dt img{ width: 60px;} .yfcx-box .list li b{font-size: 16px;} .ind-tit{ font-size: 36px;} .ind-txt{ font-size: 18px;} .cgzh-box{ margin-top: 50px;} .cgzh-box .list li dt div{width: 160px; height: 160px; border-width: 2px;} .cgzh-box .list li dt i{width: 100px; height: 100px;} .cgzh-box .list li dt img{ width: 60px;} .cgzh-box .list li b{font-size: 18px; padding: 10px 0;} .cgzh-box .list li span{font-size: 14px;} .cgzh-box .list li::before{ top: 80px;} .hyyy-box{ margin-top: 80px;} .hyyy-box .list li b{font-size: 18px; padding: 0 0 10px 0;} .hyyy-box .list li span{font-size: 14px;} .hyyy-box .list li>div{ padding-top: 70px;} .hyyy-box .list li img{ width: 72px;} .xwzx-box { margin-top: 50px;} .xwzx-box .list li{ height: 288px;} .xwzx-box .list li dd b{font-size: 18px;} .xwzx-box .list li dd small{font-size: 14px;} .xwzx-box .list li.on dt{ height: 116px;} .xwzx-box .list li.on dd{ padding-top: 20px;} .xwzx-box .list li dd span{ font-size: 14px; margin-top: 15px;} .xwzx-box .more-btn{ margin-top: 30px;} .xwzx-box .more{padding: 0 30px; color: #fff; font-size: 14px; background: #2f52b7; line-height: 40px;} .footer-t{ padding: 40px 0;} .footer-tr{padding-left: 90px;} .footer-tl dt{font-size: 14px;} .footer-tl dd{font-size: 14px; margin-top: 20px;} .footer-b{min-height: 50px;} .footer-b span{font-size: 12px;} } @media screen and (max-width: 1360px) { .banner-txt{font-size: 36px;} } @media screen and (max-width: 1220px) { .header{ height: 90px; padding: 0 15px;} .banner-txt{font-size: 36px;} .nav-list li{ padding: 5px 0;} .nav-list a{font-size: 18px;} .nav-list-box-sec a{font-size:16px;} .nav-list-box{width: 260px;} .swiper-ind .swiper-slide:nth-child(1) .swiper-hide{ width:calc(100% - 260px);} .yfcx-box{margin-top: 50px;} .yfcx-box .list li dt img{ width: 60px;} .yfcx-box .list li b{font-size: 16px;} .ind-tit{ font-size: 36px;} .ind-txt{ font-size: 18px;} .cgzh-box{ margin-top: 50px;} .cgzh-box .list li dt div{width: 160px; height: 160px; border-width: 2px;} .cgzh-box .list li dt i{width: 100px; height: 100px;} .cgzh-box .list li dt img{ width: 60px;} .cgzh-box .list li b{font-size: 18px; padding: 10px 0;} .cgzh-box .list li span{font-size: 14px;} .cgzh-box .list li::before{ top: 80px;} .hyyy-box{margin-top: 80px;} .hyyy-box .list li b{font-size: 18px; padding: 0 0 10px 0;} .hyyy-box .list li span{font-size: 14px;} .hyyy-box .list li>div{ padding-top: 70px;} .hyyy-box .list li img{ width: 72px;} .xwzx-box { margin-top: 50px;} .xwzx-box .list li{ height: 288px;} .xwzx-box .list li dd b{font-size: 18px;} .xwzx-box .list li dd small{font-size: 14px;} .xwzx-box .list li.on dt{ height: 116px;} .xwzx-box .list li.on dd{ padding-top: 20px;} .xwzx-box .list li dd span{ font-size: 14px; margin-top: 15px;} .xwzx-box .more-btn{ margin-top: 30px;} .xwzx-box .more{padding: 0 30px; color: #fff; font-size: 14px; background: #2f52b7; line-height: 40px;} .footer-t{ padding: 40px 0;} .footer-tr{padding-left: 90px;} .footer-tl dt{font-size: 14px;} .footer-tl dd{font-size: 14px; margin-top: 20px;} .footer-b{min-height: 50px;} .footer-b span{font-size: 12px;} } @media screen and (min-width: 992px) { .pc-hide{display: none;} } /* 鎵嬫満鐗堥椤 */ @media screen and (max-width: 991px) { .m-hide{display: none !important;} .m-show{display: block !important;} .container{width: 100%; padding: 0 15px;} .swiper-ind{height: auto;} .swiper-ind .header{display: none;} .header-02{display: none;} .ind-bg-02{display: none;} .slide-footer{display: none;} .m-header{ width: 100%; background: #004986; height: 58px;} .m-header .container{ display: flex; align-items: center; height: 58px;} .m-header .m-logo img{ width: 100px; filter: contrast(0%) brightness(1000%);} .m-header-l{flex: 1;} .m-header-r{display: flex; margin: 0 -10px} .m-header-r i::before{ color: #fff; font-size: 20px;} .m-header-btn{ padding:0 10px;} .swiper-ind .swiper-slide{height: auto;} .m-nav-close{display: none;} .m-header-btn{ cursor: pointer;} .video{display: none;} .banner-txt{font-size: 18px;} .m-banner{display: block; width: 100%;} .m-search{ height: calc(100vh - 58px); background: #0a2f4e; padding: 10px;} .m-search-inp{ width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff; position: relative;} .m-search-inp input{ width: 100%; border: none; background: none; padding: 0 40px 0 15px;height: 40px;} .m-search-inp button{ position: absolute; right: 0; top: 0; height: 40px; width: 40px; border: none; background: none; } .m-search-inp button i::before{ font-size: 18px; color: #004986;} .m-nav{ height: calc(100vh - 58px); overflow-y: auto; background: #0a2f4e;} .m-nav dl{ padding: 0 15px;} .m-nav dt a{ display: flex; min-height: 48px; align-items: center; justify-content: space-between; color: #fff; opacity: .6; font-size: 14px;} .m-nav dt {border-bottom: solid 1px rgba(255,255,255,.1);} .m-nav dd{ background: rgba(0,0,0,.2); display: none;} .m-nav dd a{ display: flex; min-height: 48px; align-items: center; border-bottom: solid 1px rgba(255,255,255,.1); color: #fff; opacity: .6; font-size: 12px;} .m-nav dd a i::before{ color: #fff;} .m-sec-nav span{ display: block; padding: 0 15px;} .m-sec-nav:nth-last-child(1) span a{border: none;} .m-sec-nav span a{display: flex; justify-content: space-between;} .m-nav i{ padding: 0 5px; display: block; transition: .3s;} .m-thr-nav { padding:0 10px; display: none;} .m-thr-nav span{ background:rgba(0,0,0,.2);} .m-thr-nav span:nth-last-child(1) a{border: none;} .m-nav a{transition: .3s;} .m-nav a.on,.m-nav a:hover{ opacity: 1;} .m-nav .m-sec-on a,.m-nav .m-thr-on a{ opacity: 1;} .m-sec-on i,.m-thr-on i{ transform: rotate(180deg);} .m-nav .lang{ padding: 15px 10px; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.1);} .m-nav .lang a{ margin: 0 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 0 15px; color: #fff; opacity: .6; line-height: 24px;} .m-nav .lang a.on{ opacity: 1; background: #004986; color: #fff;} } /* 鎵嬫満鐗堥椤 */ @media screen and (max-width: 991px) { .swiper-ind .container{ padding-top: 20px; padding-bottom: 20px;} .ind-tit{ font-size: 18px;} .ind-txt{ font-size: 12px;} .yfcx-box{ margin-top: 20px;} .yfcx-box .list{ flex-direction: column;} .yfcx-box .list li>div{ background: none; padding: 0;} .yfcx-box .list li dl{display: flex;} .yfcx-box .list li dt img{width: 40px;} .yfcx-box .list li dt { padding-right: 20px;} .yfcx-box .list li b{text-align: left; padding-top: 0; font-size: 14px;} .yfcx-box .list li span{text-align: left;font-size: 12px;} .cgzh-box{ margin-top: 20px;} .cgzh-box .list{ flex-direction: column; margin: -6px;} .cgzh-box .list li{ padding: 6px;} .cgzh-box .list li dl{display: flex;} .cgzh-box .list li dt { padding-right: 20px;} .cgzh-box .list li dt div{ border: none; width: auto; height: auto;} .cgzh-box .list li dt i{ width: 50px; height: 50px;} .cgzh-box .list li dt img{ width: 30px; height: 30px;} .cgzh-box .list li b{ padding: 0 0 5px 0; font-size: 14px; text-align: left;} .cgzh-box .list li span{ font-size: 12px; color: #b0b0b0; text-align: left;} .cgzh-box .list li::before{display: none;} .hyyy-box{ margin-top: 20px;} .hyyy-box .list{flex-wrap: wrap;} .hyyy-box .list li{flex-basis: 50%; padding: 30px 6px 6px 6px;} .hyyy-box .list li img{width: 50px;} .hyyy-box .list li>div{ padding: 40px 10px 10px 10px; border-radius: 4px;} .hyyy-box .list li b{font-size: 14px; padding-bottom: 5px;} .hyyy-box .list li span{font-size: 12px;} .m-footer{ height: auto; background: #2e3033;} } /* 鍐呴〉澶撮儴 */ .container-header{display: flex; width:1420px;} .header-02{ padding-top: 30px; border-bottom: solid 1px #f0f0f0; z-index: 9; position: relative; margin-bottom: 3px;} .logo-02{display: flex; align-items: center; height: 110px;} .logo-02 img{max-width:180px;} .nav-02{display: flex; flex: 1;} .nav-02 ul{display: flex; flex: 1; justify-content: space-between; padding: 0 32px 0 150px;} .nav-02 li{ display: flex; position: relative; flex:1;} .nav-02 li a.nav-fir{ display: flex; align-items: center; justify-content: center; flex: 1; font-size: 20px;} .nav-02 li.on a.nav-fir,.nav-02 li.show a.nav-fir{ color: #2253be;} .nav-02 li a.nav-sec{ padding: 10px 20px; position: relative; display: block; line-height: 32px; font-size: 18px; background: #fff;} .nav-02 li a.nav-sec::before{content: ' '; position: absolute; left: 0; right: 0; bottom: 0; background: #f5f5f5; height: 1px;} .nav-02 li a.nav-sec i{ position: absolute; right: 5px; top: 50%; font-style: normal; opacity: 0; transform: translateY(-50%) translateX(-5px);} .header-r .search{ position: relative; } .header-r .search input{width: 30px; height: 30px; border: solid 1px #999; padding: 0 14px; opacity: 0;} .header-r .search button{ position: absolute; right: 0; top: 0; width: 30px; height: 30px; background: none; border: none; cursor: pointer;} .header-r span{ padding-right: 5px;} .header-r .search .lang-02{font-size: 18px;} .header-r .search-show input,.header-r .search-show-02 input{ width: 180px; opacity: 1; padding-right: 30px;} .header-02 .nav-box-sec{position: absolute; left: 0; top: 110px; padding-top: 1px; z-index: 9; box-shadow:0 3px 10px rgba(36,23,20,.08);} .nav-btn-sec{ position: relative;} .nav-box-sec{width: 100%; text-align: center;} .nav-box-thr{ position: absolute; left: 100%; top: 0; width: 120%; box-shadow:0 3px 10px rgba(36,23,20,.08);} .nav-box-thr .nav-thr{ background: #fff; display: block; padding: 10px 0; line-height: 32px; position: relative; font-size: 18px;} .nav-box-thr .nav-thr::before{ content: ' '; position: absolute; left: 10px; right: 10px; bottom: 0; background: #8d8d8d; height: 1px; transform: scaleX(0);} .nav-box-thr .nav-thr:hover::before{ transform: scaleX(1);} .nav-box-sec.e-anim-on{ animation:nav-box-sec-show .3s;animation-fill-mode: both; display: block;} .nav-box-sec.e-anim-off{ animation:nav-box-sec-hide .3s;animation-fill-mode: both; display: block;} .nav-02 li .on{z-index:2;} .nav-02 li .on a.nav-sec{ color: #2253be;} .nav-02 li .on a.nav-sec i{ opacity: 1; transform:translateY(-50%) translateX(0);} @keyframes nav-box-sec-show{ from {transform: translateY(-10px); opacity: 0; } to {transform: translateY(0); opacity: 1;} } @keyframes nav-box-sec-hide{ from { transform: translateY(0); opacity: 1; } to {transform: translateY(10px); opacity: 0;} } .nav-box-thr.e-anim-on{ animation:nav-box-thr-show .3s;animation-fill-mode: both; display: block;} .nav-box-thr.e-anim-off{ animation:nav-box-thr-hide .3s;animation-fill-mode: both; display: block;} @keyframes nav-box-thr-show{ from {transform: translateY(-10px); opacity: 0; } to {transform: translateY(0); opacity: 1;} } @keyframes nav-box-thr-hide{ from { transform: translateY(0); opacity: 1; } to {transform: translateY(10px); opacity: 0;} } @media screen and (max-width: 1770px) { .nav-02{} .nav-02 ul{ padding: 0 32px 0 120px;} } @media screen and (max-width: 1500px) { .nav-02{ margin-right:0;} .nav-02 ul{ padding: 0 32px 0 32px;} .container-header{ width:1220px;} } @media screen and (max-width: 1220px) { .header-02{ padding-top: 20px;} .logo-02{height: 70px;} .nav-02 li a.nav-fir{font-size: 16px;} .nav-02 li a.nav-sec{font-size: 14px;} .nav-box-thr .nav-thr{font-size: 14px;} .header-02 .nav-box-sec{ top: 70px;} .header-r .search-show input,.header-r .search-show-02 input{width: 120px;} .container-header{ width:980px;} } /* /鍐呴〉澶撮儴 */ /* banner-min */ .banner-min{ height: 22.95vw; -webkit-background-size: cover; background-size: cover; background-position: center;} @media screen and (max-width: 1220px) { .banner-min{ height: 280px;} } @media screen and (max-width: 991px) { .banner-min{height: 26vw;} } /* menu */ .menu{ padding-top: 40px; overflow: hidden; border-bottom: solid 1px #f0f0f0; position: relative; margin-bottom: 0px;} .menu ul{ display: flex; justify-content: center;} .menu li {flex: 1; max-width: 25%;} .menu li a{ display: flex; align-items: center; justify-content: center; height: 57px; color: #706f6f; border-top-left-radius: 5px; border-top-right-radius: 5px; font-size: 18px; text-align:center;} .menu li a.on{box-shadow: 0 2px 16px rgba(36,23,20,0.15); background: #fff;} .menu li a:hover{ color: #2253be;} @media screen and (max-width: 1220px) { .menu li a{font-size: 16px;} } @media screen and (max-width: 991px) { .menu{display: none;} } /* 鍏敤鍐呴〉 */ .bg-gray{ background: #f8f8f8;} .bg-p{padding: 60px 0;} .bg-white{ padding-top:0;} div.cont-tit{ display: flex; justify-content: center; font-size: 44px;} div.cont-txt{ display: flex; justify-content: center; font-size: 24px; text-align:center; line-height:1.6; text-align:left;} div.cont-tal{justify-content: flex-start;} .tabs-btn ul{display: flex; padding-top: 40px; margin: 0 -30px;} .tabs-btn li{flex:1; padding: 0 30px;} .tabs-btn li p{display:flex; flex:1;} .tabs-btn li a{ background: #2253be; color: #fff; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px; height: 56px; font-size: 24px; flex:1;} .tabs-btn-02{ border-bottom: solid 1px #eaeaea; padding-bottom: 12px;} .tabs-btn-02 ul{display: flex; padding-top: 40px; margin: 0 -6px;} .tabs-btn-02 li{flex:1; padding: 0 6px;} .tabs-btn-02 li a{ background: #f4f4f4; color: #797979; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; height: 74px; font-size: 24px; text-align:center; line-height:1.2;} .tabs-btn-02 li a.on{ background: #2253be; color: #fff;} .tabs-btn-03{ border-bottom: solid 1px #eaeaea; padding-top: 90px;} .tabs-btn-03 ul{display: flex; padding-top: 40px; margin: 0 -2px; padding: 0 60px;} .tabs-btn-03 li{flex:1; padding: 0 2px;} .tabs-btn-03 li a{ box-shadow: 0 0 9px rgba(36,23,20,.09); color: #797979; display: flex; align-items: center; justify-content: center;border-top-left-radius: 10px; border-top-right-radius: 10px; height: 74px; font-size: 24px;} .tabs-btn-03 li a i{margin-right: 10px; } .tabs-btn-03 li a i img{height: 39px; filter: grayscale(100%); filter: gray; opacity: .6;} .tabs-btn-03 li a.on{ color: #2253be;} .tabs-btn-03 li a.on i img{filter: grayscale(0); filter: none; opacity: 1;} .tabs-btn-04{ border-bottom: solid 1px #eaeaea; padding-top: 40px;} .tabs-btn-04 ul{display: flex; margin: 0 -6px; padding: 0 60px;} .tabs-btn-04 li{flex:1; padding: 0 6px;} .tabs-btn-04 li a{ color: #868686; display: flex; align-items: center; justify-content: center; height: 74px; font-size: 24px; position: relative;} .tabs-btn-04 li a.on span{color: #2253be;} .tabs-btn-04 li a.on::before{ position: absolute; left: 0; right: 0; bottom: -1px; content: ' '; border-bottom: solid 1px #2253be;} .tabs-btn-04 li a.on span::before{ content: ' '; position: absolute; left: 50%; bottom: -1px; margin-left: -16px; border-left: solid 16px transparent; border-right: solid 16px transparent; border-bottom: solid 13px #2253be;} .tabs-btn-04 li a.on span::after{ content: ' '; position: absolute; left: 50%; bottom: -1px; margin-left: -15px; border-left: solid 15px transparent; border-right: solid 15px transparent; border-bottom: solid 12px #fff;} @media screen and (max-width: 1220px) { div.cont-tit{font-size: 28px;} div.cont-txt{font-size: 18px;} .tabs-btn ul{ padding-top: 30px; margin: 0 -20px;} .tabs-btn li{flex:1; padding: 0 20px;} .tabs-btn li a{ font-size: 16px; height: 48px; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px;} .tabs-btn-02 li a{ height: 56px; font-size: 16px;} .tabs-btn-03 ul{padding: 0 30px;} .tabs-btn-03 li a{height: 56px; font-size: 16px;} .tabs-btn-03 li a i img{height: 24px;} .tabs-btn-04 li a{font-size: 16px;} .tabs-btn-04 li a.on span::before{ margin-left: -12px; border-left: solid 12px transparent; border-right: solid 12px transparent; border-bottom: solid 10px #2253be;} .tabs-btn-04 li a.on span::after{ margin-left: -10px; border-left: solid 10px transparent; border-right: solid 10px transparent; border-bottom: solid 8px #fff;} } @media screen and (max-width: 991px) { div.cont-txt{text-align: center; font-size:14px;} .tabs-btn ul{ padding-top: 20px; margin: 0 -5px;} .tabs-btn li{ padding: 0 5px; display: flex; align-items: stretch;} .tabs-btn li a{font-size: 14px; height: auto; min-height: 42px; padding: 5px 15px;flex: 1; line-height: 1.4; -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px;} .tabs-btn-02 ul{ padding-top: 20px; margin:-5px; flex-wrap: wrap;} .tabs-btn-02 li a{ font-size: 14px; height: auto; min-height: 42px; padding: 5px 10px; text-align: center; flex: 1; line-height: 1.4;} .tabs-btn-02 li { flex-basis: 50%; padding: 5px; display: flex; align-items: stretch;} .tabs-btn-03{ padding-top: 20px;} .tabs-btn-03 ul{ padding: 0; flex-wrap: wrap; margin: -5px;} .tabs-btn-03 li{ flex-basis: 50%; padding: 5px;} .tabs-btn-03 li a{ height: auto; min-height: 42px; padding: 5px 10px;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tabs-btn-03{ border-bottom: none;} } /* 鍏徃姒傚喌 */ .gsgk-box{ padding: 90px 0;} .gsgk-box .tit{ font-size: 44px; padding-bottom: 30px;} .gsgk-box .txt{ font-size: 22px; } .gsgk-pic{ width: 100%;} @media screen and (max-width: 1220px) { .gsgk-box{ padding: 60px 0;} .gsgk-box .tit{ font-size: 32px; padding-bottom: 15px;} .gsgk-box .txt{ font-size: 16px; } } @media screen and (max-width: 991px) { .gsgk-box{ padding: 20px 0;} .gsgk-box .tit{ font-size: 18px; text-align: center; padding-bottom: 10px; } .gsgk-box .txt{font-size: 12px; } } /* 浣垮懡鎰挎櫙 */ .smyj-list{margin: -40px 0; padding-top: 40px;} .smyj-box{ padding: 40px 0;} .smyj-list dd b{ font-size: 30px; font-weight: normal; display: block; line-height: 1.4;} .smyj-list dd span{ font-size: 24px; display: block;} .smyj-list dd div{font-size: 22px; padding-top: 30px;} .smyj-list dt{ border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden;} .smyj-list dd{ border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding: 40px; box-shadow: 0 3px 6px rgba(186,186,186,0.15);} @media screen and (max-width: 1220px) { .smyj-list{margin: -30px 0; padding-top: 30px;} .smyj-box{ padding: 30px 0;} .smyj-list dd b{ font-size: 22px; } .smyj-list dd span{ font-size: 18px;} .smyj-list dd div{font-size: 16px; padding-top: 20px;} } @media screen and (max-width: 991px) { .smyj-list{ margin: -10px 0; padding-top: 10px;} .smyj-box{ padding: 10px 0;} .smyj-list dt{ border-top-left-radius: 4px; border-top-right-radius: 4px;} .smyj-list dd{ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; padding: 10px;} .smyj-list dd b{font-size: 14px;} .smyj-list dd span{font-size: 12px;} .smyj-list dd div{font-size: 12px; padding-top: 10px;} } /* 浣垮懡鎰挎櫙-02 */ .smyj-box-02 dl{display:flex;} .smyj-box-02 dl:nth-child(odd){flex-direction:row-reverse;} .smyj-box-02 dl:nth-child(even) dt{display:flex; justify-content:flex-end;} .smyj-box-02 dt{flex-basis:50%;} .smyj-box-02 dd{flex-basis:50%; display:flex; align-items:center; justify-content:flex-end; background-color:#f8f8f8;} .smyj-box-02 dd div{ padding:0 100px 0 0; width:600px;} .smyj-box-02 dl:nth-child(even) dd{justify-content:flex-start;} .smyj-box-02 dl:nth-child(even) dd div{ padding:0 0 0 100px;} .smyj-box-02 dd b{display:block; color:#2253be; font-size:50px; line-height:1.6;} .smyj-box-02 dd span{font-size:34px; color:#6a6a6a; line-height:1.6;} .smyj-box-pic img{ object-fit: cover; width: 100%; width: auto;} @media screen and (max-width: 1220px) { .smyj-box-02 dd b{font-size:36px;} .smyj-box-02 dd span{font-size:20px;} .smyj-box-02 dd div{ padding:0 50px 0 0; width:540px;} .smyj-box-02 dl:nth-child(even) dd div{ padding:0 0 0 50px;} } @media screen and (max-width: 991px) { .smyj-box-02 dl{display:block;} .smyj-box-02 dd{ justify-content:flex-start;} .smyj-box-02 dd div{padding:30px 15px; text-align:center;} .smyj-box-02 dl:nth-child(even) dd div{ padding:30px 15px;} .smyj-box-02 dd b{font-size:24px;} .smyj-box-02 dd span{font-size:16px;} } /* 浼佷笟鏂囧寲 */ .qywh-bg{ background-image: url(../img/gywm-pic-04.jpg); -webkit-background-size: cover; background-size: cover; position: relative; background-position: center; height: 864px; display: flex; align-items: center; justify-content: center;} .qywh-bg::before{ position: absolute; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); content: ' ';} .qywh-mess { padding: 50px 0; position: relative; z-index: 2;} .qywh-mess .tit{display: flex; } .qywh-mess .tit b{ font-size: 56px; font-weight: bold; line-height: 1.4; padding: 0 15px; color: #fff;} .qywh-mess .tit .yhl{ display: flex; align-items: flex-start;} .qywh-mess .tit .yhr{ display: flex; align-items: flex-end;} .qywh-mess .txt{ font-size: 34px; color: #fff; line-height: 1.4; padding-top: 15px;} @media screen and (max-width: 1220px) { .qywh-bg{ height: 600px;} .qywh-mess { padding: 30px 0;} .qywh-mess .tit i img{width: 24px;} .qywh-mess .tit b{font-size: 36px; padding: 0 10px;} .qywh-mess .txt{font-size: 22px; line-height: 1.6;} } @media screen and (max-width: 991px) { .qywh-mess{ padding: 20px 0;} .qywh-mess .tit b{ font-size: 18px;} .qywh-mess .txt{font-size: 14px; padding-top: 10px;} .qywh-mess .tit i img{ width: 14px;} .qywh-bg{ min-height: 440px; height: auto;} } /* 鍙戝睍鍘嗙▼ */ .fzlc-box{ padding-top: 40px;} .swiper-fzlc .swiper-slide{font-size: 24px; text-align: center; height: 100px; display: flex; align-items: center; justify-content: center; cursor: pointer;} .swiper-fzlc .swiper-slide.on{ color: #2253be;} .fzlc-box-t{border-bottom: solid 1px #e5e5e5; padding: 0 100px; position: relative;} .fzlc-box-t .btn{ height: 100%; width: 50px; position: absolute; left: 40px; top: 0; display: flex; align-items: center; justify-content: center; cursor: pointer;} .fzlc-box-t .next-btn{ left: auto; right: 40px;} .fzlc-box-t .first-btn{ left: 0;} .fzlc-box-t .last-btn{ left: auto; right: 0;} .fzlc-box-t .btn::before{ font-size: 26px; color: #434343; transition: .3s;} .fzlc-box-t .btn:hover::before{ color: #2253be;} /*.fzlc-box-t .prev-btn:hover::before{transform: translateX(-10px);} .fzlc-box-t .next-btn:hover::before{transform: translateX(10px);}*/ .fzlc-box-b-mess{ position: relative; padding: 30px 0 0 0;} .fzlc-box-b-mess hr{} .fzlc-box-b-mess dl{ display: flex;} .fzlc-box-b-mess dt{ border-right: solid 1px #e5e5e5; width: 140px; display: flex;justify-content: center; padding:20px 0; font-size: 24px; line-height: 50px;} .fzlc-box-b-mess dd{ padding: 20px 0 20px 90px; display: flex; flex-direction: column; flex: 1;} .fzlc-box-b-mess dd b{ font-size: 28px; font-weight: normal; line-height: 50px; position: relative;} .fzlc-box-b-mess dd b::before{ content: ' '; position: absolute; left: -20px; width: 6px; height: 6px; top: 21px; background: #2153be; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} .fzlc-box-b-mess dd span{ font-size: 22px;} @media screen and (max-width: 1220px) { .swiper-fzlc .swiper-slide{font-size: 20px; height: 60px;} .fzlc-box-t{ padding: 0 80px;} .fzlc-box-t .btn{ width: 40px;} .fzlc-box-b-mess dt{ font-size: 18px; line-height: 36px;} .fzlc-box-b-mess dd{ padding-left: 60px;} .fzlc-box-b-mess dd b{font-size: 20px; line-height: 36px;} .fzlc-box-b-mess dd b::before{ top: 16px;} .fzlc-box-b-mess dd span{ font-size: 16px;} } @media screen and (max-width: 991px) { .fzlc-box{ padding:10px 0 0 0;} .swiper-fzlc .swiper-slide{font-size: 16px; height: 50px;} .fzlc-box-t .btn::before{font-size: 18px;} .fzlc-box-b-mess{ padding: 10px 0 0 0;} .fzlc-box-b-mess dt{ width: 60px; padding: 10px; font-size: 14px;} .fzlc-box-b-mess dd{ padding: 10px 0 10px 40px;} .fzlc-box-b-mess dd b{font-size: 14px;} .fzlc-box-b-mess dd span{font-size: 12px;} } /* 鐭ヨ瘑浜ф潈 */ .zscp-box-pt{padding-top: 40px;} .zscp-plus { padding-top: 40px; padding-bottom: 40px;} .zscp-plus i{ width: 150px; height: 150px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #2253be; color: #fff; display: flex; align-items: center; justify-content: center; font-style: normal; font-size: 48px;} .zscp-plus ul{display: flex; } .zscp-plus li,.zscp-plus li p{flex: 1; display: flex; align-items: center; flex-direction: column;} .zscp-plus li span{ padding-top: 20px; color: #6d6d6d; font-size: 24px; text-align:center;} .zscp-plus li b{ padding: 10px 30px; background: #2153be; font-size: 24px; font-weight: normal; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #fff;} .zscp-pic{ padding: 30px 0; border-bottom: solid 1px #f0f0f0; text-align: center;} .zscp-more{ padding-bottom: 20px; display: flex; justify-content: center; align-items: center;} .zscp-more span{ font-size: 18px; padding-right: 10px;} .zscp-honor-box{ box-shadow: 0 2px 16px rgba(36,23,20,.08); padding: 0 20px;} .swiper-zscp .swiper-slide{ padding: 20px;} .swiper-zscp .zscp-honor-pic{ opacity: 0;} .zscp-honor-pic span{display: block; text-align: center; font-size: 24px; opacity: 0; padding-top: 10px;} i.pic-scale-honor-01{ padding-bottom: 138.74%; background: #fff;} i.pic-scale-honor-02{ padding-bottom: 68.5%; background: #fff;} .swiper-zscp .swiper-slide-prev .zscp-honor-pic,.swiper-zscp .swiper-slide-next .zscp-honor-pic{ opacity: .45;} .swiper-zscp .swiper-slide-active .zscp-honor-pic{ opacity: 1;} .swiper-zscp .swiper-slide-active .zscp-honor-pic i{ box-shadow: 0 3px 24px rgba(41,41,41,.2);} .swiper-zscp .swiper-slide-active .zscp-honor-pic span{ opacity: 1;} .zscp-btn{ position: absolute; left: 10px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 50px; cursor: pointer; cursor: pointer; z-index: 2;} .zscp-next{ left: auto; right: 10px;} .zscp-btn i::before{ text-shadow: 0 3px 10px rgba(36,23,20,.1); color: #fff; font-size: 70px; display: block; transition: .3s;} .zscp-prev:hover i::before{transform: translateX(-10px); color: #2153be;} .zscp-next:hover i::before{transform: translateX(10px); color: #2153be;} .swiper-zscp-02 .swiper-slide{ padding: 50px 20px;} .pagination-zscp{display: none;} @media screen and (max-width: 1220px) { .zscp-plus i{ width: 120px; height: 120px; font-size: 36px;} .zscp-plus li span{ font-size: 16px;} .zscp-honor-pic span{font-size: 16px;} .zscp-plus li b{ font-size: 16px;} } @media screen and (max-width: 991px) { .zscp-box-pt{ padding-top: 20px;} .zscp-plus{ padding-top: 10px; padding-bottom: 20px;} .zscp-plus i{width: 60px; height: 60px; font-size: 18px;} .zscp-plus li img{width: 80px;} .zscp-plus li span{font-size: 12px; padding-top: 5px; text-align: center;} .zscp-btn{display: none;} .swiper-zscp .swiper-slide-active .zscp-honor-pic i{ box-shadow: none;} i.pic-scale-honor-01{ padding-bottom: 60%;} i.pic-scale-honor-02{ padding-bottom: 60%;} .swiper-zscp .swiper-slide{ padding: 10px 0 0 0;} .zscp-honor-pic span{font-size: 12px;} .pagination-zscp{display: block; text-align: center; padding-bottom: 10px;} .pagination-zscp .swiper-pagination-bullet-active{ background: #2f52b7;} .zscp-more{ padding: 0 0 10px 0;} .zscp-more span{ font-size: 14px;} .zscp-plus li b{ font-size: 14px; padding: 5px 10px;} } /* 鑱旂郴鎴戜滑 */ .lxwm-box-pt{ padding-top: 100px;} .lxwm-list{ padding-top: 40px;} .lxwm-list ul{display: flex; flex-wrap: wrap; margin: -20px;} .lxwm-list li{ flex-basis: 50%; flex-shrink: 0; padding: 20px;} .lxwm-list dl{ display: flex; align-items: center;} .lxwm-list dt{} .lxwm-list dt i{display: flex;} .lxwm-list dt i::before{ font-size: 54px; line-height: 1; color: #2c2c2c; padding-right: 20px;} .lxwm-list dd b{ display: block; font-size: 24px; font-weight: normal; line-height: 1.6;} .lxwm-list dd span{display: block; font-size: 18px; line-height: 1.6;} .lxwm-list dl.on dt i::before{ color: #d81e06;} .lxwm-list dl.on-02 dt i::before{ color: #2f52b7;} .lxwm-zxly-box{ padding-top: 40px;} .lxwm-zxly-box ul{ margin: -20px -60px; overflow: hidden;} .lxwm-zxly-box li{ padding: 20px 60px; float: left;} .lxwm-zxly-box li.col-01{ width: 50%;} .lxwm-zxly-box li.col-02{ width: 100%;} .lxwm-zxly-box .layui-input{ border: solid 1px #7f7f7f; height: 52px; font-size: 18px; padding: 0 15px;} .lxwm-zxly-box .layui-input:hover,.lxwm-zxly-box .layui-input:focus{ border-color: #7f7f7f !important;} .lxwm-zxly-box .layui-textarea{ border: solid 1px #7f7f7f; font-size: 18px; padding: 15px; min-height: 150px;} .lxwm-zxly-box .layui-textarea:hover,.lxwm-zxly-box .layui-textarea:focus{ border-color: #7f7f7f !important;} .lxwm-zxly-box .layui-btn{ padding: 0 50px; background: #2253be; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 52px; color: #fff; font-size: 18px;} .yzm-box{ position: relative;} .yzm-box img{ position: absolute; right: 10px; top: 7px; z-index: 2; cursor: pointer;} @media screen and (max-width: 1220px) { .lxwm-list dt i::before{font-size: 42px;} .lxwm-list dd b{font-size: 20px;} .lxwm-list dd span{ font-size: 16px;} .lxwm-zxly-box .layui-input{font-size: 16px;} .lxwm-zxly-box .layui-textarea{font-size: 16px;} .lxwm-zxly-box .layui-btn{font-size: 16px;} } @media screen and (max-width: 991px) { div.cont-tal{ justify-content: center;} .lxwm-list{ padding-top: 20px;} .lxwm-list dt i::before{font-size: 20px;} .lxwm-list ul{margin: -10px 0;} .lxwm-list dd b{font-size: 14px;} .lxwm-list-01 li{padding: 10px 0; flex-basis: 100%; display: flex; justify-content: center;} .lxwm-list-02 li{padding: 10px 0; flex-basis: 100%;} .lxwm-list dd span{font-size: 12px;} .lxwm-list dt i::before{ padding-right: 10px;} .lxwm-box-pt{ padding-top: 20px;} .lxwm-zxly-box{ padding-top: 20px;} .lxwm-zxly-box ul{ margin: -5px;} .lxwm-zxly-box li{ padding: 5px;} .lxwm-zxly-box li.col-01{ width: 100%;} .lxwm-zxly-box .layui-input{ height: 42px; font-size: 14px;} .lxwm-zxly-box .layui-textarea{font-size: 14px;} .lxwm-zxly-box .layui-btn{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width: 100%; height: 42px; font-size: 14px; padding: 0 15px;} .yzm-box img{ top: 2px; right: 5px;} } /* 鐮斿彂浣撶郴 */ .yftx-pic{ padding: 40px 0; text-align:center;} .yftx-list{position: relative;} .yftx-mess {display: flex; margin-top: 80px;} .yftx-mess:nth-child(1){margin-top: 0;} .yftx-mess:nth-child(odd){background: #f8f8f8; flex-direction: row-reverse;} .yftx-mess .yftx-box-pic{ flex-basis: calc(50% + 180px); flex-shrink: 0;} .yftx-mess .yftx-box-pic img{object-fit: cover; width: 100%; } .yftx-mess:nth-child(odd) .yftx-box-pic{ padding-left: 180px; display: flex;} .yftx-mess:nth-child(even) .yftx-box-pic{ padding-right: 180px; display: flex; justify-content: flex-end;} .yftx-mess:nth-child(odd) .yftx-box-txt{justify-content: flex-end;} .yftx-mess:nth-child(even) .yftx-box-txt{} .yftx-box-txt{display: flex; align-items: center; flex-basis: calc(50% - 180px);} .yftx-box-txt>div{ width: 420px; padding: 40px 0;} .yftx-box-txt b{ font-weight: normal;font-size: 30px;} .yftx-box-txt span{ color:#4a4a4a; font-size:24px; display:block; line-height:1.6; padding-bottom:20px;} .yftx-box-txt dl{padding-left: 25px; padding-top: 0px;} .yftx-box-txt dt{font-size: 22px; position: relative; color: #7e7e7e;} .yftx-box-txt dt::before{ content: ' '; position: absolute; left: -25px; background: #4a4a4a; width: 10px; height: 10px; position: absolute; top: 17px;} .yftx-box-txt dd{font-size: 18px;} @media screen and (max-width: 1600px) { .yftx-mess:nth-child(odd) .yftx-box-pic{padding-left: 60px;} .yftx-mess:nth-child(even) .yftx-box-pic{padding-right: 60px;} .yftx-mess .yftx-box-pic{ flex-basis: calc(50% + 60px);} .yftx-box-txt{flex-basis: calc(50% - 60px);} } @media screen and (max-width: 1220px) { .yftx-box-txt b{ font-size: 24px;} .yftx-box-txt span{font-size:20px;} .yftx-box-txt dl{ padding-left: 20px;} .yftx-box-txt dt{font-size: 18px;} .yftx-box-txt dd{font-size: 16px;} .yftx-box-txt dt::before{width: 6px; height: 6px; top: 15px; left: -20px;} .yftx-box-txt>div{ width: 420px; padding: 30px 0;} .yftx-mess{margin-top: 60px;} .yftx-mess:nth-child(odd) .yftx-box-pic{padding-left: 60px;} .yftx-mess:nth-child(even) .yftx-box-pic{padding-right: 60px;} .yftx-mess .yftx-box-pic{ flex-basis: calc(50% + 60px);} .yftx-box-txt{flex-basis: calc(50% - 60px);} } @media screen and (max-width: 991px) { div.yftx-list div.yftx-mess div.yftx-box-pic{display: none;} div.yftx-list{} .yftx-box-txt{ flex-basis: 100%;} .yftx-box-txt>div{ width: 100%; padding: 15px;} .yftx-box-txt b{font-size: 18px;} .yftx-box-txt span{font-size:16px; color: #000;} .yftx-box-txt dl{ padding-top: 0px; padding-left: 15px;} .yftx-box-txt dt{font-size: 14px; color: #000;} .yftx-box-txt dt::before{ top: 11px; left: -15px;} .yftx-box-txt dd{font-size: 12px;} .yftx-mess{margin-top: 0;} } /* 鐮斿彂鍥㈤槦 */ b.yftd-tit{ font-size: 28px; font-weight: normal; padding-bottom: 20px; display: block;} .yftd-box{margin: -40px 0;} .yftd-box dl{display: flex; padding: 40px 0; border-bottom: solid 1px #e4e4e4;} .yftd-box dl:nth-last-child(1){border: none;} .yftd-box dt{flex-shrink: 0; padding-right: 45px;} .yftd-box dd{display:flex; align-items:center;} .yftd-box dd b{font-weight: normal; padding-right: 15px; font-size: 24px;} .yftd-box dd .yftd-tit-sub{font-size: 20px; display:block; padding-top: 20px;} .yftd-box dd .yftd-mess{} .yftd-box dd .yftd-mess div{font-size: 20px;} .yftd-box dd .tit{ font-size: 28px;} .yftd-box-rr dl{flex-direction: row-reverse;} .yftd-box-rr dt{ padding-left: 45px; padding-right: 0; width:630px;} @media screen and (max-width: 1220px) { b.yftd-tit{font-size: 22px;} .yftd-box dd b{font-size: 18px;} .yftd-box dd .tit{font-size: 22px;} .yftd-box dd .yftd-tit-sub{font-size: 14px;} .yftd-box dd .yftd-mess div{font-size: 14px;} } @media screen and (max-width: 991px) { .bg-p{ padding: 20px 0;} b.yftd-tit{font-size: 18px; padding-bottom: 10px;} .yftd-box{ margin: -10px 0;} .yftd-box dl{ padding: 10px 0;} .yftd-box dt{ background: #121212; display: flex; align-items: center; justify-content: center; padding-right: 0;} .yftd-box dt img{ height: 54.8vw;} .yftd-box dl{flex-direction: column;} .yftd-box dd{ padding-top: 10px;} .yftd-box dd .yftd-tit-sub{paddin-top:10px;} .yftd-box dd .yftd-mess div{ padding-top: 0; font-size: 12px;} .yftd-box-rr dt{ padding-left: 0; width:100%;} .yftd-box-rr dt img{ height: auto;} .yftd-box dd .tit{font-size: 16px;} } /* 鐮斿彂璁炬柦 */ .yfss-box{padding-top: 40px;} .yfss-tit {position: relative; padding-left: 30px; margin-bottom: 20px;} .yfss-tit span{ color: #2253be; font-size: 28px;} .yfss-tit i{background: #2253be; width: 11px; height: 28px; float: left; position: absolute; left: 0; top: 50%; transform: translateY(-50%);} .yfss-txt{ font-size: 20px;} .yfcx-table th,.yfcx-table td{ font-size: 20px; text-align: center; line-height: 2;} @media screen and (max-width: 1220px) { .yfss-txt{font-size: 16px; margin-bottom: 10px;} .yfcx-table th,.yfcx-table td{ font-size: 16px;} } @media screen and (max-width: 991px) { .yfss-box{ padding-top: 20px;} .yfss-tit{ padding-left: 15px; margin-bottom: 5px;} .yfss-tit i{ width: 4px; height: 16px;} .yfss-tit span{font-size: 16px;} div.yfss-txt,div.yfss-txt *{font-size: 12px;} .yfcx-table{ margin: 0;} .layui-table td, .layui-table th{ padding: 5px 10px; font-size: 12px;} } /* 鏍稿績鎶€鏈 */ .kxjs-list{padding-top: 50px;} .kxjs-list ul{ margin: -25px 0; padding: 0 60px;} .kxjs-list li{ padding: 25px 0;} i.pic-scale-kxjs{padding-bottom: 66.5%;} .kxjs-list dl{display: flex;} .kxjs-list dt{ padding-right: 60px; flex-shrink: 0; width: 500px;} .kxjs-list dd b{font-size: 28px; font-weight: normal;} .kxjs-list dd div{font-size: 18px; padding-top: 30px;} .kxjs-list a:hover dd b{ color: #2253be;} @media screen and (max-width: 1220px) { .kxjs-list dt{ width: 300px; padding-right: 30px;} .kxjs-list dd b{font-size: 22px;} .kxjs-list dd div{font-size: 14px; padding-top: 10px;} .kxjs-list{padding-top: 30px;} .kxjs-list ul{ margin: -15px 0; padding: 0 30px;} .kxjs-list li{ padding: 15px 0;} } @media screen and (max-width: 991px) { .kxjs-list{ padding-top: 20px;} .kxjs-list ul{ margin: -10px 0; padding: 0;} .kxjs-list li{ padding: 10px 0;} .kxjs-list dl{flex-direction: column;} .kxjs-list dt{width: 100%; padding-right: 0;} .kxjs-list dd{ padding: 10px; border: solid 1px #eee; border-top: none;} .kxjs-list dd b{ font-size: 16px;} .kxjs-list dd div{ font-size: 12px; padding-top: 0; color: #999;} i.pic-scale-kxjs{padding-bottom: 35%;} } /* 鎶€鏈簲鐢 */ .jsyy-pic{ padding-top: 40px; text-align:center;} @media screen and (max-width: 1220px) { .jsyy-pic{ padding-top: 20px;} } /* 鍟嗕笟钀藉湴 */ .syld-list dl{ padding-top: 40px;} .syld-list dt{position: relative; font-size: 28px;} .syld-list dt i{ position: absolute; left: -90px; width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; font-size: 40px; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #2253be; font-style: normal; line-height: 1; top: 50%; transform: translateY(-50%);} .syld-list dd{font-size: 20px;} .syld-list dd div{font-size:24px; padding-top:15px; color:#7e7e7e;} .syld-list dd ul{ padding-top:15px;} .syld-list dd li{font-size:24px; color:#7e7e7e;} .pztx-list{ padding-top:80px; display:flex; margin:-30px;} ul.pztx-list li{list-style: none !important;} .pztx-list li{ flex:1; padding:30px;} @media screen and (max-width: 1220px) { .syld-list dl{ padding-top: 30px;} .syld-list dt{ font-size: 22px;} .syld-list dt i{left: -60px; width: 42px; height: 42px; font-size: 24px;} .syld-list dd{font-size: 18px;} .syld-list dd div{font-size:18px;} .syld-list dd li{font-size:18px;} .pztx-list{ padding-top:40px; margin:-15px;} .pztx-list li{ padding:15px;} } @media screen and (max-width: 991px) { .syld-list dl{ padding-top: 10px;} .syld-list dt i{ left: -40px; width: 30px; height: 30px; font-size: 18px;} .syld-list dt{font-size: 16px;} .syld-list dd{font-size: 14px;} .syld-list dd div{font-size:14px; padding-top:5px;} .syld-list dd ul{ padding-top:5px;} .syld-list dd li{font-size:14px;} .yftx-pic{ padding: 10px 0;} .pztx-list{ padding-top:30px; margin:-5px;} .pztx-list li{ padding:5px;} } /* 琛屼笟妗堜緥 */ .hyal-box{display: flex; padding-top: 100px;} .hyal-l{flex-basis: 160px; flex-shrink: 0; border-right: solid 2px #c8c8c8;} .hyal-l a{ font-size: 20px; position: relative; width: 100%; display: block; line-height: 1.4; padding: 10px 20px 10px 0; color:#666;} .hyal-l a.on{ color: #2253be;} .hyal-l a.on::before{content: ' '; position: absolute; right: -2px; top: 0; bottom: 0; background: #2253be; width: 2px; } .hyal-r{flex: 1; min-width: 0;padding-left: 80px;} .hyal-pic{margin-bottom:40px;} .hyal-list{ padding-right: 40px; overflow-y: auto; height: 680px;} .hyal-list ul{ margin: -15px 0;} .hyal-list li{ padding: 15px 0;} .hyal-list dl{display: flex;} .hyal-list dt{ flex-basis: 360px; flex-shrink: 0; margin-right: 40px;} .hyal-list dd b{ font-size: 28px; font-weight: normal; line-height:1.4; margin-top:-4px; display:block;} .hyal-list dd div{ padding-top: 20px;} .hyal-list dd div span{ font-size: 20px; display: block; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .hyal-list dd small{ font-size: 20px; color: #2253be; display: flex; align-items: center;} .hyal-list dd small span{ color: #2253be;} .hyal-list dd small i{display: flex; align-items: center; line-height: 1;} .hyal-list dd small i::before{ color: #2253be; padding-left: 10px; line-height: 1; font-size: 16px;} .disabled-box{pointer-events:none;} @media screen and (max-width: 1220px) { .hyal-box{ padding-top: 60px;} .hyal-l{flex-basis: 130px;} .hyal-l a{font-size: 17px; padding: 10px 20px 10px 0; } .hyal-r{ padding-left: 40px;} .hyal-pic{margin-bottom:30px;} .hyal-list{ height: 420px;} .hyal-list dt{margin-right: 30px; flex-basis: 280px;} .hyal-list dd b{font-size: 20px; margin-top:-4px;} .hyal-list dd div{ padding-top: 10px;} .hyal-list dd div span{font-size: 16px; } .hyal-list dd small{font-size: 16px;} .hyal-list dd small i::before{ font-size: 14px; padding-left: 5px;} } @media screen and (max-width: 991px) { .hyal-box{ padding-top: 20px; display: flex; flex-direction: column; margin:0 -15px;} .hyal-r{ padding-left: 0;} .hyal-menu{padding:0 15px;} .hyal-menu ul{ display: flex; flex-wrap: wrap;} .hyal-menu li{flex:1; } .hyal-l{flex-basis: 0; border-right: none; border-bottom: solid 1px #c8c8c8;} .hyal-l a{ font-size: 12px; text-align: center; height: auto; min-height: 42px; padding: 5px 5px; display: flex; align-items: center; justify-content: center;} .hyal-l a.on::before{ left: 0; top:auto; bottom: -1px; right: 0; width: 100%; height: 1px;} .hyal-r{ padding: 20px 15px 20px 15px; margin-bottom:-20px; background:#f5f7fa;} .hyal-list{ margin-top: 0; height: auto; overflow: visible; padding-right: 0;} .hyal-list ul{ margin: -10px 0;} .hyal-list li{ padding: 10px 0;} .hyal-list dl{flex-direction: column;} .hyal-list dt{ margin-right: 0; flex-basis: 0;} .hyal-list dd{ padding: 10px; border: solid 1px #eee; border-top: none; background:#fff;} .hyal-list dd b{font-size: 18px; margin-top:0;} .hyal-list dd div{ padding-top: 5px;} .hyal-list dd div span{font-size: 12px; color: #999;} .hyal-list dd small{ padding-top: 5px;} .hyal-list dd small span{ color: #2253be; font-size: 12px;} .hyal-list dd small i::before{ padding-left: 3px; font-size: 12px;} .hyal-pic{display: none;} .hyal-box{} } /* 琛屼笟妗堜緥 */ .hyal-info-box .tit{ padding: 0 160px; position: relative;} .hyal-info-box .tit h2{ font-size: 42px; text-align: center;} .hyal-info-box .tit a{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 52px; padding: 0 30px; border: solid 1px #c8c8c8; display: flex; align-items: center; justify-content: center; font-size: 24px;} .hyal-info-box .tit a:hover{ color: #2253be; border-color: #2253be;} .hyal-info-box .txt{ padding-top: 30px; font-size: 24px;} .hyal-nav ul{ background:#f5f5f6; height:80px; display:flex; align-items:stretch; justify-content:center;} .hyal-nav ul li{flex:1; position:relative; display:flex; align-items:stretch; } .hyal-nav ul li a{flex:1; position:relative; text-align:center; display:flex; align-items:center; justify-content:center; padding:5px 10px;} .hyal-nav ul li::after{ content:' '; width:1px; height:26px; background:#b4b4b4; position:absolute; right:0; top:50%; margin-top:-13px;} .hyal-nav ul li:nth-last-child(1)::after{display:none;} .hyal-nav ul li a.on{color:#003fc9;} .hyal-nav ul li a.on::after{content:' '; width:50px; height:4px; background:#003fc9; position:absolute; left:50%; top:0; margin-left:-25px;} @media screen and (max-width: 1220px) { .hyal-info-box .tit a{ height: 42px; padding: 0 20px; font-size: 16px;} .hyal-info-box .tit h2{ font-size: 28px;} .hyal-info-box .txt{font-size: 16px; padding-top: 20px;} } @media screen and (max-width: 991px) { .hyal-info-box .tit{ margin-top: -20px; padding: 0;} .hyal-info-box .tit a{ font-size: 14px; position: relative; transform: none; justify-content: flex-start; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; border-bottom: solid 1px #c8c8c8; padding: 0 ;} .hyal-info-box .tit h2{font-size: 18px; padding: 20px 0;} .hyal-info-box .txt,.hyal-info-box .txt *{ padding-top: 0; font-size: 12px; color: #666;} } /* 鍒堕€犱綋绯 */ .zztx-list {display:flex; margin:-20px; padding-top:40px; flex-wrap:wrap;} .zztx-list div{ display:flex; flex-direction:column; padding:20px; width:25%;} .zztx-list-02 div{width:50%;} .zztx-list span{text-align:center;} @media screen and (max-width: 1220px) { .zztx-list { margin:-15px; padding-top:30px;} .zztx-list div{ display:flex; flex-direction:column; padding:15px;} } @media screen and (max-width: 991px) { .zztx-list { margin:-5px; padding-top:20px;} .zztx-list div{ display:flex; width:50%; flex-direction:column; padding:5px;} } /* 鏈嶅姟浣撶郴 */ .fwtx-box{ display: flex; flex-wrap:wrap; justify-content: space-between;} .fwtx-box .fwtx-pic{ flex-basis: 100%; padding: 80px 0;} .fwtx-box .fwtx-txt{ flex-basis: 100%; flex-shrink: 0; padding:0 100px; text-align:center;} .fwtx-box .fwtx-txt span{ font-size: 30px; display: block; line-height: 1.4;} .fwtx-box .fwtx-txt b{ font-size: 54px; font-weight: normal; display: block; line-height: 1.4;} .fwtx-box .fwtx-list{ padding-top: 50px;} .fwtx-box .fwtx-list table{ -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; overflow: hidden;} .fwtx-box .fwtx-list th{font-size: 30px; line-height: 2; text-align: center; background: #2f52b7; color: #fff; border-color: #fff;} .fwtx-box .fwtx-list td{ font-size: 24px; line-height: 2; text-align: center; background: #f7f7f7; border-color: #fff; color:#2f52b7;} @media screen and (max-width: 1220px) { .fwtx-box .fwtx-txt{ flex-basis: 100%;} .fwtx-box .fwtx-list{ padding-top: 30px;} .fwtx-box .fwtx-txt span{font-size: 20px;} .fwtx-box .fwtx-txt b{font-size: 32px;} .fwtx-box .fwtx-list table{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} .fwtx-box .fwtx-list th,.fwtx-box .fwtx-list td{font-size: 16px;} .fwtx-box .fwtx-txt{ padding:0 0;} } /* 鏈嶅姟浣撶郴 */ .fwtx-box-02{ padding-top: 110px; text-align:center;} .fwtx-box-02 .tit{ font-size: 30px; } .fwtx-box-02 .txt{ font-size: 24px;} .fwtx-list{ padding-top: 60px;} .fwtx-list ul{ margin: -30px; display: flex;} .fwtx-list li{padding: 30px; flex: 1; display: flex;} .fwtx-list li div{ border-top: solid 29px #2f52b7; box-shadow: 0 4px 21px rgba(47,82,183,.05); flex: 1;} .fwtx-list i{display: flex; justify-content: center; padding: 30px 30px 0 30px;} .fwtx-list span{ padding: 30px; display: block;} .fwtx-list-02 i{ justify-content: flex-start;} @media screen and (max-width: 1220px) { .fwtx-box-02{ padding-top: 60px;} .fwtx-box-02 .tit{ font-size: 20px; } .fwtx-box-02 .txt{ font-size: 16px;} .fwtx-list{ padding-top: 40px;} .fwtx-list ul{ margin: -20px;} .fwtx-list li{padding: 20px;} .fwtx-list{ padding-top: 40px;} .fwtx-list i{ padding: 20px 20px 0 20px;} .fwtx-list span{ padding: 20px;} } @media screen and (max-width: 991px) { .fwtx-box{padding-top: 20px; flex-direction: column;} .fwtx-box .fwtx-pic{ padding-left: 0;} .fwtx-box .fwtx-list{ padding-top: 10px;} .fwtx-box .fwtx-txt{ margin-top: -40px; margin-bottom: -20px;} .fwtx-box .fwtx-txt span{ font-size: 18px;} .fwtx-box .fwtx-txt b{font-size: 18px;} .fwtx-box .fwtx-list table{ margin: 0;} .fwtx-box .fwtx-list th, .fwtx-box .fwtx-list td{font-size: 12px;} .fwtx-box-02{ padding-top: 20px;} .fwtx-box-02 .tit{font-size: 18px; text-align: center;} .fwtx-box-02 .txt{font-size: 14px; text-align: center;} .fwtx-list{ padding-top: 10px;} .fwtx-list ul{flex-direction: column;} .fwtx-list ul{ margin: -10px;} .fwtx-list li{ padding: 10px;} .fwtx-list li div{ border-top-width: 3px; display: flex; padding: 15px; align-items: center;} .fwtx-list i{ padding: 0; flex-basis: 40px; flex-shrink: 0; margin-right: 10px;} .fwtx-list li div img{ height: auto; width: 40px; height: 40px;} .fwtx-list span{ padding: 0; font-size: 12px;} } /* 绮惧疄鍔ㄦ€ */ .xwzx-bg{ background: #f9f9f9;} .xwzx-list-01{ margin: -30px 0;} .xwzx-list-01 li{ padding: 30px 0;} .xwzx-list-01 dl{display: flex; flex-direction: row-reverse; padding: 60px 30px; background: #fff;} .xwzx-list-01 dt{ flex-basis: 443px; flex-shrink: 0; padding-left: 30px;} i.pic-scale-xwzx-02{ padding-bottom: 81.6%;} .xwzx-list-01 dd{flex:1;} .xwzx-list-01 small{display: block; font-size: 20px; margin-bottom: 20px;} .xwzx-list-01 b{display: block; font-size: 32px; font-weight: normal; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 128px; color: #393939;} .xwzx-list-01 span{ font-size: 20px; margin-top: 20px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-height: 1.6;} .xwzx-list-01 a:hover b{ color: #2f52b7;} @media screen and (max-width: 1220px) { .xwzx-list-01{ margin: -20px 0;} .xwzx-list-01 li{ padding: 20px 0;} .xwzx-list-01 dl{ padding: 40px 20px;} .xwzx-list-01 dt{flex-basis: 320px;} .xwzx-list-01 small{font-size: 16px; margin-bottom: 10px;} .xwzx-list-01 b{font-size: 24px; height: 96px;} .xwzx-list-01 span{font-size: 16px; margin-top: 10px;} } @media screen and (max-width: 991px) { .xwzx-list-01{ margin: -10px 0;} .xwzx-list-01 li{ padding: 10px 0;} .xwzx-list-01 dl{ padding: 15px; flex-direction: column;} .xwzx-list-01 dt{flex-basis: 0; padding-left: 0;} .xwzx-list-01 dd{ padding-top: 10px;} .xwzx-list-01 small{font-size: 12px; margin-bottom: 5px; color: #999;} .xwzx-list-01 b{font-size: 16px; height: auto;} .xwzx-list-01 span{font-size: 14px; margin-top: 5px; color: #666;} } /* 琛屼笟淇℃伅 */ .xwzx-list-02{ margin: 0;} .xwzx-list-02 li{ padding: 0;} .xwzx-list-02 dl{display: flex; flex-direction: row-reverse; padding: 50px 0; border-bottom: solid 1px #7d7d7d;} .xwzx-list-02 dt{ flex-basis: 435px; flex-shrink: 0; padding-left: 120px;} i.pic-scale-xwzx-02{ padding-bottom: 81.6%;} .xwzx-list-02 dd{} .xwzx-list-02 small{display: block; font-size: 20px; margin-bottom: 20px;} .xwzx-list-02 small i{ padding-right: 10px;} .xwzx-list-02 b{display: block; font-size: 32px; font-weight: normal; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #393939;} .xwzx-list-02 span{ font-size: 20px; margin-top: 20px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.6;} .xwzx-list-02 a:hover b{ color: #2f52b7;} @media screen and (max-width: 1220px) { .xwzx-list-02 dl{ padding: 30px 0;} .xwzx-list-02 dt{flex-basis: 320px;} .xwzx-list-02 small{font-size: 16px; margin-bottom: 10px;} .xwzx-list-02 b{font-size: 24px; } .xwzx-list-02 span{font-size: 16px; margin-top: 10px;} } @media screen and (max-width: 991px) { .xwzx-list-02{ margin: -15px 0;} .xwzx-list-02 li{ padding: 0;} .xwzx-list-02 li:nth-last-child(1) dl{border: none;} .xwzx-list-02 dl{ padding: 15px 0; flex-direction: column; border-color: #c8c8c8;} .xwzx-list-02 dt{flex-basis: 0; padding-left: 0;} .xwzx-list-02 dd{ padding-top: 10px;} .xwzx-list-02 small{font-size: 12px; margin-bottom: 5px; color: #999;} .xwzx-list-02 small i::before{ color: #999;} .xwzx-list-02 b{font-size: 16px; height: auto;} .xwzx-list-02 span{font-size: 14px; margin-top: 5px; color: #666;} } /* 浜烘墠鐞嗗康 */ .jrwm-box-pt{ padding-top: 80px;} .rcll-list{ padding-top: 100px;} .rcll-list ul{display: flex; margin: 0 -24px;} .rcll-list li{flex: 1; display: flex; padding: 0 24px;} .rcll-list div{position: relative; height: 297px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; flex: 1; display: flex; align-items: center; justify-content: center; -webkit-background-size: cover; background-size: cover;} .rcll-list div b{ width: 180px; height: 60px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #fff;box-shadow: 0 4px 21px rgba(33,24,21,.08); position: absolute; left: 50%; top: 0; transform: translateX(-50%) translateY(-50%); display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: normal;} .rcll-list div b::before{ content: ' '; border-left: solid 8px transparent; border-right: solid 8px transparent; border-top: solid 7px #fff; position: absolute; bottom: -7px; left: 50%; margin-left: -8px;} .rcll-list div span{text-align: center; color: #fff; position: relative; z-index: 2; font-size: 18px; line-height: 1.8;} .rcll-list div::before{content: ' '; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .jspx-box{ display: flex; align-items: center; padding-top: 60px;} .jspx-ord-01{order: 1;} .jspx-ord-02{order: 2; flex:1; display: flex; align-items: center; justify-content: center; padding: 0 40px;} .jspx-ord-02 img{width: auto; max-width: 100%;} .jspx-ord-03{order: 3;} .jspx-box dt b{font-weight: normal; font-size: 32px; padding-right: 10px;} .jspx-box dt span{font-size: 20px;} .jspx-box dd{font-size: 20px; padding-top: 10px;} .rcll-list div:hover b{ background: #2f52b7; color: #fff;} .rcll-list div:hover b::before{border-top-color: #2f52b7;} @media screen and (max-width: 1220px) { .jrwm-box-pt{ padding-top: 40px;} .rcll-list{ padding-top: 60px;} .rcll-list ul{ margin: 0 -15px;} .rcll-list li{ padding: 0 15px;} .rcll-list div b{ width: 120px; font-size: 16px; height: 44px;} .rcll-list div span{font-size: 14px;} .rcll-list div{ height: 240px;} .jspx-box{ padding-top: 40px;} .jspx-box dt b{font-weight: normal; font-size: 20px; padding-right: 10px;} .jspx-box dt span{font-size: 16px;} .jspx-box dd{font-size: 16px; padding-top: 10px;} } @media screen and (max-width: 991px) { .rcll-list{ padding-top: 40px;} .rcll-list ul{flex-wrap: wrap; margin: -30px -10px -10px -10px;} .rcll-list li{flex-basis: 100%; flex-shrink: 0; padding: 30px 10px 10px 10px;} .rcll-list div{ height: 140px;} .jspx-box{ padding-top: 20px; flex-wrap: wrap; margin:0;} .jspx-box div.jspx-ord-02{ order: 1; padding: 0 10vw;} .jspx-box div{flex: 1; flex-basis: 100%; padding: 10px;} .jspx-box dl{flex: 1; flex-basis: 100%; padding: 10px; border: solid 1px #eee;} .jspx-box dl+dl{border-top: none;} .jspx-box dd{font-size: 14px; padding-top: 0; color: #666;} .jspx-box dt b{font-size: 18px;} .jspx-box dt span{font-size: 14px;} } /* 鍛樺伐鐢熸椿 */ .ygsh-list{padding-top: 80px;} .ygsh-list ul{display: flex; flex-wrap: wrap; margin: -23px -38px;} .ygsh-list li{ flex-basis: 33.3333%; flex-shrink: 0; padding: 23px 38px; min-width: 0;} .ygsh-list li dd{ padding-top: 10px; font-size: 20px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; text-align:center;} i.pic-scale-ygsh{ padding-bottom: 127.3%;} .ygsh-list a:hover dd{color: #2f52b7;} @media screen and (max-width: 1220px) { .ygsh-list{ padding-top: 40px;} .ygsh-list ul{ margin: -15px -20px;} .ygsh-list li{padding: 15px 20px;} .ygsh-list li dd{font-size: 16px;} } @media screen and (max-width: 991px) { .ygsh-list{ padding-top: 20px;} .ygsh-list ul{ margin: -10px;} .ygsh-list li{padding: 10px; flex-basis: 50%;} .ygsh-list li dd{font-size: 14px;} } /* 鎷涜搐绾冲+ */ .zxns-ico{ padding-top: 80px;} .zxns-ico ul{ display: flex; flex-wrap: wrap;} .zxns-ico li{flex: 1; display: flex; justify-content: center;} .zxns-ico i{ width: 90px; height: 90px; border: solid 2px #5b5b5b; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 auto;} .zxns-ico span{font-size: 24px; padding-top: 10px; display: block; text-align: center;} .zxns-bg{ background: #fcfcfc; margin-top: 60px; padding: 60px 0;} .zxns-list ul{ display: flex;} .zxns-list li{flex: 1; display: flex; align-items: center; justify-content: center; min-height: 60px; text-align:center;} .zxns-list li:nth-child(1){flex:3;} .zxns-list li:nth-child(2){flex:2;} .zxns-list li:nth-child(3){flex:2;} .zxns-list li:nth-child(4){flex:1;} .zxns-list li:nth-child(5){flex:2;} .zxns-head ul{ background: #efefef;} .zxns-head li{ font-size: 24px; padding: 10px;} .zxns-body ul{ border-top: solid 1px #dfe0e2;} .zxns-body li{font-size: 18px; flex-basis: 50%; padding: 10px;} .zxns-box{ padding-top: 60px;} .zxns-box ul{ display: flex; flex-wrap: wrap; margin: -25px;} .zxns-box li{ flex-basis: 50%; flex-shrink: 0; padding: 25px;} .zxns-box dt{ font-size: 30px;} .zxns-box dd{font-size: 18px; padding-top: 10px;} .zxns-list-02{display:none;} @media screen and (max-width: 1220px) { .zxns-ico{padding-top: 40px;} .zxns-ico i{ width: 70px; height: 70px;} .zxns-ico i img{ width: 36px;} .zxns-ico span{font-size: 16px;} .zxns-bg{ margin-top: 40px; padding: 40px 0;} .zxns-head li{font-size: 16px;} .zxns-body li{font-size: 14px;} .zxns-body li a{font-size: 14px;} .zxns-list li{ min-height: 52px;} .zxns-box{ padding-top: 40px;} .zxns-box dt{ font-size: 20px;} .zxns-box dd{font-size: 14px; padding-top: 5px;} } @media screen and (max-width: 991px) { .zxns-ico ul{ margin: -10px;} .zxns-ico li{ padding: 10px; flex-basis: 33.333%;} .zxns-ico i{width: 60px; height: 60px;} .zxns-ico i img{width: 28px;} .zxns-ico span{font-size: 14px; padding-top: 0;} .zxns-list li:nth-child(3){display: none;} .zxns-list li:nth-child(4){display: none;} .zxns-head li{font-size: 14px; padding: 5px 10px;} .zxns-list li{font-size: 12px; padding: 5px 10px;} .zxns-body li a{font-size: 12px;} .zxns-bg{ padding: 0 0; margin-top: 20px; background:none;} .zxns-box{ padding-top: 20px; display:none;} .zxns-box ul{ margin: 0;} .zxns-box li{ flex-basis: 100%; padding: 0;} .zxns-box li dl{ border: solid 1px #eee; padding: 10px;} .zxns-box li+li dl{border-top: none;} .zxns-box dt{font-size: 18px;} .zxns-box dd{ padding-top: 0; color: #666;} .zxns-list{display:none;} .zxns-list-02{display:block; margin:0 -15px; border-top:dotted 1px #2e3033; } .zxns-list-02 a{ display:block; padding:10px 15px; border-bottom:dotted 1px #2e3033;} .zxns-list-02 dl{display:flex; flex-wrap:wrap;} .zxns-list-02 dt{flex-basis:100%; display:flex; justify-content:space-between;} .zxns-list-02 dt b{ color:#000000; font-weight:normal; font-size:16px;} .zxns-list-02 dt span{ color:#000000; font-size:14px;} .zxns-list-02 dd{flex-basis:100%; color:#5b5b5b;font-size:12px;} } /* 鎷涜搐绾冲+-鍐呴〉 */ .zxns-tit {position: relative; padding-bottom: 10px; border-bottom: solid 1px #5b5b5b;} .zxns-tit b{font-size: 32px; font-weight: normal;} .zxns-tit a{ padding: 0 40px; height: 46px; position: absolute; right: 0; top: 0; border: solid 1px #7f7f7f; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; display: flex; align-items: center; justify-content: center;} .zxns-tit ul{ padding-top: 15px; margin: -15px; display: flex;} .zxns-tit li{ padding: 15px;} .zxns-tit a:hover{ border-color: #2f52b7; color: #2f52b7;} .zxns-txt{ padding-top: 40px; font-size: 20px;} @media screen and (max-width: 1220px) { .zxns-tit b{font-size: 24px;} .zxns-tit li{ font-size: 16px;} .zxns-txt{font-size: 16px;} .zxns-tit a{ padding: 0 30px; height: 40px; font-size: 16px;} } @media screen and (max-width: 991px) { .zxns-tit{ margin-top: -20px; border-color: #c8c8c8;} .zxns-tit a{position: relative; width: 100%;-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; border-bottom: solid 1px #c8c8c8; justify-content: flex-start; font-size: 14px; padding: 0;} .zxns-tit b{font-size: 18px; padding: 10px 0; display: block;} .zxns-tit ul{flex-wrap: wrap; margin: -2px; padding: 0;} .zxns-tit li{ font-size: 14px; flex-basis: 100%; padding: 2px;} .zxns-txt{font-size: 14px; padding-top: 20px;} .zxns-txt *{font-size: 14px;} } /* 鍐呭 */ .cont-box{ padding: 0; text-align: justify; } .cont-box *{ color: #7a7a7a; line-height: 2; font-size: 20px;} /*.cont-box-ul ul li{list-style:disc;}*/ .cont-bd{ padding: 90px 0;} .cont-box img{ max-width: 100%; width: auto;} @media screen and (max-width: 1220px) { .cont-box{ padding: 0;} .cont-bd{ padding: 60px 0;} .cont-box *{font-size: 16px;} } @media screen and (max-width: 991px) { .cont-box *{ color: #000; font-size: 14px;} .cont-bd{ padding: 20px 0;} div.cont-tit{font-size: 18px;} } /* 鍐呭鍥惧唽 */ .swiper-sccs{ position: relative;} .sccs-prev,.sccs-next{ width: 28px; height: 62px; background: rgba(0,0,0,.5); position: absolute; left: 10px; top: 50%; margin-top: -31px; z-index: 2; text-align: center; cursor: pointer;} .sccs-next{ left: auto; right: 10px;} .sccs-prev i::before,.sccs-next i::before{ color: #fff; font-size: 16px;line-height: 62px; display: block; transition: .3s;} .sccs-prev:hover i::before{ transform: translateX(-3px);} .sccs-next:hover i::before{ transform: translateX(3px);} /*寮圭獥瑙嗛*/ @media screen and (min-width: 320px) { .video-show.layui-layer-iframe{overflow: visible;} .video-show{ width: 300px !important; height: 175px !important; left: 50% !important; top: 50% !important; transform: translate(-50%,-50%) !important;} .video-show .layui-layer-setwin{ right: 0; top: 0;} .video-show .layui-layer-setwin .layui-layer-close2{ right: 0; top: -35px;width: 35px; height: 35px; background: #2253be; font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; line-height: 35px;} .video-show .layui-layer-setwin .layui-layer-close2:before { content: "\e608"; color: #fff; font-size: 14px;} div.video-show .layui-layer-content{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; overflow: visible;} .jcsp-video{display: none;} .video-show video{display: block;} .video-show video{ width: 100%; height: 100%;} } @media screen and (min-width: 384px) { .video-show{ width: 365px !important; height: 210px !important;} } @media screen and (min-width: 480px) { .video-show{ width: 420px !important; height: 240px !important;} } @media screen and (min-width: 640px) { .video-show{ width: 630px !important; height: 360px !important;} } @media screen and (min-width: 768px) { .video-show{ width: 700px !important; height: 400px !important;} } @media screen and (min-width: 992px) { .video-show{ width: 900px !important; height: 510px !important;} } /*@media screen and (min-width: 1240px) { .video-show{ width: 1100px !important; height: 620px !important;} }*/ /*--鍐呭鐩掑瓙--*/ @media screen and (min-width: 320px) { .content-box:after{content: ' '; clear: both; width: 0; height: 0; overflow: hidden; display: block;} .content-box{ /*text-align: justify; text-justify:inter-word;*/ font-size: 14px; padding:0; color: #666666; position: relative; z-index: 10; line-height: 2;} .content-box *{ line-height: 2;} .content-box img{max-width: 100%;} .cont-box table{width:100%;} .cont-box .txt *{white-space:normal !important;} .cont-box .txt table,.cont-box .txt td{border:solid 1px #ddd;} } @media screen and (min-width: 992px) { .content-box-t{padding-top: 10px;} } @media screen and (min-width: 1240px) { } /* 鎼滅储 */ @media screen and (min-width: 320px) { .train-list li{ overflow: hidden; position: relative; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; border-bottom: solid 1px #ddd; padding: 5px 0; padding-left: 24px;} .train-list li a{line-height: 20px; color: #666; font-size: 12px;} .train-list li span{ display: block; line-height: 20px; font-size: 12px; color: #888;} .train-list li a:hover{ color: #0075BD;} .train-list li i{ width: 4px; height: 4px; background: #0075BD; position: absolute; left: 10px; top:16px;} } @media screen and (min-width: 480px) { } @media screen and (min-width: 992px) { .train-list li a{line-height: 46px; font-size: 14px;} .train-list li{padding: 0 120px 0 24px;} .train-list li span{ position: absolute; right: 0; top: 0; line-height: 46px;} .train-list li i{ top: 50%; margin-top: -2px;} } @media screen and (min-width: 1280px) { .train-list li a{line-height: 60px; font-size: 16px;} .train-list li{padding: 0 120px 0 24px;} .train-list li span{ line-height: 60px; font-size: 14px;} } /* 鍛樺伐鐢熸椿 */ @media screen and (min-width: 320px) { .life-pic-box{padding-top:20px;} i.pic-scale-gyfz{ padding-bottom: 52.037%; background:#f4f4f4;} .swiper-ygfz .ygfz-txt{ text-align: center; height: 48px; line-height: 48px; background: rgba(255,255,255,.9); color: #2253be; position: absolute; left: 0; bottom: 0; right: 0; font-style: normal; font-weight: bold;} .swiper-ygfz .ygfz-txt span{font-size:16px;} .ygfz-prev,.ygfz-next{ background: #2253be; width: 34px; height: 50px; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 50%; margin-top: -25px; z-index: 2; cursor: pointer;} .ygfz-prev i::before,.ygfz-next i::before{ font-size: 20px; color: #fff; display: block;} .ygfz-next{ left: auto; right: 0;} .pagination-gyfz{display: none;} div.swiper-ygfz div.pagination-gyfz{ position: absolute; bottom: 58px; z-index: 2; right: 15px; left: auto; width: auto;} div.swiper-ygfz>div.pagination-gyfz>span.swiper-pagination-bullet{ margin-left: 6px; margin-right: 0; width: 8px; height: 8px; opacity: 1; background: #fff; cursor: pointer;} div.swiper-ygfz>div.pagination-gyfz>span.swiper-pagination-bullet-active{ background: #2253be;} .ygfz-prev:hover i::before{ transform: translateX(-5px);} .ygfz-next:hover i::before{ transform: translateX(5px);} i.pic-scale-gyfz-02{ padding-bottom: 62.821%;} .ygfz-list{ padding-top: 20px;} .ygfz-list ul{ margin: -5px;} .ygfz-list li{ padding: 5px;} .ygfz-list dd b{ overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; display: block; color: #333; position: relative; z-index: 2;} .ygfz-list dd{ background: #F6F6F6; padding: 10px; position: relative; overflow: hidden;} .ygfz-list dd div{display: flex; justify-content: space-between; align-items: center; padding-top: 5px; position: relative; z-index: 2;} .ygfz-list i::before{ color: #ABABAB; display: block;} .ygfz-list dd small{ font-size: 12px; font-weight: bold; color: #2253be;} .ygfz-list dd::before{ content: ' '; width: 100%; left: 0; top: 100%; height: 100%; margin-top: -2px; background: #2253be; position: absolute;} .ygfz-list a:hover dd b{color: #FFF;} .ygfz-list a:hover dd small{color: #FFF;} .ygfz-list a:hover dd i::before{color: #FFF; transform: rotate(-30deg);} .ygfz-list a:hover dd::before{ top: 0; margin-top: 0;} .swiper-ygfz .txt-02{ background: #000; height: 48px; display: flex; align-items: center; justify-content: center;} .swiper-ygfz .txt-02 span{ padding: 0 15px; color: #FFF;} .swiper-ygfz .txt-02 b{ flex: 1; padding: 0 15px; color: #FFF; text-align:center;} .swiper-ygfz-02{ margin-top: 20px;} .swiper-ygfz-02 .swiper-slide{ cursor:pointer;} .swiper-ygfz-02 .ygfz-txt{ padding: 0 15px; height: 42px; background: #F5F5F5; text-align: center; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; line-height: 42px;} .swiper-ygfz-02 .txt span{ color: #333; color: #333; font-weight: bold;} .swiper-ygfz-02 .ygfz-on::before{ content:' '; position:absolute; left:0; top:0; width:100%; height:100%; border:solid 4px #2253be; z-index:9; box-sizing:border-box;} .swiper-ygfz-02 .ygfz-on .ygfz-txt{ background: #2253be;} .swiper-ygfz-02 .ygfz-on .ygfz-txt span{ color: #fff;} } @media screen and (min-width: 480px) { } @media screen and (min-width: 992px) { .life-pic-box{padding-top:40px;} .swiper-ygfz .ygfz-txt{font-size: 16px;} .ygfz-prev,.ygfz-next{ height: 72px; margin-top: -36px; width: 44px;} .ygfz-prev i::before,.ygfz-next i::before{ font-size: 32px;} .pagination-gyfz{display: block;} .ygfz-list{ padding-top: 30px;} .ygfz-list ul{ margin: -13px -9px;} .ygfz-list li{ width: 33.33333%; padding: 13px 9px;float:left;} .ygfz-list dd div{ padding-top: 10px;} .ygfz-list dd{ padding: 20px 25px;} .ygfz-list dd b{font-size: 16px;display: -webkit-box;min-height:58px; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .ygfz-list dd small{ font-size: 14px;} .ygfz-list i::before{ font-size: 16px;} .swiper-ygfz .txt-02 span{ text-align: center; flex-shrink: 0; color: #FFF; font-weight: bold; font-size: 16px; padding-left:100px; } .swiper-ygfz .txt-02 b{ font-size: 16px;} .swiper-ygfz-02{ margin-top: 30px;} } @media screen and (min-width: 1260px) { } @media screen and (min-width: 1920px) { }