锘緻charset "utf-8"; /* CSS Document */ body { font-family: "Microsoft Yahei", "寰蒋闆呴粦", SimSun, Arial, tahoma, arial !important; margin: 0; padding: 0; font-style: normal !important; font-variant: normal !important; color: #222; font-size: 12px; } html { font-size: 62.5%; } a { color: #202020; text-decoration: none; outline: none; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } a:hover { color: #d7003f; text-decoration: none; outline: none; } a:focus { outline: none; text-decoration: none; } .clear { clear: both; font-size: 0px; line-height: 0; height: 0; } * html .clearfix { zoom: 1; } *:first-child+html .clearfix { zoom: 1; } .cell, .cell2, .cell3 { border-collapse: collapse; border-spacing: 0; } .fl { float: left; } .fr { float: right; } .yh { font-family: "Microsoft Yahei", "寰蒋闆呴粦"; } a, img { border: 0px; } p { margin: 0px; padding: 0px; line-height: 20px; } i { margin: 0px; padding: 0px; font-style: normal; } ul { margin: 0px; padding: 0px; list-style: none; } ul li { margin: 0px; padding: 0px; list-style: none; } br { margin: 0px; padding: 0px; } .clearheight { width: 100%; height: 1px; overflow: hidden; } input, select, textarea { font-family: "Microsoft Yahei"; outline: none; } input[type="text"]:disabled { background-color: #fff; } input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #969696; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #969696; } input:-ms-input-placeholder { color: #969696; } input::-webkit-input-placeholder { color: #969696; } br { font-family: SimSun; } h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; font-weight: normal; } /*loading*/ /*common*/ .container { width: 100%; } .wrap { width: 100%; margin: 0px auto; padding: 0px; } .wrap_c { margin: 0px 10%; padding: 0px; } .animte_4 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; } .mainfr { overflow: hidden; margin: 15px 15px 0px 15px; } .sub_01 { overflow: hidden; position: relative; } .sub_01 b.b1 { width: 100%; height: 440px; display: block; overflow: hidden; } .sub_01_c { width: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; height: 440px; display: flex; display: -webkit-flex; align-items: center; justify-content: flex-start; } .sub_01_c p { width: 100%; overflow: hidden; } .sub_01_c p.p1 { font-size: 34px; color: #fff; line-height: 50px; font-weight: bold; letter-spacing: 5px; } .sub_01_c p.p2 { font-size: 20px; color: #fff; line-height: 30px; } .topfr { overflow: visible; position: absolute; left: 0px; top: 0px; z-index: 9999; padding: 15px 15px 0px 15px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .topfr .top_logo { width: 100px; float: left; overflow: hidden; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } .topfr .top_logo img { width: 100%; display: block; } .topfr .top_menu { float: left; height: 100px; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .topfr .top_menu ul li { float: left; margin-left: 50px; position: relative; height: 100px; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .topfr .top_menu ul li a { font-size: 16px; color: #fff; display: inline-block; line-height: 30px; } .topfr .top_menu ul li.on a { border-bottom: 2px solid #fff; } .topfr .top_menu ul li .topm_sub { width: 140px; overflow: hidden; background-color: rgba(255, 255, 255, 0.9); position: absolute; left: 50%; top: 80px; margin-left: -70px; padding: 10px 0px; display: none; } .topfr .top_menu ul li .topm_sub p { width: 100%; overflow: hidden; } .topfr .top_menu ul li .topm_sub p a { text-align: center; border-bottom: 0px; font-size: 14px; line-height: 24px; color: #000; display: block; width: 100%; text-align: center; } .topfr .top_menu ul li .topm_sub p a:hover { color: #d7003f } .topfr .top_menu ul li:hover .topm_sub { display: block; } .topfr .top_lang { float: left; height: 100px; display: flex; display: -webkit-flex; align-items: center; justify-content: center; margin-right: 20px; } .topfr .top_lang a { color: #fff; display: inline-block; background: url("../images/t_02.png") right center no-repeat; background-size: 10px; padding-right: 15px; } .topfr .top_search { float: left; height: 100px; display: flex; display: -webkit-flex; align-items: center; justify-content: center; margin-right: 20px; } .topfr .top_search a { width: 20px; height: 20px; display: inline-block; overflow: hidden; background: url("../images/t_01.png") center no-repeat; background-size: 100%; } .topfr_on .top_logo { width: 60px; } .topfr_on { padding: 0px; } .topfr_on .fr { display: none; } .top_menu_click { width: 60px; height: 60px; overflow: hidden; float: left; background-color: #d7003f; display: none; } .top_menu_click em { width: 34px; height: 34px; display: block; overflow: hidden; position: relative; cursor: pointer; margin: 0px auto; padding: 0px; margin-top: 12px; } .top_menu_click em i { cursor: pointer; width: 60%; display: block; overflow: hidden; height: 2px; background-color: #fff; position: absolute; left: 15%; top: 10px; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } .top_menu_click em i.i1 { top: 10px; } .top_menu_click em i.i2 { top: 18px; } .top_menu_click em i.i3 { top: 26px; } .top_menu_click em.on i.i2 { opacity: 0; } .top_menu_click em.on i.i1 { width: 60%; left: 20%; transform: translateY(8px) rotate(45deg); -ms-transform: translateY(8px) rotate(45deg); -moz-transform: translateY(8px) rotate(45deg); -webkit-transform: translateY(8px) rotate(45deg); -o-transform: translateY(8px) rotate(45deg); } .top_menu_click em.on i.i3 { width: 60%; left: 20%; transform: translateY(-8px) rotate(-45deg); -ms-transform: translateY(-8px) rotate(-45deg); -moz-transform: translateY(-8px) rotate(-45deg); -webkit-transform: translateY(-8px) rotate(-45deg); -o-transform: translateY(-8px) rotate(-45deg); } .top_menu_click_other { width: 60px; height: 60px; overflow: hidden; float: left; background-color: #d7003f; display: none; } .top_menu_click_other em { width: 34px; height: 34px; display: block; overflow: hidden; position: relative; cursor: pointer; margin: 0px auto; padding: 0px; margin-top: 12px; } .top_menu_click_other em i { cursor: pointer; width: 60%; display: block; overflow: hidden; height: 2px; background-color: #fff; position: absolute; left: 15%; top: 10px; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } .top_menu_click_other em i.i1 { top: 10px; } .top_menu_click_other em i.i2 { top: 18px; } .top_menu_click_other em i.i3 { top: 26px; } .top_menu_click_other em.on i.i2 { opacity: 0; } .top_menu_click_other em.on i.i1 { width: 60%; left: 20%; transform: translateY(8px) rotate(45deg); -ms-transform: translateY(8px) rotate(45deg); -moz-transform: translateY(8px) rotate(45deg); -webkit-transform: translateY(8px) rotate(45deg); -o-transform: translateY(8px) rotate(45deg); } .top_menu_click_other em.on i.i3 { width: 60%; left: 20%; transform: translateY(-8px) rotate(-45deg); -ms-transform: translateY(-8px) rotate(-45deg); -moz-transform: translateY(-8px) rotate(-45deg); -webkit-transform: translateY(-8px) rotate(-45deg); -o-transform: translateY(-8px) rotate(-45deg); } .top_menufr { width: 100%; height: 100vh; overflow: hidden; position: fixed; left: 0px; top: 0px; z-index: 9998; display: none; } .top_menufr .top_mfrc { width: 100%; height: 100vh; overflow: hidden; } .top_menufr ul li { width: 12.5%; overflow: hidden; float: left; border-right: 1px solid #dcdddf; position: relative; background-color: #f5f6f8; height: 0vh; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .top_menufr ul li:nth-child(8) { margin-right: 0px; } .top_menufr ul li dl { width: 100%; overflow: hidden; margin: 0px; padding: 0px; margin-top: 200px; position: relative; z-index: 9; display: none; } .top_menufr ul li dt { margin: 0px; padding: 0px; width: 100%; text-align: center; overflow: hidden; font-weight: normal; margin-bottom: 10px; } .top_menufr ul li dt a { font-size: 20px; color: #000; font-weight: bold; line-height: 30px; } .top_menufr ul li dd { margin: 0px; padding: 0px; width: 100%; overflow: hidden; text-align: center; margin: 5px 0px; font-weight: normal; } .top_menufr ul li dd a { font-size: 14px; color: #888; line-height: 24px; font-weight: normal; } .top_menufr ul li b.b1 { width: 100%; height: 14px; display: block; overflow: hidden; background: url("../images/in_02.png") center no-repeat; background-size: auto 100%; position: absolute; left: 0px; bottom: 10%; z-index: 9; display: none; } .top_menufr ul li b.b2 { width: 50%; height: 100%; display: block; overflow: hidden; background-color: #d7003f; position: absolute; left: 25%; opacity: 0; top: 0px; z-index: 1; transition: .3s linear; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; } .top_menufr ul li:hover b.b2 { width: 100%; left: 0px; opacity: 1; } .top_menufr ul li:hover dl dt a { color: #fff; } .top_menufr ul li:hover dl dd a { color: #fff; } .top_menufr ul li:hover b.b1 { display: block; } .sitefr { overflow: hidden; line-height: 30px; padding: 10px 0px; color: #666; } .sitefr span { float: left; background: url("../images/t_03.jpg") left center no-repeat; background-size: 13px; padding-left: 15px; } .sitefr a { float: left; color: #666; } .sitefr a:hover { color: #d7003f; } .sitefr i { float: left; margin: 0px 10px; } .titlefr { overflow: hidden; margin-top: 40px; text-align: center; } .titlefr p { width: 100%; overflow: hidden; } .titlefr p.p1 { font-size: 24px; color: #d7003f; line-height: 40px; } .titlefr p.p2 { font-size: 14px; text-transform: uppercase; line-height: 24px; color: #b2b2b2; position: relative; padding-bottom: 10px; } .titlefr p.p2 b { width: 48px; height: 2px; display: block; overflow: hidden; background-color: #d7003f; position: absolute; left: 50%; bottom: 0px; margin-left: -24px; } .ldzc_01 { overflow: hidden; margin-top: 40px; width: 85%; } .ldzc_01 .fl { width: 60%; } .ldzc_01 .fl p { width: 100%; overflow: hidden; font-size: 14px; line-height: 26px; margin-top: 24px; color: #666; } .ldzc_01 .fr { width: 30%; } .ldzc_01 .fr img { width: 80%; display: block; } .btn_empty { overflow: hidden; height: 60px; } .btnfr { overflow: hidden; background-color: #171718 } .btn_01 { width: 100%; overflow: hidden; margin-top: 40px; } .btn_01 .btn_01_tab { display: table; width: 100%; overflow: hidden; } .btn_01 .fl { float: none; display: table-cell; } .btn_01 .fl dl { float: left; margin: 0px; padding: 0px; width: 16.6666%; } .btn_01 .fl dl dt { width: 100%; overflow: hidden; margin: 0px; padding: 0px; font-size: 16px; line-height: 30px; margin-bottom: 10px; } .btn_01 .fl dl dt a { color: #fff; } .btn_01 .fl dl dd { width: 100%; margin: 0px; padding: 0px; overflow: hidden; font-size: 13px; line-height: 26px; } .btn_01 .fl dl dd a { color: #666; } .btn_01 .fl dl dd a:hover { color: #fff; } .btn_01 .fr { width: 222px; float: none; display: table-cell; vertical-align: top; } .btn_01 .fr p { width: 100%; overflow: hidden; } .btn_01 .fr p.p1 {} .btn_01 .fr p.p1 b { width: 15px; height: 8px; display: block; overflow: hidden; margin: 0px auto; padding: 0px; background: url("../images/b_01.jpg") no-repeat; background-size: 100%; } .btn_01 .fr p.p1 span { width: 100%; height: 40px; line-height: 40px; display: block; overflow: hidden; text-align: center; background-color: #d7003f; font-size: 14px; color: #fff; text-transform: uppercase; font-weight: bold; } .btn_01 .fr p.p2 { margin-top: 10px; text-align: center; } .btn_01 .fr p.p2 em { display: inline-block; font-style: normal; width: 44%; } .btn_01 .fr p.p2 em span { width: 100%; display: block; overflow: hidden; text-align: center; font-size: 12px; color: #fff; line-height: 24px; } .btn_02 { width: 100%; overflow: hidden; border-top: 1px solid #4a494a; margin-top: 30px; padding: 10px 0px; line-height: 24px; } .btn_02 .fl {} .btn_02 .fl a { float: left; color: #666; margin-left: 15px; } .btn_02 .fl a:nth-child(1) { margin-left: 0px; } .btn_02 .fr { color: #666; } .gsjj_01 { overflow: hidden; margin-top: 40px; width: 85%; text-align: justify; } .gsjj_01 p { width: 100%; overflow: hidden; font-size: 14px; line-height: 26px; margin-bottom: 24px; color: #666; } .gsjj_01 img { max-width: 100%; } .gltd_01 { overflow: hidden; background: url("../images/gltd_01.jpg") center no-repeat; background-size: 80%; padding: 40px 0px; width: 85%; } .gltd_01 .fl { width: 42%; margin-left: 5%; color: #666; font-size: 16px; line-height: 36px; } .gltd_01 .fl p { width: 100%; overflow: hidden; margin-bottom: 20px; color: #666; } .gltd_01 .fl table { margin-left: auto; margin-right: auto; } .gltd_01 .fr { width: 42%; margin-right: 5%; } .gltd_01 .fr img { width: 100%; display: block; } .gltd_02 { overflow: hidden; padding: 60px 0px; } .gltd_02 .wrap_c { overflow: hidden; background: url("../images/gltd_02.jpg") center no-repeat; background-size: 100%; } .gltd_02_slide { width: 100%; overflow: hidden; margin: 0px auto; padding: 0px; } .gltd_02_slide .swiper-slide { width: 20%; float: left; padding: 20px 0px; } .gltd_02_slide .swiper-slide img { width: 60%; display: block; margin: 0px auto; padding: 0px; border-radius: 50%; -moz-box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05); } .gltd_02_slide .swiper-slide { text-align: center; } .gltd_02_slide .swiper-slide .title { width: 75px; height: 24px; line-height: 24px; overflow: hidden; text-align: center; background-color: rgba(215, 0, 63, 0.5); font-size: 12px; color: #fff; position: absolute; left: 55%; top: 83%; margin-left: -50px; margin-top: -20px; } .zzjg_01 { overflow: hidden; } .zzjg_01 img { width: 90%; display: block; margin: 0px auto; padding: 0px; max-width: 1920px; } .jkzl_01 { overflow: hidden; } .jkzl_01 .wrap_c { overflow: hidden; background: url("../images/jkzl_01.jpg") no-repeat; background-size: 100% 100%; padding: 100px 0px; text-align: center; } .jkzl_01 p { width: 100%; overflow: hidden; font-size: 14px; color: #666; line-height: 26px; } .jkzl_01 p.p1 { font-size: 100px; color: #da114c; line-height: 100px; font-family: Arial; font-weight: bold; margin-bottom: 30px; } .jkzl_02 { overflow: hidden; background: url("../images/gltd_02.jpg") center top no-repeat; background-size: 100%; margin-top: 40px; } .jkzl_02_slide { width: 80%; overflow: hidden; margin: 0px auto; padding: 0px; margin-top: 20px; } .jkzl_02_slide .swiper-slide { width: auto; float: left; } .jkzl_02_slide .swiper-slide a { width: 100%; display: block; overflow: hidden; text-align: center; } .jkzl_02_slide .swiper-slide a b.b1 { width: 14px; height: 7px; display: block; overflow: hidden; background: url("../images/jkzl_03.jpg") center no-repeat; background-size: 100%; margin: 0px auto; padding: 0px; opacity: 0; } .jkzl_02_slide .swiper-slide a span { width: 100%; display: block; overflow: hidden; text-align: center; font-size: 12px; color: #666; line-height: 24px; } .jkzl_02_slide .swiper-slide a b.b2 { width: 14px; height: 7px; display: block; overflow: hidden; background: url("../images/jkzl_04.jpg") center no-repeat; background-size: 100%; margin: 0px auto; padding: 0px; opacity: 0; } .jkzl_02_slide .swiper-slide a.on b.b1 { opacity: 1; } .jkzl_02_slide .swiper-slide a.on b.b2 { opacity: 1; } .jkzl_02_slide .swiper-slide a.on span { color: #bc9882; } .jkzl_03 { overflow: hidden; margin-top: 60px; } .jkzl_03 p { width: 100%; overflow: hidden; font-size: 14px; color: #666; line-height: 26px; } .jkzl_03 p.p1 { font-size: 20px; color: #333; line-height: 40px; } .bkgl_01 { overflow: hidden; text-align: center; margin-top: 40px; } .bkgl_01_slide { width: 100%; overflow: hidden; } .bkgl_01_slide .swiper-slide { float: left; width: auto; border: 1px solid #eee; border-right: 0px; width: 248px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .bkgl_01_slide .swiper-slide a { width: 100%; display: block; overflow: hidden; padding: 20px 0px 20px 0px; } .bkgl_01_slide .swiper-slide a em { width: 100%; display: block; overflow: hidden; text-align: center; font-style: normal; } .bkgl_01_slide .swiper-slide a em.em1 {} .bkgl_01_slide .swiper-slide a em.em1 span { display: inline-block; position: relative; } .bkgl_01_slide .swiper-slide a em.em1 span img { height: 40px; display: block; } .bkgl_01_slide .swiper-slide a em.em1 span img.img2 { position: absolute; left: 0px; top: 0px; opacity: 0; } .bkgl_01_slide .swiper-slide a em.em2 { font-size: 14px; color: #666; line-height: 24px; margin-top: 5px; } .bkgl_01_slide .swiper-slide a.on em.em1 span img.img2 { opacity: 1; } .bkgl_01_slide .swiper-slide a.on em.em1 span img.img1 { opacity: 0; } .bkgl_01_slide .swiper-slide a.on { background-color: #d7003f; } .bkgl_01_slide .swiper-slide a.on em.em2 { color: #fff; } .bkgl_01_slide .swiper-slide.last { border-right: 1px solid #eee; } .bkgl_01 ul { font-size: 0px; border-bottom: 1px solid #eeeeee; } .bkgl_01 ul li { display: inline-block; border: 1px solid #eee; border-bottom: 0px; width: 20%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .bkgl_01 ul li a { width: 100%; display: block; overflow: hidden; padding: 20px 0px 10px 0px; } .bkgl_01 ul li a em { width: 100%; display: block; overflow: hidden; text-align: center; font-style: normal; } .bkgl_01 ul li a em.em1 {} .bkgl_01 ul li a em.em1 span { display: inline-block; position: relative; } .bkgl_01 ul li a em.em1 span img { height: 40px; display: block; } .bkgl_01 ul li a em.em1 span img.img2 { position: absolute; left: 0px; top: 0px; opacity: 0; } .bkgl_01 ul li a em.em2 { font-size: 14px; color: #666; line-height: 26px; margin-top: 5px; } .bkgl_01 ul li.on a em.em1 span img.img2 { opacity: 1; } .bkgl_01 ul li.on a em.em1 span img.img1 { opacity: 0; } .bkgl_01 ul li.on { background-color: #d7003f; } .bkgl_01 ul li.on a em.em2 { color: #fff; } .bkgl_02 { overflow: hidden; } .bkgl_02 .wrap_c { /*border: 1px solid #eee; */ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 60px 0px; width: 800px; margin-left: auto; margin-right: auto; } .bkgl_02 p { width: 100%; overflow: hidden; font-size: 14px; line-height: 26px; margin-bottom: 20px; color: #666; /*text-indent: 2em;*/ } .bkgl_02 div { width: 100%; overflow: hidden; font-size: 14px; line-height: 26px; margin-bottom: 20px; color: #666; /*text-indent: 2em;*/ } .bkgl_02 img { max-width: 100%; /*display: block*/ } .dddt_01 { overflow: hidden; margin-top: 40px; } .dddt_01 ul li { width: 100%; overflow: hidden; border-bottom: 1px dashed #ccc; padding: 40px 0px; } .dddt_01 ul li a { width: 100%; display: table; overflow: hidden; } .dddt_01 ul li a em { display: table-cell; vertical-align: top; font-style: normal; } .dddt_01 ul li a em.em1 { width: 80px; padding-right: 30px; } .dddt_01 ul li a em.em1 span { width: 100%; display: block; overflow: hidden; text-align: center; font-size: 40px; color: #999; font-weight: bold; line-height: 50px; font-family: Arial; } .dddt_01 ul li a em.em1 i { width: 100%; display: block; overflow: hidden; text-align: center; font-size: 14px; color: #a5a5a5; line-height: 20px; font-family: Arial; } .dddt_01 ul li a em.em2 { width: 400px; } .dddt_01 ul li a em.em2 b { width: 100%; height: 260px; display: block; overflow: hidden; } .dddt_01 ul li a em.em3 { padding-left: 40px; position: relative; } .dddt_01 ul li a em.em3 span { width: 100%; display: block; overflow: hidden; } .dddt_01 ul li a em.em3 span.sp1 { font-size: 20px; color: #333; line-height: 30px; } .dddt_01 ul li a em.em3 span.sp2 { font-size: 14px; color: #999; line-height: 24px; margin-top: 10px; } .dddt_01 ul li a em.em3 span.sp3 { position: absolute; left: 40px; bottom: 0px; } .dddt_01 ul li a em.em3 span.sp3 b { width: 70px; height: 16px; display: block; background: url("../images/dd_01.jpg") center no-repeat; background-size: 100%; } .pages { overflow: hidden; margin-top: 40px; text-align: center; } .pages a { display: inline-block; line-height: 30px; border: 1px solid #e5e5e5; padding: 0px 10px; color: #6b6d6b; margin: 0px 4px; } .pages a.on { background-color: #c4a38e; color: #fff; border: 1px solid #c4a38e; } .pages a:hover { background-color: #c4a38e; color: #fff; border: 1px solid #c4a38e; } .pages span { display: inline-block; margin: 0px 4px; color: #999; } .pages i { display: inline-block; color: #999; margin: 0px 4px; } .djzt_01 { background: url("../images/djzt_01.jpg") center bottom no-repeat; background-size: 100%; padding-top: 60px; } .djzt_02 { overflow: hidden; width: 100%; } .djzt_02 .wrap_c { overflow: hidden; position: relative; } .djzt_02 .djzt_02_prev { width: 10%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 999; background: url("../images/djzt_02.jpg") center no-repeat; background-size: 40%; } .djzt_02 .djzt_02_next { width: 10%; height: 100%; display: block; overflow: hidden; position: absolute; right: 0px; top: 0px; z-index: 999; background: url("../images/djzt_03.jpg") center no-repeat; background-size: 40%; } .djzt_02_slide { width: 80%; overflow: hidden; margin: 0px auto; padding: 0px; } .djzt_02_slide .swiper-slide { width: 60%; overflow: hidden; } .djzt_02_slide .swiper-slide img { width: 100%; display: block; } .djzt_02_slide .swiper-slide-active img { -moz-box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05); } .djzt_03 { width: 100%; overflow: hidden; margin-top: 40px; margin-bottom: 60px; } .djzt_03_c { width: 45%; overflow: hidden; margin: 0px auto; padding: 0px; opacity: 0; } .djzt_03_c p { width: 100%; font-size: 14px; color: #666; line-height: 26px; } .djzt_03_c p.p1 { text-align: center; font-size: 20px; color: #000; line-height: 30px; margin-bottom: 10px; } .zgzj_0 { overflow: hidden; margin-top: 40px; position: relative; } .zgzj_0 b.bg_01 { width: 100%; height: 293px; display: block; overflow: hidden; background-color: #f8f8f8; position: absolute; left: 0px; bottom: 0px; z-index: -1; } .zgzj_01 { overflow: hidden; max-width: 800px; margin-left: auto; margin-right: auto; } .zgzj_01 img { width: 100%; height: auto; } .zgzj_01 .wrap_c { margin: 0px; } .zgzj_01 p { width: 100%; overflow: hidden; font-size: 14px; line-height: 26px; margin-bottom: 20px; color: #666; } .zgzj_01 div { overflow: hidden; font-size: 14px; line-height: 26px; margin-bottom: 20px; color: #666; } .zgzj_02 { overflow: hidden; text-align: center; margin-top: 40px; } .zgzj_02 p { font-size: 24px; color: #333; line-height: 60px; } .zgzj_03 { width: 100%; overflow: hidden; margin-top: 40px; margin-bottom: 60px; } .zgzj_03 .wrap_c { overflow: hidden; position: relative; } .zgzj_03 .zgzj_03_prev { width: 10%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 999; background: url("../images/zgzj_01.png") center no-repeat; background-size: 20px; } .zgzj_03 .zgzj_03_next { width: 10%; height: 100%; display: block; overflow: hidden; position: absolute; right: 0px; top: 0px; z-index: 999; background: url("../images/zgzj_02.png") center no-repeat; background-size: 20px; } .zgzj_03_slide { width: 80%; overflow: hidden; margin: 0px auto; padding: 0px; } .zgzj_03_slide .swiper-slide { width: 60%; overflow: hidden; } .zgzj_03_slide .swiper-slide img { width: 100%; display: block; border-bottom: 4px solid #d7003f; } .zgzj_03_slide .swiper-slide-active img { -moz-box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05); } .newsxq_01 { overflow: hidden; margin-top: 60px; } .newsxq_01 h1 { margin: 0px; padding: 0px; font-weight: normal; width: 100%; overflow: hidden; text-align: center; font-size: 24px; color: #333; line-height: 40px; } .newsxq_01 p { width: 100%; overflow: hidden; text-align: center; } .newsxq_01 p.p1 { font-size: 14px; color: #999; line-height: 30px; margin-top: 6px; } .newsxq_01 p.p2 { margin-top: 10px; border-bottom: 1px solid #eee; padding-bottom: 15px; } .newsxq_01 p.p2 img { display: inline-block; margin: 0px 5px; } .newsxq_02 { overflow: hidden; margin-top: 40px; } .newsxq_02 p { width: 100%; overflow: hidden; font-size: 14px; color: #666; line-height: 26px; margin-bottom: 20px; /*text-indent: 2em;*/ } .newsxq_02 div { width: 100%; overflow: hidden; font-size: 14px; color: #666; line-height: 26px; margin-bottom: 20px; /*text-indent: 2em;*/ } .newsxq_02 .wrap_c { max-width: 800px; margin: 0px auto; padding: 0px; } .newsxq_02 img { max-width: 100%; width: 100%; height: auto; /*display: block;*/ } .newsxq_03 { overflow: hidden; margin-top: 40px; } .newsxq_03 .wrap_c { overflow: hidden; border-top: 1px solid #eee; padding-top: 20px; position: relative; } .newsxq_03 p { width: 100%; overflow: hidden; font-size: 14px; line-height: 26px; margin: 5px 0px; } .newsxq_03 p a { color: #666; } .newsxq_03 p a:hover { color: #d70006; } .newsxq_03 a.a1 { position: absolute; right: 0px; top: 20px; color: #666; background: url("../images/n_01.jpg") left center no-repeat; background-size: 14px; padding-left: 20px; } .newsxq_03 a.a1:hover { color: #d70006; } .xxzlk_01 { overflow: hidden; margin-top: 40px; text-align: center; } .xxzlk_01 ul { font-size: 0px; border-right: 1px solid #eee; display: inline-block; } .xxzlk_01 ul li { display: inline-block; font-size: 14px; border: 1px solid #eee; border-right: 0px; padding: 0px 15px; line-height: 30px; } .xxzlk_01 ul li a { color: #666; } .xxzlk_01 ul li.on { background-color: #d7003f; } .xxzlk_01 ul li.on a { color: #fff; } .zjg_01 { overflow: hidden; margin-top: 40px; } .zjg_01 ul li { width: 100%; position: relative; overflow: hidden; margin-bottom: 40px; } .zjg_01 ul li .zjg_01_img { width: 71%; height: 100%; overflow: hidden; position: absolute; left: 20px; top: 0px; } .zjg_01 ul li .zjg_01_img b { width: 100%; height: 100%; display: block; position: absolute; left: 0px; top: 0px; } .zjg_01 ul li .zjg_01_txt { width: 37%; float: right; overflow: hidden; background-color: #fff; margin: 40px 0px; margin-right: 20px; padding: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative; z-index: 99; -moz-box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05); } .zjg_01 ul li:nth-child(2n) .zjg_01_img { left: inherit; right: 20px; } .zjg_01 ul li:nth-child(2n) .zjg_01_txt { float: left; margin-right: 0px; margin-left: 20px; } .zjg_01 ul li .zjg_01_txt p { width: 100%; overflow: hidden; font-size: 14px; color: #666; line-height: 26px; margin-top: 20px; } .zjg_01 ul li .zjg_01_txt p.p1 { position: relative; margin-top: 0px; font-size: 20px; color: #000; line-height: 40px; padding-bottom: 10px; } .zjg_01 ul li .zjg_01_txt p.p1 b { width: 50px; height: 2px; display: block; overflow: hidden; background-color: #d7000f; position: absolute; left: 0px; bottom: 0px; } .jtfc_01 { overflow: hidden; margin-top: 40px; } .jtfc_01_t { width: 100%; overflow: hidden; border-bottom: 1px dashed #eee; line-height: 40px; } .jtfc_01_t span { display: inline-block; font-size: 20px; color: #000; } .jtfc_01_t span.sp1 { background: url("../images/fc_01.jpg") left center no-repeat; background-size: 20px; padding-left: 30px; } .jtfc_01_t span.sp2 { background: url("../images/fc_02.jpg") left center no-repeat; background-size: 20px; padding-left: 30px; } .jtfc_01_c { width: 100%; overflow: hidden; margin-top: 20px; } .jtfc_01_c .fl { width: 49.5%; overflow: hidden; } .jtfc_01_c a { width: 100%; display: block; overflow: hidden; } .jtfc_01_c a em { width: 100%; display: block; overflow: hidden; font-style: normal; } .jtfc_01_c a em.em1 { position: relative; } .jtfc_01_c a em.em1 b { width: 100%; height: 543px; display: block; } .jtfc_01_c a em.em2 { margin-top: 10px; } .jtfc_01_c a em.em2 span { width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jtfc_01_c a em.em2 span.sp1 { font-size: 20px; color: #000; line-height: 30px; } .jtfc_01_c a em.em2 span.sp2 { font-size: 14px; color: #999; line-height: 24px; } .jtfc_01_c a em.em1 i { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; opacity: 0; background: url("../images/fc_01.png") center no-repeat rgba(250, 178, 185, 0.6); background-size: 40px; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } .jtfc_01_c a:hover em.em1 i { opacity: 1; } .jtfc_01_c .fl a em.em1 b { height: 479px; } .jtfc_01_c .fr { width: 100%; overflow: hidden; } .jtfc_01_c .fr ul li { width: 32%; float: left; margin-right: 1%; margin-bottom: 15px; } .jtfc_01_c .fr ul li:nth-child(23n) { margin-right: 0px; } .jtfc_02 { overflow: hidden; margin-top: 60px; } .jtfc_03 { overflow: hidden; margin-top: 40px; } .jtfc_03_slide { width: 80%; overflow: hidden; margin: 0px auto; padding: 0px; } .jtfc_03_slide .swiper-slide { width: 60%; overflow: hidden; } .jtfc_03_slide .swiper-slide img { width: 100%; display: block; } .jtfc_04 { overflow: hidden; margin-top: 40px; } .jtfc_04 .wrap_c { overflow: hidden; position: relative; } .jtfc_04_slide { width: 60%; overflow: hidden; margin: 0px auto; padding: 0px; } .jtfc_04_slide .swiper-slide { width: 20%; overflow: hidden; float: left; } .jtfc_04_slide .swiper-slide img { width: 100%; display: block; cursor: pointer; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } .jtfc_04_slide .swiper-slide img:hover { transform: scale(1.01, 1.01); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); } .jtfc_04 .jtfc_04_prev { width: 10%; height: 100%; display: block; overflow: hidden; background: url("../images/fc_03.jpg") center no-repeat; background-size: 15px; position: absolute; left: 10%; top: 0px; z-index: 99; } .jtfc_04 .jtfc_04_next { width: 10%; height: 100%; display: block; overflow: hidden; background: url("../images/fc_04.jpg") center no-repeat; background-size: 15px; position: absolute; right: 10%; top: 0px; z-index: 99; } .jtfc_03_hid { width: 100%; overflow: hidden; display: none; } .rcln_01 { overflow: hidden; margin-top: 0px; margin-bottom: 40px; } .rcln_01_c { width: 80%; overflow: hidden; border: 1px solid #d81b49; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin: 0px auto; padding: 0px; background-color: #f8f8f8; } .rcln_01_c .fl { width: 60%; overflow: hidden; } .rcln_01_c .fl ul { width: 100%; overflow: hidden; border: 1px solid #ddd; border-bottom: 0px; border-right: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .rcln_01_c .fl ul li { width: 33.3333%; overflow: hidden; float: left; padding: 10px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .rcln_01_c .fl ul li img { display: block; height: 40px; margin: 0px auto; padding: 0px; } .rcln_01_c .fl ul li span { width: 100%; display: block; overflow: hidden; text-align: center; font-size: 14px; color: #666; line-height: 24px; margin-top: 5px; } .rcln_01_c .fl ul li em { display: inline-block; width: 100%; overflow: hidden; font-style: normal; } .rcln_01_c .fr { width: 40%; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 15px; } .rcln_01r_c { width: 100%; overflow: hidden; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 15px; } .rcln_01r_c b { width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 1; } .rcln_01r_c p { width: 100%; overflow: hidden; font-size: 14px; color: #fff; line-height: 26px; position: relative; z-index: 2; } .job_01 { overflow: hidden; margin-top: 40px; } .job_01 .fl { width: 60%; overflow: hidden; } .job_01 .fl img { width: 100%; display: block; } .job_01 .fr { width: 36%; overflow: hidden; } .job_01 .fr p { width: 100%; overflow: hidden; font-size: 14px; color: #666; line-height: 26px; margin-top: 15px; text-indent: 2rem; } .job_01 .fr p.p1 { font-size: 20px; color: #000; line-height: 40px; margin-top: 0px; text-indent: 0px; } .job_02 { overflow: hidden; margin-top: 40px; text-align: center; } .job_02 ul { font-size: 0px; } .job_02 ul li { display: inline-block; margin: 0px 40px; } .job_02 ul li a { width: 120px; display: block; overflow: hidden; border-radius: 50%; background-color: #f3b2c5; position: relative; } .job_02 ul li a img { width: 100%; display: block; } .job_02 ul li a span { width: 100%; display: block; overflow: hidden; text-align: center; font-size: 16px; color: #fff; position: absolute; left: 0px; bottom: 13px; } .job_02 ul li.on a { background-color: #d6003f; } .job_02 ul li a:hover { background-color: #d6003f; } .job_03 { width: 100%; overflow: hidden; margin-top: 40px; } .job_03_c { width: 100%; overflow: hidden; } .job_03_c table { width: 100%; overflow: hidden; border: 1px solid #eee; border-top: 0px; border-bottom: 0px; } .job_03_c table tr th { background-color: #d6003f; font-weight: normal; font-size: 14px; color: #fff; line-height: 30px; padding: 7px 10px; } .job_03_c table tr td { border-bottom: 1px solid #e1e1e1; text-align: center; font-size: 14px; color: #333; line-height: 24px; padding: 15px 10px; } .job_03_c table tr.tr_show { cursor: pointer; } .job_03_c table tr.tr_hid {} .job_03_c table tr.tr_hid td { padding: 20px; display: none; } .td_01_c { width: 100%; overflow: hidden; background-color: #f9f9f9; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; text-align: left; display: none; } .td_01_c .td_01c_t { width: 100%; overflow: hidden; border-bottom: 1px solid #e5e5e5; padding: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .td_01_c .td_01c_t ul li { width: 25%; overflow: hidden; float: left; text-align: center; } .td_01_c .td_01c_c { width: 100%; overflow: hidden; border-bottom: 1px solid #e5e5e5; padding: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .td_01_c .td_01c_c dl { width: 50%; float: left; margin: 0px; padding: 0px; } .td_01_c .td_01c_c dl dt { margin: 0px; padding: 0px; width: 100%; overflow: hidden; font-size: 16px; color: #555; line-height: 30px; margin-bottom: 10px; } .td_01_c .td_01c_c dl dd { margin: 5px 0px; padding: 0px; width: 100%; overflow: hidden; font-size: 14px; color: #555; line-height: 24px } .td_01_c .td_01c_c dl dd p { line-height: 24px; margin: 5px 0px; } .td_01_c .td_01c_b { width: 100%; overflow: hidden; padding: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .td_01_c .td_01c_b p { font-size: 14px; color: #555; line-height: 24px; } .lxwm_01 { overflow: hidden; margin-top: 40px; } .lxwm_01 .wrap_c { overflow: hidden; position: relative; } .lxwm_01 b { width: 60%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; } .lxwm_01 .fr { width: 50%; overflow: hidden; background-color: #f9f8f7; position: relative; z-index: 99; padding: 40px 40px; margin: 20px 0px; border-radius: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05); } .lxwm_01 .fr p { width: 100%; overflow: hidden; } .lxwm_01 .fr p.p1 { font-size: 20px; color: #000; line-height: 60px; border-bottom: 1px solid #e2e2e2; margin-bottom: 20px; } .lxwm_01 .fr p.p1 span { display: inline-block; background: url("../images/lxwm_05.jpg") left center no-repeat; background-size: 30px; padding-left: 40px; } .lxwm_01 .fr p.p2 { font-size: 14px; color: #666; line-height: 30px; margin: 10px 0px; } .lxwm_01 .fr p.p2 span { display: inline-block; } .lxwm_01 .fr p.p2 span.sp1 { background: url("../images/lxwm_02.jpg") left center no-repeat; background-size: 25px; padding-left: 40px; } .lxwm_01 .fr p.p2 span.sp2 { background: url("../images/lxwm_03.jpg") left center no-repeat; background-size: 25px; padding-left: 40px; } .lxwm_01 .fr p.p2 span.sp3 { background: url("../images/lxwm_04.jpg") left center no-repeat; background-size: 25px; padding-left: 40px; } .lxwm_02 { overflow: hidden; margin-top: 40px; } .lxwm_02 #allmap { width: 100%; height: 500px; overflow: hidden; } .page1 { overflow: hidden; width: 100%; position: relative; overflow: hidden; height: 400px; } .page1fr { position: relative; left: 15px; top: 15px; width: 100%; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } .page1_slide { width: 100%; overflow: hidden; } .page1_slide .swiper-slide { width: 100%; overflow: hidden; position: relative; } .page1_slide .swiper-slide b { width: 100%; display: block; overflow: hidden; } .page1_slide .swiper-slide .page1_c { width: 100%; overflow: hidden; position: absolute; left: 0px; top: 50%; z-index: 9; color: #fff; margin-top: -105px; opacity: 0; } .page1_slide .swiper-slide .page1_c a { overflow: hidden; display: block; width: 100%; padding: 0px 10%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .page1_slide .swiper-slide .page1_c span { width: 100%; display: block; overflow: hidden; color: #fff; text-shadow: 2px 3px 1px #333; } .page1_slide .swiper-slide .page1_c span.sp1 { font-size: 16px; line-height: 1.2; } .page1_slide .swiper-slide .page1_c span.sp2 { font-size: 40px; line-height: 60px; } .page1_slide .swiper-slide .page1_c span.sp3 { margin-top: 20px; } .page1_slide .swiper-slide .page1_c span.sp3 i { width: 40px; height: 40px; display: block; overflow: hidden; background: url("../images/in_01.png") center no-repeat; background-size: 100%; } .page1_a { width: 50%; overflow: hidden; position: absolute; left: 0px; bottom: -100%; z-index: 999; } .page1_a a { width: 100%; display: block; overflow: hidden; height: 60px; line-height: 60px; background-color: rgba(223, 51, 101, 0.8); } .page1_a a span { display: block; overflow: hidden; margin: 0px 30px; font-size: 14px; color: #fff; background: url("../images/in_02.png") right center no-repeat; background-size: 12px; } .page1_enter { overflow: hidden; width: 50%; position: absolute; right: 0px; bottom: 0px; z-index: 999; height: 220px; } .page1_enter a { width: 50%; display: block; overflow: hidden; height: 0px; } .page1_enter a:nth-child(1) { position: absolute; left: 0px; bottom: 0px; } .page1_enter a:nth-child(2) { position: absolute; right: 0px; bottom: 0px; } .page1_enter a img { width: 100%; display: block; } .page1_enter a b { width: 100%; display: block; height: 220px; overflow: hidden; } .page1_enter a span { position: absolute; left: 0px; bottom: 15px; z-index: 9; font-size: 14px; color: #fff; width: 100%; padding: 0px 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .page2 { overflow: hidden; width: 100%; height: 100vh; background-color: #f5f6f8; position: relative; } .page2 .page2_l { width: 50%; height: 100vh; overflow: hidden; position: relative; float: left; } .page2l_t { width: 100%; overflow: hidden; padding-left: 135px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: absolute; left: 0px; top: 140px; color: #fff; z-index: 9; } .page2l_t span { float: left; } .page2l_t i { float: left; display: inline-block; width: 60px; height: 1px; background-color: #fff; margin: 0px 5px; margin-top: 8px; } .page2l_c { width: 100%; height: 100vh; overflow: hidden; position: relative; } .page2l_c_slide { width: 100%; overflow: hidden; height: 100vh; } .page2l_c_slide .swiper-slide { width: 100%; height: 100vh; overflow: hidden; position: relative; } .page2l_c_slide .swiper-slide b.b1 { width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; } .page2l_c_slide .swiper-slide .page2lcs_c { width: 100%; overflow: hidden; position: absolute; left: 0px; top: 30%; display: none; padding-left: 135px; padding-right: 30%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; z-index: 9; color: #fff; } .page2l_c_slide .swiper-slide .page2lcs_c p { width: 100%; overflow: hidden; font-size: 14px; line-height: 26px; } .page2l_c_slide .swiper-slide .page2lcs_c p.p1 { font-size: 24px; line-height: 40px; margin-bottom: 14px; } .page2l_c_slide .swiper-slide .page2lcs_c p.p2 { -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; display: -webkit-box; } .page2l_b { width: 100%; overflow: hidden; position: absolute; left: 0px; bottom: 30%; z-index: 9; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 135px; } .page2l_b .page2lb_prev { width: 40px; height: 40px; display: block; overflow: hidden; float: left; background: url("../images/in_03.png") center no-repeat rgba(255, 255, 255, 0.6); background-size: 100%; border-radius: 50%; } .page2l_b .page2lb_prev:hover { background: url("../images/in_03.png") center no-repeat rgba(255, 255, 255, 1); background-size: 100%; } .page2l_b .page2lb_next { width: 40px; height: 40px; display: block; overflow: hidden; float: left; background: url("../images/in_04.png") center no-repeat rgba(255, 255, 255, 0.6); background-size: 100%; border-radius: 50%; margin-left: 10px; } .page2l_b .page2lb_next:hover { background: url("../images/in_04.png") center no-repeat rgba(255, 255, 255, 1); background-size: 100%; } .page2_r { overflow: hidden; width: 50%; float: left; height: 100vh; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .page2r_fr { width: 100%; overflow: hidden; padding-right: 135px; padding-left: 100px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .page2r_t { width: 100%; overflow: hidden; text-align: right; } .page2r_t a { font-size: 12px; color: #000; display: inline-block; border-bottom: 1px solid #000; line-height: 26px; } .page2r_c { width: 100%; overflow: hidden; margin-top: 40px; } .page2rc_slide { width: 100%; overflow: hidden; } .page2rc_slide .swiper-slide { width: 50%; overflow: hidden; float: left; } .page2rc_slide .swiper-slide a { width: 100%; display: block; overflow: hidden; } .page2rc_slide .swiper-slide a em { width: 100%; display: block; overflow: hidden; font-style: normal; } .page2rc_slide .swiper-slide a em.em1 { height: 50vh; position: relative; } .page2rc_slide .swiper-slide a em.em1 b { width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; } .page2rc_slide .swiper-slide a em.em2 { margin-top: 15px; } .page2rc_slide .swiper-slide a em.em2 span { width: 100%; display: block; overflow: hidden; } .page2rc_slide .swiper-slide a em.em2 span.sp1 { font-size: 18px; color: #000; text-overflow: ellipsis; white-space: nowrap; } .page2rc_slide .swiper-slide a em.em2 span.sp1 i { display: inline-block; line-height: 30px; border-bottom: 2px solid #d7003f; font-weight: bold; } .page2rc_slide .swiper-slide a em.em2 span.sp2 { font-size: 13px; color: #888; line-height: 24px; height: 48px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; margin-top: 10px; } .page3 { overflow: hidden; width: 100%; height: 100vh; } .page3_l { width: 50%; height: 100vh; overflow: hidden; float: left; background-color: #f5f6f8; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .page3lfr { width: 100%; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 135px; padding-right: 30%; } .page3l_slide { width: 100%; overflow: hidden; } .page3l_slide .swiper-slide { width: 100%; overflow: hidden; background-color: #f5f6f8; } .page3l_slide .swiper-slide .page3ls_c { width: 100%; overflow: hidden; opacity: 0; display: none; } .page3l_slide .swiper-slide p { width: 100%; overflow: hidden; } .page3l_slide .swiper-slide p.p1 { font-size: 14px; color: #d7003f; line-height: 24px; } .page3l_slide .swiper-slide p.p2 { font-size: 24px; color: #000; font-weight: bold; line-height: 40px; } .page3l_slide .swiper-slide p.p3 { font-size: 14px; color: #000; line-height: 24px; margin-top: 10px; text-align: justify; text-justify: inter-ideograph; -webkit-box-orient: vertical; -webkit-line-clamp: 6; text-overflow: ellipsis; display: -webkit-box; } .page3l_slide .swiper-slide p.p4 { margin-top: 40px; } .page3l_slide .swiper-slide p.p4 a { display: inline-block; line-height: 40px; background-color: #d7003f; font-size: 14px; color: #fff; line-height: 36px; padding: 0px 30px; border-radius: 40px; } .page3_r { width: 50%; overflow: hidden; height: 100vh; float: left; position: relative; } .page3r_c { width: 300px; overflow: hidden; position: absolute; left: -300px; top: 50%; z-index: 99; margin-top: -195.5px; } .page3r_c a.a1 { width: 60px; display: block; overflow: hidden; position: absolute; left: 50%; top: 0px; margin-left: -30px; z-index: 9; } .page3r_c a.a1 img { width: 100%; display: block; } .page3r_c .page3rc_fr { width: 100%; overflow: hidden; background-color: #fff; margin-top: 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0px 30px; } .page3r_c .page3rc_fr .page3rc_t { width: 100%; overflow: hidden; border-bottom: 1px solid #ccc; } .page3rct_slide { width: 100%; overflow: hidden; height: 120px; margin-top: 20px; } .page3rct_slide .swiper-slide { width: 100%; height: 120px; overflow: hidden; } .page3rct_slide .swiper-slide b { width: 100%; display: block; height: 120px; overflow: hidden; } .page3r_slide { width: 100%; height: 100vh; overflow: hidden; } .page3r_slide .swiper-slide { width: 100%; height: 100vh; overflow: hidden; } .page3r_slide .swiper-slide b { width: 100%; height: 100vh; display: block; overflow: hidden; } .page3rc_c { width: 100%; overflow: hidden; margin-top: 20px; margin-bottom: 20px; } .page3rc_c ul li { width: 100%; overflow: hidden; margin: 5px 0px; } .page3rc_c ul li a { width: 100%; display: block; line-height: 30px; color: #c3c3c3; font-size: 14px; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0px 10px; } .page3rc_c ul li a b { width: 15px; height: 2px; display: block; overflow: hidden; float: left; background-color: #e7e7e7; margin: 14px 10px 0px 0px; } .page3rc_c ul li.on a { color: #000; font-weight: bold; } .page3rc_c ul li.on a b { background-color: #d7003f; } .page4 { overflow: hidden; width: 100%; height: 100vh; position: relative; } .page4_l { width: 35%; overflow: hidden; height: 100vh; float: left; position: relative; } .page4l_t { width: 100%; overflow: hidden; position: absolute; left: 0px; top: 140px; padding-left: 135px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; color: #fff; z-index: 9; } .page4l_t span { float: left; } .page4l_t i { float: left; display: inline-block; width: 60px; height: 1px; background-color: #fff; margin: 0px 5px; margin-top: 8px; } .page4l_c { width: 100%; overflow: hidden; } .page4lc_slide { width: 100%; overflow: hidden; height: 100vh; } .page4lc_slide .swiper-slide { width: 100%; height: 100vh; overflow: hidden; position: relative; } .page4lc_slide .swiper-slide b { width: 100%; height: 100vh; overflow: hidden; display: block; } .page4lc_slide .swiper-slide .page4lc_c { width: 100%; top: 30%; position: absolute; left: 0px; opacity: 0; z-index: 9; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 135px; padding-right: 30%; } .page4lc_slide .swiper-slide .page4lc_c p { width: 100%; overflow: hidden; } .page4lc_slide .swiper-slide .page4lc_c p.p1 { font-size: 24px; color: #fff; line-height: 40px; margin-bottom: 14px; } .page4lc_slide .swiper-slide .page4lc_c p.p2 { font-size: 14px; color: #fff; line-height: 26px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; display: -webkit-box; } .page4l_b { width: 100%; overflow: hidden; position: absolute; left: 0px; bottom: 30%; z-index: 9; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 135px; } .page4l_b .page4lb_prev { width: 40px; height: 40px; display: block; overflow: hidden; float: left; background: url("../images/in_03.png") center no-repeat rgba(255, 255, 255, 0.6); background-size: 100%; border-radius: 50%; } .page4l_b .page4lb_prev:hover { background: url("../images/in_03.png") center no-repeat rgba(255, 255, 255, 1); background-size: 100%; } .page4l_b .page4lb_next { width: 40px; height: 40px; display: block; overflow: hidden; float: left; background: url("../images/in_04.png") center no-repeat rgba(255, 255, 255, 0.6); background-size: 100%; border-radius: 50%; margin-left: 10px; } .page4l_b .page4lb_next:hover { background: url("../images/in_04.png") center no-repeat rgba(255, 255, 255, 1); background-size: 100%; } .page4_r { width: 65%; overflow: hidden; height: 100vh; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0px 60px; background-color: #f5f6f8; } .page4rfr { width: 100%; overflow: hidden; height: 100vh; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .page4r_slide { width: 100%; overflow: hidden; } .page4r_slide .swiper-slide { width: 100%; overflow: hidden; background-color: #f5f6f8; } .page4r_slide .swiper-slide ul li { width: 32%; overflow: hidden; margin-right: 2%; float: left; } .page4r_slide .swiper-slide ul li:nth-child(3) { margin-right: 0px; } .page4r_slide .swiper-slide ul li a { width: 100%; display: block; overflow: hidden; } .page4r_slide .swiper-slide ul li a span { width: 100%; display: block; overflow: hidden; } .page4r_slide .swiper-slide ul li a span.sp1 { font-size: 60px; color: #e0e0e0; line-height: 100px; } .page4r_slide .swiper-slide ul li a span.sp2 { font-size: 14px; color: #999; line-height: 24px; margin-top: 10px; } .page4r_slide .swiper-slide ul li a span.sp3 { font-size: 16px; color: #000; line-height: 26px; height: 60px; margin-top: 10px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; } .page4r_slide .swiper-slide ul li a span.sp4 { margin-top: 15px; } .page4r_slide .swiper-slide ul li a span.sp4 b { width: 100%; height: 241px; display: block; overflow: hidden; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } .page4r_slide .swiper-slide ul li a span.sp5 { font-size: 14px; color: #888; line-height: 24px; margin-top: 15px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; display: -webkit-box; } .page4r_slide .swiper-slide ul li a span.sp6 { margin-top: 20px; } .page4r_slide .swiper-slide ul li a span.sp6 b { width: 100%; height: 10px; display: block; overflow: hidden; background: url("../images/in_05.png") left center no-repeat; background-size: auto 100%; } .page4r_slide .swiper-slide ul li a:hover span.sp1 { color: #d7003f; } .page4r_slide .swiper-slide ul li a:hover span.sp2 { color: #d7003f; } .page4r_slide .swiper-slide ul li a:hover span.sp3 { color: #d7003f; } .page4r_slide .swiper-slide ul li a:hover span.sp5 { color: #d7003f; } .page4r_slide .swiper-slide ul li a:hover span.sp6 b { background: url("../images/in_05_on.png") left center no-repeat; background-size: auto 100%; } .page4r_slide .swiper-slide ul li a:hover span.sp4 b { transform: scale(1.01, 1.01); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); } .page5 { overflow: hidden; width: 100%; height: 100vh; position: relative; } .page5_l { width: 76%; overflow: hidden; height: 100vh; position: relative; } .page5l_slide { width: 100%; height: 100vh; overflow: hidden; } .page5l_slide .swiper-slide { width: 100%; height: 100vh; overflow: hidden; } .page5l_slide .swiper-slide b { width: 100%; height: 100vh; display: block; overflow: hidden; } .page5l_video { width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0px; left: 0px; z-index: 990; pointer-events: none; } .page5l_video video { width: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; } .page5_r { width: 41%; position: absolute; right: 0px; top: 0px; height: 100vh; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .page5rfr { overflow: hidden; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative; } .page5r_slide { width: 100%; overflow: hidden; background-color: #fff; } .page5r_slide .swiper-slide { width: 100%; overflow: hidden; } .page5r_slide .swiper-slide .page5r_c { background-color: #fff; padding: 60px 0px; position: relative; margin-left: 50px; } .page5r_slide .swiper-slide a.a1 { width: 100%; display: block; overflow: hidden; position: relative; } .page5r_slide .swiper-slide p { width: 100%; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0px 20%; text-align: right; } .page5r_slide .swiper-slide p.p1 { font-size: 14px; color: #888; line-height: 24px; } .page5r_slide .swiper-slide p.p2 { font-size: 26px; color: #000; line-height: 44px; margin-top: 20px; height: 132px; } .page5r_slide .swiper-slide p.p2 span { width: 100%; display: block; overflow: hidden; opacity: 0; } .page5r_slide .swiper-slide p.p3 { margin-top: 30px; } .page5r_slide .swiper-slide p.p3 b { width: 100%; height: 10px; display: block; overflow: hidden; background: url("../images/in_05.png") right center no-repeat; background-size: auto 100%; } .page5r_slide .swiper-slide i.i1 { width: 5%; height: 100%; display: block; overflow: hidden; background-color: #d7003f; position: absolute; right: 0px; top: 0px; } .page5r_slide .swiper-slide .page5r_c em.play { display: none; width: 100px; height: 100px; font-style: normal; cursor: pointer; position: absolute; left: -50px; top: 50%; margin-top: -50px; cursor: pointer; } .page5r_slide .swiper-slide .page5r_c em i { width: 100px; height: 100px; display: block; overflow: hidden; position: relative; } .page5r_slide .swiper-slide .page5r_c em i b.b1 { width: 0px; height: 0px; border-radius: 50%; position: absolute; left: 50%; top: 50%; -webkit-animation: an_04 1.8s linear infinite; animation: an_04 1.8s linear infinite; background-color: rgba(215, 0, 63, 1); transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } .page5r_slide .swiper-slide .page5r_c em i b.b2 { width: 0px; height: 0px; border-radius: 50%; position: absolute; left: 50%; top: 50%; -webkit-animation: an_04 1.6s linear infinite; animation: an_04 1.6s linear infinite; background-color: rgba(215, 0, 63, 1); transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } .page5r_slide .swiper-slide .page5r_c em i b.b3 { width: 0px; height: 0px; border-radius: 50%; position: absolute; left: 50%; top: 50%; -webkit-animation: an_04 1.2s linear infinite; animation: an_04 1.2s linear infinite; background-color: rgba(215, 0, 63, 1); transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } .page5r_slide .swiper-slide .page5r_c em i b.b4 { width: 100%; height: 100%; display: block; overflow: hidden; background: url("../images/in_06.png") center no-repeat; background-size: 100%; position: absolute; left: 0px; top: 0px; } .page5r_slide .swiper-slide-active .page5r_c em.play { display: block; } @-webkit-keyframes an_04 { 0% { background-color: rgba(215, 0, 63, 1); width: 0px; height: 0px; left: 50%; top: 50%; } 100% { background-color: rgba(215, 0, 63, 0); width: 100%; height: 100%; left: 0px; top: 0px; } } @keyframes an_04 { 0% { background-color: rgba(215, 0, 63, 1); width: 0px; height: 0px; left: 50%; top: 50%; } 100% { background-color: rgba(215, 0, 63, 0); width: 100%; height: 100%; left: 0px; top: 0px; } } .page5r_b { position: absolute; right: 16.5%; bottom: 0px; z-index: 99; line-height: 20px; } .page5r_b a { float: left; display: inline-block; margin-top: 4.5px; } .page5r_b a.page5rb_prev { width: 12px; height: 12px; background: url("../images/in_07.png") center no-repeat; background-size: auto 100%; } .page5r_b a.page5rb_next { width: 12px; height: 12px; background: url("../images/in_08.png") center no-repeat; background-size: auto 100%; } .page5r_b em { display: inline-block; font-style: normal; float: left; color: #999; margin: 0px 5px; } .page5r_b em i.i1 { color: #d7003f } .page6 { width: 100%; height: 100vh; overflow: hidden; background-color: #f5f6f8; position: relative; } .page6_l { width: 64%; overflow: hidden; float: left; height: 100vh; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .page6lfr { width: 100%; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 135px; padding-right: 10%; } .page6lr_slide { width: 100%; overflow: hidden; } .page6lr_slide .swiper-slide { width: 100%; overflow: hidden; background-color: #f5f6f8; } .page6lr_slide .swiper-slide .page6lf_t { width: 100%; overflow: hidden; font-size: 24px; color: #000; line-height: 40px; margin-bottom: 14px; opacity: 0; } .page6lr_slide .swiper-slide .page6lf_c { width: 100%; overflow: hidden; opacity: 0; } .page6lr_slide .swiper-slide .page6lf_c .fl { width: 50%; overflow: hidden; } .page6lr_slide .swiper-slide .page6lf_c .fl ul li { width: 100%; overflow: hidden; margin-top: 20px; } .page6lr_slide .swiper-slide .page6lf_c .fl ul li a { width: 100%; display: block; overflow: hidden; } .page6lr_slide .swiper-slide .page6lf_c .fl ul li a span { width: 100%; display: block; overflow: hidden; } .page6lr_slide .swiper-slide .page6lf_c .fl ul li a span.sp1 { font-size: 16px; color: #000; line-height: 26px; height: 52px; font-weight: bold; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; } .page6lr_slide .swiper-slide .page6lf_c .fl ul li a span.sp2 { font-size: 12px; color: #888; line-height: 24px; height: 48px; margin-top: 10px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; } .page6lr_slide .swiper-slide .page6lf_c .fl ul li a span.sp3 { margin-top: 20px; } .page6lr_slide .swiper-slide .page6lf_c .fl ul li a span.sp3 b { width: 100%; height: 10px; display: block; overflow: hidden; background: url("../images/in_05.png") left center no-repeat; background-size: auto 100%; } .page6lr_slide .swiper-slide .page6lf_c .fr { width: 40%; overflow: hidden; } .page6lr_slide .swiper-slide .page6lf_c .fr ul li { width: 100%; overflow: hidden; margin-top: 20px; } .page6lr_slide .swiper-slide .page6lf_c .fr ul li a { width: 100%; display: block; overflow: hidden; } .page6lr_slide .swiper-slide .page6lf_c .fr ul li a img { width: 100%; display: block; } .page6_r { width: 36%; overflow: hidden; float: right; height: 100vh; position: relative; } .page6_r b.b3 { width: 1px; height: 100%; display: block; overflow: hidden; background-color: rgba(255, 255, 255, 0.3); position: absolute; right: 30%; top: 0px; z-index: 98; margin-right: 12px; } .page6r_slide { width: 100%; overflow: hidden; } .page6r_slide .swiper-slide { width: 100%; height: 100vh; overflow: hidden; } .page6r_slide .swiper-slide b { width: 100%; height: 100vh; display: block; overflow: hidden; } .page6r_c { width: 100%; height: 100vh; overflow: hidden; display: flex; display: -webkit-flex; align-items: center; justify-content: center; position: absolute; left: 0px; top: 0px; z-index: 99; } .page6rcfr { width: 100%; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-right: 30%; text-align: right; } .page6rcfr ul li { width: 100%; overflow: hidden; font-size: 14px; line-height: 24px; margin: 15px 0px; } .page6rcfr ul li a { width: 100%; display: block; overflow: hidden; position: relative; } .page6rcfr ul li a em { display: inline-block; font-style: normal; } .page6rcfr ul li a span { display: inline-block; color: #fff; float: left; } .page6rcfr ul li a i { width: 24px; height: 24px; display: block; float: left; overflow: hidden; font-style: normal; position: relative; margin-left: 30px; } .page6rcfr ul li a i b.b1 { width: 0px; height: 0px; position: absolute; left: 50%; top: 50%; border: 1px solid #d7003f; border-radius: 50%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; transition: .3s linear; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; } .page6rcfr ul li a i b.b2 { width: 24px; height: 24px; display: block; overflow: hidden; background: url("../images/in_09.png") center no-repeat; background-size: 100%; position: absolute; left: 0px; top: 0px; transition: .3s linear; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; } .page6rcfr ul li.on a span { border-bottom: 2px solid #d7003f; } .page6rcfr ul li.on a i b.b1 { width: 100%; height: 100%; left: 0px; top: 0px; } .page6rcfr ul li.on a i b.b2 { background: url("../images/in_10.png") center no-repeat; background-size: 100%; } .page7 { width: 100%; height: 100vh; overflow: hidden; position: relative; background: url("../images/page7_01.jpg") center no-repeat; background-size: cover; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .page7fr { width: 100%; overflow: hidden; } .page7_c { width: 100%; overflow: hidden; padding: 0px 175px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .page7c_t { width: 100%; overflow: hidden; position: relative; line-height: 30px; } .page7c_t em { width: 100%; display: block; overflow: hidden; font-style: normal; position: absolute; left: 0px; top: 50%; margin-top: -0.5px; height: 1px; padding-right: 200px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .page7c_t em b { width: 100%; height: 1px; display: block; overflow: hidden; background-color: rgba(255, 255, 255, 0.3); } .page7c_t span { float: right; font-size: 12px; color: #fff; display: inline-block; text-transform: uppercase; } .page7c_c1 { width: 100%; overflow: hidden; margin-top: 30px; } .page7c1_l { float: left; } .page7c1_l p { width: 100%; overflow: hidden; } .page7c1_l p.p1 { font-size: 16px; color: #fff; line-height: 24px; margin-bottom: 15px; } .page7c1_l p.p2 { font-size: 14px; color: #fff; line-height: 30px; } .page7c1_c { float: left; margin-left: 60px; } .page7c1_c p { width: 100%; overflow: hidden; } .page7c1_c p.p1 { font-size: 16px; color: #fff; line-height: 24px; margin-bottom: 15px; } .page7c1_c p.p2 { font-size: 34px; color: #fff; line-height: 40px; font-weight: bold; } .page7c1_r { float: right; } .page7c1_r a { display: inline-block; float: left; margin-left: 20px; } .page7c1_r a img { display: block; } .page7c1_r a.a1 img { height: 25px; margin-top: 7.5px; } .page7c1_r a.a2 img { height: 25px; margin-top: 7.5px; } .page7c1_r a.a3 img { height: 25px; margin-top: 7.5px; } .page7c1_r a.a4 img { height: 40px; } .page7c_c2 { width: 100%; overflow: hidden; margin-top: 30px; } .page7c2_l { float: left; line-height: 30px; width: 192px; } .page7c2_l span { float: left; font-size: 16px; color: #fff; } .page7c2_l i { float: left; font-size: 14px; color: #fff; margin-left: 15px; } .page7c2_c { float: left; margin-left: 60px; } .page7c2_c span { float: left; font-size: 16px; color: #fff; } .page7c2_c i { float: left; font-size: 14px; color: #fff; margin-left: 15px; } .page7c2_c p { width: 100%; overflow: hidden; line-height: 30px; } .page7c2_r { overflow: hidden; float: right; } .page7c2_r p { width: 100%; overflow: hidden; } .page7c2_r p.p1 { font-size: 14px; line-height: 26px; } .page7c2_r p.p1 em { display: inline-block; font-style: normal; float: right; } .page7c2_r p.p1 a { float: left; color: #fff; } .page7c2_r p.p1 i { float: left; width: 1px; height: 10px; display: inline-block; background-color: #fff; margin: 0px 5px; margin-top: 8px; } .page7c2_r p.p2 { font-size: 14px; color: #fff; line-height: 24px; } .page7c_c3 { width: 100%; overflow: hidden; margin-top: 30px; } .page7c_c3 a { display: inline-block; line-height: 50px; border: 1px solid #fff; padding: 0px 40px; font-size: 14px; color: #fff; } .page7c_c4 { width: 100%; overflow: hidden; text-align: center; margin-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.3); padding-top: 40px; } .page7c_c4 ul { width: 100%; overflow: hidden; display: flex; display: -webkit-flex; justify-content: space-around } .page7c_c4 ul li { display: block; overflow: hidden; float: left; } .page7c_c4 ul li a { width: 100%; display: block; overflow: hidden; line-height: 40px; font-size: 14px; color: #fff; } .page7c_c4 ul li a img { height: 40px; display: block; float: left; } .page7c_c4 ul li a span { display: inline-block; float: left; margin-left: 15px; } .page7c_c5 { width: 100%; overflow: hidden; margin-top: 30px; } .page7c5_l { width: 100%; overflow: hidden; } .page7c5_l p { width: 100%; overflow: hidden; } .page7c5_l p.p1 { font-size: 16px; color: #fff; line-height: 24px; margin-bottom: 15px; } .page7c5_l p.p2 { font-size: 14px; color: #fff; line-height: 24px; } .page7c5_l p.p2 a { color: #fff; float: left; margin-right: 20px; } .djzt_03_slide { width: 100%; overflow: hidden; } .djzt_03_slide .swiper-slide { width: 100%; overflow: hidden; } .videofr { width: 100%; overflow: hidden; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 9999999; display: none; } .videofr .video_bg { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; background-color: rgba(0, 0, 0, 0.8); } .videofr .video_c { width: 900px; overflow: hidden; position: absolute; left: 50%; margin-left: -400px; top: 50%; margin-top: -210px; background: #000; } .videofr .video_c .video_c_t { width: 100%; overflow: hidden; background-color: #000; text-align: right; font-size: 14px; line-height: 30px; } .videofr .video_c .video_c_t a { color: #fff; margin-right: 0px; } .videofr .video_c video { width: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; /* Chrome 鍜 Safari */ -moz-backface-visibility: hidden; /* Firefox */ -ms-backface-visibility: hidden; /* Internet Explorer */ -webkit-perspective: 0; -webkit-transform: translate3d(0, 0, 0); visibility: visible; } video { backface-visibility: hidden; -webkit-backface-visibility: hidden; /* Chrome 鍜 Safari */ -moz-backface-visibility: hidden; /* Firefox */ -ms-backface-visibility: hidden; /* Internet Explorer */ -webkit-perspective: 0; -webkit-transform: translate3d(0, 0, 0); visibility: visible; } .topfr_pos { position: fixed; } @media screen and (max-width:1366px) { .page4r_slide .swiper-slide ul li a span.sp4 b { height: 163px; } } @media screen and (max-width:1000px) { .wrap_c { width: auto; margin: 0px 4%; } .topfr .top_logo { width: 60px; } .top_menu_click_other { display: block; } .topfr .top_menu { display: none; } .topfr .top_lang { height: 60px; } .topfr .top_search { height: 60px; } .top_menufr { padding-top: 85px; background-color: #f5f6f8; } .top_menufr ul li.li1 { display: none; } .top_menufr ul li { width: 100%; height: auto; border-right: 0px; } .top_menufr ul li:nth-child(7) { border-right: 0px; } .top_menufr ul li dl { margin-top: 0px; padding: 0px 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin-bottom: 10px; display: block; } .top_menufr ul li dt { text-align: left; margin-bottom: 5px; } .top_menufr ul li dd { text-align: left; width: auto; float: left; margin: 0px 10px 0px 0px; } .top_menufr ul li dt a { font-size: 16px; line-height: 26px; margin-bottom: 0px; } .top_menufr ul li:hover b.b2 { width: 0px; left: 0px; opacity: 0; } .top_menufr ul li:hover dl dt a { color: #000; } .top_menufr ul li:hover dl dd a { color: #888; } .top_menufr ul li:hover b.b1 { display: none; } .topfr { padding: 5px 5px 0px 5px; } .mainfr { margin: 5px 5px 0px 5px; } .top_menufr ul li b.b2 { display: none; } .top_menufr ul li b.b1 { display: none; } .ldzc_01 .fl { width: 100%; } .ldzc_01 .fr { width: 100%; } .ldzc_01 .fr img { width: auto; max-width: 100%; margin: 0px auto; padding: 0px; } .btn_01 { display: none; } .btnfr1 .btn_01 { display: block; } .btnfr1 .btn_01 .fl dl { width: 100%; } .btnfr1 .btn_01 .fl dl dt { width: 100%; } .btnfr1 .btn_01 .fl dl dd { width: auto; float: left; margin-right: 10px; } .btn_02 { margin-top: 0px; border-top: 0px; } .btn_02 .fl { text-align: center; width: 100%; } .btn_02 .fl a { float: none; margin: 0px 5px; } .btn_02 .fr { text-align: center; width: 100%; } .sub_01 b.b1 { height: 300px; } .sub_01_c { height: 350px; } .sub_01_c p.p1 { font-size: 20px; line-height: 30px; } .sub_01_c p.p2 { font-size: 12px; line-height: 20px; } .titlefr { margin-top: 20px; } .titlefr p.p1 { font-size: 16px; line-height: 30px; } .titlefr p.p2 { font-size: 12px; line-height: 16px; } .titlefr p.p2 b { width: 24px; height: 1px; margin-left: -12px; } .ldzc_01 { margin-top: 20px; } .gltd_01 .fl { width: 100%; margin: 0px; } .gltd_01 .fr { width: 100%; margin: 0px; } .gltd_01 { padding-bottom: 0px; } .gltd_02 { padding: 20px 0px; } .jkzl_01 .wrap_c { padding: 30px 0px; } .jkzl_01 p.p1 { font-size: 60px; line-height: 60px; } .jkzl_02 { margin-top: 0px; } .bkgl_01 ul { width: 100%; } .bkgl_01 ul li { width: 33.33333%; } .bkgl_01 ul li a em.em1 span img { height: 30px; } .bkgl_01 ul li a em.em2 { font-size: 12px; line-height: 20px; height: 40px; } .bkgl_01 ul li a { padding-top: 10px; } .bkgl_02 .wrap_c { padding: 20px 10px; } .dddt_01 { margin-top: 0px; } .dddt_01 ul li a { display: block; } .dddt_01 ul li a em { display: block; } .dddt_01 ul li a em.em1 { display: none; } .dddt_01 ul li a em.em2 { width: 100%; } .dddt_01 ul li a em.em3 { width: 100%; padding-left: 0px; margin-top: 10px; } .dddt_01 ul li a em.em3 span.sp3 { position: relative; left: 0px; margin-top: 14px; } .dddt_01 ul li a em.em3 span.sp3 b { height: 5px; } .dddt_01 ul li a em.em2 b { height: 200px; } .pages a { display: none; } .pages a.a1 { display: inline-block; } .pages a.on { display: inline-block; } .pages span { display: none; } .pages i { display: none; } .djzt_01 { padding-top: 20px; } .djzt_02 .djzt_02_prev { background-size: 20px; } .djzt_02 .djzt_02_next { background-size: 20px; } .djzt_03_c { width: 100%; } .zgzj_02 { margin-top: 20px; } .zgzj_03 { margin-bottom: 20px; } .zgzj_0 b.bg_01 { height: 122px; } .newsxq_01 { margin-top: 20px; } .newsxq_03 .wrap_c { padding-top: 50px; } .xxzlk_01 ul li { margin-bottom: 5px; border-right: 1px solid #eee; } .xxzlk_01 ul { border: 0px; } .zjg_01 ul li .zjg_01_img { width: 100%; position: relative; left: 0px; height: 200px; } .zjg_01 ul li .zjg_01_txt { width: 100%; margin: 0px; } .zjg_01 ul li:nth-child(2n) .zjg_01_img { right: 0px; } .zjg_01 ul li:nth-child(2n) .zjg_01_txt { margin: 0px; } .jtfc_01_c .fl { width: 100%; } .jtfc_01_c .fl a em.em1 b { height: 260px; } .jtfc_01_c .fr { width: 100%; margin-top: 20px; } .jtfc_01_c a em.em1 b { height: 160px; } .videofr .video_c { width: 90%; left: 5%; margin-left: 0px; } .jtfc_02 { margin-top: 20px; } .jtfc_04 .jtfc_04_prev { background-size: 8px; } .jtfc_04 .jtfc_04_next { background-size: 8px; } .rcln_01_c .fl { width: 100%; } .rcln_01_c .fr { width: 100%; } .rcln_01_c { width: 100%; } .job_01 .fl { width: 100%; } .job_01 .fr { width: 100%; margin-top: 20px; } .job_02 ul li { margin: 0px 5px; } .job_02 ul li a { width: 80px; } .job_02 ul li a span { font-size: 12px; bottom: 7px; } .job_03_c table tr th:nth-child(3) { display: none; } .job_03_c table tr th:nth-child(4) { display: none; } .job_03_c table tr td:nth-child(3) { display: none; } .job_03_c table tr td:nth-child(4) { display: none; } .td_01_c .td_01c_t ul li { width: 100%; text-align: left; } .td_01_c .td_01c_t { padding: 10px; } .job_03_c table tr.tr_hid td { padding: 10px; } .td_01_c .td_01c_c { padding: 10px; } .td_01_c .td_01c_c dl { width: 100%; } .td_01_c .td_01c_b { padding: 10px; } .lxwm_01 b { width: 100%; position: relative; height: 200px; } .lxwm_01 .fr { width: 100%; padding: 10px; } .lxwm_01 .fr p.p1 { font-size: 16px; line-height: 30px; padding-bottom: 10px; } .page1_slide .swiper-slide .page1_c span.sp1 { font-size: 12px; line-height: 20px; } .page1_slide .swiper-slide .page1_c span.sp2 { font-size: 18px; line-height: 28px; } .page1_slide .swiper-slide .page1_c span.sp3 i { width: 30px; height: 30px; } .page1_a a span { font-size: 12px; margin: 0px 12px; } .page1_a { width: 30%; } .page1_enter { width: 70%; height: 100px; } .page1_enter a b { height: 100px; } .page2l_t { padding-left: 10px; } .page2l_t i { width: 30px; } .page2l_c_slide .swiper-slide .page2lcs_c { padding-left: 10px; padding-right: 10px; } .page2l_c_slide .swiper-slide .page2lcs_c p.p1 { font-size: 18px; line-height: 28px; } .page2l_c_slide .swiper-slide .page2lcs_c p.p2 { font-size: 12px; line-height: 20px; } .page2l_b { padding-left: 10px; } .page2l_b .page2lb_prev { width: 30px; height: 30px; } .page2l_b .page2lb_next { width: 30px; height: 30px; } .page2r_fr { padding-right: 10px; padding-left: 10px; } .page2rc_slide .swiper-slide a em.em1 { height: 30vh; } .page2rc_slide .swiper-slide a em.em2 span.sp1 { font-size: 14px; line-height: 24px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .page2rc_slide .swiper-slide a em.em2 span.sp2 { font-size: 12px; line-height: 20px; height: 40px; } .page3r_c { width: 90%; } .page3rct_slide .swiper-slide { height: 80px; } .page3rct_slide .swiper-slide b { height: 80px; } .page3rct_slide { height: 80px; } .page3r_c .page3rc_fr { padding: 0px 10px; } .page3rc_c ul li a { padding: 0px; font-size: 12px; line-height: 24px; } .page3rc_c ul li { line-height: 24px; } .page3rc_c ul li a b { width: 5px; margin-top: 12px; } .page3lfr { padding-left: 10px; padding-right: 10px; } .page3l_slide .swiper-slide p.p1 { font-size: 12px; line-height: 20px; } .page3l_slide .swiper-slide p.p2 { font-size: 18px; line-height: 28px; } .page3l_slide .swiper-slide p.p3 { font-size: 12px; } .page3l_slide .swiper-slide p.p4 { margin-top: 20px; } .page3l_slide .swiper-slide p.p4 a { line-height: 30px; padding: 0px 15px; font-size: 12px; } .page4_l { width: 50%; } .page4_r { width: 50%; padding: 0px 10px; } .page4l_t { padding-left: 10px; } .page4l_t i { width: 30px; } .page4lc_slide .swiper-slide .page4lc_c { padding-left: 10px; padding-right: 10px; } .page4lc_slide .swiper-slide .page4lc_c p.p1 { font-size: 18px; line-height: 28px; } .page4lc_slide .swiper-slide .page4lc_c p.p2 { font-size: 12px; line-height: 20px; } .page4l_b { padding-left: 10px; } .page4l_b .page4lb_prev { width: 30px; height: 30px; } .page4l_b .page4lb_next { width: 30px; height: 30px; } .page4r_slide .swiper-slide ul li { width: 100%; margin-right: 0px; margin-bottom: 20px; } .page4r_slide .swiper-slide ul li:nth-child(3) { margin-bottom: 0px; } .page4r_slide .swiper-slide ul li a span.sp1 { display: none; } .page4r_slide .swiper-slide ul li a span.sp2 { display: none; } .page4r_slide .swiper-slide ul li a span.sp3 { font-size: 14px; line-height: 24px; height: 24px; -webkit-line-clamp: 1; } .page4r_slide .swiper-slide ul li a span.sp5 { display: none; } .page4r_slide .swiper-slide ul li a span.sp6 { display: none; } .page4r_slide .swiper-slide ul li a span.sp4 b { height: 115px; } .page4r_slide .swiper-slide ul li a span.sp4 { margin-top: 5px; } .page5_r { width: 91%; } .page5r_slide .swiper-slide i.i1 { width: 5px; } .page5r_slide .swiper-slide p.p2 { font-size: 18px; line-height: 28px; height: 84px; } .page5r_b { bottom: 20px; } .page6_l { width: 50%; } .page6_r { width: 50%; } .page6lfr { padding-left: 10px; padding-right: 10px; } .page6lr_slide .swiper-slide .page6lf_t { font-size: 18px; line-height: 28px; } .page6lr_slide .swiper-slide .page6lf_c .fl { width: 100%; } .page6lr_slide .swiper-slide .page6lf_c .fr { width: 100%; margin-top: 20px; } .page6lr_slide .swiper-slide .page6lf_c .fl ul li a span.sp2 { display: none; } .page6lr_slide .swiper-slide .page6lf_c .fl ul li a span.sp1 { font-size: 14px; line-height: 24px; height: 48px; } .page6lr_slide .swiper-slide .page6lf_c .fl ul li:nth-child(1) { margin-top: 0px; } .page6lr_slide .swiper-slide .page6lf_c .fl ul li a span.sp3 { margin-top: 10px; } .page6lr_slide .swiper-slide .page6lf_c .fr { margin-top: 0px; } .page6rcfr { padding-right: 20px; } .page6rcfr ul li a i { margin-left: 10px; } .page6_r b.b3 { right: 31.52px; margin-right: 0px; } .page7_c { padding: 0px 10px; } .page7c1_l { width: 50%; } .page7c1_c { width: 50%; margin-left: 0px; } .page7c1_l p.p1 { margin-bottom: 5px; font-size: 14px; line-height: 20px; } .page7c1_l p.p2 { font-size: 12px; line-height: 20px; } .page7c1_c p.p1 { margin-bottom: 5px; font-size: 14px; line-height: 20px; } .page7c1_c p.p2 { font-size: 20px; line-height: 30px; } .page7c1_r { display: none; } .page7c2_l { width: 100%; line-height: 24px; } .page7c2_c { margin-left: 0px; width: 100%; } .page7c2_l span { font-size: 14px; } .page7c2_c span { font-size: 14px; } .page7c2_c p { line-height: 24px; } .page7c2_r p.p1 { font-size: 12px; line-height: 20px; } .page7c_c3 { margin-top: 10px; } .page7c_c3 a { font-size: 12px; padding: 0px 20px; line-height: 30px; } .page7c2_r { width: 100%; margin-top: 10px; } .page7c2_r p.p2 { font-size: 12px; line-height: 20px; } .page7c2_r p.p1 i { margin-top: 6px; } .page7c2_r p.p1 em { float: left; } .page1 { height: 100vh; } .newsxq_02 .wrap_c { width: auto; margin: 0px 4%; } .newsxq_02 img { max-width: 100%; } .bkgl_01_slide { height: 84px; } .bkgl_01_slide .swiper-slide a em.em1 span img { height: 30px; } .bkgl_01_slide .swiper-slide a em.em2 { font-size: 12px; } .bkgl_01_slide .swiper-slide a { padding: 10px 0px; } .bkgl_01 .wrap_c { margin: 0px; } .bkgl_02 .wrap_c { width: auto; } } @media screen and (max-width:750px) { .zzjg_01 img { width: 100%; display: block; margin: 0px auto; padding: 0px; } } @media screen and (max-width:690px) {} @media screen and (max-width:512px) {}