.ftlt h2{ line-height: 2.5; } .img_cndx{ position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .cndx_box{ height: 412px; margin-bottom: 20px; } .cndx_left{ width: 65%; height: 100%; float: left; position: relative; } .cndx_left .img_d img{ height: 412px; } .cndx_box .txt{ position: absolute; width: 100%; height: 80px; line-height: 80px; left: 0; bottom: 0; background-image: linear-gradient(rgba(0, 0, 0, 0), #000000); color: #fff; } .cndx_box .txt .tit{ font-size: 25px; margin-left: 40px; } .cndx_right{ width: 34%; float: right; } .cndx_right li{ border-left: 2px solid #2f79d1; border-right: 2px solid #2f79d1; border-top: 2px solid #2f79d1; height:103px; line-height: 103px; padding-left: 140px; position: relative; color: #050505; font-size: 18px; } .cndx_right li:first-child{ border-radius: 4px 4px 0 0; } .cndx_right li:last-child{ border-bottom: 2px solid #2f79d1; border-radius: 0 0 4px 4px; } .cndx_right li .ddbg{ width: 80px; height: 80px; background-position: center center; background-repeat: no-repeat; background-size: auto 40%; position: absolute; left: 30px; top: 11.5px; background-color:#fef4e5; border-radius: 50%; } /*531*/ .cndx{ background-color: #f4f4f4; margin-top: -30px; height: 740px; position: relative; } .cndx .text{ width: 700px; padding: 150px 0; } .cndx .text .ftlte2 { text-align: left; } .ftlte2 h2 { font-size: 44px; line-height: 1.8; color: #232323; font-weight: bold; position: relative; } .ftlte2 p { margin-top: 24px; font-size: 18px; line-height: 2.2; color: #232323; } .cndx_qd{ width: 100%; margin-top: 50px; } .cndx_q1{ width: 33.3333%; float: left; } .cndx_q1_l{ width: 200px; height: 200px; border-radius: 50%; border: 2px solid #ffa820; text-align: center; background-color: #fff; position: relative; } .cndx_q1_l::before{ content: ''; width: 170px; height: 170px; background-color: #ffa820; position: absolute; top: 13px; left: 13px; border-radius: 50%; } .cndx_q1_l p{ width: 100%; position: absolute; top: 70px; text-align: center; color: #fff; font-size: 18px; } .cndx_q1_l p span{ font-size: 32px; display: block; margin-bottom: 15px; } .pack_img{ position: absolute; right: 0; top: 0; width: 50%; height: 100%; } .pack_img_b{ width: 100%; height: 100%; overflow: hidden; } .pack_img_bm{ overflow: hidden; height: 365px; } .pack_img_bm:nth-child(1){ margin-bottom: 10px; width: 100%; float: left; } .pack_img_bm:nth-child(2){ width: 49.5%; float: left; } .pack_img_bm:nth-child(3){ width: 49.5%; float: right; } .pack_img_bm img{ width: 100%; height: 100%; } /**/ .qmwarpcb{ margin-top: 50px; } .qmwarpcb .text{ padding: 50px 0; margin-bottom: 50px; background: url(/images/xny/lsny.png) right bottom no-repeat; } .qmwarpcb .text .ftlte2{ width: 700px; } .qmwarpcb .cyl{ height: 200px; } .qmwarpcb .kpt{ float: left; width: 22%; margin-right: 4%; } .qmwarpcb .kpt:last-child{ margin-right: 0px; } .qmwarpcb .pnum{ height: 80px; font-size: 32px; text-align: center; margin-bottom: 40px; position: relative; } .qmwarpcb .pnum::after{ content: ''; width: 60%; height: 2px; background-color: #ccc; position: absolute; left: 20%; bottom: 0; } .qmwarpcb .pnum span{ font-size: 44px; font-weight: bold; color: #ffa820; } .qmwarpcb .ptitle{ text-align: center; font-size: 22px; font-weight: bold; } .fcoreny{ width: 102%; } .fcoreny .swiper-slide li{ float: left; width: 100%; padding: 0 1%; } .fcoreny .pr_next{ margin: 50px auto; width: 170px; } .fcoreny .pr_next .prev{ background: url(/images/xny/icon_jt_left.png) no-repeat center; background-size: contain; width: 70px; height: 70px; float: left; cursor: pointer; } .fcoreny .pr_next .next{ background: url(/images/xny/icon_jt_right.png) no-repeat center; background-size: contain; width: 70px; height: 70px; float: right; cursor: pointer; } .fcoreny .pr_next .prev:hover{ background: url(/images/xny/icon_jt_left_hover.png) no-repeat center; background-color: #0059ce; border-radius: 50%; } .fcoreny .pr_next .next:hover{ background: url(/images/xny/icon_jt_right_hover.png) no-repeat center; background-color: #0059ce; border-radius: 50%; } .fcoreny .txt { position: absolute; width: 98%; height: 80px; line-height: 80px; left: 1%; bottom: 0; background-image: linear-gradient(rgba(0, 0, 0, 0), #000000); color: #fff; } .fcoreny .txt .tit { font-size: 25px; margin-left: 38px; } @media only screen and (max-width:1800px) { .cndx_box{ height: 400px; margin-bottom: 20px; } .cndx_left .img_d img{ height: 400px; } .cndx_right li{ height:100px; line-height: 100px; padding-left: 130px; } .cndx_right li .ddbg{ width: 70px; height: 70px; left: 30px; top: 15px; } .cndx .qmwarp { margin: 0 100px; width: auto; } } @media only screen and (max-width:1640px) { .cndx_box{ height: 380px; margin-bottom: 20px; } .cndx_left .img_d img{ height: 380px; } .cndx_right li{ height:95px; line-height: 95px; padding-left: 120px; } .cndx_right li .ddbg{ width: 65px; height: 65px; left: 30px; top: 15px; } .cndx{ height: 700px; } .cndx .text{ width: 600px; padding: 120px 0; } .ftlte2 h2{ font-size: 36px; } .cndx_q1_l{ width: 180px; height: 180px; } .cndx_q1_l::before{ width: 156px; height: 156px; top: 10px; left: 10px; } .cndx_q1_l p{ top: 60px; } .cndx_q1_l p span{ font-size: 30px; } .pack_img_bm{ height: 345px; } } @media only screen and (max-width:1440px) { .cndx{ height: 650px; } .cndx .text{ width: 590px; padding: 100px 0; } .ftlte2 h2{ font-size: 36px; } .cndx_q1_l{ width: 180px; height: 180px; } .cndx_q1_l::before{ width: 156px; height: 156px; top: 10px; left: 10px; } .cndx_q1_l p{ top: 60px; } .cndx_q1_l p span{ font-size: 30px; } .pack_img_bm{ height: 320px; } .cndx .qmwarp { margin: 0 50px; } } @media only screen and (max-width:1360px) { .cndx_box{ height: 360px; margin-bottom: 20px; } .cndx_left .img_d img{ height: 360px; } .cndx_right li{ height:90px; line-height: 90px; padding-left: 110px; font-size: 16px; } .cndx_right li .ddbg{ width: 60px; height: 60px; left: 30px; top: 15px; } .cndx{ height: 600px; } .cndx .text{ width: 550px; padding: 100px 0; } .ftlte2 h2{ font-size: 36px; } .cndx_q1_l{ width: 160px; height: 160px; } .cndx_q1_l::before{ width: 140px; height: 140px; top: 8px; left: 8px; } .cndx_q1_l p{ top: 50px; } .cndx_q1_l p span{ font-size: 28px; margin-bottom: 10px; } .pack_img_bm{ height: 295px; } } @media only screen and (max-width:1240px) { .cndx .qmwarp { margin: 0 20px; } } @media only screen and (max-width:1200px) { .cndx_left{ width: 100%; /*clear: both;*/ margin-bottom: 10px; } .cndx_left .img_d img{ height: auto; } .cndx_box{ height:auto; } .cndx_box .txt{ height: 30px; line-height: 30px; } .cndx_box .txt .tit{ font-size: 14px; margin-left: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .cndx_right{ width: 100%; /*clear: both;*/ margin-bottom: 10px; } .cndx_right li{ height:60px; line-height: 60px; padding-left: 60px; font-size: 14px; } .cndx_right li .ddbg{ width: 40px; height: 40px; left: 10px; top: 10px; } .ftlte2 h2{ font-size: 20px; } .ftlte2 p{ font-size: 14px; line-height: 1.6; } .cndx{ margin-top: 0px; height: auto; } .cndx .text{ width: 100%; padding: 10px 0; } .ftlte2 p{ margin-top: 15px; } .cndx_q1_l{ width: 100px; height: 100px; } .cndx_q1_l::before{ width: 80px; height: 80px; top: 8px; left: 8px; } .cndx_qd{ margin-top: 20px; } .pack_img{ position:static; width:100%; padding: 0px 20px; } .cndx_qd{ height: 120px; } .cndx_q1_l{ margin: 0 auto; } .cndx_q1_l p{ top:22px; font-size: 14px; } .cndx_q1_l p span{ font-size: 16px; margin-bottom: 0px; } .pack_img_bm{ width:100% !important; height: auto; margin-bottom: 5px !important; } .pack_img_b{ clear: both; } .qmwarpcb .text{ width: 100%; padding: 10px 0; background: none; margin-bottom: 10px; } .qmwarpcb .text .ftlte2{ width: 100%; } .qmwarpcb .pnum{ font-size: 14px; } .qmwarpcb .pnum span{ font-size: 20px; } .qmwarpcb .pnum{ height: 35px; margin-bottom: 5px; } .qmwarpcb .pnum::after{ width: 80%; left: 10%; } .qmwarpcb .kpt{ width: 48%; margin-right:2%; margin-bottom: 30px; } .qmwarpcb .ptitle{ font-size: 16px; } .fcoreny{ width: 100%; } .fcoreny .swiper-slide li{ padding:0; } .fcoreny .txt{ width: 100%; left: 0; height: 30px; line-height: 30px; } .fcoreny .txt .tit{ font-size: 14px; margin-left: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .fcoreny .pr_next{ display: none; } } @media only screen and (max-width:800px){ }