body { background-color: #f6f9fa; overflow: auto !important; padding-right: 0px !important; } .container, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding: 0; } .row { margin: 0; } .top { position: fixed; left: 0; top: 0; right: 0; padding: 20px 0; background-color: #ffffff; z-index: 99; } .top .logo img { height: 50px; } .top .search { width: 268px; height: 50px; line-height: 48px; border: 1px solid #b6242f; border-radius: 24px; padding: 0 15px; } .top .search input[type=text] { border: 0; float: left; background-color: transparent; text-indent: 4px; width: 182px; } .top .search input[type=submit] { float: right; width: 38px; background: url(../images/search.png) no-repeat center; border: 0; } .top .login { margin-left: 40px; } .top .login .logbtn { height: 50px; width: 150px; background-color: #b6242f; border-radius: 24px; border: 0; color: #ffffff; position: relative; padding-left: 35px; } .top .login .logbtn::before { content: ""; display: block; width: 27px; height: 50px; position: absolute; top: 0; left: 20px; background: url(../images/logins1.png) no-repeat center; } .top .login .logbtn:hover::before { background-image: url(../images/logins2.png); } .top .login .user { position: relative; width: 150px; } .top .login .user img { width: 50px; height: 50px; border-radius: 50%; } .top .login .user span { font-weight: bold; margin-left: 10px; } .top .login .user div { display: none; position: absolute; right: 0; top: 50px; width: 100%; padding-top: 10px; z-index: 9; } .top .login .user div ul { background-color: #ffffff; border-radius: 6px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); padding: 10px 5px; } .top .login .user div ul li { padding-left: 42px; line-height: 32px; background-repeat: no-repeat; background-position: 14px center; } .top .login .user div ul li a { display: block; color: #cc9a9d; } .top .login .user div ul li:hover { background-color: #fcf5f6; } .top .login .user div ul li:hover a { color: #b6242f; } .top .login .user div ul li.install { background-image: url(../images/install_icon.png); } .top .login .user div ul li.signUp { background-image: url(../images/signUp_icon.png); } .top .login .user div ul li.matching { background-image: url(../images/matching_icon.png); } .top .login .user div ul li.signOut { background-image: url(../images/signOut_icon.png); } .modal-dialog { margin-top: 80px; } .modal-dialog .modal-content { position: relative; padding: 45px 48px; border-radius: 10px; border: 0; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); } .modal-dialog .modal-content .close { position: absolute; top: 12px; right: 12px; font-size: 40px; font-weight: normal; line-height: 30px; color: #b6242f; filter: alpha(opacity=100); opacity: 1; } .modal-dialog .modal-content .modal-header { padding: 0; border-bottom: 0; margin-bottom: 26px; } .modal-dialog .modal-content .modal-header .modal-title { font-size: 20px; font-weight: bold; } .modal-dialog .modal-content .modal-body { padding: 0; } .modal-dialog .modal-content .modal-body .form > div { display: none; } .modal-dialog .modal-content .modal-body .form > div.active { display: block; } .modal-dialog .modal-content .modal-body .form ul li { line-height: 32px; border-bottom: 1px solid #f1f5f6; margin-bottom: 20px; } .modal-dialog .modal-content .modal-body .form ul li b { color: #b6242f; font-size: 16px; padding-right: 20px; } .modal-dialog .modal-content .modal-body .form ul li input { width: 100%; border: 0; text-indent: 10px; } .modal-dialog .modal-content .modal-body .form ul li input::-webkit-input-placeholder { color: #afb8bc; } .modal-dialog .modal-content .modal-body .form ul li input:-moz-placeholder { color: #afb8bc; } .modal-dialog .modal-content .modal-body .form ul li input::-moz-placeholder { color: #afb8bc; } .modal-dialog .modal-content .modal-body .form ul li input:-ms-input-placeholder { color: #afb8bc; } .modal-dialog .modal-content .modal-body .form ul li button { width: 86px; height: 26px; line-height: 22px; border: 1px solid #202020; color: #b6242f; background-color: #ffffff; border-radius: 13px; font-size: 12px; padding: 0; } .modal-dialog .modal-content .modal-body .form ul li.name input { width: 220px; } .modal-dialog .modal-content .modal-body .form ul li.pass { padding: 7px 0; } .modal-dialog .modal-content .modal-body .form ul li.pass input { width: 190px; margin-right: 16px; } .modal-dialog .modal-content .modal-body .form .submitbtn { width: 100%; height: 34px; border: 0; background-color: #f1f5f6; border-radius: 17px; color: #afb8bc; margin-bottom: 7px; } .modal-dialog .modal-content .modal-body .form .submitbtn:hover { background-color: #b6242f; color: #ffffff; } .modal-dialog .modal-content .modal-body .form a { color: #b6242f; line-height: 18px; font-size: 12px; } .modal-dialog .modal-content .modal-body .fr { margin-top: -20px; } .modal-dialog .modal-content .modal-body .registerbtn { background-color: transparent; border: 0; padding: 0; font-size: 12px; line-height: 18px; color: #b6242f; } .modal-dialog .modal-content .modal-body .wechatlogin { margin-top: 10px; text-align: center; padding-left: 40px; } .modal-dialog .modal-content .modal-body .wechatlogin p { font-size: 16px; } .modal-dialog .modal-content .modal-body .wechatlogin div { cursor: pointer; padding-top: 30px; width: 40px; margin: 0 auto; } .modal-dialog .modal-content .modal-body .wechatlogin div img { width: 100%; } .modal-dialog .modal-content .modal-body .wechatlogin div span { line-height: 30px; } .modal-dialog.message { width: 720px; } .modal-dialog.message .modal-content { padding-top: 95px; } .modal-dialog.message .modal-content::before { content: ""; display: block; width: 100px; height: 100px; border-radius: 50%; position: absolute; top: -50px; left: 50%; margin-left: -50px; box-shadow: 0 0 8px 3px rgba(182, 36, 47, 0.3); background: #b6242f url(../images/message_icon.png) no-repeat center; background-size: 36px; } .modal-dialog.message .modal-content .message-body .row > div:nth-child(even) .input-group { float: right; } .modal-dialog.message .modal-content .message-body .input-group { border: 1px solid #525960; border-radius: 5px; height: 52px; width: 90%; margin-bottom: 40px; } .modal-dialog.message .modal-content .message-body .input-group .form-control { border: 0; height: 50px; } .modal-dialog.message .modal-content .message-body .input-group .form-control:focus { box-shadow: none; } .modal-dialog.message .modal-content .message-body .input-group .input-group-addon { color: #b6242f; background-color: transparent; border: 0; } .modal-dialog.message .modal-content .message-body .input-group:hover, .modal-dialog.message .modal-content .message-body .input-group.hover { border: 2px solid #b6242f; height: 50px; } .modal-dialog.message .modal-content .message-body .input-group:hover .form-control, .modal-dialog.message .modal-content .message-body .input-group.hover .form-control { height: 48px; } .modal-dialog.message .modal-content .message-body textarea { border: 1px solid #525960; width: 100%; height: 120px; padding: 16px; resize: none; margin-bottom: 40px; border-radius: 5px; } .modal-dialog.message .modal-content .message-body textarea:hover { border: 2px solid #b6242f; } .modal-dialog.message .modal-content .message-body button { display: block; width: 160px; height: 52px; margin: 0 auto; background-color: #b6242f; color: #ffffff; font-size: 16px; } .banner { position: relative; height: 600px; } .banner .item { height: 600px; } .banner img { width: 100%; height: 100%; object-fit: cover; } .banner .swiper-slide a > img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: transform 6s ease; transition: transform 6s ease; } .banner .swiper-slide-active a > img { -webkit-transform: scale(1); transform: scale(1); } .banner .swiper-pagination-bullet { width: 12px; height: 12px; background: #fff; opacity: 0.8; } .banner .swiper-pagination-bullet-active { background: #b6242f; opacity: 1; } .banner.inbanner { margin-top: 90px; } .banner.nybanner { height: 530px; } .nav { background-color: #b6242f; } .nav .row { position: relative; } .nav ul { position: relative; z-index: 11; } .nav ul li { position: relative; float: left; min-width: 40px; line-height: 60px; margin-left: 37px; } .nav ul li:first-child { margin-left: 0; } .nav ul li > a { display: block; text-align: center; font-size: 18px; color: #ffffff; font-weight: bold; } .nav ul li::after { content: ""; display: block; width: 0px; height: 6px; background-color: #fac715; position: absolute; left: 50%; bottom: 0; opacity: 0; transform: translateX(-50%); transition: width 0.5s; } .nav ul li:hover::after, .nav ul li.current::after { opacity: 1; width: 40px; } .nav .sub_nav { position: absolute; left: 0; top: 0; width: 100%; background-color: rgba(250, 250, 250, 0.98); background-position: right bottom; background-repeat: no-repeat; padding: 0 0; display: flex; justify-content: center; height: 0; overflow: hidden; opacity: 0; transition: all 0.5s; z-index: 9; } .nav .sub_nav.shows { top: 60px; padding: 39px 0; height: auto; opacity: 1; min-height: 160px; } .nav .sub_nav dl { display: inline-block; text-align: left; font-size: 16px; margin: 0 30px; } .nav .sub_nav dl a { color: #525960; } .nav .sub_nav dl dt { font-weight: bold; line-height: 60px; padding-left: 39px; background-position: left center; background-repeat: no-repeat; background-size: auto 24px; } .nav .sub_nav dl dd { line-height: 40px; } .nav .sub_nav dl dd span { display: inline-block; margin-right: 6px; } .nav .sub_nav:nth-child(3n+1) { background-image: url(../images/ren.png); } .nav .sub_nav:nth-child(3n+1) dl:nth-child(1) dt { background-image: url(../images/international_icon.png); } .nav .sub_nav:nth-child(3n+1) dl:nth-child(2) dt { background-image: url(../images/nation_icon.png); } .nav .sub_nav:nth-child(3n+1) dl:nth-child(3) dt { background-image: url(../images/ssb_icon.png); } .nav .sub_nav:nth-child(3n+2) { background-image: url(../images/huan.png); } .nav .sub_nav:nth-child(3n+2) dl:nth-child(1) dt { background-image: url(../images/introduce_icon.png); } .nav .sub_nav:nth-child(3n+2) dl:nth-child(2) dt { background-image: url(../images/ssb_icon.png); } .nav .sub_nav:nth-child(3n+2) dl:nth-child(3) dt { background-image: url(../images/shop_icon.png); } .nav .sub_nav:nth-child(3n+2) dl:nth-child(4) dt { background-image: url(../images/qita_icon.png); } .nav .sub_nav:nth-child(3n+2) dl:nth-child(5) dt { background-image: url(../images/check_icon.png); } .nav .sub_nav:nth-child(3n+2) dl:nth-child(6) dt { background-image: url(../images/service_icon.png); } .nav .sub_nav:nth-child(3n+2) dl:nth-child(7) dt { background-image: url(../images/ssb_icon.png); } .nav .sub_nav:nth-child(3n+3) { background-image: url(../images/qiu.png); } .nav .sub_nav:nth-child(3n+3) dl:nth-child(1) dt { background-image: url(../images/check_icon.png); } .nav .sub_nav:nth-child(3n+3) dl:nth-child(2) dt { background-image: url(../images/service_icon.png); } .nav .sub_nav:nth-child(3n+3) dl:nth-child(3) dt { background-image: url(../images/ssb_icon.png); } .footer { background-color: #b6242f; color: #ffffff; padding-top: 70px; padding-bottom: 0.3rem; } .footer a { color: #ffffff; display: inline-block; } .footer .footnav { padding-bottom: 30px; } .footer .footnav dl { float: left; padding-left: 4%; } .footer .footnav dl:first-child { padding-left: 0; } .footer .footnav dl dt { font-size: 18px; font-weight: normal; } .footer .footnav dl dd { font-size: 16px; line-height: 36px; } .footer .footnav dl dd a { position: relative; left: 0; color: #e99ea4; transition: all 0.5s; } .footer .footnav dl dd a:hover { left: 7px; color: #ffffff; } .footer .foottel { padding-bottom: 0.19rem; border-bottom: 1px solid #ea9fa4; } .footer .foottel h3 { line-height: 0.42rem; font-size: 0.26rem; font-style: italic; font-weight: bold; } .footer .foottel p { font-size: 0.16rem; line-height: 0.36rem; } .footer .foottel ul { float: right; margin-top: 12px; } .footer .foottel ul li { position: relative; width: 52px; height: 52px; border: 1px solid #ffffff; border-radius: 50%; float: left; margin-left: 20px; } .footer .foottel ul li.wechat { background: url(../images/wechat.png) no-repeat center; } .footer .foottel ul li.phone { background: url(../images/phone.png) no-repeat center; } .footer .foottel ul li img { position: absolute; top: -200%; left: 50%; margin-left: -50px; width: 100px; height: 0px; overflow: hidden; } .footer .foottel ul li:hover img { transition: all 0.5s; height: 100px; } .footer .bottom { line-height: 0.5rem; } .footer .wechatimg { text-align: center; display: none; } .fixedfoot { display: none; } .navs { padding-top: 30px; line-height: 80px; font-size: 20px; font-weight: bold; text-align: center; } .navs .container { background-color: #ffffff; } .navs .container::after { content: ""; display: block; background-color: #b6242f; width: 100%; height: 4px; } .navs span { display: inline-block; margin: 0 60px; } .navs span.active a { color: #b6242f; } .list { padding: 81px 0; } .list_article ul li { transition: all 0.5s; padding: 30px 0; } .list_article ul li .img { height: 120px; width: 180px; float: left; } .list_article ul li .img img { width: 100%; height: 100%; object-fit: cover; } .list_article ul li .tit { margin-left: 200px; max-width: 900px; } .list_article ul li .tit h2 { margin-bottom: 11px; font-size: 18px; line-height: 26px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .list_article ul li .tit h2 a { color: #525960; } .list_article ul li .tit h2 a:hover { color: #b6242f; } .list_article ul li .tit p { word-break: break-all; word-wrap: break-word; height: 63px; line-height: 22px; color: #6f7883; overflow: hidden; } .list_article ul li .tit div > span::before { content: ""; display: inline-block; width: 5px; height: 5px; border: 5px solid transparent; border-left-color: #b6242f; } .list_article ul li .tit div > span a { margin-left: 9px; font-size: 12px; font-weight: bold; color: #dfcacc; text-transform: uppercase; transition: all 0.5s; } .list_article ul li .tit div b { font-size: 12px; float: right; font-weight: normal; color: #afb8bc; } .list_article ul li:hover { background-color: #ffffff; } .list_article ul li:hover .time { color: #b6242f; } .list_article ul li:hover .tit > span a { color: #b6242f; margin-left: 20px; } .list_article_img ul { margin: 0 -15px; } .list_article_img ul li { float: left; width: 25%; padding: 0 15px; margin-bottom: 30px; } .list_article_img ul li .box { position: relative; top: 0; transition: all 0.5s; } .list_article_img ul li .box .img { height: 220px; overflow: hidden; } .list_article_img ul li .box .img img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; } .list_article_img ul li .box .img img:hover { transform: scale(1.1); } .list_article_img ul li .box .tit { padding: 5px 20px 12px; overflow: hidden; background-color: #ffffff; } .list_article_img ul li .box .tit span { font-weight: bold; color: #b6242f; line-height: 46px; } .list_article_img ul li .box .tit h2 { font-size: 18px; font-weight: bold; line-height: 26px; margin-bottom: 20px; height: 52px; overflow: hidden; } .list_article_img ul li .box .tit p { line-height: 22px; color: #6f7883; height: 44px; overflow: hidden; } .list_article_img ul li .box:hover { top: -10px; } .list_article_img.video ul li .box .img { position: relative; } .list_article_img.video ul li .box .img a::after { content: ""; position: absolute; right: 10px; bottom: 10px; width: 36px; height: 36px; background: url(../images/video_icon.png) no-repeat center / 100%; } .list_article_img.video ul li .box .tit { padding: 20px; } .list_article_img.video ul li .box .tit h2 { height: auto; margin-bottom: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .list_train .img { position: relative; padding: 30px 30px 0; } .list_train .img::before { content: ""; display: block; width: 140px; height: 140px; background-color: #b6242f; position: absolute; top: 0; z-index: -1; } .list_train .img div { max-width: 600px; max-height: 470px; overflow: hidden; } .list_train .img div img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; } .list_train .img div img:hover { transform: scale(1.1); } .list_train .img a { position: absolute; top: 320px; width: 150px; line-height: 46px; color: #ffffff; font-weight: bold; padding-left: 21px; background: #b6242f url(../images/moreArrow_icon.png) no-repeat 106px center; transition: all 0.5s; } .list_train .img a:hover { padding-left: 15px; background-position: 110px center; } .list_train .listcon { position: relative; } .list_train .listcon .enrollbtn { position: absolute; right: 0; top: 0; border: 2px solid #b6242f; color: #b6242f; background-color: transparent; } .list_train .listcon h3 { position: relative; font-size: 26px; line-height: 28px; color: #363636; padding-left: 16px; font-weight: normal; } .list_train .listcon h3::before { content: ""; display: block; width: 6px; height: 28px; background-color: #b6242f; position: absolute; left: 0; top: 0; } .list_train .listcon h4 { padding-left: 16px; font-size: 20px; font-weight: bold; color: #fac715; line-height: 30px; } .list_train .listcon div { max-width: 642px; padding: 40px 0 20px; } .list_train .listcon div p { line-height: 22px; text-indent: 2em; color: #525960; padding-bottom: 5px; word-break: break-all; word-wrap: break-word; } .list_train .listcon ul li { line-height: 34px; padding-left: 60px; padding-right: 30px; float: left; margin-right: 20px; margin-bottom: 10px; background: url(../images/textLink_icon.png) no-repeat 30px center; } .list_train .listcon ul li:hover { background-color: #ffffff; border-radius: 6px; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.05); } .list_train .row { margin-bottom: 70px; } .list_train .row:nth-child(odd) .img::before { left: 0; } .list_train .row:nth-child(odd) .img a { right: 100px; } .list_train .row:nth-child(odd) .listcon { margin-left: 10px; } .list_train .row:nth-child(even) > div:first-child { float: right; } .list_train .row:nth-child(even) .img div { float: right; } .list_train .row:nth-child(even) .img::before { right: 0; } .list_train .row:nth-child(even) .img a { right: 60px; } .list_train .row:nth-child(even) .listcon { margin-right: 10px; } .list_insure .insurewarp1 { margin-bottom: 129px; } .list_insure .insurewarp1 .img { position: relative; max-width: 535px; padding: 27px 30px 32px; background: url(../images/insure_bg1.png) no-repeat right top; background-size: auto 100%; } .list_insure .insurewarp1 .img::before { content: ""; display: block; position: absolute; left: 0; top: 57px; bottom: 62px; width: 30px; background-color: #b6242f; } .list_insure .insurewarp1 .img div { max-width: 480px; max-height: 560px; } .list_insure .insurewarp1 .img div img { width: 100%; height: 100%; } .list_insure .insurewarp1 .listcon { margin-left: 39px; position: relative; } .list_insure .insurewarp1 .listcon .enrollbtn { position: absolute; right: 0; top: 0; border: 2px solid #b6242f; color: #b6242f; background-color: transparent; } .list_insure .insurewarp1 .listcon h3 { font-size: 26px; font-weight: normal; color: #363636; line-height: 32px; padding-top: 22px; } .list_insure .insurewarp1 .listcon h3::before { content: ""; display: block; width: 38px; height: 6px; background-color: #b6242f; position: absolute; left: 0; top: 0; } .list_insure .insurewarp1 .listcon h4 { line-height: 26px; font-size: 20px; font-weight: bold; color: #fac715; margin-bottom: 42px; } .list_insure .insurewarp1 .listcon div.insurecon { max-width: 632px; margin-bottom: 10px; } .list_insure .insurewarp1 .listcon div.insurecon p { line-height: 22px; color: #525960; text-indent: 2em; padding-bottom: 5px; } .list_insure .insurewarp1 .listcon h5 { font-size: 18px; font-weight: bold; color: #363636; line-height: 34px; border-bottom: 1px solid #b6242f; width: 520px; } .list_insure .insurewarp1 .listcon div.insureli { padding-top: 27px; padding-bottom: 47px; } .list_insure .insurewarp1 .listcon div.insureli span { position: relative; padding-left: 22px; color: #525960; line-height: 19px; margin-right: 6%; } .list_insure .insurewarp1 .listcon div.insureli span::before { content: ""; display: block; width: 12px; height: 2px; position: absolute; left: 0; top: 50%; background-color: #b6242f; } .list_insure .insurewarp1 .listcon div.insureli span:last-child { margin-right: 0; } .list_insure .insurewarp1 .listcon ul { width: 480px; background-color: #ffffff; box-shadow: 0 0 5px 2px rgba(154, 209, 234, 0.2); padding-top: 32px; padding-bottom: 12px; cursor: pointer; } .list_insure .insurewarp1 .listcon ul li { float: left; width: 25%; text-align: center; } .list_insure .insurewarp1 .listcon ul li i { display: inline-block; width: 46px; height: 46px; border-radius: 50%; background-position: center; background-repeat: no-repeat; } .list_insure .insurewarp1 .listcon ul li span { display: block; line-height: 52px; color: #525960; } .list_insure .insurewarp1 .listcon ul li.li1 i { background-color: #faf2f3; background-image: url(../images/insure_icon1.png); } .list_insure .insurewarp1 .listcon ul li.li2 i { background-color: #e6f7fb; background-image: url(../images/insure_icon2.png); } .list_insure .insurewarp1 .listcon ul li.li3 i { background-color: #f9f2e6; background-image: url(../images/insure_icon3.png); } .list_insure .insurewarp1 .listcon ul li.li4 i { background-color: #eee7f7; background-image: url(../images/insure_icon4.png); } .list_insure .insurewarp2 { height: 600px; background: url(../images/bgimg1.png) no-repeat center; } .list_insure .insurewarp2 .container { position: relative; } .list_insure .insurewarp2 .con { width: 620px; height: 456px; padding: 45px 50px; background: #ffffff url(../images/insure_bg2.png) no-repeat right 197px; position: absolute; top: -50px; right: 0; } .list_insure .insurewarp2 .con h5 { font-weight: bold; color: #363636; line-height: 22px; margin-bottom: 15px; } .list_insure .insurewarp2 .con p { margin-bottom: 45px; line-height: 22px; color: #525960; word-break: break-all; word-wrap: break-word; } .list_insure .insurewarp2 .con p::before { content: ""; display: block; width: 20px; height: 4px; background-color: #b6242f; margin-bottom: 8px; } .list_insure .insurewarp2 .con dl { margin-top: 20px; } .list_insure .insurewarp2 .con dl dt { font-size: 18px; font-weight: bold; padding-left: 30px; background-repeat: no-repeat; background-position: left center; } .list_insure .insurewarp2 .con dl dd { padding-left: 30px; color: #525960; } .list_insure .insurewarp2 .con dl.dl1 dt { background-image: url(../images/insure_icon5.png); } .list_insure .insurewarp2 .con dl.dl2 dt { background-image: url(../images/insure_icon6.png); } .list_insure .insurewarp2 .con dl.dl3 dt { background-image: url(../images/insure_icon7.png); } .list_insure .insurewarp2 a { position: absolute; top: 320px; width: 150px; line-height: 46px; color: #ffffff; font-weight: bold; padding-left: 21px; background: #b6242f url(../images/moreArrow_icon.png) no-repeat 106px center; transition: all 0.5s; } .list_insure .insurewarp2 a:hover { padding-left: 15px; background-position: 110px center; } .list_insure .insurewarp3 { margin-top: 70px; text-align: center; } .list_insure .insurewarp3 h3 { font-size: 26px; font-weight: normal; line-height: 34px; } .list_insure .insurewarp3 h4 { font-size: 20px; line-height: 26px; font-weight: bold; color: #b6242f; margin-bottom: 40px; } .list_insure .insurewarp3 ul { margin: 0 -30px; } .list_insure .insurewarp3 ul li { padding: 25px 30px; text-align: left; display: inline-block; margin: 0 30px; width: 340px; background-color: #ffffff; } .list_insure .insurewarp3 ul li h2 { font-size: 14px; color: #525960; line-height: 22px; height: 62px; } .list_insure .insurewarp3 ul li span { line-height: 22px; font-size: 12px; font-weight: bold; color: #fac715; text-transform: uppercase; } .list_insure .insurewarp3 ul li span::before { content: ""; display: inline-block; width: 5px; height: 5px; border: 5px solid transparent; border-left-color: #fac715; margin-right: 6px; transition: all 0.5s; } .list_insure .insurewarp3 ul li:hover { background-color: #b6242f; box-shadow: 0 0 8px 3px rgba(182, 36, 47, 0.3); } .list_insure .insurewarp3 ul li:hover h2 { color: #ffffff; } .list_insure .insurewarp3 ul li:hover span { color: #ffffff; } .list_insure .insurewarp3 ul li:hover span::before { margin-right: 15px; } .list_skill .row { background-color: #ffffff; margin-bottom: 80px; } .list_skill .row:nth-child(even) > div:first-child { float: right; } .list_skill .img { height: 450px; } .list_skill .img img { width: 100%; height: 100%; object-fit: cover; } .list_skill .listcon { padding: 10% 10% 0; } .list_skill .listcon h3 { font-size: 26px; font-weight: normal; color: #363636; line-height: 32px; padding-top: 22px; } .list_skill .listcon h3::before { content: ""; display: block; width: 38px; height: 6px; background-color: #b6242f; margin-bottom: 15px; } .list_skill .listcon h4 { line-height: 26px; font-size: 20px; font-weight: bold; color: #fac715; margin-bottom: 30px; } .list_skill .listcon div { height: 126px; max-width: 632px; margin-bottom: 10px; } .list_skill .listcon div p { line-height: 22px; color: #525960; text-indent: 2em; padding-bottom: 5px; } .list_skill .listcon a { float: right; width: 52px; height: 52px; border-radius: 26px; background: #afb8bc url(../images/link_icon.png) no-repeat 17px center; background-size: 18px; overflow: hidden; transition: all 0.5s; } .list_skill .listcon a span { line-height: 52px; color: #ffffff; font-weight: bold; padding-left: 50px; opacity: 0; } .list_skill .listcon a:hover { width: 110px; background-color: #b6242f; box-shadow: 0 0 8px 3px rgba(182, 36, 47, 0.3); } .list_skill .listcon a:hover span { opacity: 1; } .list_testing { padding-bottom: 0; } .list_testing .listcon h3 { font-size: 26px; font-weight: normal; color: #363636; line-height: 32px; } .list_testing .listcon h4 { line-height: 26px; font-size: 20px; font-weight: bold; color: #b6242f; margin-bottom: 46px; } .list_testing .listcon1 { text-align: right; margin-right: 80px; margin-top: 10px; background: url(../images/testing_bg1.png) no-repeat right top; padding-right: 60px; padding-top: 34px; } .list_testing .listcon1 .box { padding-bottom: 35px; border-bottom: 1px solid #b6242f; } .list_testing .listcon1 dl { margin-bottom: 22px; } .list_testing .listcon1 dl dt { padding-right: 42px; font-size: 18px; font-weight: bold; line-height: 30px; background-repeat: no-repeat; background-position: right center; } .list_testing .listcon1 dl dd { padding-right: 42px; line-height: 20px; color: #525960; } .list_testing .listcon1 dl.dl1 dt { background-image: url(../images/testing_icon1.png); } .list_testing .listcon1 dl.dl2 dt { background-image: url(../images/testing_icon2.png); } .list_testing .listcon1 dl.dl3 dt { background-image: url(../images/testing_icon3.png); } .list_testing .img1 { position: relative; margin-left: -60px; padding-right: 30px; padding-bottom: 30px; } .list_testing .img1::before { content: ""; display: block; width: 160px; background-color: #b6242f; position: absolute; right: 0; top: 30px; bottom: 0; z-index: -1; } .list_testing .img1 div { max-width: 730px; height: 500px; overflow: hidden; } .list_testing .img1 div img { width: 100%; height: 100%; object-fit: cover; } .list_testing .img2 { position: relative; padding-top: 20px; padding-bottom: 20px; background: url(../images/testing_bg3.png) no-repeat center 1px; } .list_testing .img2::before { content: ""; background: url(../images/testing_bg2.png) no-repeat center; display: block; width: 605px; height: 112px; position: absolute; left: 0; bottom: -30px; z-index: 99; } .list_testing .img2 .box { position: relative; max-width: 600px; float: right; margin-right: -91px; padding-bottom: 30px; padding-left: 30px; } .list_testing .img2 .box::before { content: ""; display: block; background-color: #b6242f; position: absolute; left: 0; top: 30px; bottom: 0; right: 30px; z-index: 0; } .list_testing .img2 .box div { position: relative; z-index: 1; max-width: 600px; height: 420px; overflow: hidden; } .list_testing .img2 .box div img { width: 100%; height: 100%; object-fit: cover; } .list_testing .img2 .box a { display: none; position: absolute; z-index: 9; top: 0; right: 0; width: 150px; line-height: 46px; color: #ffffff; font-weight: bold; padding-left: 21px; background: #b6242f url(../images/moreArrow_icon.png) no-repeat 106px center; transition: all 0.5s; } .list_testing .img2 .box a:hover { padding-left: 15px; background-position: 110px center; } .list_testing .listcon2 { position: relative; padding-left: 24%; margin-top: 127px; } .list_testing .listcon2 .enrollbtn { position: absolute; right: 0; top: 0; border: 2px solid #b6242f; color: #b6242f; background-color: transparent; } .list_testing .listcon2 ul { position: relative; width: 433px; height: 155px; background: url(../images/testing_bg4.png) no-repeat 144px center; } .list_testing .listcon2 ul li { position: absolute; line-height: 16px; } .list_testing .listcon2 ul li:nth-child(odd) { padding-right: 25px; background: url(../images/testing_icon4.png) no-repeat right center; right: 50%; } .list_testing .listcon2 ul li:nth-child(even) { padding-left: 25px; background: url(../images/testing_icon5.png) no-repeat left center; left: 50%; } .list_testing .listcon2 ul li.li1 { top: 0; margin-right: 60px; } .list_testing .listcon2 ul li.li2 { top: 0; margin-left: 110px; } .list_testing .listcon2 ul li.li3 { top: 46px; margin-right: 86px; } .list_testing .listcon2 ul li.li4 { top: 46px; margin-left: 130px; } .list_testing .listcon2 ul li.li5 { top: 93px; margin-right: 86px; } .list_testing .listcon2 ul li.li6 { top: 93px; margin-left: 130px; } .list_testing .listcon2 ul li.li7 { top: 139px; margin-right: 60px; } .list_testing .listcon2 ul li.li8 { top: 139px; margin-left: 110px; } .list_testing .row:nth-child(2) { position: relative; top: -96px; } .match_navs { padding-top: 30px; } .match_navs a { display: block; line-height: 80px; text-align: center; font-size: 22px; font-weight: bold; color: #525960; background-color: #ffffff; } .match_navs a:hover, .match_navs a.active { background-color: #b6242f; color: #ffffff; } .list_match .list_nav { margin-right: 10%; box-shadow: 0 0 5px 0 rgba(212, 236, 244, 0.3); } .list_match .list_nav a { background-color: #ffffff; display: block; padding: 15px 5%; } .list_match .list_nav a h3 { font-size: 20px; color: #363636; line-height: 32px; } .list_match .list_nav a h5 { font-weight: bold; color: #afb8bc; line-height: 22px; } .list_match .list_nav a:hover, .list_match .list_nav a.active { background-image: linear-gradient(to right, #b6242f, #e8825f); } .list_match .list_nav a:hover h3, .list_match .list_nav a.active h3, .list_match .list_nav a:hover h5, .list_match .list_nav a.active h5 { color: #ffffff; } .list_match .list_nav a:hover h3::after, .list_match .list_nav a.active h3::after { content: ""; display: inline-block; width: 10px; height: 10px; border: 5px solid transparent; border-left-color: #ffffff; margin-left: 30px; } .list_match .list_warp { background-color: #ffffff; padding: 30px; } .list_match .list_warp .warp1 .img { float: left; width: 320px; height: 200px; } .list_match .list_warp .warp1 .img img { width: 100%; height: 100%; object-fit: cover; } .list_match .list_warp .warp1 .box { position: relative; padding-left: 350px; } .list_match .list_warp .warp1 .box h3 { font-size: 20px; font-weight: bold; line-height: 22px; } .list_match .list_warp .warp1 .box h5 { font-weight: bold; color: #b6242f; line-height: 30px; margin-bottom: 8px; } .list_match .list_warp .warp1 .box p { line-height: 30px; color: #6f7883; } .list_match .list_warp .warp1 .box p span { color: #b6242f; } .list_match .list_warp .warp1 .box a { position: absolute; z-index: 1; right: 0; top: 0; font-weight: bold; line-height: 16px; } .list_match .list_warp .warp1 .box a::after { content: "A"; display: inline-block; text-align: center; background-color: #b6242f; color: #ffffff; width: 16px; font-size: 10px; border-radius: 3px; margin-left: 8px; } .list_match .list_warp .warp1 .box button { float: right; margin-top: -24px; width: 100px; height: 44px; border: 2px solid #b6242f; background-color: transparent; font-size: 16px; color: #b6242f; } .list_match .list_warp h4 { display: flex; align-items: center; font-size: 18px; font-weight: bold; line-height: 20px; padding-top: 35px; padding-bottom: 20px; } .list_match .list_warp h4::before { content: ""; display: inline-block; width: 6px; height: 18px; background-color: #f7bf16; margin-right: 10px; } .list_match .list_warp .warp2 { line-height: 22px; color: #525960; text-indent: 2em; } .list_match .list_warp .warp3 dl + dl { margin-top: 20px; } .list_match .list_warp .warp3 dl dt { float: left; width: 220px; height: 130px; border-radius: 6px; overflow: hidden; } .list_match .list_warp .warp3 dl dt img { width: 100%; height: 100%; object-fit: cover; } .list_match .list_warp .warp3 dl dd { margin-left: 250px; padding-bottom: 20px; border-bottom: 1px solid #f2f7f9; } .list_match .list_warp .warp3 dl dd h2 { font-size: 22px; font-weight: normal; line-height: 30px; height: 114px; } .list_match .list_warp .warp3 dl dd h2 span { color: #b6242f; } .list_match .list_warp .warp3 dl dd h2 a { color: #525960; } .list_match .list_warp .warp3 dl dd p { line-height: 16px; } .list_match .list_warp .warp3 dl dd p span { font-size: 16px; color: #afb8bc; } .list_match .list_warp .warp3 dl dd p a { float: right; font-weight: bold; color: #afb8bc; } .list_match .list_warp .warp3 dl dd p a:hover { color: #b6242f; } .list_match .list_warp .warp4 { background-color: #f2f7f9; border-radius: 10px; padding: 0 20px; } .list_match .list_warp .warp4 table { width: 100%; } .list_match .list_warp .warp4 table tr + tr { border-top: 1px solid #ffffff; } .list_match .list_warp .warp4 table tr td { padding: 16px 0; } .list_match .list_warp .warp4 .session { font-size: 16px; } .list_match .list_warp .warp4 .session span { color: #b6242f; } .list_match .list_warp .warp4 .address span { color: #afb8bc; } .list_match .list_warp .warp4 .address span::after { content: ""; display: inline-block; height: 15px; width: 14px; background: url(../images/site_icon.png) no-repeat center; margin-left: 20px; margin-right: 11px; position: relative; top: 2px; } .list_match .list_warp .warp4 .champion { line-height: 26px; } .list_match .list_warp .warp4 .champion span { color: #afb8bc; } .list_match .list_warp .warp4 .champion img { width: 16px; height: 16px; border-radius: 50%; object-fit: cover; margin-left: 20px; margin-right: 11px; } .list_match .list_warp .warp4 .champion strong { color: #b6242f; } .list_match .list_warp .warp4 a { display: block; width: 100px; line-height: 36px; border: 1px solid #b6242f; color: #b6242f; border-radius: 0 12px 0 12px; padding-left: 30%; background: url(../images/backLook_icon.png) no-repeat 10% center; } .list_venue .img { position: relative; } .list_venue .img img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; } .list_venue .img img:hover { transform: scale(1.1); } .list_venue .img a { position: absolute; z-index: 9; width: 150px; line-height: 46px; color: #ffffff; font-weight: bold; padding-left: 21px; background: #b6242f url(../images/moreArrow_icon.png) no-repeat 106px center; transition: all 0.5s; } .list_venue .img a:hover { padding-left: 15px; background-position: 110px center; } .list_venue .img1 { padding-left: 30px; padding-bottom: 130px; background: url(../images/venue_bg1.png) no-repeat 41% bottom; } .list_venue .img1 > div { position: relative; z-index: 2; max-width: 600px; height: 420px; overflow: hidden; } .list_venue .img1::before { content: ""; display: block; width: 120px; height: 300px; background-color: #b6242f; position: absolute; left: 0; bottom: 60px; z-index: 1; } .list_venue .img1 a { top: 294px; right: 40px; } .list_venue .img2 { position: absolute; top: 340px; right: 10px; z-index: 3; width: 380px; height: 280px; overflow: hidden; box-shadow: 0 0 12px 3px rgba(95, 118, 129, 0.5); } .list_venue .img3 { margin-left: -20px; padding-top: 30px; background: url(../images/venue_bg2.png) no-repeat right top; margin-bottom: 20px; } .list_venue .img3 > div { max-width: 560px; height: 420px; overflow: hidden; } .list_venue .img3 a { bottom: 0; right: 38.88%; } .list_venue .img4 { width: 38.88%; height: 390px; overflow: hidden; position: absolute; right: 0; top: 220px; box-shadow: 0 0 12px 3px rgba(95, 118, 129, 0.5); } .list_venue .img5 { float: left; margin-left: -20px; overflow: hidden; width: 26.39%; height: 140px; } .list_venue .img6 { float: left; margin-left: 3%; overflow: hidden; width: 32%; height: 140px; } .list_venue .listcon { position: relative; } .list_venue .listcon .enrollbtn { position: absolute; right: 0; top: 0; border: 2px solid #b6242f; color: #b6242f; background-color: transparent; } .list_venue .listcon h3 { font-size: 26px; font-weight: normal; color: #363636; line-height: 32px; padding-top: 22px; } .list_venue .listcon h3::before { content: ""; display: block; width: 38px; height: 6px; background-color: #b6242f; position: absolute; left: 0; top: 0; } .list_venue .listcon h4 { line-height: 26px; font-size: 20px; font-weight: bold; color: #fac715; margin-bottom: 20px; } .list_venue .listcon dl dt ul li { display: inline-block; margin-right: 26px; } .list_venue .listcon dl dt ul li a { color: #525960; display: inline-block; width: 120px; padding-left: 44px; line-height: 32px; background-color: #ecf2f4; border-radius: 3px; background-position: 20px center; background-repeat: no-repeat; } .list_venue .listcon dl dt ul li:nth-child(1) a { background-image: url(../images/location_icon.png); } .list_venue .listcon dl dt ul li:nth-child(2) a { background-image: url(../images/size_icon.png); } .list_venue .listcon dl dt ul li:nth-child(3) a { background-image: url(../images/facility_icon.png); } .list_venue .listcon dl dt ul li.active a { background-color: #ffffff; box-shadow: 0 0 6px 2px rgba(212, 236, 244, 0.3); } .list_venue .listcon dl dd { display: none; line-height: 22px; padding: 15px 0; color: #afb8bc; } .list_venue .listcon dl dd.active { display: block; } .list_venue .listcon div { max-width: 642px; padding: 40px 0 20px; } .list_venue .listcon div p { line-height: 22px; text-indent: 2em; color: #525960; padding-bottom: 5px; word-break: break-all; word-wrap: break-word; } .list_venue .listcon .conli li { line-height: 34px; padding-left: 60px; padding-right: 30px; float: left; margin-right: 20px; margin-bottom: 10px; background: url(../images/textLink_icon.png) no-repeat 30px center; } .list_venue .listcon .conli li:hover { background-color: #ffffff; border-radius: 6px; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.05); } .list_venue .row { margin-bottom: 70px; } .list_venue .row:nth-child(odd) > div:last-child { padding-left: 5%; } .list_venue .row:nth-child(even) > div:first-child { float: right; } .list_venue .row:nth-child(even) > div:last-child { padding-right: 5%; } .list_helper .warp1 { margin-bottom: 70px; } .list_helper .warp1 h3 { font-size: 26px; font-weight: normal; color: #363636; line-height: 38px; } .list_helper .warp1 h4 { font-size: 20px; font-weight: bold; color: #b6242f; line-height: 32px; margin-bottom: 25px; } .list_helper .warp1 h3, .list_helper .warp1 h4 { text-align: center; } .list_helper .warp1 .box1 { width: 475px; height: 172px; text-align: right; padding-top: 42px; padding-right: 65px; float: right; margin-right: 45px; background: url(../images/helper_bg1.png) no-repeat center; } .list_helper .warp1 .box1 h2 { font-size: 22px; font-weight: bold; color: #525960; line-height: 42px; } .list_helper .warp1 .box1 h6 { font-size: 16px; font-weight: bold; color: #b6242f; line-height: 28px; } .list_helper .warp1 .box2 { margin-left: 60px; max-width: 540px; padding-top: 20px; color: #525960; } .list_helper .warp1 .box2 h5 { margin-bottom: 10px; } .list_helper .warp1 .box2 h5::before { content: ""; display: block; width: 30px; height: 5px; background-color: #474747; margin-bottom: 15px; line-height: 22px; } .list_helper .warp1 .box2 p { line-height: 22px; } .list_helper .warp2 { padding-top: 46px; height: 868px; background: url(../images/helper_bg2.png) no-repeat center; } .list_helper .warp2 h3 { font-size: 32px; font-weight: normal; line-height: 40px; } .list_helper .warp2 h4 { font-size: 24px; font-weight: bold; line-height: 50px; margin-bottom: 25px; } .list_helper .warp2 h4:after { content: ""; display: block; width: 52px; height: 4px; background-color: #fac715; position: relative; left: 50%; margin-left: -26px; } .list_helper .warp2 h3, .list_helper .warp2 h4 { color: #ffffff; text-align: center; } .list_helper .warp2 p { color: #ffffff; line-height: 22px; margin: 50px 0; padding: 0 32px; background-image: url(../images/good_icon.png); background-repeat: no-repeat; } .list_helper .warp2 .box1 { text-align: right; margin-right: 150px; } .list_helper .warp2 .box1 p { background-position: right 3px; } .list_helper .warp2 .box2 { margin-left: 150px; } .list_helper .warp2 .box2 p { background-position: left 3px; } .list_helper .warp3 { margin-top: -268px; margin-bottom: 75px; } .list_helper .warp3 .con { padding-top: 50px; padding-right: 18px; } .list_helper .warp3 .con h3 { font-size: 30px; font-weight: normal; color: #363636; line-height: 38px; } .list_helper .warp3 .con h3::before { content: ""; display: block; width: 38px; height: 6px; background-color: #b6242f; margin-bottom: 15px; } .list_helper .warp3 .con h4 { font-size: 24px; font-weight: bold; color: #fac715; line-height: 30px; margin-bottom: 25px; } .list_helper .warp3 .con h2 { font-size: 18px; font-weight: bold; line-height: 48px; } .list_helper .warp3 .con p { max-width: 585px; line-height: 22px; margin-bottom: 45px; } .list_helper .warp3 .con h2, .list_helper .warp3 .con p { color: #525960; } .list_helper .warp3 .con .more1 { float: right; font-size: 14px; font-weight: bold; color: #b6242f; } .list_helper .warp3 .con .more2 { display: block; width: 140px; line-height: 42px; border: 1px solid #b6242f; font-size: 16px; color: #b6242f; text-align: center; } .list_helper .warp3 .img { position: relative; margin-top: -80px; background-color: #f6f9fa; } .list_helper .warp3 .img::after { content: ""; display: block; width: 100%; height: 60px; background: url(../images/helper_bg3.png) no-repeat center; position: absolute; left: 0; bottom: 0; z-index: 9; } .list_helper .warp3 .img .item { width: 760px; height: 520px; } .list_helper .warp3 .img .item img { width: 100%; height: 100%; object-fit: cover; } .list_helper .warp3 .img .swiper-btn { position: absolute; z-index: 99; left: 50%; margin-left: -60px; bottom: 0; width: 120px; height: 60px; background-color: #ffffff; border-radius: 30px; box-shadow: 0 5px 5px 2px rgba(95, 118, 129, 0.1); } .list_helper .warp3 .img .swiper-btn > div { width: 50%; height: 100%; float: left; cursor: pointer; } .list_helper .warp3 .img .swiper-btn .swiper-prev { background: url(../images/left_a_icon.png) no-repeat 22px center; } .list_helper .warp3 .img .swiper-btn .swiper-prev:hover { background-image: url(../images/left_b_icon.png); } .list_helper .warp3 .img .swiper-btn .swiper-next { background: url(../images/right_a_icon.png) no-repeat 14px center; } .list_helper .warp3 .img .swiper-btn .swiper-next:hover { background-image: url(../images/right_b_icon.png); } .list_helper .warp4 h3 { font-size: 26px; font-weight: normal; color: #363636; line-height: 38px; } .list_helper .warp4 h4 { font-size: 20px; font-weight: bold; color: #b6242f; line-height: 32px; margin-bottom: 40px; } .list_helper .warp4 h3, .list_helper .warp4 h4 { text-align: center; } .list_helper .warp4 ul { text-align: center; margin-bottom: 40px; } .list_helper .warp4 ul li { display: inline-block; margin: 0 50px; text-align: left; } .list_helper .warp4 ul li h5 { font-size: 18px; line-height: 28px; font-weight: bold; padding-left: 42px; background-repeat: no-repeat; background-position: left center; } .list_helper .warp4 ul li:nth-child(1) h5 { background-image: url(../images/quan_icon.png); } .list_helper .warp4 ul li:nth-child(2) h5 { background-image: url(../images/xin_icon.png); } .list_helper .warp4 ul li:nth-child(3) h5 { background-image: url(../images/yi_icon.png); } .list_helper .warp4 ul li p { color: #525960; line-height: 22px; padding-left: 33px; } .list_helper .warp4 .box { position: relative; width: 800px; height: 126px; background-color: #b6242f; float: right; color: #ffffff; padding-top: 25px; padding-left: 50px; } .list_helper .warp4 .box span { font-size: 20px; line-height: 38px; } .list_helper .warp4 .box h2 { font-weight: bold; font-size: 24px; line-height: 42px; } .list_helper .warp4 .box a { position: absolute; right: 100px; bottom: -24px; width: 140px; height: 48px; background-color: #ffffff; color: #b6242f; line-height: 48px; text-align: center; font-size: 16px; } .list_bazaar .bazaarwarp1 { margin-bottom: 129px; } .list_bazaar .bazaarwarp1 .img { position: relative; padding: 30px 30px 36px; background: url(../images/bazaar_bg1.png) no-repeat 23px 6px; background-size: auto 100%; } .list_bazaar .bazaarwarp1 .img::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 500px; height: 160px; background-color: #b6242f; z-index: 1; } .list_bazaar .bazaarwarp1 .img div { position: relative; z-index: 2; max-width: 600px; height: 450px; } .list_bazaar .bazaarwarp1 .img div img { width: 100%; height: 100%; object-fit: cover; } .list_bazaar .bazaarwarp1 .listcon { margin-left: 10px; position: relative; } .list_bazaar .bazaarwarp1 .listcon .enrollbtn { position: absolute; right: 0; top: 0; border: 2px solid #b6242f; color: #b6242f; background-color: transparent; } .list_bazaar .bazaarwarp1 .listcon h3 { font-size: 26px; font-weight: normal; color: #363636; line-height: 32px; padding-top: 22px; } .list_bazaar .bazaarwarp1 .listcon h3::before { content: ""; display: block; width: 38px; height: 6px; background-color: #b6242f; position: absolute; left: 0; top: 0; } .list_bazaar .bazaarwarp1 .listcon h4 { line-height: 26px; font-size: 20px; font-weight: bold; color: #fac715; margin-bottom: 42px; } .list_bazaar .bazaarwarp1 .listcon div.bazaarcon { max-width: 600px; margin-bottom: 40px; } .list_bazaar .bazaarwarp1 .listcon div.bazaarcon p { line-height: 22px; color: #525960; text-indent: 2em; padding-bottom: 5px; } .list_bazaar .bazaarwarp1 .listcon a { display: block; border: 1px solid #b6242f; color: #b6242f; width: 140px; line-height: 42px; font-size: 16px; text-align: center; } .list_bazaar .bazaarwarp2 h3 { position: relative; font-size: 26px; font-weight: normal; color: #363636; line-height: 32px; padding-top: 16px; } .list_bazaar .bazaarwarp2 h3::before { content: ""; display: block; width: 57%; height: 1px; background-color: #b6242f; position: absolute; top: 0; right: 0; } .list_bazaar .bazaarwarp2 h4 { line-height: 26px; font-size: 20px; font-weight: bold; color: #b6242f; } .list_bazaar .bazaarwarp2 h3, .list_bazaar .bazaarwarp2 h4 { text-align: right; } .list_bazaar .bazaarwarp2 .item { margin-bottom: 20px; background-color: #ffffff; } .list_bazaar .bazaarwarp2 .item .img { height: 180px; overflow: hidden; } .list_bazaar .bazaarwarp2 .item .img img { width: 100%; height: 100%; object-fit: cover; } .list_bazaar .bazaarwarp2 .item .tit { position: relative; padding: 15px 7%; } .list_bazaar .bazaarwarp2 .item .tit h2 { line-height: 26px; font-size: 16px; font-weight: bold; height: 78px; overflow: hidden; } .list_bazaar .bazaarwarp2 .item .tit span { color: #dfcacc; font-size: 12px; font-weight: bold; } .list_bazaar .bazaarwarp2 .item .tit span:before { content: ""; display: inline-block; width: 10px; height: 10px; border: 5px solid transparent; border-left-color: #b6242f; margin-right: 5px; } .list_bazaar .bazaarwarp2 .item .tit::after { content: ""; position: absolute; width: 52px; height: 52px; border-radius: 50%; bottom: -20px; right: 20px; background: #b6242f url(../images/link_icon2.png) no-repeat center; } .list_bazaar .bazaarwarp2 .swiper-container { padding-top: 46px; } .list_bazaar .bazaarwarp2 .swiper-btn { position: absolute; left: 0; top: 0; } .list_bazaar .bazaarwarp2 .swiper-btn > div { float: left; width: 46px; height: 46px; color: #ffffff; cursor: pointer; background-color: #d9e0e3; background-position: center; background-repeat: no-repeat; background-size: 20px 20px; } .list_bazaar .bazaarwarp2 .swiper-btn > div:hover { background-color: #b6242f; } .list_bazaar .bazaarwarp2 .swiper-btn .swiper-prev { background-image: url(../images/prev_icon.png); } .list_bazaar .bazaarwarp2 .swiper-btn .swiper-next { margin-left: 30px; background-image: url(../images/next_icon.png); } .list_bazaar .bazaarwarp2 .swiper-slide:nth-child(odd) { margin-top: 50px; } .list_actvity { counter-reset: count 0; } .list_actvity .img { position: relative; padding: 30px 0 0 30px; max-width: 580px; height: 430px; margin-right: 30px; } .list_actvity .img::before { content: ""; display: block; background-color: #b6242f; position: absolute; top: 0; left: 0; right: 30px; bottom: 30px; z-index: 1; } .list_actvity .img div { position: relative; z-index: 2; width: 100%; height: 100%; overflow: hidden; } .list_actvity .img div img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; } .list_actvity .img div img:hover { transform: scale(1.1); } .list_actvity .listcon { position: relative; } .list_actvity .listcon h3 { position: relative; font-size: 26px; line-height: 28px; color: #363636; padding-left: 85px; font-weight: normal; } .list_actvity .listcon h3::before { counter-increment: count; content: "0" counter(count); display: block; position: absolute; left: 0; top: 0; font-style: italic; font-weight: bold; color: #b6242f; font-size: 58px; } .list_actvity .listcon h4 { padding-left: 85px; font-size: 20px; font-weight: bold; color: #fac715; line-height: 30px; } .list_actvity .listcon div { max-width: 642px; padding: 40px 0 20px; } .list_actvity .listcon div p { line-height: 22px; text-indent: 2em; color: #525960; padding-bottom: 5px; word-break: break-all; word-wrap: break-word; } .list_actvity .listcon ul li { line-height: 34px; padding-left: 60px; padding-right: 30px; float: left; margin-right: 20px; margin-bottom: 10px; background: url(../images/textLink_icon.png) no-repeat 30px center; } .list_actvity .listcon ul li:hover { background-color: #ffffff; border-radius: 6px; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.05); } .list_actvity .row { margin-bottom: 70px; } .list_actvity .row:nth-child(even) > div:first-child { float: right; } .list_actvity .row:nth-child(even) > div:first-child .img { float: right; margin-right: 0; margin-left: 30px; } .list_about .warp1 { margin-bottom: 70px; overflow: hidden; } .list_about .warp1 .img { position: relative; z-index: 9; float: left; width: 419px; height: 480px; margin-top: 49px; } .list_about .warp1 .img img { width: 100%; height: 100%; object-fit: cover; } .list_about .warp1 .box { position: relative; min-height: 478px; margin-left: 250px; padding: 50px 13% 50px 22%; background-color: #faf3f3; } .list_about .warp1 .box div { text-align: center; margin-bottom: 35px; } .list_about .warp1 .box p { font-weight: bold; line-height: 22px; text-indent: 2em; margin-bottom: 10px; } .list_about .warp1 .box a { position: absolute; z-index: 9; bottom: 0; left: 169px; width: 150px; line-height: 46px; color: #ffffff; font-weight: bold; padding-left: 21px; background: #b6242f url(../images/moreArrow_icon.png) no-repeat 106px center; transition: all 0.5s; } .list_about .warp1 .box a:hover { padding-left: 15px; background-position: 110px center; } .list_about .ad-banner img { width: 100%; } .list_about .culture { background-color: #fff; text-align: center; padding: 75px 0 80px; } .list_about .culture h3 { font-size: 28px; font-weight: normal; color: #363636; line-height: 40px; } .list_about .culture h4 { font-size: 30px; font-weight: bold; color: #b6242f; line-height: 36px; margin-bottom: 46px; } .list_about .culture img { max-width: 100%; } .list_about .warp2 h3 { font-size: 28px; font-weight: normal; color: #363636; line-height: 40px; } .list_about .warp2 h4 { font-size: 30px; font-weight: bold; color: #b6242f; line-height: 36px; margin-bottom: 46px; } .list_about .warp2 h3, .list_about .warp2 h4 { text-align: center; } .list_about .warp2 .box { background-color: #ffffff; } .list_about .warp2 .box > div { height: 336px; width: 50%; float: left; } .list_about .warp2 .box > div:nth-child(odd) { padding-right: 2px; } .list_about .warp2 .box > div:nth-child(even) { padding-left: 2px; } .list_about .warp2 .box > div:nth-child(3) { padding-right: 0px; padding-left: 2px; } .list_about .warp2 .box > div:nth-child(4) { padding-left: 0px; padding-right: 2px; } .list_about .warp2 .box .con { background-color: #ffffff; } .list_about .warp2 .box .con dl { position: relative; width: 50%; height: 100%; text-align: center; float: left; } .list_about .warp2 .box .con dl dt { height: 166px; padding-top: 46px; } .list_about .warp2 .box .con dl dt .num { display: inline-block; position: relative; font-size: 106px; line-height: 120px; vertical-align: top; color: #afb8bc; } .list_about .warp2 .box .con dl dt .stt { font-size: 16px; line-height: 44px; color: #666; position: absolute; bottom: 6px; right: -2px; display: inline-block; width: 66px; text-align: center; background-color: #fff; font-family: "黑体"; } .list_about .warp2 .box .con dl dd { width: 66%; margin: 14px auto 0; color: #666; line-height: 22px; } .list_about .warp2 .box .con:nth-child(1) dl:nth-child(1) { background-color: #faf3f3; } .list_about .warp2 .box .con:nth-child(1) dl:nth-child(1) dt .stt { background-color: #faf3f3; } .list_about .warp2 .box .con:nth-child(3) { float: right; } .list_about .warp2 .box .con:nth-child(3) dl:nth-child(1) { background-color: #b6242f; } .list_about .warp2 .box .con:nth-child(3) dl:nth-child(1) dt .num, .list_about .warp2 .box .con:nth-child(3) dl:nth-child(1) dt .stt, .list_about .warp2 .box .con:nth-child(3) dl:nth-child(1) dd { color: #ffffff; } .list_about .warp2 .box .con:nth-child(3) dl:nth-child(1) dt .stt { background-color: #b6242f; } .list_about .warp2 .box .con:nth-child(5) dl:nth-child(1) { background-color: #faf3f3; } .list_about .warp2 .box .con:nth-child(5) dl:nth-child(1) dt .stt { background-color: #faf3f3; } .list_about .warp2 .box .img img { width: 100%; height: 100%; object-fit: cover; } .list_about .warp2 .box .video { overflow: hidden; } .list_about .warp2 .box .video video, .list_about .warp2 .box .video img { width: 100%; height: 100%; object-fit: cover; } .list_about .links { padding-top: 70px; } .list_about .links h3 { font-size: 28px; font-weight: normal; color: #363636; line-height: 40px; } .list_about .links h4 { font-size: 30px; font-weight: bold; color: #b6242f; line-height: 36px; margin-bottom: 46px; } .list_about .links h3, .list_about .links h4 { text-align: center; } .list_about .links a { position: relative; display: block; height: 140px; } .list_about .links a img { width: 100%; height: 100%; object-fit: cover; } .list_about .links a p { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(182, 36, 47, 0.9); color: #ffffff; padding-left: 12%; padding-top: 30px; opacity: 0; transition: all 1s; } .list_about .links a p::before { content: ""; display: block; width: 40px; height: 5px; background-color: #ffffff; margin-bottom: 18px; } .list_about .links a:hover p { opacity: 1; } .contact { position: relative; margin: 10px 0; } .contact .container { background-color: #fdf9f9; } .contact .warp { position: relative; z-index: 2; width: 600px; min-height: 433px; padding-left: 80px; padding-top: 34px; } .contact .warp h3 { font-size: 26px; font-weight: bold; line-height: 64px; } .contact .warp > p { display: flex; line-height: 30px; margin-bottom: 10px; } .contact .warp > p i { font-size: 18px; font-weight: bold; } .contact .warp .content { line-height: 22px; } .contact .warp button { width: 160px; height: 60px; border: 2px solid #b6242f; border-radius: 30px; background: transparent url(../images/moreArrow_icon.png) no-repeat 108px center; color: #b6242f; font-size: 18px; text-align: left; padding-left: 26px; margin-top: 20px; margin-bottom: 30px; } .contact .warp img { float: right; width: 100px; height: 100px; margin-right: 40px; } .contact #map { width: 100%; height: 500px; } .list_recruit .recruit-cont { background-color: #fff; } .list_recruit .recruit-top { min-height: 718px; padding: 50px 3.8% 0; background: url(../images/backBox.png) no-repeat right top; } .list_recruit .recruit-top .box { max-width: 940px; } .list_recruit .recruit-top h2 { font-weight: bold; font-size: 36px; line-height: 36px; color: #024257; margin-bottom: 40px; } .list_recruit .recruit-top p { font-size: 16px; color: #fff; text-indent: 2em; line-height: 26px; margin-bottom: 5px; } .list_recruit .recruit-top dt { color: #024257; font-size: 18px; margin-top: 30px; margin-bottom: 20px; } .list_recruit .recruit-top dd { color: #fff; font-size: 16px; line-height: 22px; padding: 5px 0; } .list_recruit .recruit-top dd::before { content: ''; display: inline-block; width: 6px; height: 6px; margin-right: 10px; transform: translateY(-2px); background-color: #024257; } .list_recruit .recruit-top dd span { margin-right: 20px; } .list_recruit .recruit-box { padding: 0 3.8%; margin-top: -25px; } .list_recruit .recruit-box h3 { color: #024257; font-size: 36px; line-height: 39px; font-weight: bold; } .list_recruit .recruit-box ul { padding: 38px 0; } .list_recruit .recruit-box ul li { background-color: #f6f9fa; border-radius: 20px; padding: 30px 2.3%; margin-bottom: 20px; } .list_recruit .recruit-box ul li .tit-sum { margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid #ffffff; } .list_recruit .recruit-box ul li .tit-sum h4 { color: #b6242f; font-size: 22px; line-height: 25px; font-weight: bold; display: inline-block; } .list_recruit .recruit-box ul li .tit-sum span { font-size: 16px; font-weight: bold; float: right; } .list_recruit .recruit-box ul li .row strong { font-size: 18px; line-height: 46px; } .list_recruit .recruit-box ul li .row p { line-height: 18px; padding: 4px 0; } .list_recruit .recruit-box ul li .bot { margin-top: 20px; line-height: 16px; color: #b6242f; } /* 全局分页 */ /* 全局分页 */ #page { margin: 0.3rem 0; font-size: 0.16rem; height: 0.3rem; line-height: 0.3rem; text-align: center; } #page .pageinfo { margin-right: 0.03rem; color: #808080; font-size: 0.14rem; padding: 0.04rem 0.1rem; border: 1px solid #aaa; display: none; } #page .pageinfo strong { font-weight: normal; margin: 0 0.03rem; } #page a { border: 1px solid #e2babe; background: #fff; color: #808080; padding: 0.04rem 0.1rem; margin-left: 0.05rem; transition: all 0.2s; } #page a:hover, #page .curpage { background: #b6242f; color: #fff; text-decoration: none; border: 1px solid #b6242f; } #page .nopage { cursor: not-allowed; } #page .nopage:hover { background: #fff; color: #808080; border: 1px solid #aaa; } .pgejump { display: none; } .pgejump input { width: 30px; line-height: 32px; height: 32px; border: 0; text-align: center; border: 1px solid #ccc; } .pgejump #jump_btn_page { display: inline-block; line-height: 30px; height: 34px; } .cwarp { padding-bottom: 30px; } .cwarp .leads { display: flex; padding: 16px 0; } .cwarp .leads img { margin-right: 8px; } .article .article-cont { padding: 30px 5%; background-color: #fff; } .article .article-cont .article-hear { border-bottom: 1px dotted #000; margin-bottom: 40px; } .article .article-cont .article-hear h2 { text-align: center; padding: 35px 0 40px 0; margin: 0; font-weight: 500; font-size: 24px; color: #000; } .article .article-cont .article-hear > div span { float: left; width: 50%; color: #b5b5b7; } .article .article-cont .article-con { border-bottom: 1px dotted #000; padding-bottom: 40px; font-size: 16px; } .article .article-cont .article-con > p { color: #333; } .article .article-cont .article-con img { max-width: 100%; height: auto; } .article .article-cont .article-con video { width: 600px; max-width: 100%; height: 100%; } .article .article-cont .page-con { font-size: 16px; } .article .article-cont .page-con > p { margin-bottom: 10px; } .article .article-cont .page-con img { max-width: 100%; height: auto; } .article .pn { padding-top: 10px; line-height: 22px; color: #474747; } .article .pn a { color: #474747; } .m-top { display: none; } @media (min-width: 1500px) { .container { width: 1400px; } .nav ul li { margin-left: 60px; } } @media screen and (max-width: 1500px) { .navs span { margin: 0 48px; } .footer .footnav dl { padding-left: 2.8%; } } @media screen and (max-width: 1200px) { .nav ul li { margin-left: 21px; } .navs span { margin: 0 34px; } .footer .footnav dl { padding-left: 1%; } } @media screen and (max-width: 992px) { body { background-color: #ffffff; } .btn { padding: 0.06rem 0.12rem; font-size: 0.16rem; } .container { padding: 0 0.28rem; } .top, .nav { display: none; } .m-top { display: block; height: 1rem; /*menu*/ /*menu*/ } .m-top .m-warp { position: fixed; top: 0; left: 0; right: 0; height: 1rem; padding-top: 0.2rem; background-color: #b6242f; z-index: 99; } .m-top .m-warp .container { position: relative; } .m-top .m-warp .login .logbtn { height: 0.64rem; width: 0.64rem; background-color: transparent; border: 0; background: url(../images/logins1.png) no-repeat center; background-size: auto 90%; } .m-top .m-warp .login .logbtn:hover { background-image: url(../images/logins2.png); } .m-top .m-warp .login .user { width: 0.64rem; height: 0.64rem; border-radius: 0.32rem; overflow: hidden; } .m-top .m-warp .login .user img { width: 100%; height: 100%; object-fit: cover; } .m-top .m-warp .logo { margin-left: 0.2rem; } .m-top .m-warp .logo img { height: 0.64rem; } .m-top .m-warp .searchbtn { width: 0.42rem; height: 0.64rem; background: url(../images/search_icon.png) no-repeat center; background-size: 0.29rem; margin-right: 0.6rem; } .m-top .m-warp .search { position: absolute; top: 1rem; left: 0; width: 100%; padding: 0.2rem 0; text-align: center; background: rgba(0, 0, 0, 0.3); display: none; } .m-top .m-warp .search input[type=text] { height: 30px; line-height: 30px; border-radius: 3px; border: 1px solid #bbb; outline: none; width: 60%; padding: 5px 10px; font-size: 12px; background: #fff; } .m-top .m-warp .search input[type=submit] { border: none; background: #b6242f; color: #fff; height: 30px; line-height: 30px; width: 80px; text-align: center; cursor: pointer; border-radius: 3px; } .m-top .icon { top: 50%; } .m-top .icon, .m-top .icon:before, .m-top .icon:after { left: 0; position: absolute; background-color: #ffffff; border-radius: 0.2rem; transition-duration: 0.5s; height: 0.03rem; width: 0.42rem; } .m-top .icon:before { top: -0.12rem; content: ""; } .m-top .icon:after { top: 0.12rem; content: ""; } .m-top .menu { width: 0.39rem; height: 100%; position: relative; transition-duration: 1s; position: absolute; right: 0.28rem; top: 0; z-index: 99; cursor: pointer; } .m-top .menu .icon { transition-duration: 0.5s; transition-delay: 0.5s; } .m-top .menu .icon:after { transition: transform 0.5s, top 0.5s 0.5s; } .m-top .menu .icon:before { transition: transform 0.5s, top 0.5s 0.5s; } .m-top .menu.open .icon { transition-duration: 0.1s; transition-delay: 0.5s; background: transparent; } .m-top .menu.open .icon:before { transition: top 0.5s, transform 0.5s 0.5s; top: 0px; transform: rotateZ(-45deg); } .m-top .menu.open .icon:after { transition: top 0.4s, transform 0.5s 0.5s; top: 0px; transform: rotateZ(45deg); } .m-top .sub-menu { width: 100%; height: 100%; padding: 14px 0 0; display: none; position: fixed; left: 0; top: 1rem; background-color: #b4202b; z-index: 999; color: #fff; overflow-y: auto; border-top: 1px solid #dcdcdc; } .m-top .sub-menu ul { padding-bottom: 100px; } .m-top .sub-menu ul li .sub-tit { padding: 0 3%; box-sizing: border-box; } .m-top .sub-menu ul li a { display: block; } .m-top .sub-menu ul li .sub-tit .tu-box { padding: 13px 0; border-bottom: 1px solid #dcdcdc; box-sizing: border-box; position: relative; } .m-top .sub-menu ul li .sub-tit.on .tu-box { border-bottom-color: transparent; } .m-top .sub-menu .tit { display: block; width: 100%; padding: 10px 3%; box-sizing: border-box; line-height: 33px; color: #fff; position: relative; font-size: 0.3rem; line-height: 0.4rem; } .m-top .sub-menu .tit1 { display: block; width: 100%; line-height: 33px; color: #fff; position: relative; font-size: 0.3rem; line-height: 0.36rem; box-sizing: border-box; } .m-top .sub-menu .btn-v { display: inline-block; height: 0.4rem; width: 0.4rem; float: right; margin-right: 0.32rem; margin-top: 0; background: url(../images/img5.png) center center no-repeat; background-size: 100%; } .m-top .sub-menu .sub-tit.on .btn-v { background: url(../images/img6.png) center center no-repeat; background-size: 100%; } .m-top .sub-menu .sec-list { line-height: 0.56rem; padding: 1px 1.5%; display: none; background: #a91d27; } .m-top .sub-menu .sec-list p { background-size: 0.16rem auto; height: 0.86rem; line-height: 0.86rem; font-size: 0.26rem; border-top: 1px solid #e8e8e8; box-sizing: border-box; } .m-top .sub-menu .sec-list p:nth-child(1) { border-top: none; } .m-top .sub-menu .sec-list a { padding-left: 0.42rem; color: #fff; display: block; } .footer { padding-top: 0.4rem; position: relative; } .footer .foottel { padding-right: 1.1rem; } .footer .wechatimg { display: block; position: absolute; top: 0.2rem; right: 0.28rem; } .footer .wechatimg img { width: 1rem; } .footnav, .foottel div:last-child { display: none; } .modal-dialog .modal-content { padding: 0.45rem 0.48rem; } .modal-dialog .modal-content .modal-header .modal-title { font-size: 0.26rem; } .modal-dialog.message .modal-content { padding-top: 0.95rem; } .modal-dialog.message .modal-content::before { width: 1rem; height: 1rem; background-size: 0.36rem; top: -0.5rem; margin-left: -0.5rem; } .banner.nybanner { height: 4.3rem; } .navs { transform: translateY(-0.3rem); padding-top: 0.3rem; background-color: #ffffff; line-height: 0.36rem; font-size: 0.28rem; border-radius: 0.2rem 0.2rem 0 0; } .navs span { margin: 0px 0.2rem; } .navs span a { color: #999; } .navs span.active::after { content: ""; display: block; margin: 16px auto 0px; width: 0.32rem; height: 0.08rem; border-radius: 0.04rem; margin-top: 0.08rem; background-color: #fac715; } .navs span.active a { color: #363636; } .navs .container { padding: 0; margin: 0 0.28rem; overflow-x: auto; } .navs .container .row { width: max-content; } .navs .container::after { display: none; } .list { margin-top: -0.3rem; padding: 0.5rem 0; background-color: #ffffff; } .list_about .warp1 { margin-bottom: 0.3rem; } .list_about .warp1 .img { float: none; width: 100%; margin-top: 0; height: 4.8rem; border-radius: 0.2rem 0.2rem 0 0; overflow: hidden; } .list_about .warp1 .box { float: none; margin-left: 0; padding: 0.28rem; } .list_about .warp1 .box div { margin-bottom: 0.35rem; } .list_about .warp1 .box img { max-width: 100%; } .list_about .warp1 .box p { margin-bottom: 0.1rem; } .list_about .warp1 .box a { position: relative; display: block; margin-top: 0.2rem; } .list_about .culture { padding: 0.4rem 0; } .list_about .culture h3 { font-size: 0.28rem; line-height: 0.36rem; } .list_about .culture h4 { font-size: 0.2rem; line-height: 0.26rem; margin-bottom: 0.3rem; } .list_about .warp2 .box > div { float: none; width: auto; } .list_about .warp2 .box > div:nth-child(n) { padding-left: 0; padding-right: 0; } .list_about .warp2 .box .con:nth-child(3) { float: none; } .list_about .warp2 .box .con:nth-child(3) dl:nth-child(1) { background-color: inherit; } .list_about .warp2 .box .con:nth-child(3) dl:nth-child(1) dt .num { color: #afb8bc; } .list_about .warp2 .box .con:nth-child(3) dl:nth-child(1) dt .stt, .list_about .warp2 .box .con:nth-child(3) dl:nth-child(1) dd { color: #666; } .list_about .warp2 .box .con:nth-child(3) dl:nth-child(1) dt .stt { background-color: #fff; } .list_about .warp2 .box .con:nth-child(3) dl:nth-child(2) { background-color: #faf3f3; } .list_about .warp2 .box .con:nth-child(3) dl:nth-child(2) dt .stt { background-color: #faf3f3; } .list_about .warp2 .box .img, .list_about .warp2 .box .video { height: 39vw; } .list_about .links { padding-top: 0.4rem; } .list_about .links h3 { font-size: 0.28rem; line-height: 0.36rem; } .list_about .links h4 { font-size: 0.2rem; line-height: 0.26rem; margin-bottom: 0.3rem; } .list_about .links a { height: 1.4rem; } .list_actvity .img { max-width: 100%; height: auto; margin-top: 0; margin-right: 0; padding: 0.3rem 0 0 0.3rem; } .list_actvity .img::before { border-radius: 0.2rem; } .list_actvity .img div { border-radius: 0.2rem; overflow: hidden; } .list_actvity .listcon { margin-top: 0.3rem; } .list_actvity .listcon h3 { font-size: 0.3rem; line-height: 0.36rem; padding-left: 0.85rem; } .list_actvity .listcon h3::before { font-size: 0.58rem; top: 0.15rem; } .list_actvity .listcon h4 { font-size: 0.2rem; line-height: 0.3rem; padding-left: 0.85rem; } .list_actvity .listcon div { padding: 0.4rem 0 0.2rem; } .list_actvity .listcon ul li { line-height: 22px; margin-bottom: 10px; margin-right: 0; background-position: 0.2rem center; padding-left: 0.6rem; padding-right: 0.3rem; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.05); float: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .list_actvity .row { margin-bottom: 0.3rem; } .list_actvity .row:nth-child(even) > div:first-child { float: none; } .list_actvity .row:nth-child(even) > div:first-child .img { float: none; margin-left: 0; } .list_bazaar .bazaarwarp1 { margin-bottom: 0.3rem; } .list_bazaar .bazaarwarp1 .img { padding: 0.3rem; background: none; } .list_bazaar .bazaarwarp1 .img::before { width: 5rem; height: 1.6rem; border-radius: 0.2rem; } .list_bazaar .bazaarwarp1 .img div { height: auto; border-radius: 0.2rem; overflow: hidden; } .list_bazaar .bazaarwarp1 .listcon { margin-left: 0; margin-top: 0.3rem; } .list_bazaar .bazaarwarp1 .listcon h3 { font-size: 0.28rem; line-height: 0.36rem; } .list_bazaar .bazaarwarp1 .listcon h4 { font-size: 0.2rem; line-height: 0.26rem; margin-bottom: 0.42rem; } .list_bazaar .bazaarwarp1 .listcon div.bazaarcon { margin-bottom: 0.4rem; } .list_bazaar .bazaarwarp1 .listcon div.bazaarcon p { line-height: 20px; } .list_bazaar .bazaarwarp1 .listcon a { width: 1.4rem; line-height: 0.42rem; font-size: 0.16rem; } .list_bazaar .bazaarwarp2 h3 { font-size: 0.28rem; line-height: 0.36rem; } .list_bazaar .bazaarwarp2 h4 { font-size: 0.2rem; line-height: 0.26rem; } .list_bazaar .bazaarwarp2 .swiper-btn > div { width: 0.5rem; height: 0.5rem; background-size: 50%; } .list_bazaar .bazaarwarp2 .item { box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.05); } .list_bazaar .bazaarwarp2 .item .tit { padding: 5%; } .list_bazaar .bazaarwarp2 .item .tit::after { width: 0.52rem; height: 0.52rem; bottom: -0.2rem; right: 0.2rem; background-size: 50%; } .list_bazaar .bazaarwarp2 .item .tit h2 { font-size: 0.28rem; line-height: 0.39rem; height: auto; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; text-overflow: ellipsis; -webkit-box-orient: vertical; } .list_helper .warp1 { margin-bottom: 0.3rem; } .list_helper .warp1 h3 { font-size: 0.28rem; line-height: 0.36rem; } .list_helper .warp1 h4 { font-size: 0.2rem; line-height: 0.26rem; } .list_helper .warp1 .box1, .list_helper .warp1 .box2 { float: none; margin: 0 auto; } .list_helper .warp1 .box1 { max-width: 100%; height: auto; background-size: 100% auto; padding: 0.8rem 0.65rem 0.6rem; } .list_helper .warp1 .box1 h2 { font-size: 0.3rem; line-height: 0.5rem; } .list_helper .warp1 .box1 h6 { font-size: 0.22rem; } .list_helper .warp2 { height: auto; padding-top: 0.3rem; padding-bottom: 2.4rem; background-size: auto 100%; } .list_helper .warp2 h3 { font-size: 0.28rem; line-height: 0.36rem; } .list_helper .warp2 h4 { font-size: 0.2rem; line-height: 0.26rem; margin-bottom: 0; } .list_helper .warp2 p { margin: 0.3rem 0; } .list_helper .warp2 .box1 { text-align: left; margin-right: 0; } .list_helper .warp2 .box1 p { background-position: left center; } .list_helper .warp2 .box2 { margin-left: 0; } .list_helper .warp3 { margin-top: -2.35rem; margin-bottom: 0.75rem; } .list_helper .warp3 .con { margin-bottom: 0.3rem; padding-top: 0.5rem; padding-right: 0; } .list_helper .warp3 .con h3 { font-size: 0.28rem; line-height: 0.36rem; } .list_helper .warp3 .con h4 { font-size: 0.2rem; line-height: 0.26rem; } .list_helper .warp3 .con h2 { font-size: 0.28rem; line-height: 0.48rem; } .list_helper .warp3 .con p { margin-bottom: 0.45rem; } .list_helper .warp3 .con .more2 { width: 1.4rem; line-height: 0.42rem; font-size: 0.16rem; } .list_helper .warp3 .img { margin-top: 0; } .list_helper .warp3 .img::after { display: none; } .list_helper .warp3 .img .item { width: auto; height: 4.6rem; } .list_helper .warp3 .img .swiper-btn { width: 1.2rem; height: 0.6rem; margin-left: -0.6rem; } .list_helper .warp3 .img .swiper-btn .swiper-prev { background-position: center; background-size: 0.24rem 0.2rem; } .list_helper .warp3 .img .swiper-btn .swiper-next { background-position: center; background-size: 0.24rem 0.2rem; } .list_helper .warp4 h3 { font-size: 0.28rem; line-height: 0.36rem; } .list_helper .warp4 h4 { font-size: 0.2rem; line-height: 0.26rem; margin-bottom: 0.4rem; } .list_helper .warp4 ul { text-align: left; } .list_helper .warp4 ul li { margin: 0; } .list_helper .warp4 .box { float: none; width: auto; } .list_insure { border-radius: 0.2rem; margin-top: 0; transform: translateY(-0.3rem); } .list_insure .insurewarp1 { margin-bottom: 0.6rem; } .list_insure .insurewarp1 .img { margin: 0 auto; background: none; } .list_insure .insurewarp1 .img::before { border-radius: 0.2rem 0 0 0.2rem; } .list_insure .insurewarp1 .img div { max-height: inherit; border-radius: 0.2rem; overflow: hidden; } .list_insure .insurewarp1 .listcon { margin-left: 0; } .list_insure .insurewarp1 .listcon h3 { font-size: 0.28rem; line-height: 0.36rem; } .list_insure .insurewarp1 .listcon h4 { font-size: 0.2rem; line-height: 0.26rem; margin-bottom: 0.3rem; } .list_insure .insurewarp1 .listcon h5, .list_insure .insurewarp1 .listcon ul { max-width: 100%; } .list_insure .insurewarp1 .listcon div.insureli { padding-top: 0.27rem; padding-bottom: 0.47rem; } .list_insure .insurewarp1 .listcon div.insureli span { display: block; } .list_insure .insurewarp1 .listcon ul { padding-top: 0.32rem; padding-bottom: 0.12rem; } .list_insure .insurewarp1 .listcon ul li span { line-height: 0.52rem; } .list_insure .insurewarp2 { height: auto; background-size: auto 100%; } .list_insure .insurewarp2 .con { position: relative; margin: 0 auto; max-width: 100%; height: auto; top: -0.5rem; padding: 0.45rem 0.5rem; background-size: 39% auto; background-position: right 4rem; } .list_insure .insurewarp2 .con h5 { line-height: 20px; } .list_insure .insurewarp2 .con p { margin-bottom: 0.45rem; } .list_insure .insurewarp2 .con dl { margin-top: 0.2rem; } .list_insure .insurewarp2 .con dl dt { font-size: 14px; } .list_insure .insurewarp2 a { display: none; } .list_insure .insurewarp3 { margin-top: 0.7rem; } .list_insure .insurewarp3 h3 { font-size: 0.28rem; line-height: 0.36rem; } .list_insure .insurewarp3 h4 { font-size: 0.2rem; line-height: 0.26rem; margin-bottom: 0.4rem; } .list_insure .insurewarp3 div { overflow-x: auto; } .list_insure .insurewarp3 div ul { margin: 0; width: max-content; } .list_insure .insurewarp3 div ul li { width: 46vw; margin: 0; float: left; padding: 0.25rem 0.3rem; background-color: #b6242f; } .list_insure .insurewarp3 div ul li + li { margin-left: 10px; } .list_insure .insurewarp3 div ul li h2 { height: 62px; overflow: hidden; color: #fff; } .list_insure .insurewarp3 div ul li span { color: #fff; } .list_article ul li { padding: 0.3rem 0; } .list_article ul li .container { position: relative; } .list_article ul li .img { width: 2.5rem; height: 2rem; overflow: hidden; border-radius: 0.2rem; } .list_article ul li .tit { margin-left: 2.7rem; } .list_article ul li .tit h2 { font-size: 0.28rem; line-height: 0.39rem; margin-bottom: 0.11rem; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .list_article ul li .tit p { line-height: 18px; height: auto; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; text-overflow: ellipsis; -webkit-box-orient: vertical; } .list_article_img ul { margin: 0 -0.15rem; } .list_article_img ul li { width: 50%; padding: 0 0.15rem; margin-bottom: 0.3rem; } .list_article_img ul li .box .tit { padding: 0.05rem 0.2rem 0.12rem; } .list_article_img ul li .box .tit span { line-height: 0.46rem; } .list_article_img ul li .box .tit h2 { font-size: 0.28rem; line-height: 0.39rem; height: 0.64rem; margin-bottom: 0.1rem; } .list_article_img ul li .box .tit p { line-height: 18px; height: 36px; } .list_article_img.video ul li .box .tit { padding: 0.2rem; } .match_navs { background-color: #ffffff; transform: translateY(-0.3rem); border-radius: 0.2rem; padding-top: 0.3rem; } .match_navs a { line-height: 0.8rem; font-size: 0.28rem; } .list_match .list_nav { margin-right: 0; margin-bottom: 0.2rem; } .list_match .list_nav a h3 { font-size: 0.26rem; line-height: 0.36rem; } .list_match .list_nav a h5 { line-height: 18px; font-size: 12px; } .list_skill .row { margin-bottom: 0.5rem; } .list_skill .img { height: 4.5rem; border-radius: 0.2rem; overflow: hidden; } .list_skill .listcon { padding: 0; } .list_skill .listcon h3 { font-size: 0.26rem; line-height: 0.32rem; } .list_skill .listcon h3::before { margin-bottom: 0.15rem; } .list_skill .listcon h4 { font-size: 0.2rem; line-height: 0.26rem; } .list_skill .listcon div { height: auto; margin-bottom: 0; } .list_skill .listcon div p { line-height: 18px; } .list_skill .listcon a { width: 0.6rem; height: 0.6rem; background-size: 0.3rem; background-position: 0.17rem center; } .list_skill .listcon a span { line-height: 0.6rem; } .list_skill .row:nth-child(even) > div:first-child { float: none; } .list_testing .listcon h3 { font-size: 0.28rem; line-height: 0.36rem; } .list_testing .listcon h4 { font-size: 0.2rem; line-height: 0.26rem; margin-bottom: 0.3rem; } .list_testing .listcon dl { margin-bottom: 0.22rem; } .list_testing .listcon1 { text-align: left; margin-top: 0; margin-right: 0; padding-right: 0.6rem; padding-top: 0.34rem; background-size: 3.2rem auto; } .list_testing .listcon1 .box { padding-bottom: 0.35rem; } .list_testing .listcon1 dl dt { font-size: 0.26rem; padding-right: 0; padding-left: 0.36rem; background-position: left center; background-size: 0.24rem; line-height: 0.38rem; } .list_testing .listcon1 dl dd { padding-right: 0; padding-left: 0.36rem; line-height: 18px; } .list_testing .img1 { display: none; } .list_testing .row:nth-child(2) { top: 0.2rem; } .list_testing .img2 { padding-top: 0.2rem; padding-bottom: 0.2rem; background-size: auto 100%; } .list_testing .img2::before { width: 6.05rem; height: 1.12rem; background-size: 100%; bottom: -0.3rem; } .list_testing .img2 .box { margin-right: 0; padding-bottom: 0.3rem; padding-left: 0.3rem; } .list_testing .img2 .box div { height: 4.2rem; } .list_testing .listcon2 { margin-top: 0.6rem; padding-left: 0; } .list_testing .listcon2 ul { max-width: 98%; height: 1.7rem; background-size: 1.79rem auto; } .list_testing .listcon2 ul li.li1 { top: 0; margin-right: 0.6rem; } .list_testing .listcon2 ul li.li2 { top: 0; margin-left: 1.1rem; } .list_testing .listcon2 ul li.li3 { top: 0.46rem; margin-right: 0.86rem; } .list_testing .listcon2 ul li.li4 { top: 0.46rem; margin-left: 1.3rem; } .list_testing .listcon2 ul li.li5 { top: 0.93rem; margin-right: 0.86rem; } .list_testing .listcon2 ul li.li6 { top: 0.93rem; margin-left: 1.3rem; } .list_testing .listcon2 ul li.li7 { top: 1.39rem; margin-right: 0.6rem; } .list_testing .listcon2 ul li.li8 { top: 1.39rem; margin-left: 1.1rem; } .list_train { padding-top: 0.8rem; margin-top: 0; transform: translateY(-0.3rem); border-radius: 0.2rem; } .list_train .row { margin-bottom: 0.5rem; } .list_train .img { padding: 0.3rem 0 0 0.3rem; margin-bottom: 0.3rem; } .list_train .img::before { border-radius: 0.2rem; } .list_train .img div { border-radius: 0.2rem; } .list_train .img a { top: 3.2rem; width: 1.7rem; line-height: 0.5rem; padding-left: 0.21rem; } .list_train .listcon h3 { font-size: 0.28rem; line-height: 0.36rem; } .list_train .listcon h3::before { height: 0.36rem; } .list_train .listcon h4 { font-size: 0.2rem; line-height: 0.26rem; } .list_train .listcon div { padding: 0.4rem 0 0.2rem; } .list_train .listcon ul li { line-height: 22px; margin-bottom: 10px; margin-right: 0; background-position: 0.2rem center; padding-left: 0.6rem; padding-right: 0.3rem; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.05); float: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .list_train .row:nth-child(odd) .img a { right: 0.3rem; } .list_train .row:nth-child(odd) .listcon { margin-left: 0; } .list_train .row:nth-child(even) > div:first-child { float: none; } .list_train .row:nth-child(even) .listcon { margin-right: 0; } .list_train .row:nth-child(even) .img::before { right: auto; left: 0; } .list_train .row:nth-child(even) .img div { float: none; } .list_train .row:nth-child(even) .img a { right: 0.3rem; } .list_venue .row { margin-bottom: 0.5rem; } .list_venue .row:nth-child(odd) > div:last-child { padding-left: 0; } .list_venue .row:nth-child(even) > div:first-child { float: none; } .list_venue .img a { width: 1.7rem; line-height: 0.5rem; padding-left: 0.21rem; } .list_venue .listcon h3 { font-size: 0.28rem; line-height: 0.36rem; padding-top: 0.22rem; } .list_venue .listcon h4 { font-size: 0.2rem; line-height: 0.26rem; } .list_venue .listcon dl dt ul li { margin-right: 0.26rem; } .list_venue .listcon dl dt ul li:last-child { margin-right: 0; } .list_venue .listcon dl dt ul li a { width: auto; padding-left: 0.44rem; padding-right: 0.3rem; line-height: 0.46rem; background-position: 0.16rem center; background-size: 0.22rem; background-color: inherit; } .list_venue .listcon dl dt ul li p { padding-left: 0.44rem; } .list_venue .listcon dl dd { padding: 0.15rem 0; } .list_venue .listcon div { padding: 0.3rem 0 0.2rem; } .list_venue .listcon .conli li { line-height: 22px; margin-bottom: 10px; margin-right: 0; background-position: 0.2rem center; padding-left: 0.6rem; padding-right: 0.3rem; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.05); float: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .list_venue .img1 { margin-bottom: 0.3rem; padding-left: 0.3rem; padding-bottom: 0.3rem; background: none; } .list_venue .img1::before { width: 1.2rem; height: 3rem; bottom: 0; border-radius: 0.2rem; } .list_venue .img1 > div { height: 4.2rem; border-radius: 0.2rem; overflow: hidden; } .list_venue .img1 a { top: auto; bottom: 0.3rem; right: 38.88%; } .list_venue .img2 { display: none; } .list_venue .img3 { position: relative; margin-left: 0; margin-bottom: 0.3rem; padding-top: 0.3rem; padding-right: 0.3rem; background: none; } .list_venue .img3::before { content: ""; width: 1.2rem; height: 3rem; position: absolute; top: 0; right: 0; z-index: 1; background-color: #b6242f; border-radius: 0.2rem; } .list_venue .img3 > div { position: relative; z-index: 2; height: 4.2rem; border-radius: 0.2rem; overflow: hidden; } .list_venue .img4, .list_venue .img5, .list_venue .img6 { display: none; } .list_recruit .recruit-top { padding-top: 0.3rem; } .list_recruit .recruit-top h2 { font-size: 0.36rem; line-height: 0.36rem; margin-bottom: 0.2rem; } .list_recruit .recruit-top p { font-size: 14px; line-height: 18px; } .list_recruit .recruit-top dt { font-size: 14px; margin-top: 0.3rem; margin-bottom: 0.2rem; } .list_recruit .recruit-top dd { font-size: 14px; line-height: 20px; padding: 0.05rem 0; } .list_recruit .recruit-box { padding: 0; } .list_recruit .recruit-box h3 { font-size: 0.36rem; line-height: 0.39rem; } .list_recruit .recruit-box ul { padding: 0.38rem 0; } .list_recruit .recruit-box ul li { border-radius: 0.2rem; padding: 0.3rem 2.3%; margin-bottom: 0.2rem; } .list_recruit .recruit-box ul li .tit-sum { margin-bottom: 0.16rem; padding-bottom: 0.12rem; } .list_recruit .recruit-box ul li .tit-sum h4 { font-size: 16px; line-height: 22px; } .list_recruit .recruit-box ul li .row strong { font-size: 14px; line-height: 30px; } .cwarp { padding-top: 0.3rem; border-radius: 0.2rem; transform: translateY(-0.3rem); background-color: #fff; } .article .article-cont { padding: 0; } .article .article-cont .article-hear { padding-bottom: 0.1rem; } .article .article-cont .article-hear h2 { font-size: 0.28rem; padding: 0 0 0.2rem 0; line-height: 0.39rem; font-weight: bold; } .article .article-cont .article-con, .article .article-cont .page-con { font-size: 14px; line-height: 22px; } } @media screen and (max-width: 768px) { body { font-size: 13px; } .footer { margin-bottom: 1.1rem; } .fixedfoot { position: fixed; bottom: 0; z-index: 9; width: 100%; height: 1.1rem; background-color: #202020; display: flex; } .fixedfoot div { width: 50%; padding-top: 0.06rem; } .fixedfoot div a { display: block; text-align: center; font-size: 0.24rem; line-height: 0.36rem; padding-top: 0.68rem; color: #FFF; background-position: center 0.05rem; background-repeat: no-repeat; background-size: auto 0.6rem; } .fixedfoot div:nth-child(1) a { background-image: url(../images/dianhua.png); } .fixedfoot div:nth-child(2) a { background-image: url(../images/ditu2.png); } .modal-dialog.message { width: auto; } .modal-dialog.message .modal-content .message-body .row > div:nth-child(even) .input-group { float: none; } .modal-dialog.message .modal-content .message-body .input-group { width: 100%; } .contact { margin: -0.3rem 0 0; } .contact .container { background-color: #ffffff; padding-bottom: 0.3rem; border-radius: 0.2rem 0.2rem 0 0; } .contact .warp { width: auto; min-height: inherit; padding-left: 0; padding-top: 0.34rem; } .contact .warp h3 { font-size: 0.3rem; line-height: 0.64rem; } .contact .warp p { line-height: 0.32rem; margin-bottom: 0.1rem; } .contact .warp p i { font-size: 0.26rem; } .contact .warp button { width: 1.6rem; height: 0.6rem; border-radius: 0.3rem; font-size: 0.18rem; padding-left: 0.26rem; margin-top: 0.2rem; margin-bottom: 0.3rem; } .contact .warp img { float: none; display: block; margin-top: 0; margin-right: 0; margin-bottom: 0.3rem; } .contact #map { height: 68vw; } .list_match .list_warp { padding: 0; } .list_match .list_warp h4 { font-size: 0.26rem; line-height: 0.24rem; padding-top: 0.35rem; padding-bottom: 0.2rem; } .list_match .list_warp h4::before { height: 0.22rem; } .list_match .list_warp .warp1 .img { width: 3.2rem; } .list_match .list_warp .warp1 .box { padding-left: 3.3rem; } .list_match .list_warp .warp1 .box h3 { font-size: 0.28rem; } .list_match .list_warp .warp1 .box h5 { margin-bottom: 0; } .list_match .list_warp .warp1 .box p { line-height: 0.36rem; } .list_match .list_warp .warp1 .box button { width: auto; height: auto; font-size: 0.18rem; } .list_match .list_warp .warp3 dl + dl { margin-top: 0.2rem; } .list_match .list_warp .warp3 dl dt { width: 2rem; height: 1.46rem; } .list_match .list_warp .warp3 dl dd { margin-left: 2.1rem; padding-bottom: 0.2rem; } .list_match .list_warp .warp3 dl dd h2 { font-size: 0.28rem; font-weight: bold; height: 1.14rem; line-height: 0.39rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; text-overflow: ellipsis; -webkit-box-orient: vertical; } .list_match .list_warp .warp3 dl dd p { font-size: 0.2rem; line-height: 0.32rem; } .list_match .list_warp .warp3 dl dd p span { font-size: 0.2rem; } .list_bazaar .bazaarwarp2 .item .img, .list_article_img ul li .box .img { height: 32vw; } } @media screen and (max-width: 560px) { .list_about .warp2 .box .con dl dt { height: 120px; padding-top: 20px; } .list_about .warp2 .box .con dl dt .num { font-size: 86px; line-height: 100px; } .list_about .warp2 .box .con dl dt .stt { font-size: 14px; line-height: 30px; bottom: 10px; width: 58px; } .list_helper .warp2 p { margin: 0.1rem 0; padding: 0 0 0 0.3rem; background-size: 12px; } .list_match .list_warp .warp1 .img { float: none; margin-bottom: 0.2rem; width: 100%; height: 70vw; border-radius: 0.2rem 0.2rem; overflow: hidden; } .list_match .list_warp .warp1 .box { padding-left: 0; } } @media screen and (max-width: 480px) { .footer .foottel h3 { line-height: 0.5rem; font-size: 0.32rem; } .footer .foottel p { font-size: 0.24rem; line-height: 0.36rem; } .list_about .warp2 .box .con { height: auto; } .list_about .warp2 .box .con dl { float: none; width: auto; padding-bottom: 40px; } #page { font-size: 0.24rem; } }