/* 前端白明明 */ .f_12{font-size:12px;} .f_13{font-size:13px;} .f_14{font-size:14px;} .f_15{font-size:15px;} .f_16{font-size:16px;} .f_17{font-size:17px;} .f_18{font-size:18px;} .f_19{font-size:19px;} .f_20{font-size:20px;} .f_21{font-size:21px;} .f_22{font-size:22px;} .f_23{font-size:23px;} .f_24{font-size:24px;} .f_25{font-size:25px;} .f_26{font-size:26px;} .f_27{font-size:27px;} .f_28{font-size:28px;} .f_29{font-size:29px;} .f_30{font-size:30px;} .f_31{font-size:31px;} .f_32{font-size:32px;} .f_33{font-size:33px;} .f_34{font-size:34px;} .f_35{font-size:35px;} .f_36{font-size:36px;} .f_37{font-size:37px;} .f_38{font-size:38px;} .f_39{font-size:39px;} .f_40{font-size:40px;} .f_41{font-size:41px;} .f_42{font-size:42px;} .f_43{font-size:43px;} .f_44{font-size:44px;} .f_45{font-size:45px;} .f_46{font-size:46px;} .f_47{font-size:47px;} .f_48{font-size:48px;} .f_49{font-size:49px;} .f_50{font-size:50px;} .f_51{font-size:51px;} .f_52{font-size:52px;} .f_53{font-size:53px;} .f_54{font-size:54px;} .f_55{font-size:55px;} .f_56{font-size:56px;} .f_57{font-size:57px;} .f_58{font-size:58px;} .f_59{font-size:59px;} .f_60{font-size:60px;} .f_61{font-size:61px;} .f_62{font-size:62px;} .f_63{font-size:63px;} .f_64{font-size:64px;} .f_65{font-size:65px;} .f_66{font-size:66px;} .f_67{font-size:67px;} .f_68{font-size:68px;} .f_69{font-size:69px;} .f_70{font-size:70px;} .f_71{font-size:71px;} .f_72{font-size:72px;} .f_73{font-size:73px;} .f_74{font-size:74px;} .f_75{font-size:75px;} .f_76{font-size:76px;} .f_77{font-size:77px;} .f_78{font-size:78px;} .f_79{font-size:79px;} .f_80{font-size:80px;} @media (max-width: 1681px) { .f_12{font-size:12px;} .f_13{font-size:13px;} .f_14{font-size:13px;} .f_15{font-size:13px;} .f_16{font-size:15px;} .f_17{font-size:16px;} .f_18{font-size:17px;} .f_19{font-size:18px;} .f_20{font-size:18px;} .f_21{font-size:19px;} .f_22{font-size:20px;} .f_23{font-size:21px;} .f_24{font-size:22px;} .f_25{font-size:23px;} .f_26{font-size:24px;} .f_27{font-size:25px;} .f_28{font-size:26px;} .f_29{font-size:27px;} .f_30{font-size:27px;} .f_31{font-size:28px;} .f_32{font-size:29px;} .f_33{font-size:30px;} .f_34{font-size:31px;} .f_35{font-size:32px;} .f_36{font-size:33px;} .f_37{font-size:34px;} .f_38{font-size:35px;} .f_39{font-size:36px;} .f_40{font-size:37px;} .f_41{font-size:38px;} .f_42{font-size:39px;} .f_43{font-size:39px;} .f_44{font-size:40px;} .f_45{font-size:41px;} .f_46{font-size:42px;} .f_47{font-size:43px;} .f_48{font-size:44px;} .f_49{font-size:45px;} .f_50{font-size:45px;} .f_51{font-size:46px;} .f_52{font-size:47px;} .f_53{font-size:48px;} .f_54{font-size:49px;} .f_55{font-size:50px;} .f_56{font-size:51px;} .f_57{font-size:52px;} .f_58{font-size:53px;} .f_59{font-size:54px;} .f_60{font-size:54px;} .f_61{font-size:55px;} .f_62{font-size:56px;} .f_63{font-size:57px;} .f_64{font-size:58px;} .f_65{font-size:59px;} .f_66{font-size:60px;} .f_67{font-size:61px;} .f_68{font-size:62px;} .f_69{font-size:63px;} .f_70{font-size:64px;} .f_71{font-size:65px;} .f_72{font-size:66px;} .f_73{font-size:66px;} .f_74{font-size:66px;} .f_75{font-size:68px;} .f_76{font-size:68px;} .f_77{font-size:69px;} .f_78{font-size:70px;} .f_79{font-size:71px;} .f_80{font-size:72px;} } @media (max-width: 1481px) { .f_12{font-size:12px;} .f_13{font-size:13px;} .f_14{font-size:13px;} .f_15{font-size:13px;} .f_16{font-size:14px;} .f_17{font-size:14px;} .f_18{font-size:16px;} .f_19{font-size:16px;} .f_20{font-size:16px;} .f_21{font-size:17px;} .f_22{font-size:18px;} .f_23{font-size:19px;} .f_24{font-size:20px;} .f_25{font-size:21px;} .f_26{font-size:22px;} .f_27{font-size:23px;} .f_28{font-size:24px;} .f_29{font-size:25px;} .f_30{font-size:26px;} .f_31{font-size:25px;} .f_32{font-size:26px;} .f_33{font-size:27px;} .f_34{font-size:28px;} .f_35{font-size:29px;} .f_36{font-size:30px;} .f_37{font-size:31px;} .f_38{font-size:32px;} .f_39{font-size:33px;} .f_40{font-size:34px;} .f_41{font-size:35px;} .f_42{font-size:36px;} .f_43{font-size:37px;} .f_44{font-size:38px;} .f_45{font-size:37px;} .f_46{font-size:38px;} .f_47{font-size:39px;} .f_48{font-size:40px;} .f_49{font-size:41px;} .f_50{font-size:42px;} .f_51{font-size:43px;} .f_52{font-size:44px;} .f_53{font-size:45px;} .f_54{font-size:46px;} .f_55{font-size:47px;} .f_56{font-size:48px;} .f_57{font-size:49px;} .f_58{font-size:50px;} .f_59{font-size:51px;} .f_60{font-size:52px;} .f_61{font-size:51px;} .f_62{font-size:52px;} .f_63{font-size:53px;} .f_64{font-size:54px;} .f_65{font-size:55px;} .f_66{font-size:56px;} .f_67{font-size:57px;} .f_68{font-size:58px;} .f_69{font-size:59px;} .f_70{font-size:60px;} .f_71{font-size:55px;} .f_72{font-size:56px;} .f_73{font-size:57px;} .f_74{font-size:58px;} .f_75{font-size:59px;} .f_76{font-size:60px;} .f_77{font-size:61px;} .f_78{font-size:61px;} .f_79{font-size:63px;} .f_80{font-size:64px;} } @media (max-width: 1281px) { .f_13 {font-size: 12px;} .f_14 {font-size: 12px;} .f_15 {font-size: 12px;} .f_16 {font-size: 13px;} .f_17 {font-size: 16px;} .f_18 {font-size: 15px;} .f_19 {font-size: 16px;} .f_20 {font-size: 17px;} .f_22 {font-size: 18px;} .f_24 {font-size: 19px;} .f_25 {font-size: 20px;} .f_26 {font-size: 21px;} .f_27 {font-size: 22px;} .f_28 {font-size: 23px;} .f_29 {font-size: 24px;} .f_30 {font-size: 25px;} .f_31 {font-size: 26px;} .f_32 {font-size: 27px;} .f_33 {font-size: 24px;} .f_34 {font-size: 25px;} .f_35 {font-size: 26px;} .f_36 {font-size: 27px;} .f_37 {font-size: 28px;} .f_38 {font-size: 29px;} .f_39 {font-size: 30px;} .f_40 {font-size: 31px;} .f_41 {font-size: 32px;} .f_42 {font-size: 33px;} .f_43 {font-size: 34px;} .f_44 {font-size: 35px;} .f_45 {font-size: 36px;} .f_46 {font-size: 37px;} .f_47 {font-size: 38px;} .f_48 {font-size: 39px;} .f_49 {font-size: 40px;} .f_50 {font-size: 38px;} .f_51 {font-size: 39px;} .f_52 {font-size: 40px;} .f_53 {font-size: 41px;} .f_54 {font-size: 42px;} .f_55 {font-size: 43px;} .f_56 {font-size: 44px;} .f_57 {font-size: 45px;} .f_58 {font-size: 46px;} .f_59 {font-size: 47px;} .f_60 {font-size: 48px;} .f_61 {font-size: 49px;} .f_62 {font-size: 50px;} .f_63 {font-size: 51px;} .f_64 {font-size: 52px;} .f_65 {font-size: 53px;} .f_66 {font-size: 54px;} .f_67 {font-size: 55px;} .f_68 {font-size: 56px;} .f_69 {font-size: 57px;} .f_70 {font-size: 58px;} .f_71 {font-size: 51px;} .f_72 {font-size: 52px;} .f_73 {font-size: 53px;} .f_74 {font-size: 54px;} .f_75 {font-size: 55px;} .f_76 {font-size: 56px;} .f_77 {font-size: 57px;} .f_78 {font-size: 58px;} .f_79 {font-size: 59px;} .f_80 {font-size: 60px;} } @media (max-width: 1024px) { .f_24 { font-size: 16px; } .f_25 { font-size: 17px; } .f_26 { font-size: 18px; } .f_27 { font-size: 19px; } .f_28 { font-size: 20px; } .f_29 { font-size: 21px; } .f_30 { font-size: 22px; } .f_31 { font-size: 23px; } .f_32 { font-size: 24px; } .f_33 { font-size: 21px; } .f_34 { font-size: 22px; } .f_35 { font-size: 23px; } .f_36 { font-size: 24px; } .f_37 { font-size: 25px; } .f_38 { font-size: 26px; } .f_39 { font-size: 27px; } .f_40 { font-size: 28px; } .f_41 { font-size: 29px; } .f_42 { font-size: 30px; } .f_43 { font-size: 31px; } .f_44 { font-size: 32px; } .f_45 { font-size: 33px; } .f_46 { font-size: 34px; } .f_47 { font-size: 35px; } .f_48 { font-size: 36px; } .f_49 { font-size: 37px; } .f_50 { font-size: 34px; } .f_51 { font-size: 35px; } .f_52 { font-size: 36px; } .f_53 { font-size: 37px; } .f_54 { font-size: 38px; } .f_55 { font-size: 39px; } .f_56 { font-size: 40px; } .f_57 { font-size: 41px; } .f_58 { font-size: 42px; } .f_59 { font-size: 43px; } .f_60 { font-size: 44px; } .f_61 { font-size: 45px; } .f_62 { font-size: 46px; } .f_63 { font-size: 47px; } .f_64 { font-size: 48px; } .f_65 { font-size: 49px; } .f_66 { font-size: 50px; } .f_67 { font-size: 51px; } .f_68 { font-size: 52px; } .f_69 { font-size: 53px; } .f_70 { font-size: 54px; } .f_71 { font-size: 47px; } .f_72 { font-size: 48px; } .f_73 { font-size: 49px; } .f_74 { font-size: 50px; } .f_75 { font-size: 51px; } .f_76 { font-size: 52px; } .f_77 { font-size: 53px; } .f_78 { font-size: 54px; } .f_79 { font-size: 55px; } .f_80 { font-size: 56px; } } @media (max-width: 960px) { .f_16 { font-size: 12px; } .f_18 { font-size: 14px; } .f_20 { font-size: 16px; } .f_33 { font-size: 20px; } .f_34 { font-size: 21px; } .f_35 { font-size: 22px; } .f_36 { font-size: 23px; } .f_37 { font-size: 24px; } .f_38 { font-size: 25px; } .f_39 { font-size: 26px; } .f_40 { font-size: 24px; } .f_41 { font-size: 25px; } .f_42 { font-size: 26px; } .f_43 { font-size: 27px; } .f_44 { font-size: 28px; } .f_45 { font-size: 29px; } .f_46 { font-size: 30px; } .f_47 { font-size: 31px; } .f_48 { font-size: 32px; } .f_49 { font-size: 33px; } .f_50 { font-size: 28px; } .f_51 { font-size: 29px; } .f_52 { font-size: 30px; } .f_53 { font-size: 31px; } .f_54 { font-size: 32px; } .f_55 { font-size: 33px; } .f_56 { font-size: 34px; } .f_57 { font-size: 35px; } .f_58 { font-size: 36px; } .f_59 { font-size: 37px; } .f_60 { font-size: 36px; } .f_61 { font-size: 37px; } .f_62 { font-size: 38px; } .f_63 { font-size: 39px; } .f_64 { font-size: 40px; } .f_65 { font-size: 41px; } .f_66 { font-size: 42px; } .f_67 { font-size: 43px; } .f_68 { font-size: 44px; } .f_69 { font-size: 45px; } .f_70 { font-size: 46px; } .f_70 { font-size: 42px; } .f_71 { font-size: 43px; } .f_72 { font-size: 44px; } .f_73 { font-size: 45px; } .f_74 { font-size: 46px; } .f_75 { font-size: 47px; } .f_76 { font-size: 48px; } .f_77 { font-size: 49px; } .f_78 { font-size: 44px; } .f_79 { font-size: 51px; } .f_80 { font-size: 52px; } } body { -webkit-text-size-adjust: 100% !important; /* 禁止缩放 */ text-size-adjust: none !important; } html{font-size: 100px;} @media screen and (max-width: 1800px) {html {font-size: 95px;}} @media screen and (max-width: 1700px) {html { font-size: 90px;} } @media screen and (max-width: 1600px) {html {font-size: 85px;} } @media screen and (max-width: 1500px) {html { font-size: 80px;} } @media screen and (max-width: 1400px) {html { font-size: 75px;} } @media screen and (max-width: 1300px) {html { font-size: 70px;} } @media screen and (max-width: 1200px) {html { font-size: 65px;} } @media screen and (max-width: 1100px) { html { font-size: 60px; } } @media screen and (max-width: 11d1d1fpx) {html { font-size: 55px;} } @media screen and (max-width: 900px) { html { font-size: 50px; } } @font-face { font-family: "rob"; src: url("../fonts/Roboto-Light.ttf") ; font-weight: normal; font-style: normal; } @font-face { font-family: "robm"; src: url("../fonts/Roboto-Medium.ttf") ; font-weight: normal; font-style: normal; } @font-face { font-family: "siyuan"; src: url("../fonts/SourceHanSansSC-Regular.woff2") ; font-weight: normal; font-style: normal; } @font-face { font-family: "siyuanb"; src: url("../fonts/SourceHanSansSC-Bold.woff2") ; font-weight: normal; font-style: normal; } @font-face { font-family: "siyuanbb"; src: url("../fonts/SourceHanSansSC-Heavy.woff2") ; font-weight: normal; font-style: normal; } @font-face { font-family: "siyuanm"; src: url("../fonts/SourceHanSansSC-Medium.woff2") ; font-weight: normal; font-style: normal; } @font-face { font-family: "siyuann"; src: url("../fonts/SourceHanSansSC-Normal.woff2") ; font-weight: normal; font-style: normal; } .rob{ font-family: "rob";} .robm{ font-family: "robm";} .siyuan{ font-family: "siyuan";} .siyuanb{ font-family: "siyuanb";} .siyuanbb{ font-family: "siyuanbb";} .siyuanm{ font-family: "siyuanm";} .siyuann{ font-family: "siyuann";} *,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} *{ margin:0; padding:0;} body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;overflow-x:hidden; position: relative;padding: 0 ; width: 100%;color: #1d1d1f;font-family:'siyuan','微软雅黑', Arial, Helvetica, sans-serif, Microsoft Yahei; font-size:14px; line-height:1;background: #fff;} html.act{overflow: hidden;width: 100%;height: 100vh;} .ul,.ul li,.ul1 li,.ul td,.ul,.ul dd,.uls,.uls li,.uls li,.uls td,.uls,.uls dd{ list-style-type:none; margin:0; padding:0; } .clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;} .clearfix { *zoom:1; } a{display: inline-block; text-decoration:none; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;color: #1d1d1f;} textarea,select{ outline:none; color:#666; font-size:14px; width:100%;} img{border:none;display: block;max-width: 100%;} img[src=""]{opacity: 0;} .gdt::-webkit-scrollbar{ width:4px;height: 1px;} .gdt::-webkit-scrollbar-thumb{ background:#0C938E;} .gdt::-webkit-scrollbar-track{ background:#fff;} .gdt2::-webkit-scrollbar{width:3px;height: 1px;padding: 0 2px;} .gdt2::-webkit-scrollbar-thumb{ background:#0C938E;border-radius: 20px;} .gdt2::-webkit-scrollbar-track{ background:rgba(255,255,255,0);border-radius: 20px;width: 1px; background: linear-gradient(to right, transparent 0%, transparent 33.33%,#D9D9D9 33.33%, #D9D9D9 66.66%,transparent 66.66%, transparent 100%);} .f100{} /*分页*/ .page1{ text-align:center; margin: 0;text-align: center;display: flex;justify-content: center;font-family: 'arial';} .page1 span a{display: block; color:#666; width: 40px;height: 40px; text-decoration:none;font-size: 14px;border-radius: 3px;background:#fff;border: 1px solid #E2E2E2;border-radius: 30px;} .page1 span a:hover ,.page1 span.current a{ background:#0C938E;color:#fff;border: 1px solid #0C938E;} .page1 span.current a{background: #0C938E;color: #fff;} .page1 span{margin:0 5px;display: inline-block; line-height: 38px; color:#666;} .page1 span input,.page1 span .go{display: block;width: 55px;height: 40px;border: 1px solid #E2E2E2;border-radius: 3px;outline: none;text-align: center;background:#fff ;border-radius: 30px;} .page1 span input{border-radius: 10px;} .page1 span .all{display: block;width: 160px;height: 40px;border: 1px solid #E2E2E2;border-radius: 3px;outline: none;text-align: center;background:#fff ;border-radius: 30px;} .page1 span a.pre{background: #fff url(../images_die/svg/mo_1.svg) center no-repeat; position: relative; width: 40px;height: 40px; transform: rotate(180deg);-webkit-transform: rotate(180deg);} .page1 span a.pre:hover{background: #0C938E url(../images_die/svg/mo_2.svg) center no-repeat; opacity: 1;border: 1px solid #0C938E;border: 1px solid #0C938E;} .page1 span a.nex{background: #fff url(../images_die/svg/mo_1.svg) center no-repeat; position: relative; width: 40px;height: 40px; } .page1 span a.nex:hover{background: #0C938E url(../images_die/svg/mo_2.svg) center no-repeat;opacity: 1;border: 1px solid #0C938E;border: 1px solid #0C938E;} .page2{width: 160px;background: #0C938E;color: #fff;display: block;margin: 0 auto;line-height: 40px;display: none;text-align: center;} .a_dw{position: relative;top: -71px;} .box {max-width:1600px;width:90%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;} .alltime,.alltime *{ transition: all .6s cubic-bezier(.43,.195,.02,1); -webkit-ttransition: all .6s cubic-bezier(.43,.195,.02,1); -moz-transition: all .6s cubic-bezier(.43,.195,.02,1);} .alltime2,.alltime2 *{-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; } .alltimex,.alltimex *{-webkit-transition: all 01s; -moz-transition: all .01s; transition: all .01s; } .wow{opacity: 0;} .wow1{opacity: 1;} .fbd{font-family: "siyuanb";} /* 头部 */ .head{position: fixed;width: 100%;top: 0;left: 0;z-index: 9;padding: 15px 0 25px;border-bottom: 1px solid rgba(0, 0, 0, 0);} .head > .box{z-index: 3;} .head .htop{display: flex;justify-content: flex-end;align-items: center;align-content: center;overflow: hidden;max-height: 20px;} .head .htop a{display: block;} .head .htop s{display: block;width: 1px;height: 16px;background: #999;margin: 0 20px;opacity: 0.3;} .head .htop a:hover{color: #0C938E;} .head .hbtm{display: flex;align-items: flex-end;justify-content: space-between;margin-top: 15px;} .head .hbtm .logo{display: block;width: 2.5rem;position: relative;top: -10px;} .head .hbtm .hrt{display: flex;align-items: center;align-content: center;} .head .hbtm .hrt .ul1{display: flex;} .head .hbtm .hrt .ul1 li{position: relative;padding: 0 .25rem;} .head .hbtm .hrt .ul1 li .ltop{} .head .hbtm .hrt .ul1 li .ltop a{display: block;line-height: 50px;} .head .hbtm .hrt .ul1 li:hover .ltop a{color: #0C938E;} .head .hbtm .hrt .yy{display: block;padding-left: 25px;line-height: 21px;background: url(../images_die/svg/yy.svg) center left no-repeat;margin: 0 0.25rem;position: relative;cursor: pointer;} .head .hbtm .hrt .yy:hover .yy-child{ transform: translate3d(-50%, 0, 0); pointer-events: auto; opacity: 1; } .head .hbtm .hrt .yy-child{ position: absolute; top: 100%; left: 50%; transform: translate3d(-50%, 20px, 0); pointer-events: none; opacity: 0; min-width: 100%; padding-top: 10px; } .head .hbtm .hrt .yy-child-container{ text-align: center; white-space: nowrap; background-color: #fff; border-radius: 5px; box-shadow: 0px 0px 12px rgba(0, 0, 0, .12); padding: 5px 10px; } .head .hbtm .hrt .yy-child-container a{ line-height: 2; display: block; } .head .hbtm .hrt .yy-child-container a:hover{ color: #0C938E; } .head .hbtm .hrt .ss{display: block;padding-left: 30px;line-height: 50px;background: url(../images_die/svg/ss.svg) center left no-repeat;margin-right: .1rem;cursor: pointer;position: relative;} .head .hbtm .hrt .ss .wz{position: relative;} .head .hbtm .hrt .ss .wz s{display: block;width: 100%;height: 100%;position: absolute;top: 0;right: 100%;} .head .hbtm .hrt .yy:hover{color: #0C938E;} .head .hbtm .hrt .ss .txt{width: 280px;position: absolute;right: -20px;top: calc(100% + 25px);display: none;} .head .hbtm .hrt .ss .txt .tox{background: #fff;display: flex;justify-content: space-between;border: 2px solid #0C938E;border-radius: 30px;height: 50px;padding: 0 10px 0 30px;} .head .hbtm .hrt .ss .txt .tox input{display: block;width: calc(100% - 40px);border: 0;outline: none;height: 100%;} .head .hbtm .hrt .ss .txt .tox a{display: block;width: 40px;height: 100%;background: url(../images_die/svg/ss2.svg) center no-repeat;} .head .hbtm .hrt .ss.act{background: url(../images_die/svg/ss2.svg) center left no-repeat;} .head .hbtm .hrt .ss.act .wz{color: #0C938E;} .head .hbtm .hrt .btn{display: block;padding: 0 .28rem;line-height: 2.375;background: #0C938E;color: #fff;border-radius: 30px;margin-left: .15rem;} .head .hbtm .hrt .btn span{ transform: scale(1);-webkit-transform: scale(1);display:block; transition: all 0s cubic-bezier(.43,.195,.02,1); -webkit-ttransition: all 0s cubic-bezier(.43,.195,.02,1); -moz-transition: all 0s cubic-bezier(.43,.195,.02,1); } .head .hbtm .hrt .btn:hover { transform: scale(1.05);-webkit-transform: scale(1.05); } /*.head .hbtm .hrt .btn:hover{background: #1d1d1f;}*/ .head.act,.head.bai,.head:hover{background: #fff; box-shadow: 0px 2px 7px 0px rgba(12, 147, 142, 0.01);border-bottom: 1px solid #f0f0f0;} .head.up{padding: 10px 0;} .head.up .htop{max-height: 0px;} .head.up .hbtm{margin-top: 0px;} .head.up .hbtm .logo{width: 2rem;} .head .hbtm .hrt .ul1 li.act .ltop a{color: #0C938E;} .head2{position: absolute;width: 100%;top: 122px;left: 0;background: #fff;box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);} .head2 .boxx{margin-left: 25.3%;width: 74.7%;} .head2 .ul1{} .head2 .ul1 li{display: none;padding: 10px 0 30px;background: #fff;} .head2 .ul1 li:nth-child(1){padding: 0;} .head2 .ul1 li .dl1{display: flex;flex-wrap: wrap;} .head2 .ul1 li .dl1 dd{width: 225px;} .head2 .ul1 li .dl1 dd .ltop{} .head2 .ul1 li .dl1 dd .ltop a{display: block;color: #0C938E;line-height: 32px;margin-top: 20px;} .head2 .ul1 li .dl1 dd .lbtm{margin-top: 15px;} .head2 .ul1 li .dl1 dd .lbtm a{display: block;color: #1d1d1f;line-height: 24px;margin-bottom: 10px;} .head2 .ul1 li .dl1 dd a:hover{color: #0C938E;text-decoration: underline;} .head2 .ul1 li .dl2{max-width: 960px;} .head2 .ul1 li .dl2 dd{width: 160px;padding-right: 5px;} .head2 .ul1 li:nth-child(5) .dl1 dd{width: auto;margin-right: 1rem;} .head.up .head2{top: 71px;} .head2 .ul1 li .dl3{max-width: 950px;width: 50vw;padding: 20px 0;} .head2 .ul1 li .dl3 dt{display: flex;} .head2 .ul1 li .dl3 dt a{display: block;line-height: 36px;padding-right: 15px;color: #0C938E;background: url(../images_die/svg/mo_3.svg) center right no-repeat; } .head2 .ul1 li .dl3 dd{display: flex;margin-top: 16px;} .head2 .ul1 li .dl3 dd a{display: block;width:calc( calc(100% - .8rem) / 3);margin-right: .4rem;} .head2 .ul1 li .dl3 dd a:nth-child(3n){margin-right: 0;} .head2 .ul1 li .dl3 dd a .img{width: 100%;border-radius: 10px;overflow: hidden;} .head2 .ul1 li .dl3 dd a .img img{width: 100%;transform: scale(1.000002);-webkit-transform: scale(1.000002);} .head2 .ul1 li .dl3 dd a .wz{line-height: 24px;margin-top: .2rem;} .head2 .ul1 li .dl3 dd a:hover .img img{width: 100%;transform: scale(1.05);-webkit-transform: scale(1.05);} .head2 .ul1 li .dl3 dd a:hover .wz{color: #0C938E;} /* 首页 */ .i1{position: relative;overflow: hidden;} .swiper1,.swiper1 .swiper-slide,.swiper1 .swiper-slide .sbox{width: 100%;height: 100%;} .swiper1 .swiper-slide .sbox{position: relative;overflow: hidden;display: block;} .swiper1 .swiper-slide .sbox video{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;object-fit: cover;object-position: 22% 50%;} .swiper1 .swiper-slide .sbox .op0{opacity: 0;} .swiper1 .swiper-slide .sbox img{ width: 100%; } .swiper1 .swiper-slide .sbox .mimg{display: none;} .swiper1 .pagination1{bottom: .5rem;} .swiper1 .pagination1 span.swiper-pagination-bullet-active{background: #0C938E;} .i2{position: relative;overflow: hidden;padding-top: 1.1rem;} .i2 .tt{line-height: 1.32;} .i2 .tc{line-height: 1.75;margin: 15px 0 1.1rem;} .i2 .lunbo{position: relative;} .swiper2{overflow: visible;padding-left: 3rem;} .swiper2 .swiper-slide{width: 400px;} .swiper2 .swiper-slide .sbox{width: 100%;height: 100%;position: relative;} .swiper2 .swiper-slide .sbox .txt{position: relative;z-index: 3;width: 100%;padding: 20px 40px ;line-height: 1.34;} .swiper2 .swiper-slide .sbox .txt div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .swiper2 .swiper-slide .sbox .txt .stc{margin-top: 2px;} .swiper2 .swiper-slide .sbox .img{width: 250px;margin: 0 auto 50px;overflow: hidden;position: relative;z-index: 3;} .swiper2 .swiper-slide .sbox .img img{width: 100%;} .swiper2 .swiper-slide .sbox .gd{position: relative;z-index: 3;display: flex;justify-content: flex-end;position: absolute;right: 0;bottom: 0;width: 100%;} .swiper2 .swiper-slide .sbox .bg{width: 100%;height: 100%;background: #f5f5f5;border-radius: 30px;position: absolute;top: 0;left: 0;z-index: 1;} .swiper2 .swiper-slide .sbox .bg s{display: block;width: 100%;height: 100%;background: #1d1d1f;position: absolute;top: 0;left: 0;border-radius: 50%;transform: scale(0);-webkit-transform: scale(0);} .swiper2 .swiper-slide:hover .sbox .bg{border-radius: 50%;} .swiper2 .swiper-slide:hover .sbox .bg s{transform: scale(0.5);-webkit-transform: scale(0.5);} .swiper2 .swiper-slide:hover .more .a{background: #0C938E;} .swiper2 .swiper-slide:hover .more .a .wz{color: #fff;} .swiper2 .swiper-slide:hover .more .a span{background: url(../images_die/svg/mo_2.svg) center no-repeat;} .i2 .lunbo .btn{width: 60px;height: 60px;background: #FFFFFF url(../images_die/svg/lb_jt1.svg) center no-repeat;border-radius: 50%;position: absolute;top: 50%;right: .3rem;z-index: 5;cursor: pointer;margin-top: -30px;} .i2 .lunbo .prev2{left: .3rem;transform: rotate(180deg);-webkit-transform: rotate(180deg);} .i2 .lunbo .btn:hover{background: #0C938E url(../images_die/svg/lb_jt2.svg) center no-repeat;} .i2 .ibtm{margin-top: 60px;} .i2 .ibtm .more{justify-content: flex-end;} .i3 {padding: 1.1rem 0 1.3rem 8.33%;position: relative;} .i3 .irt{position: relative;float: right;width: 44%;max-width: 760px;} .i3 .irt .bg img{width: 100%;border-radius: 10px;} .i3 .irt .img{width: 55%;max-width: 383px;position: relative;margin-top: -45px;z-index: 2;left: 41%;} .i3 .ilt{float: left;width: 56%;padding-right: .5rem;} .i3 .ilt .tt{line-height: 1.5;margin-bottom: .7rem;} .i3 .ilt .ul1{display: flex;flex-wrap: wrap;} .i3 .ilt .ul1 li{width: 33.33%;padding-right: 10px;} .i3 .ilt .ul1 li a{display: flex;align-content: center;align-items: center;padding: 0 20px 0 0;border-radius: 40px;height: 70px;} .i3 .ilt .ul1 li a .ico{width: .5rem;} .i3 .ilt .ul1 li a .wz{width: calc(100% - 1rem);padding-left: 10px;} .i3 .ilt .ul1 li a span{width: .5rem;height: .5rem;background: url(../images_die/svg/jt_mo1.svg) center right no-repeat;} .i3 .ilt .ul1 li a:hover{padding-left: 20px; box-shadow: 0px 2px 7px 0px rgba(12, 147, 142, 0.16);} .i3 .ilt .ul1 li a:hover span{background: url(../images_die/svg/jt_mo2.svg) center right no-repeat;} .i4{padding: .9rem 0;background: url(../images/in_4bg.webp) center no-repeat;background-size: cover;color: #fff;} .i4 .itop{display: flex;justify-content: flex-end;} .i4 .itop .txt{width: 530px;line-height: 1.5;} .i4 .itop .txt .tt{text-align: right;} .i4 .itop .txt .tc{margin: 25px 0 50px;text-align: justify;} .i4 .itop .txt .more{justify-content: flex-end;} .i4 .ibtm{position: relative;} .i4 .ibtm > img{width: 100%;position: relative;z-index: 3;} .i4 .ibtm .dl1 dd{position: absolute;left: 41%;bottom: 25%;z-index: 1;color: #fff;text-align: center; white-space:nowrap;} .i4 .ibtm .dl1 dd .xian{display: block;width: 1px;height: 3rem;position: relative;} .i4 .ibtm .dl1 dd .xian s{display: block;width: 1px;height: 0%;position: absolute;left: 0;bottom: 0;border-left: 1px dashed #fff;} .i4 .ibtm .dl1 dd .txt{position: absolute;bottom: 105%;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);line-height: 1.5;text-align: center;opacity: 0;} .i4 .ibtm .dl1 dd .txt .dtt{display: flex;align-items: flex-end;align-content: flex-end;line-height: 1;justify-content: center;} .i4 .ibtm .dl1 dd .txt .dtt .num{font-size: 4.46vw;padding-right: 10px;} .i4 .ibtm .dl1 dd .txt .dtt .pf2{font-size: 4.46vw;} .i4 .ibtm .dl1 dd .txt .dtt .pf{font-size:3.65vw ;display: flex;} .i4 .ibtm .dl1 dd .txt .dtt .pf span{font-size:1.875vw ;} .i4 .ibtm .dl1 dd:nth-child(2){left: 60%;bottom: 15%;} .i4 .ibtm .dl1 dd:nth-child(2) .xian{height: 1.5rem;} .i4 .ibtm .dl1 dd:nth-child(3){left: 85%;bottom: 5%;} .i4.act .ibtm .dl1 dd:nth-child(1) .xian s{height: 100%; transition-delay: .5s;-webkit-transition-delay: .5s;} .i4.act .ibtm .dl1 dd:nth-child(1) .txt{opacity: 1; transition-delay: 1s;-webkit-transition-delay: 1s;} .i4.act .ibtm .dl1 dd:nth-child(2) .xian s{height: 100%; transition-delay: 1s;-webkit-transition-delay: 1s;} .i4.act .ibtm .dl1 dd:nth-child(2) .txt{opacity: 1; transition-delay: 1.5s;-webkit-transition-delay: 1.5s;} .i4.act .ibtm .dl1 dd:nth-child(3) .xian s{height: 100%; transition-delay: 1.5s;-webkit-transition-delay: 1.5s;} .i4.act .ibtm .dl1 dd:nth-child(3) .txt{opacity: 1; transition-delay: 2s;-webkit-transition-delay: 2s;} .i5{padding: 1.1rem 0 1.3rem;} .i5 .itop{display: flex;justify-content: space-between;align-items: flex-start;align-content: flex-start;} .i5 .itop .ilt {width: 50%;} .i5 .itop .ilt .tc{line-height: 28px;margin: 15px 0 0;} .i5 .ibtm-container{ position: relative; } .i5 .ibtm {position: relative;} .i5 .ibtm .baibg{display: block;width: 100%;height: 100%;background: #fff;position: absolute;right: 0;top: 0;z-index: 5;} .i5 .ibtm.wow1 .baibg{width: 0%;transition-delay: 1s;-webkit-transition-delay: 1s; -webkit-transition: all 2.5s; -moz-transition: all 2.5s; transition: all 2.5s;} .i5 .ibtm .item{position: relative;display: none;} .i5 .ibtm .item:nth-child(1){display: block;} .i5 .ibtm .item .img,.i5 .ibtm .item .img img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;opacity: 0.7;} .i5 .ibtm .item .dl1 dd{width: 0.625%;position: absolute;z-index: 5;top: 0;left: 0;cursor: pointer;} .i5 .ibtm .item .dl1 dd .ico{width: 100%;padding-top: 100%;position: relative;background: #0C938E;border-radius: 50%;z-index: 2;} .ab7 .ibtm .item .dl1 dd .ico{background: #fff;} .i5 .ibtm .item .dl1 dd .ico span{display: block;position: absolute;top: 0;left: 0; width: 100%;height: 100%;border-radius: 50%;background: #0C938E;animation: scale1 2s linear infinite;-webkit-animation: scale1 2s linear infinite;} .ab7 .ibtm .item .dl1 dd .ico span{background: #fff;} .i5 .ibtm .item .dl1 dd .wzx{width: 920%;height: 500%;background: url(../images_die/in_5_q1.webp) center no-repeat;background-size: cover;color: #fff;position: absolute;right: 12px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);padding: 0 0 30% 230%; display: flex;align-items: center;align-content: center;font-weight: bold;font-size: .625vw;} .ab7 .ibtm .item .dl1 dd .wzx{background: url(../images_die/in_5_q1b.webp) center no-repeat;background-size: cover;color: #052742;} .i5 .ibtm .item .dl1 dd:nth-child(1), .i5 .iirt .ul1 li:nth-child(1) .lix:nth-child(1){top: 27%;left: 18%;} .i5 .ibtm .item .dl1 dd:nth-child(2), .i5 .iirt .ul1 li:nth-child(1) .lix:nth-child(2){top: 36.5%;left: 19%;} .i5 .ibtm .item .dl1 dd:nth-child(2) .wzx{width: 920%;height: 500%;background: url(../images_die/in_5_q2.webp) center no-repeat;background-size: cover;color: #fff;position: absolute;left: 18px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);padding: 20% 0 0% 430%; display: flex;align-items: center;align-content: center;font-weight: bold;font-size: .625vw;} .ab7 .ibtm .item .dl1 dd:nth-child(2) .wzx{background: url(../images_die/in_5_q2b.webp) center no-repeat;background-size: cover;color: #052742;} .i5 .ibtm .item .dl1 dd:nth-child(3), .i5 .iirt .ul1 li:nth-child(1) .lix:nth-child(3){top: 48%;left: 18%;} .i5 .ibtm .item .dl1 dd:nth-child(4), .i5 .iirt .ul1 li:nth-child(1) .lix:nth-child(4){top: 66%;left: 32.5%;} .i5 .ibtm .item .dl1 dd:nth-child(5), .i5 .iirt .ul1 li:nth-child(1) .lix:nth-child(5){top: 26.5%;left: 45.5%;} .i5 .ibtm .item .dl1 dd:nth-child(6), .i5 .iirt .ul1 li:nth-child(1) .lix:nth-child(6){top: 34%;left: 48.8%;} .i5 .ibtm .item .dl1 dd:nth-child(6) .wzx{width: 920%;height: 500%;background: url(../images_die/in_5_q2.webp) center no-repeat;background-size: cover;color: #fff;position: absolute;left: -.4rem;top: 400%;transform: translateY(-50%);-webkit-transform: translateY(-50%);padding: 20% 0 0% 430%; display: flex;align-items: center;align-content: center;font-weight: bold;font-size: .625vw;} .ab7 .ibtm .item .dl1 dd:nth-child(6) .wzx{background: url(../images_die/in_5_q2b.webp) center no-repeat;background-size: cover;color: #052742;} .i5 .ibtm .item .dl1 dd:nth-child(7), .i5 .iirt .ul1 li:nth-child(1) .lix:nth-child(7){top: 28%;left: 50.8%;} .i5 .ibtm .item .dl1 dd:nth-child(7) .wzx{width: 920%;height: 500%;background: url(../images_die/in_5_q2.webp) center no-repeat;background-size: cover;color: #fff;position: absolute;left: 10px;top: 0%;transform: translateY(-50%);-webkit-transform: translateY(-50%);padding: 20% 0 0% 430%; display: flex;align-items: center;align-content: center;font-weight: bold;font-size: .625vw;} .ab7 .ibtm .item .dl1 dd:nth-child(7) .wzx{background: url(../images_die/in_5_q2b.webp) center no-repeat;background-size: cover;color: #052742;} .i5 .ibtm .item .dl1 dd:nth-child(8), .i5 .iirt .ul1 li:nth-child(1) .lix:nth-child(8){top: 49%;left: 68%;} .i5 .iirt .ul1 li:nth-child(1) .lix:nth-child(8){ transform: translate3d(-101%, 0, 0); } .i5 .ibtm .item .dl1 dd:nth-child(9), .i5 .iirt .ul1 li:nth-child(1) .lix:nth-child(9){top: 51%;left: 74.5%;} .i5 .iirt .ul1 li:nth-child(1) .lix:nth-child(9){ transform: translate3d(-101%, 0, 0); } .i5 .ibtm .item .dl1 dd:nth-child(10), .i5 .iirt .ul1 li:nth-child(1) .lix:nth-child(10){top: 53.5%;left: 76%;} .i5 .iirt .ul1 li:nth-child(1) .lix:nth-child(10){ transform: translate3d(-103%, 0, 0); } .i5 .ibtm .item .dl1 dd:nth-child(10) .wzx{width: 920%;height: 500%;background: url(../images_die/in_5_q2.webp) center no-repeat;background-size: cover;color: #fff;position: absolute;left: 18px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);padding: 20% 0 0% 430%; display: flex;align-items: center;align-content: center;font-weight: bold;font-size: .625vw;} .ab7 .ibtm .item .dl1 dd:nth-child(10) .wzx{background: url(../images_die/in_5_q2b.webp) center no-repeat;background-size: cover;color: #052742;} .i5 .ibtm .item .dl1 dd:nth-child(11), .i5 .iirt .ul1 li:nth-child(1) .lix:nth-child(11){top: 29.5%;left: 49%;} .i5 .ibtm .item .dl1 dd:nth-child(11) .wzx{width: 920%;height: 500%;background: url(../images_die/in_5_q2.webp) center no-repeat;background-size: cover;color: #fff;position: absolute;left: 10px;top: 250%;transform: translateY(-50%);-webkit-transform: translateY(-50%);padding: 20% 0 0% 430%; display: flex;align-items: center;align-content: center;font-weight: bold;font-size: .625vw;} .ab7 .ibtm .item .dl1 dd:nth-child(11) .wzx{background: url(../images_die/in_5_q2b.webp) center no-repeat;background-size: cover;color: #052742;} .i5 .ibtm .item .dl1 dd:nth-child(12), .i5 .iirt .ul1 li:nth-child(1) .lix:nth-child(12){top: 43.5%;left: 81%;} .i5 .iirt .ul1 li:nth-child(1) .lix:nth-child(12){ transform: translate3d(-103%, 0, 0); } .i5 .ibtm .item .dl1 dd:nth-child(12) .wzx{width: 920%;height: 500%;background: url(../images_die/in_5_q2.webp) center no-repeat;background-size: cover;color: #fff;position: absolute;left: 18px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);padding: 20% 0 0% 430%; display: flex;align-items: center;align-content: center;font-weight: bold;font-size: .625vw;} .ab7 .ibtm .item .dl1 dd:nth-child(12) .wzx{background: url(../images_die/in_5_q2b.webp) center no-repeat;background-size: cover;color: #052742;} .i5 .ibtm .item .dl1 dd:nth-child(12) .ico span{background: #fff;} .i5 .ibtm .item .dl1 dd:nth-child(12) .ico{background:#fff;} .i5 .ibtm .item .dl2 dd{width: 0.625%;position: absolute;z-index: 5;top: 0;left: 0;cursor: pointer;} .i5 .ibtm .item .dl2 dd .ico{width: 100%;padding-top: 100%;position: relative;z-index: 2;} .i5 .ibtm .item .dl2 dd .ico s{display: block;width: 60%;height: 60%;position: absolute;top: 20%;left: 20%;background: #0C938E;border-radius: 50%;z-index: 5;} .ab7 .ibtm .item .dl2 dd .ico s{background: #fff;} .i5 .ibtm .item .dl2 dd .ico span{display: block;position: absolute;top: 0;left: 0; width: 100%;height: 100%;border-radius: 50%;background: #0C938E;animation: scale1 2s linear infinite;-webkit-animation: scale1 2s linear infinite;} .i5 .ibtm .item .dl2 dd .ico span:nth-child(2){animation: scale1 2s linear 1s infinite;-webkit-animation: scale1 2s linear 1s infinite;} .ab7 .ibtm .item .dl2 dd .ico span{background: #fff;} .i5 .ibtm .item .dl2 dd .wzx{width: 920%;height: 500%;background: url(../images_die/in_5_q1.webp) center no-repeat;background-size: cover;color: #fff;position: absolute;right: 18px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);padding: 0 0 30% 230%; display: flex;align-items: center;align-content: center;font-weight: bold;font-size: .625vw;} .ab7 .ibtm .item .dl2 dd .wzx{background: url(../images_die/in_5_q1b.webp) center no-repeat;background-size: cover;color: #052742;} .i5 .ibtm .item .dl2 dd[data-index="北京"], .i5 .iirt .ul1 li:nth-child(2) .lix:nth-child(1){top: 38%;left: 61.5%;} .i5 .ibtm .item .dl2 dd[data-index="西安"], .i5 .iirt .ul1 li:nth-child(2) .lix:nth-child(2){top: 55%;left: 53.5%;} .i5 .ibtm .item .dl2 dd[data-index="成都"], .i5 .iirt .ul1 li:nth-child(2) .lix:nth-child(3){top: 62.5%;left: 47.8%;} .i5 .ibtm .item .dl2 dd[data-index="武汉"], .i5 .iirt .ul1 li:nth-child(2) .lix:nth-child(4){top: 63.5%;left: 59.5%;} .i5 .ibtm .item .dl2 dd[data-index="重庆"]{top: 67.5%;left: 51.5%;} .i5 .ibtm .item .dl2 dd[data-index="长沙"]{top: 71.5%;left: 58%;} .i5 .ibtm .item .dl2 dd[data-index="广州"], .i5 .iirt .ul1 li:nth-child(2) .lix:nth-child(5){top: 83%;left: 58.5%;} .i5 .ibtm .item .dl2 dd[data-index="青岛"], .i5 .iirt .ul1 li:nth-child(2) .lix:nth-child(6){top: 46%;left: 67.5%;} .i5 .ibtm .item .dl2 dd[data-index="青岛"] .wzx{width: 920%;height: 500%;background: url(../images_die/in_5_q2.webp) center no-repeat;background-size: cover;color: #fff;position: absolute;left: 18px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);padding: 20% 0 0% 430%; display: flex;align-items: center;align-content: center;font-weight: bold;font-size: .625vw;} .ab7 .ibtm .item .dl2 dd[data-index="青岛"] .wzx{background: url(../images_die/in_5_q2b.webp) center no-repeat;background-size: cover;color: #052742;} .i5 .ibtm .item .dl2 dd[data-index="上海"], .i5 .iirt .ul1 li:nth-child(2) .lix:nth-child(7){top: 61.3%;left: 68%;} .i5 .ibtm .item .dl2 dd[data-index="上海"] .wzx{width: 920%;height: 500%;background: url(../images_die/in_5_q2.webp) center no-repeat;background-size: cover;color: #fff;position: absolute;left: 18px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);padding: 20% 0 0% 430%; display: flex;align-items: center;align-content: center;font-weight: bold;font-size: .625vw;} .ab7 .ibtm .item .dl2 dd[data-index="上海"] .wzx{background: url(../images_die/in_5_q2b.webp) center no-repeat;background-size: cover;color: #052742;} .i5 .ibtm .item .dl2 dd[data-index="厦门"]{top: 79.5%;left: 65%;} .i5 .ibtm .item .dl2 dd[data-index="厦门"] .wzx{width: 920%;height: 500%;background: url(../images_die/in_5_q2.webp) center no-repeat;background-size: cover;color: #fff;position: absolute;left: 18px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);padding: 20% 0 0% 430%; display: flex;align-items: center;align-content: center;font-weight: bold;font-size: .625vw;} .ab7 .ibtm .item .dl2 dd[data-index="厦门"] .wzx{background: url(../images_die/in_5_q2b.webp) center no-repeat;background-size: cover;color: #052742;} .i5 .ibtm .item .dl2 dd[data-index="香港"],.i5 .iirt .ul1 li:nth-child(2) .lix:nth-child(10){top: 86.5%;left: 60%;} .i5 .ibtm .item .dl2 dd[data-index="香港"] .wzx{width: 920%;height: 500%;background: url(../images_die/in_5_q2.webp) center no-repeat;background-size: cover;color: #fff;position: absolute;left: 18px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);padding: 20% 0 0% 430%; display: flex;align-items: center;align-content: center;font-weight: bold;font-size: .625vw;} .ab7 .ibtm .item .dl2 dd[data-index="香港"] .wzx{background: url(../images_die/in_5_q2b.webp) center no-repeat;background-size: cover;color: #052742;} .i5 .ibtm .item .dl2 dd[data-index="芜湖"], .i5 .iirt .ul1 li:nth-child(2) .lix:nth-child(8){top: 60.5%; left: 64%;} .i5 .ibtm .item .dl2 dd[data-index="杭州"], .i5 .iirt .ul1 li:nth-child(2) .lix:nth-child(9){top: 66.3%;left: 67%;} .i5 .ibtm .item .dl2 dd[data-index="杭州"] .wzx{width: 920%;height: 500%;background: url(../images_die/in_5_q2.webp) center no-repeat;background-size: cover;color: #fff;position: absolute;left: 18px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);padding: 20% 0 0% 430%; display: flex;align-items: center;align-content: center;font-weight: bold;font-size: .625vw;} .ab7 .ibtm .item .dl2 dd[data-index="杭州"] .wzx{background: url(../images_die/in_5_q2b.webp) center no-repeat;background-size: cover;color: #052742;} .i5 .ibtm .item .ct_dl1 dd{position: absolute;z-index: 5;top: 0;left: 0;cursor: pointer;} .i5 .ibtm .item .ct_dl1 dd.act{z-index: 6;} .i5 .ibtm .item .ct_dl1 dd .wz1{color: #0C938E;white-space:nowrap;font-size: .74vw;} .ab7 .ibtm .item .ct_dl1 dd .wz1{color: #fff;} .i5 .ibtm .item .ct_dl1 dd .lix {display: none;background: #fff;border-radius: .28rem;padding: .3rem .2rem ;box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);word-break: break-all;position: absolute;z-index: 30;width: 21vw;} .i5 .ibtm .item .ct_dl1 dd .lix-close{position: absolute;width: 1em;top: .15rem;right: .15rem;cursor: pointer;} .i5 .ibtm .item .ct_dl1 dd .lix-close:hover{transform: rotate(180deg);} .i5 .ibtm .item .ct_dl1 dd .lix *{ transition: all .6s cubic-bezier(.43,.195,.02,1); -webkit-ttransition: all .6s cubic-bezier(.43,.195,.02,1); -moz-transition: all .6s cubic-bezier(.43,.195,.02,1);} .i5 .ibtm .item .ct_dl1 dd .ltt{line-height: 1.5;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #ddd;} .i5 .ibtm .item .ct_dl1 dd .ltc{} .i5 .ibtm .item .ct_dl1 dd .ltc .a{display: flex;line-height: 20px;align-items: flex-start;align-content: flex-start;margin-bottom: 10px;} .i5 .ibtm .item .ct_dl1 dd .ltc .a .ico{width: 20px;} .i5 .ibtm .item .ct_dl1 dd .ltc .a .wz{width: calc(100% - 20px);padding-left: 10px;} .i5 .ibtm .item .ct_dl1 dd .ltc .a:hover .wz{color: #0C938E;} .i5 .ibtm .item .ct_dl1 dd:nth-child(1){top: 39%;left: 13%;} .i5 .ibtm .item .ct_dl1 dd:nth-child(2){top: 38%;left: 27%;} .i5 .ibtm .item .ct_dl1 dd:nth-child(3){top: 26%;left: 47%;} .i5 .ibtm .item .ct_dl1 dd:nth-child(4){top: 29%;left: 43%;} .i5 .ibtm .item .ct_dl1 dd:nth-child(5){top: 31%;left: 42%;} .i5 .ibtm .item .ct_dl1 dd:nth-child(6){top: 33%;left: 44.5%;} .i5 .ibtm .item .ct_dl1 dd:nth-child(7){top: 45%;left: 63.5%;} .i5 .ibtm .item .ct_dl1 dd:nth-child(8){top: 56%;left: 66.5%;} .i5 .ibtm .item .dwd1{width: 7.5%;position: absolute;top: 10%;right: 15%;z-index: 3;} .i5 .ibtm .item .dwd2{width: 7.5%;position: absolute;top: 28%;right: 28.9%;z-index: 3;} .i5 .itop .irt{display: flex;} .i5 .itop .irt .btn{display: block;width: 120px;line-height: 50px;border: 1px solid #0C938E;text-align: center;color: #0C938E;border-radius: 30px;cursor: pointer;margin-left: 15px;} .i5 .itop .irt .btn.act,.i5 .itop .irt .btn:hover{background: #0C938E;color: #fff;} .ab7 .itop {display: block;} .ab7 .itop .irt{position:relative;top:-52px;left:0%;justify-content:flex-end;z-index:5;} .i6{padding-bottom: 1.2rem;} .i6 .ibtm{display: flex;justify-content: space-between;margin-top: .55rem;} .i6 .ibtm .alt{width:47% ;max-width: 750px;height: 6.5rem; display: block;position: relative;border-radius: 10px;overflow: hidden;} .i6 .ibtm .alt .img,.i6 .ibtm .alt .img img{width: 100%;height: 100%;object-fit: cover;} .i6 .ibtm .alt .txt{width: 100%;position: absolute;left: 0;bottom: 0;z-index: 3;} .i6 .ibtm .alt .txt .wz{width:100% ;padding: .45rem;background:#062741;border-radius: 0 0 0;color: #fff;} .i6 .ibtm .alt .txt .wz .day{opacity: 0.5;} .i6 .ibtm .alt .txt .wz .att{line-height: 32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin: 15px 0 30px;} .i6 .ibtm .alt .txt .wz .atc{line-height: 24px;height: 48px;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .i6 .ibtm .alt:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);} .i6 .ibtm .alt:hover{box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.4);} .i6 .ibtm .alt .txt span{display: none;width: .7rem;height: .7rem;background: #0C938E url(../images_die/svg/in_6jt.svg) center no-repeat;position: absolute;right: 0;bottom: 0;} .i6 .ibtm .art{width: 47%;max-width: 750px;} .i6 .ibtm .art .artop{width: 100%;display: block;padding: .5rem 1.5rem 0 .4rem;background: url(../images/in_6_2.webp) center no-repeat;background-size: cover;color: #fff;height: 2.72rem;border-radius: 10px;} .i6 .ibtm .art .artop .day{opacity: 0.5;} .i6 .ibtm .art .artop .att{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin: 20px 0 30px;} .i6 .ibtm .art .artop .atc{line-height: 24px;height: 96px;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;color: #DAE7F0;} .i6 .ibtm .art .arbtm{width: 100%;margin-top: .2rem;border-radius: 20px;background: #FFF;box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.10);padding: 0 30px;} .i6 .ibtm .art .arbtm a{display: flex;height: .88rem;border-bottom: 1px dashed #E5E5E5;align-items: center;align-content: center;width: 100%;justify-content: space-between;} .i6 .ibtm .art .arbtm a .att{width: calc(100% - 82px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .i6 .ibtm .art .arbtm a .day{width: 82px;text-align: right;opacity: 0.5;} .i6 .ibtm .art .arbtm a:hover .att,.i6 .ibtm .art .arbtm a:hover .day{color: #0C938E;opacity: 1;} .i6 .ibtm .art .arbtm a:last-child{border: 0;} /* 底部 */ .footer{background: #062741 url(../images_die/f_1_1.webp) right bottom no-repeat; color: #fff;background-size: cover;} .footer2{padding: .8rem 0 .3rem;display: flex;justify-content: space-between;align-items: center;align-content: center;border-bottom: 1px solid rgba(255,255,255,0.1);} .footer2 .flogo{display: block;width: 1.55rem;} .footer2 .frt{display: flex;} .footer2 .frt .a{display: block;position: relative;margin-left: .4rem;z-index: 3;width: .58rem;} .footer2 .frt .a .ico{position: relative;width: 100%;} .footer2 .frt .a img{width: 100%;} .footer2 .frt .a .ico img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;} .footer2 .frt .a .img{width: 1.2rem;padding: 5px;position: absolute;background: #fff;top: 130%;left: 50%;margin-left: -.6rem;pointer-events: none;opacity: 0;} .footer2 .frt .a:hover .ico img:nth-child(2){opacity: 1;} .footer2 .frt .a:hover .img{opacity: 1;top: 120%;} .footer1{padding: .48rem 0 1px;display: flex;justify-content: space-between;align-items: flex-start;align-content: flex-start;} .footer1 .ul1{display: flex;width: calc(100% - 350px);justify-content: space-between;} .footer1 .ul1 li{width: 20%;} .footer1 .ul1 li a{display: block;color: #8A9BA8;margin-bottom: 4px;line-height: 1.75;} .footer1 .ul1 li .ltop{margin-bottom: .24rem;} .footer1 .ul1 li .ltop a{color: #fff;line-height: 1.3;} /*.footer1 .ul1 li .lbtm{margin-bottom: .4rem;}*/ .footer1 .ul1 li a:hover{color: #fff;} .footer1 .frt {width:335px;} .footer1 .frt .ftc{width: 100%;;} .footer1 .frt .ftc a{display: block;color: #fff;width: 100%;display: flex;align-items: flex-start;align-content: flex-start;margin-bottom: .5rem;} .footer1 .frt .ftc a .ico{width: 46px;padding-top: 7px;} .footer1 .frt .ftc a .wz{width: calc(100% - 46px);padding-left: 0.2rem;line-height: 1.5;} .footer1 .frt .ftc a .wz .att{color: #8A9BA8;} .footer3{padding: .25rem 0 .35rem;display: flex;justify-content: space-between;flex-wrap: wrap;border-top: 1px solid rgba(255,255,255,0.1);line-height: 1.5;} .footer3 .flt{display: flex;width: calc(100% - 200px);flex-wrap: wrap;color: #fff;flex-wrap: wrap;} .footer3 .flt .a{display: block;color: #fff;margin:0 5px;} .footer3 .flt a:hover{color: #0C938E;} .footer3 .flt .z{display: flex;margin-left: .5rem;align-items: center;align-content: center;} .footer3 .flt .z s{display: block;width: 1px;height: 14px;background: #fff;opacity: 0.1;} .footer3 .frt{max-width: 200px;display: flex;color: #fff;} .footer3 .frt a{display: block;color: #fff;} .footer3 .frt a:hover{color: #0C938E;} .footer3 .frt span{display: block;margin: 0 5px;} /* 案例详情 TDW108*/ .caseon1{position: relative;padding: 50px 0;} .ny_banner{padding:122px 0 0 ; position: relative;overflow: hidden;background: #f5f5f5;} .ny_banner .ny_nav{width: 100%;position: absolute;left: 0;top: 28px;z-index: 3;line-height: 28px;} .ny_banner .ny_nav .nav{display: flex;align-content: center;align-items: center;flex-wrap: wrap;} .ny_banner .ny_nav .nav a{display: block;padding-right: 20px;background: url(../images_die/svg/mo_1.svg) center right no-repeat;margin-right: 10px;} .ny_banner .ny_nav .nav a:last-child{background: rgba(0, 0, 0, 0);margin-right: 0;font-family: 'siyuanm';} .ny_banner .ny_nav .nav a:hover{color: #0c938e;} .caseon2 .cox{display: flex;justify-content: space-between;flex-direction: row-reverse;align-items: center;align-content: center;} .caseon2 .cox .clt{width: 45%;max-width: 720px;padding: 50px 0;line-height: 1.2;color: #1d1d1f;} .caseon2 .cox .clt .tt{font-size: 4.58vw;line-height: 1.15;} .zuicu .caseon2 .cox .clt .tt{font-family: 'siyuanbb';} .caseon2 .cox .clt .tt span{color: #3C7DB3;} .caseon2 .cox .clt .tt2{margin: 15px 0 .4rem;} .caseon2 .cox .clt .tc{line-height: 30px;} .caseon2 .cox .clt .ul1{display: flex;flex-wrap: wrap;padding-top: .2rem;} .caseon2 .cox .clt .ul1 li{display: flex;margin:.2rem 0 0; width: 50%;color: #3C7EBB;align-content: center;align-items: center;line-height: 30px;} .caseon2 .cox .clt .ul1 li:last-child{margin-right: 0;} .caseon2 .cox .clt .ul1 li .ico{margin-right: 10px;} .caseon2 .cox .clt .ul2{display: flex;flex-wrap: wrap;padding-top: .3rem;position: relative;width: 100%;} .caseon2 .cox .clt .ul2 .li{display: flex;align-items: center;align-content: center;height: 46px;border: 1px solid #3C7DB3;border-radius: 30px;padding: 0 .28rem;cursor: pointer;color: #3C7DB3;margin:0 .2rem 0 0;} .caseon2 .cox .clt .ul2 .li .ico{position: relative;margin-left: .3rem;} .caseon2 .cox .clt .ul2 .li .ico img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;} .caseon2 .cox .clt .ul2 .li:nth-child(2){margin-right: 0;position: absolute;top: .3rem;left: 50%;} /* .caseon2 .cox .clt .ul2 .li:hover{background: #3C7DB3;color: #fff;}*/ .caseon2 .cox .clt .ul2 .li:hover .ico img:nth-child(1){opacity: 0;} .caseon2 .cox .clt .ul2 .li:hover .ico img:nth-child(2){opacity: 1;} .caseon2 .cox .crt {width: 50%;max-width: 820px;} .caseon2 .cox .crt img{width: 100%;} .caseon2 .cox .crt .mimg{display: none;} .caseon2 .cox .crt .pimg{} .caseon3{padding-top: .8rem;} .caseon3 .clt{width: 47.8125%;max-width: 765px;float: left;} .caseon3 .tt{color: #1d1d1f;margin-bottom: .25rem;} .caseon3 .clt .dl1{display: flex;justify-content: space-between;flex-wrap: wrap;padding: .55rem 0;background: #f5f5f5;border-radius: .4rem;margin-bottom: .5rem;} .caseon3 .clt .dl1 dd{width: 50%;padding: 0 .6rem .8rem ;color: #999;} .caseon3 .clt .dl1 dd .dtt{border-top: 1px solid #d9d9d9;display: flex;} .caseon3 .clt .dl1 dd .dtt span{display: block;min-width: 1.2rem;padding: 0 .1rem;line-height: 35px;background: #3C7EB1;color: #fff;text-align: center;} .caseon3 .clt .dl1 dd .dtc{display: flex;justify-content: center;align-items: center;align-content: center;margin-top: .3rem;} .caseon3 .clt .dl1 dd .dtc .wenzi{width: 40px;text-align: center;line-height: 1.5;margin-right: .2rem;} .caseon3 .clt .dl1 dd .dtc .wenzi .xian{display: block;width: 100%;height: 2px ;background: #ccc; margin: 8px 0;} .caseon3 .clt .dl1 dd .dtc .ico{position: relative;width: 1.35rem;text-align: center;color: #3C7DB3;line-height: 1.5;} .caseon3 .clt .dl1 dd .dtc .ico > img{width: 100%;} .caseon3 .clt .dl1 dd .dtc .ico .yuan{position: absolute;top: 0;left: 0;z-index: 2;transform: rotate(-180deg);-webkit-transform: rotate(-180deg);width: 100%;height: 100%;} .caseon3 .clt .dl1 dd .dtc .ico .yuan svg {width: 100%;height: 100%;} .caseon3 .clt .dl1 dd .dtc .ico .wz{width: 100%;position: absolute;top: calc(100% + 10px);left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);} .caseon3 .clt .dl2{padding: .55rem .65rem;background: #f5f5f5;border-radius: .4rem;} .caseon3 .clt .dl2 dd{margin-bottom: .15rem;position: relative;} .caseon3 .clt .dl2 dd .dtt{display: flex;justify-content: space-between;align-items: center;align-content: center;margin-bottom: .1rem;} .caseon3 .clt .dl2 dd .dtt .wz{width: calc(100% - 50px);line-height: 32px;color: #1d1d1f;} .caseon3 .clt .dl2 dd .dtt .dian{display: flex;width: 50px;justify-content: space-between;position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .caseon3 .clt .dl2 dd .dtt .dian s{display: block;width: 11px;height: 11px;background: #E5E5E5;border-radius: 50%;} .caseon3 .clt .dl2 dd .dtt .dian.act1 s:nth-child(1){background: #3C7EBB;} .caseon3 .clt .dl2 dd .dtt .dian.act2 s:nth-child(1){background: #3C7EBB;} .caseon3 .clt .dl2 dd .dtt .dian.act2 s:nth-child(2){background: #3C7EBB;} .caseon3 .clt .dl2 dd .dtt .dian.act3 s:nth-child(1){background: #3C7EBB;} .caseon3 .clt .dl2 dd .dtt .dian.act3 s:nth-child(2){background: #3C7EBB;} .caseon3 .clt .dl2 dd .dtt .dian.act3 s:nth-child(3){background: #3C7EBB;} .caseon3 .clt .dl2 dd .dtt .dian.act4 s:nth-child(1){background: #3C7EBB;} .caseon3 .clt .dl2 dd .dtt .dian.act4 s:nth-child(2){background: #3C7EBB;} .caseon3 .clt .dl2 dd .dtt .dian.act4 s:nth-child(3){background: #3C7EBB;} .caseon3 .clt .dl2 dd .dtt .dian.act4 s:nth-child(4){background: #3C7EBB;} .caseon3 .clt .dl2 dd .dtc{color: #666;line-height: 30px;} .caseon3 .clt .dl2 dd:last-child{margin-bottom: 0;} .caseon3 .crt{width: 47.8125%;max-width: 765px;float: right;} .caseon3 .crt .dl1{display: flex;justify-content: space-between;flex-wrap: wrap;padding: .5rem .6rem .4rem;background: #f5f5f5;border-radius: .4rem;margin-bottom: .5rem;} .caseon3 .crt .dl1 dd{width: 45%;color: #999;} .caseon3 .crt .dl1 dd .dtt{border-top: 1px solid #d9d9d9;display: flex;margin-bottom: .3rem;} .caseon3 .crt .dl1 dd .dtt span{display: block;min-width: 1.2rem;padding: 0 .1rem;line-height: 35px;background: #3C7EB1;color: #fff;text-align: center;} .caseon3 .crt .dl1 dd .dtc{width: 100%;} .caseon3 .crt .dl1 dd .dtc .img{position: relative;} .caseon3 .crt .dl1 dd .dtc .img img{position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;width: 100%;} .caseon3 .crt .dl1 dd .dtc .img img:nth-child(1){position: relative;} .caseon3 .crt .dl1 .dd1 .dtc .img{width: 120%;position: relative;left: -5%;top: -.5vw;} .caseon3 .crt .dl1 .dd1 .dtc .img.act0 img:nth-child(1){opacity: 1;} .caseon3 .crt .dl1 .dd1 .dtc .img.act1 img:nth-child(2){opacity: 1;} .caseon3 .crt .dl1 .dd1 .dtc .img.act2 img:nth-child(3){opacity: 1;} .caseon3 .crt .dl1 .dd1 .dtc .img.act3 img:nth-child(4){opacity: 1;} .caseon3 .crt .dl1 .dd1 .dtc .img.act4 img:nth-child(5){opacity: 1;} .caseon3 .crt .dl1 .dd2 .dtc .img{margin: 0 auto;max-width: 260px;} .caseon3 .crt .dl1 .dd2 .dtc .img.di1 img:nth-child(1){opacity: 1;} .caseon3 .crt .dl1 .dd2 .dtc .img.di2 img:nth-child(2){opacity: 1;} .caseon3 .crt .dl1 .dd2 .dtc .img.di3 img:nth-child(3){opacity: 1;} .caseon3 .crt .dl1 .dd2 .dtc .img.zhong1 img:nth-child(4){opacity: 1;} .caseon3 .crt .dl1 .dd2 .dtc .img.zhong2 img:nth-child(5){opacity: 1;} .caseon3 .crt .dl1 .dd2 .dtc .img.zhong3 img:nth-child(6){opacity: 1;} .caseon3 .crt .dl1 .dd2 .dtc .img.gao1 img:nth-child(7){opacity: 1;} .caseon3 .crt .dl1 .dd2 .dtc .img.gao2 img:nth-child(8){opacity: 1;} .caseon3 .crt .dl1 .dd2 .dtc .img.gao3 img:nth-child(9){opacity: 1;} .caseon3 .crt .cox2{padding: .45rem .6rem .8rem;background: #f5f5f5;border-radius: .4rem;} .caseon3 .crt .cox2 .ctt2{color: #3C7EB1;line-height: 32px;} .caseon3 .crt .cox2 .ctt2 s{display: block;width: 54%;height: 1px;background: #3C7EB1;margin: 10px 0;} .caseon3 .crt .cox2 .ctc2{line-height: 36px;color: #666;} .caseon3 .crt .cox2 .ctc2 span{color: #3C7EB1;} .caseon3 .crt .cox2 .hezi{padding: .6rem 0 .8rem;} .caseon3 .crt .cox2 .hezi .bg{width: 100%;margin: 0 auto;position: relative;max-width: 621px;} .caseon3 .crt .cox2 .hezi .bg > img{width: 100%;} .caseon3 .crt .cox2 .hezi .bg .img{width: 100%;height: 100%;top: 0;left: 0;z-index: 2;} .caseon3 .crt .cox2 .hezi .bg .img img{width: 100%;position: absolute;left: 0;bottom: 0;transform-origin: center bottom;-webkit-transform-origin: center bottom;transform: scale(0);-webkit-transform: scale(0);} .caseon3 .crt .cox2 .hezi .bg .ul1 {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;} .caseon3 .crt .cox2 .hezi .bg .ul1 li div{color: #B3B3B4;font-size: 0.625vw;line-height: 1.5;} .caseon3 .crt .cox2 .hezi .bg .ul1 li .ltt{font-size: 0.83vw;} .caseon3 .crt .cox2 .hezi .bg .ul1 li{position: absolute;text-align: center;} .caseon3 .crt .cox2 .hezi .bg .ul1 li:nth-child(1){top: 75%;left: 25%;text-align: left;} .caseon3 .crt .cox2 .hezi .bg .ul1 li:nth-child(2){top: 60%;left: 34%;} .caseon3 .crt .cox2 .hezi .bg .ul1 li:nth-child(3){top: 50%;left: 46%;} .caseon3 .crt .cox2 .hezi .bg .ul1 li:nth-child(4){top: 60%;left: 60%;} .caseon3 .crt .cox2 .hezi .bg .ul1 li:nth-child(5){top: 85%;left: 65%;} .caseon3 .crt .cox2 .hezi .bg .ul1 li.act div{color: #3C7EB1;} .caseon3 .crt .cox2 .hezi .bg .ul2 {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;} .caseon3 .crt .cox2 .hezi .bg .ul2 li{position: absolute;color: #9d9d9d;font-size: 0.83vw;} .caseon3 .crt .cox2 .hezi .bg .ul2 li:nth-child(1){top: 60%;left: 0%;} .caseon3 .crt .cox2 .hezi .bg .ul2 li:nth-child(2){top: 10%;left: 20%;} .caseon3 .crt .cox2 .hezi .bg .ul2 li:nth-child(3){top: -10%;left: 50%;} .caseon3 .crt .cox2 .hezi .bg .ul2 li:nth-child(4){top: 10%;left: 80%;} .caseon3 .crt .cox2 .hezi .bg .ul2 li:nth-child(5){top: 60%;left: 95%;} .caseon3 .crt .cox2 .hezi .bg .ul2 li.act{color: #3C7EB1;} .caseon3 .crt .cox2 .hezi .dl2{width: 100%;margin: 0 auto ;display: flex;justify-content: space-between;margin-top: 8px;line-height: 16px;color: #9d9d9d;} .caseon3 .crt .cox2 .hezi .dl2 dd{display: flex;} .caseon3 .crt .cox2 .hezi .dl2 dd span{padding: 0 .52vw;font-size: .73vw;display: none;} .caseon3 .crt .cox2 .hezi .dl2 dd:nth-child(1) span:nth-child(1){display: block;} .caseon3 .crt .cox2 .hezi .dl2 dd:nth-child(2) span:nth-child(3){display: block;} .caseon3 .crt .cox2 .dl3{display: flex;margin-bottom: .8rem;justify-content: space-between;align-items: flex-start;align-content: flex-start;} .caseon3 .crt .cox2 .dl3:last-child{margin-bottom: 0;} .caseon3 .crt .cox2 .dl3 dt{width: 67%;letter-spacing: 1px;} .caseon3 .crt .cox2 .dl3 dd{width: 25%;max-width: 180px;position: relative;} .caseon3 .crt .cox2 .dl3 dd .wz{width: 100%;position: absolute;left: 0;top: 55%;z-index: 3;color: #3C7EB1;text-align: center;font-weight: bold;font-size: 1vw;line-height: 1.3;} .caseon4{padding: .5rem 0 .8rem;} .caseon4 .dl1{display: flex;width: 100%;justify-content: space-between;} .caseon4 .dl1 dd{width: 48.75%;} .caseon4 .dl1 dd .tt{color: #1d1d1f;margin-bottom: 25px;} .caseon4 .dl1 dd .tc{background: #f5f5f5;border-radius: 10px;padding: .2rem 0;display: flex;justify-content: center;text-align: center;min-height: 160px;align-items: center;align-content: center;flex-wrap: wrap;} .caseon4 .dl1 dd .tc .item{width: 1rem;margin: 0 .15rem;} .caseon4 .dl1 dd .tc .item .ico{width: 100%;} .caseon4 .dl1 dd .tc .item .ico img{margin: 0 auto 5px;} .caseon4 .dl1 dd .aox{background: #f5f5f5;border-radius: 10px;padding: .2rem .6rem;display: flex;text-align: center;min-height: 160px;align-items: center;align-content: center;flex-wrap: wrap;} .caseon4 .dl1 dd .aox .a{display: flex;width: 1.7rem;justify-content: center;align-items: center;align-content: center;height: 48px;background: rgba(60, 126, 178, 0.8);color: #fff;border-radius: 30px;margin: 0 .1rem;padding: 0 10px;} .caseon4 .dl1 dd .aox .a s{display: block;width: 20px;height: 20px;background: url(../images/svg/cac_4_1.svg) center no-repeat;margin-left: 5px;position: relative;left: 0px;} /*.caseon4 .dl1 dd .aox .a:hover{background: #0C938E !important;}*/ .caseon4 .dl1 dd .aox .a:hover s{left: 5px;} .caseon5{padding: .8rem 0;background: #f5f5f5;} .caseon5 .tt{text-align: center;color: #1d1d1f;} .caseon5 .ul1{display: flex;flex-wrap: wrap;padding-top: .3rem;} .caseon5 .ul1 li{width: calc(calc(100% - .6rem) / 4);margin: .2rem .2rem 0 0;border-radius: 10px;overflow: hidden;position: relative;} .caseon5 .ul1 li:nth-child(4n){margin-right: 0;} .caseon5 .ul1 li .img{width: 100%;transform: scale(1.0000002);-webkit-transform: scale(1.0000002);} .caseon5 .ul1 li .txt{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background: rgba(0, 0, 0, 0.3);color: #fff;display: flex;align-items: center;align-content: center;} .caseon5 .ul1 li .txt .wa{display: flex;justify-content: center;width: 100%;align-items: center;align-content: center;} .caseon5 .ul1 li .txt .wa .ico{width: .7rem;margin-right: 5px;} .caseon5 .ul1 li:hover .img{width: 100%;transform: scale(1.1);-webkit-transform: scale(1.1);} .caseon6{padding: .8rem 0;background: #3C7EB2;} .caseon6 .tt{color: #fff;margin-bottom: .35rem;} .caseon6 .dl1{display: flex;justify-content: space-between;} .caseon6 .dl1 dd{width: 47.5%;max-width: 760px;} .table_sx{background: #fff;border-radius: 10px;overflow: hidden;} .table_sx table{width: 100% !important;overflow: hidden;border-collapse:collapse;} .table_sx table td{width: 24%;line-height: 30px; padding:.3rem .1rem;text-align: center;background: #F4FAFF;border-bottom: 1px solid #F0F0F0;color: #3C7EBB;} .table_sx table tr td:nth-child(2){width: 76%;text-align: left;background: #fff;color: #666;padding: .3rem;} .table_sx table td s{display: inline-block;width: 10px;} .table_sx table tr:last-child td{border: 0;} .caseon6 .dl1 dd .dox{background: #fff;border-radius: 10px;overflow: hidden;padding: .2rem;} .caseon6 .dl1 dd .dox .db1{display: flex;justify-content: flex-end;} .caseon6 .dl1 dd .dox .db1 .ico{width: 40%;} .caseon6 .dl1 dd .dox .ul1{margin-top: 10px;} .caseon6 .dl1 dd .dox .ul1 li{display: flex;justify-content: space-between;align-items: center;align-content: center;text-align: center;} .caseon6 .dl1 dd .dox .ul1 li .llt{width: 1.65rem;text-align: center;color: #999;} .caseon6 .dl1 dd .dox .ul1 li .lrt{position: relative;display: flex;width: calc(100% - 1.65rem);color: #666;} .caseon6 .dl1 dd .dox .ul1 li .lrt .item{width: 33.33%;position: relative;z-index: 3;} .caseon6 .dl1 dd .dox .ul1 li .lrt .item img{margin: 0 auto;width: 65%;max-width: 90px;} .caseon6 .dl1 dd .dox .ul1 li .lrt .xian{display: block;width: 100%;height: 4px;background: #C9CACA;border-radius: 3px;position: absolute;left: 0;top: 50%;margin-top: -2px;} .caseon6 .dl1 dd .dox .ul1 li.act .llt{color: #094A95;} .caseon6 .dl1 dd .dox .ul1 li.act .lrt .xian{background: #094A95;} .caseon7{padding: .8rem 0;overflow: hidden;} .caseon7 .tt{text-align: center;color: #1d1d1f;margin-bottom: .5rem;} .caseon7 .box{max-width: 1200px;} .caseon7 .box .hezi{position: relative;} .swiper3{overflow: visible;} .swiper3 .swiper-slide{} .swiper3 .swiper-slide .sbox{background: #f5f5f5;border-radius: 10px;overflow: hidden;display: flex;flex-direction: row-reverse;} .swiper3 .swiper-slide .sbox .txt{width: 50%;padding: .55rem 1rem 0 .6rem;} .swiper3 .swiper-slide .sbox .txt .stt{line-height: 36px;height: 72px; color: #1d1d1f; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .swiper3 .swiper-slide .sbox .txt .stc{line-height: 24px;height: 48px;color: #666; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;margin: 25px 0 75px;} .swiper3 .swiper-slide .sbox .img{width: 50%;overflow: hidden;height: 385px;overflow: hidden;} .swiper3 .swiper-slide .sbox .img img{width: 100%;height: 100%;transform: scale(1.000002);-webkit-transform: scale(1.000002);} .swiper3 .swiper-slide .sbox:hover .txt .stt{color: #3C7EBB;} .swiper3 .swiper-slide .sbox:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);} .caseon7 .box .hezi .btn{width: 60px;height: 60px;background: #E5E5E5 url(../images_die/svg/lb_jt1.svg) center no-repeat;border-radius: 50%;position: absolute;top: 50%;right: -120px;z-index: 5;cursor: pointer;margin-top: -30px;} .caseon7 .box .hezi .prev3{left: -120px;transform: rotate(180deg);-webkit-transform: rotate(180deg);} .caseon7 .box .hezi .btn:hover{background: #3C7EBB url(../images_die/svg/lb_jt2.svg) center no-repeat;} .zt_laji_bg{background: #3C7EBB;} .zt_laji_color{color: #3C7EBB;} .zt_laji .caseon2 .cox .clt .ul2 .li:hover{background: #3C7EBB;color: #fff;} /* 混合 004e80*/ .zt_hunhe{} .zt_hunhe .caseon2 .cox .clt .tt span{color: #004e80;} .zt_hunhe .caseon2 .cox .clt .ul1 li{color: #004e80;} .zt_hunhe .caseon2 .cox .clt .ul2 .li{color: #004e80;border: 1px solid #004e80;} .zt_hunhe .caseon2 .cox .clt .ul2 .li:hover{background: #004e80;color: #fff;} .zt_hunhe .caseon3 .clt .dl1 dd .dtt span{background: #004e80;} .zt_hunhe .caseon3 .crt .dl1 dd .dtt span{background: #004e80;} .zt_hunhe .caseon3 .crt .cox2 .ctt2{color: #004e80;} .zt_hunhe .caseon3 .crt .cox2 .ctt2 s{background: #004e80;} .zt_hunhe .caseon3 .crt .cox2 .ctc2 span{color: #004e80;} .zt_hunhe .caseon3 .crt .cox2 .hezi .bg .ul2 li.act{color: #004e80;} .zt_hunhe .caseon3 .crt .cox2 .hezi .bg .ul1 li.act div{color: #004e80;} .zt_hunhe .caseon3 .crt .cox2 .dl3 dd .wz{color: #004e80;} .zt_hunhe .caseon3 .clt .dl2 dd .dtt .dian.act1 s:nth-child(1){background: #004e80;} .zt_hunhe .caseon3 .clt .dl2 dd .dtt .dian.act2 s:nth-child(1){background: #004e80;} .zt_hunhe .caseon3 .clt .dl2 dd .dtt .dian.act2 s:nth-child(2){background: #004e80;} .zt_hunhe .caseon3 .clt .dl2 dd .dtt .dian.act3 s:nth-child(1){background: #004e80;} .zt_hunhe .caseon3 .clt .dl2 dd .dtt .dian.act3 s:nth-child(2){background: #004e80;} .zt_hunhe .caseon3 .clt .dl2 dd .dtt .dian.act3 s:nth-child(3){background: #004e80;} .zt_hunhe .caseon3 .clt .dl2 dd .dtt .dian.act4 s:nth-child(1){background: #004e80;} .zt_hunhe .caseon3 .clt .dl2 dd .dtt .dian.act4 s:nth-child(2){background: #004e80;} .zt_hunhe .caseon3 .clt .dl2 dd .dtt .dian.act4 s:nth-child(3){background: #004e80;} .zt_hunhe .caseon3 .clt .dl2 dd .dtt .dian.act4 s:nth-child(4){background: #004e80;} .zt_hunhe .caseon4 .dl1 dd .aox .a{background: #004e80;} .zt_hunhe .caseon6{background: #004e80;} .zt_hunhe .table_sx table td{color: #004e80;} .zt_hunhe .caseon7 .box .hezi .btn:hover{background: #004e80 url(../images_die/svg/lb_jt2.svg) center no-repeat;} .zt_hunhe_bg{background: #004e80;} .zt_hunhe_color{color: #004e80;} .zt_hunhe .caseon3 .clt .dl1 dd .dtc .ico{color: #004e80;} .zt_hunhe .caseon3 .clt .dl1 dd .dtc .ico .cr2{stroke:#004e80;} /* 树脂 062741*/ .zt_shuzhi{} .zt_shuzhi .caseon2 .cox .clt .tt span{color: #062741;} .zt_shuzhi .caseon2 .cox .clt .ul1 li{color: #062741;} .zt_shuzhi .caseon2 .cox .clt .ul2 .li{color: #062741;border: 1px solid #062741;} .zt_shuzhi .caseon2 .cox .clt .ul2 .li:hover{background: #062741;color: #fff;} .zt_shuzhi .caseon3 .clt .dl1 dd .dtt span{background: #062741;} .zt_shuzhi .caseon3 .crt .dl1 dd .dtt span{background: #062741;} .zt_shuzhi .caseon3 .crt .cox2 .ctt2{color: #062741;} .zt_shuzhi .caseon3 .crt .cox2 .ctt2 s{background: #062741;} .zt_shuzhi .caseon3 .crt .cox2 .ctc2 span{color: #062741;} .zt_shuzhi .caseon3 .crt .cox2 .hezi .bg .ul2 li.act{color: #062741;} .zt_shuzhi .caseon3 .crt .cox2 .hezi .bg .ul1 li.act div{color: #062741;} .zt_shuzhi .caseon3 .crt .cox2 .dl3 dd .wz{color: #062741;} .zt_shuzhi .caseon3 .clt .dl2 dd .dtt .dian.act1 s:nth-child(1){background: #062741;} .zt_shuzhi .caseon3 .clt .dl2 dd .dtt .dian.act2 s:nth-child(1){background: #062741;} .zt_shuzhi .caseon3 .clt .dl2 dd .dtt .dian.act2 s:nth-child(2){background: #062741;} .zt_shuzhi .caseon3 .clt .dl2 dd .dtt .dian.act3 s:nth-child(1){background: #062741;} .zt_shuzhi .caseon3 .clt .dl2 dd .dtt .dian.act3 s:nth-child(2){background: #062741;} .zt_shuzhi .caseon3 .clt .dl2 dd .dtt .dian.act3 s:nth-child(3){background: #062741;} .zt_shuzhi .caseon3 .clt .dl2 dd .dtt .dian.act4 s:nth-child(1){background: #062741;} .zt_shuzhi .caseon3 .clt .dl2 dd .dtt .dian.act4 s:nth-child(2){background: #062741;} .zt_shuzhi .caseon3 .clt .dl2 dd .dtt .dian.act4 s:nth-child(3){background: #062741;} .zt_shuzhi .caseon3 .clt .dl2 dd .dtt .dian.act4 s:nth-child(4){background: #062741;} .zt_shuzhi .caseon4 .dl1 dd .aox .a{background: #062741;} .zt_shuzhi .caseon6{background: #062741;} .zt_shuzhi .table_sx table td{color: #062741;} .zt_shuzhi .caseon7 .box .hezi .btn:hover{background: #062741 url(../images_die/svg/lb_jt2.svg) center no-repeat;} .zt_shuzhi_bg{background: #062741;} .zt_shuzhi_color{color: #062741;} .zt_shuzhi .caseon3 .clt .dl1 dd .dtc .ico{color: #062741;} .zt_shuzhi .caseon3 .clt .dl1 dd .dtc .ico .cr2{stroke:#062741;} /* 水洗 5ba4cc*/ .zt_shuixi{} .zt_shuixi .caseon2 .cox .clt .tt span{color: #5ba4cc;} .zt_shuixi .caseon2 .cox .clt .ul1 li{color: #5ba4cc;} .zt_shuixi .caseon2 .cox .clt .ul2 .li{color: #5ba4cc;border: 1px solid #5ba4cc;} .zt_shuixi .caseon2 .cox .clt .ul2 .li:hover{background: #5ba4cc;color: #fff;} .zt_shuixi .caseon3 .clt .dl1 dd .dtt span{background: #5ba4cc;} .zt_shuixi .caseon3 .crt .dl1 dd .dtt span{background: #5ba4cc;} .zt_shuixi .caseon3 .crt .cox2 .ctt2{color: #5ba4cc;} .zt_shuixi .caseon3 .crt .cox2 .ctt2 s{background: #5ba4cc;} .zt_shuixi .caseon3 .crt .cox2 .ctc2 span{color: #5ba4cc;} .zt_shuixi .caseon3 .crt .cox2 .hezi .bg .ul2 li.act{color: #5ba4cc;} .zt_shuixi .caseon3 .crt .cox2 .hezi .bg .ul1 li.act div{color: #5ba4cc;} .zt_shuixi .caseon3 .crt .cox2 .dl3 dd .wz{color: #5ba4cc;} .zt_shuixi .caseon3 .clt .dl2 dd .dtt .dian.act1 s:nth-child(1){background: #5ba4cc;} .zt_shuixi .caseon3 .clt .dl2 dd .dtt .dian.act2 s:nth-child(1){background: #5ba4cc;} .zt_shuixi .caseon3 .clt .dl2 dd .dtt .dian.act2 s:nth-child(2){background: #5ba4cc;} .zt_shuixi .caseon3 .clt .dl2 dd .dtt .dian.act3 s:nth-child(1){background: #5ba4cc;} .zt_shuixi .caseon3 .clt .dl2 dd .dtt .dian.act3 s:nth-child(2){background: #5ba4cc;} .zt_shuixi .caseon3 .clt .dl2 dd .dtt .dian.act3 s:nth-child(3){background: #5ba4cc;} .zt_shuixi .caseon3 .clt .dl2 dd .dtt .dian.act4 s:nth-child(1){background: #5ba4cc;} .zt_shuixi .caseon3 .clt .dl2 dd .dtt .dian.act4 s:nth-child(2){background: #5ba4cc;} .zt_shuixi .caseon3 .clt .dl2 dd .dtt .dian.act4 s:nth-child(3){background: #5ba4cc;} .zt_shuixi .caseon3 .clt .dl2 dd .dtt .dian.act4 s:nth-child(4){background: #5ba4cc;} .zt_shuixi .caseon4 .dl1 dd .aox .a{background: #5ba4cc;} .zt_shuixi .caseon6{background: #5ba4cc;} .zt_shuixi .table_sx table td{color: #5ba4cc;} .zt_shuixi .caseon7 .box .hezi .btn:hover{background: #5ba4cc url(../images_die/svg/lb_jt2.svg) center no-repeat;} .zt_shuixi_bg{background: #5ba4cc;} .zt_shuixi_color{color: #5ba4cc;} .zt_shuixi .caseon3 .clt .dl1 dd .dtc .ico{color: #5ba4cc;} .zt_shuixi .caseon3 .clt .dl1 dd .dtc .ico .cr2{stroke:#5ba4cc;} /* 近边/TTO碳带 008fa4*/ .zt_tto{} .zt_tto .caseon2 .cox .clt .tt span{color: #0C938E;} .zt_tto .caseon2 .cox .clt .ul1 li{color: #0C938E;} .zt_tto .caseon2 .cox .clt .ul2 .li{color: #0C938E;border: 1px solid #0C938E;} .zt_tto .caseon2 .cox .clt .ul2 .li:hover{background: #0C938E;color: #fff;} .zt_tto .caseon3 .clt .dl1 dd .dtt span{background: #0C938E;} .zt_tto .caseon3 .crt .dl1 dd .dtt span{background: #0C938E;} .zt_tto .caseon3 .crt .cox2 .ctt2{color: #0C938E;} .zt_tto .caseon3 .crt .cox2 .ctt2 s{background: #0C938E;} .zt_tto .caseon3 .crt .cox2 .ctc2 span{color: #0C938E;} .zt_tto .caseon3 .crt .cox2 .hezi .bg .ul2 li.act{color: #0C938E;} .zt_tto .caseon3 .crt .cox2 .hezi .bg .ul1 li.act div{color: #0C938E;} .zt_tto .caseon3 .crt .cox2 .dl3 dd .wz{color: #0C938E;} .zt_tto .caseon3 .clt .dl2 dd .dtt .dian.act1 s:nth-child(1){background: #0C938E;} .zt_tto .caseon3 .clt .dl2 dd .dtt .dian.act2 s:nth-child(1){background: #0C938E;} .zt_tto .caseon3 .clt .dl2 dd .dtt .dian.act2 s:nth-child(2){background: #0C938E;} .zt_tto .caseon3 .clt .dl2 dd .dtt .dian.act3 s:nth-child(1){background: #0C938E;} .zt_tto .caseon3 .clt .dl2 dd .dtt .dian.act3 s:nth-child(2){background: #0C938E;} .zt_tto .caseon3 .clt .dl2 dd .dtt .dian.act3 s:nth-child(3){background: #0C938E;} .zt_tto .caseon3 .clt .dl2 dd .dtt .dian.act4 s:nth-child(1){background: #0C938E;} .zt_tto .caseon3 .clt .dl2 dd .dtt .dian.act4 s:nth-child(2){background: #0C938E;} .zt_tto .caseon3 .clt .dl2 dd .dtt .dian.act4 s:nth-child(3){background: #0C938E;} .zt_tto .caseon3 .clt .dl2 dd .dtt .dian.act4 s:nth-child(4){background: #0C938E;} .zt_tto .caseon4 .dl1 dd .aox .a{background: #0C938E;} .zt_tto .caseon6{background: #0C938E;} .zt_tto .table_sx table td{color: #0C938E;} .zt_tto .caseon7 .box .hezi .btn:hover{background: #0C938E url(../images_die/svg/lb_jt2.svg) center no-repeat;} .zt_tto_bg{background: #0C938E;} .zt_tto_color{color: #0C938E;} .zt_tto .caseon3 .clt .dl1 dd .dtc .ico{color: #0C938E;} .zt_tto .caseon3 .clt .dl1 dd .dtc .ico .cr2{stroke:#0C938E;} /* 热烫印日期碳带 0c8b86*/ .zt_retang{} .zt_retang .caseon2 .cox .clt .tt span{color: #0c8b86;} .zt_retang .caseon2 .cox .clt .ul1 li{color: #0c8b86;} .zt_retang .caseon2 .cox .clt .ul2 .li{color: #0c8b86;border: 1px solid #0c8b86;} .zt_retang .caseon2 .cox .clt .ul2 .li:hover{background: #0c8b86;color: #fff;} .zt_retang .caseon3 .clt .dl1 dd .dtt span{background: #0c8b86;} .zt_retang .caseon3 .crt .dl1 dd .dtt span{background: #0c8b86;} .zt_retang .caseon3 .crt .cox2 .ctt2{color: #0c8b86;} .zt_retang .caseon3 .crt .cox2 .ctt2 s{background: #0c8b86;} .zt_retang .caseon3 .crt .cox2 .ctc2 span{color: #0c8b86;} .zt_retang .caseon3 .crt .cox2 .hezi .bg .ul2 li.act{color: #0c8b86;} .zt_retang .caseon3 .crt .cox2 .hezi .bg .ul1 li.act div{color: #0c8b86;} .zt_retang .caseon3 .crt .cox2 .dl3 dd .wz{color: #0c8b86;} .zt_retang .caseon3 .clt .dl2 dd .dtt .dian.act1 s:nth-child(1){background: #0c8b86;} .zt_retang .caseon3 .clt .dl2 dd .dtt .dian.act2 s:nth-child(1){background: #0c8b86;} .zt_retang .caseon3 .clt .dl2 dd .dtt .dian.act2 s:nth-child(2){background: #0c8b86;} .zt_retang .caseon3 .clt .dl2 dd .dtt .dian.act3 s:nth-child(1){background: #0c8b86;} .zt_retang .caseon3 .clt .dl2 dd .dtt .dian.act3 s:nth-child(2){background: #0c8b86;} .zt_retang .caseon3 .clt .dl2 dd .dtt .dian.act3 s:nth-child(3){background: #0c8b86;} .zt_retang .caseon3 .clt .dl2 dd .dtt .dian.act4 s:nth-child(1){background: #0c8b86;} .zt_retang .caseon3 .clt .dl2 dd .dtt .dian.act4 s:nth-child(2){background: #0c8b86;} .zt_retang .caseon3 .clt .dl2 dd .dtt .dian.act4 s:nth-child(3){background: #0c8b86;} .zt_retang .caseon3 .clt .dl2 dd .dtt .dian.act4 s:nth-child(4){background: #0c8b86;} .zt_retang .caseon4 .dl1 dd .aox .a{background: #0c8b86;} .zt_retang .caseon6{background: #0c8b86;} .zt_retang .table_sx table td{color: #0c8b86;} .zt_retang .caseon7 .box .hezi .btn:hover{background: #0c8b86 url(../images_die/svg/lb_jt2.svg) center no-repeat;} .zt_retang_bg{background: #0c8b86;} .zt_retang_color{color: #0c8b86;} .zt_retang .caseon3 .clt .dl1 dd .dtc .ico{color: #0c8b86;} .zt_retang .caseon3 .clt .dl1 dd .dtc .ico .cr2{stroke:#0c8b86;} /* 产品对比 */ .cascp_banner{background: #fff;overflow:visible;} .cascp_banner .tt{line-height: 1;margin-top: .5rem;} .cascp_banner .tc{display: flex;align-items: center;align-content: center;margin-top:-.5rem;position: relative;top: 2rem;z-index: 3;} .cascp_banner .tc .yuan{display: block;width: 45px;height: 22px;background: #bfbfbf;border-radius: 20px;padding: 3px;cursor: pointer;margin-right: 10px;} .cascp_banner .tc .yuan span{display: block;width: 15px;height: 15px;background: #fff;border-radius: 20px;} .cascp_banner .tc .yuan.act{background: #0C938E;} .cascp_banner .tc .yuan.act span{margin-left: 22px;} .cascp1{padding: 25px 0 40px;background: #f5f5f5;} .cascp1 .ctop{display: flex;} .cascp1 .ctop .clt{width: 22%;} .cascp1 .ctop .crt{width: 78%;} .cascp1 .ctop .crt .dl1{display: flex;} .cascp1 .ctop .crt .dl1 dd{width: 33.33%;position: relative;padding-right: 30px;} .cascp1 .ctop .crt .dl1 dd .dd1{position: relative;width: 100%;height: 1.4rem;text-align: center;cursor: pointer;} .cascp1 .ctop .crt .dl1 dd .dd1 .jia{display: block;width: 50px;height: 50px;background: url(../images/cacp_1_1.png) center no-repeat;margin: 35px auto 15px;} .cascp1 .ctop .crt .dl1 dd .dd2 {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 3;background: #f5f5f5;} .cascp1 .ctop .crt .dl1 dd .dd2 .bt{display: block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top: 30px;} .cascp1 .ctop .crt .dl1 dd .dd2 .bc{display: flex;align-content: center;align-items: center;margin-top: 20px;} .cascp1 .ctop .crt .dl1 dd .dd2 .bc .ico{width: .7rem;} .cascp1 .ctop .crt .dl1 dd .dd2 .jia{display: block;width: 30px;height: 30px;background: url(../images/cacp_1_1.png) center no-repeat;background-size: cover;position: absolute;top: 0;right: 30px;transform: rotate(45deg);-webkit-transform: rotate(45deg);cursor: pointer;} .cascp2{padding: .75rem 0 .5rem;} .cascp2 .ul1{} .cascp2 .ul1 li{} .cascp2 .ul1 li .ltop{display: flex;justify-content: space-between;align-items: center;align-content: center;cursor: pointer;} .cascp2 .ul1 li .ltop .jia{display: block;width: 22px;height: 22px;background: url(../images_die/svg/jt_r.svg) center no-repeat;transform: rotate(90deg);-webkit-transform: rotate(90deg);} .cascp2 .ul1 li .lbtm{padding-top: 30px;margin-bottom: .75rem;} .cascp2 .ul1 li.act .ltop .jia{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);} .table{} .table table{width: 100% !important;overflow: hidden;border-collapse:collapse;} .table_db table td{line-height: 1.5;width: 25%;border-bottom: 1px dashed #b3b3b3;padding: 15px .6rem;} .table_db table td:nth-child(1){border-bottom: 1px solid #b3b3b3;padding-left:0;position: relative;} .table_db table td:nth-child(1)::after{content: '';display: block;width: .6rem;height: 2px;background: #fff;position: absolute;right: 0;bottom: -1px;z-index: 2;} .table_db table td .ltc{color: #666;padding-top: 5px;} .table_db table td .yuan{display: flex;} .table_db table td .yuan s{display: block;width: 10px;height: 10px;background: #bfbfbf;border-radius: 50%;margin: 0 2px;} .table_db table td .yuan.act1 s:nth-child(1){background: #0c938e;} .table_db table td .yuan.act2 s:nth-child(1){background: #0c938e;} .table_db table td .yuan.act2 s:nth-child(2){background: #0c938e;} .table_db table td .yuan.act3 s:nth-child(1){background: #0c938e;} .table_db table td .yuan.act3 s:nth-child(2){background: #0c938e;} .table_db table td .yuan.act3 s:nth-child(3){background: #0c938e;} .table_db table td .yuan.act4 s:nth-child(1){background: #0c938e;} .table_db table td .yuan.act4 s:nth-child(2){background: #0c938e;} .table_db table td .yuan.act4 s:nth-child(3){background: #0c938e;} .table_db table td .yuan.act4 s:nth-child(4){background: #0c938e;} .table_db table td .wd{display: flex;color: #0c938e;align-items: center;align-content: center;} .table_db table td .xian{color: #0c938e;font-size: 24px;} .table_db table td .wd img{margin: 0 10px;} .table_db table td .jd{display: flex;color: #0c938e;align-items: center;align-content: center;} .table_db table td .jd .di{display: block;width: 80px;height: 10px;position: relative;border-radius: 5px;background: #c9caca;margin-right: 10px;} .table_db table td .jd .di span{display: block;width:0% ;height: 100%;border-radius: 5px;background: #0c938e;} .table_db table td .jd .di s{display: block;width: 8px;height: 8px;background: url(../images/zhuanxiangdz_4_1.png) center no-repeat;position: absolute;bottom: 100%;left: 0%;transform: translateX(-4px);-webkit-transform: translateX(-4px);} .cascp3{padding: 40px 0;background: #f5f5f5;} .cascp3 .cox{display: flex;} .cascp3 .cox .dl1:nth-child(1){margin-left: 25%;} .cascp3 .cox .dl1{width: 25%;padding: 0 .6rem;} .cascp3 .cox .dl1 dd{display: flex;line-height: 1.5; align-content: center;align-content: center;} .cascp3 .cox .dl1 dd .dox{min-width: 110px;margin-bottom: 20px;color: #3a3a3a;text-align: center;} .cascp3 .cox .dl1 dd .dox img{margin-bottom: 5px;} .cascp3 .cox .dl2 dd{color: #0c938e;align-content: center;align-items: center;} .cascp3 .cox .dl2 dd .wz{padding-left: 5px;line-height: 36px;} .cascp4{background: #fff;} .cascp4 .cox .dl3 dd{display: flex;margin-bottom: 12px;} .cascp4 .cox .dl3 dd .a{display: flex;line-height: 2.44;padding: 0 .3rem ;background: #0c938e;border-radius: 30px;color: #fff;align-content: center;align-items: center;} .cascp4 .cox .dl3 dd .a .ico{margin-left: 10px;position: relative;left: 0px;} .cascp4 .cox .dl3 dd .yp{background: #062741;} .cascp4 .cox .dl3 dd .a:hover .ico{left: 5px;} .cascp4 .cox .dl3 dd .a:hover {background: #004e80;} /* 定制 */ .dingzhi_banner{background: #f7f7f7;} .dingzhi_banner .cox .clt .tt{font-size: 4vw;} .dingzhi_banner .cox .clt{width: 34%;max-width: 540px;} .dingzhi_banner .cox .crt{width: 57%;max-width: 900px;} .dingzhi_banner .cox .clt .ul2 .li{border: 1px solid #0C938E;background: #0c938e;color: #fff;} .dingzhi_banner .cox .clt .ul2 .li .ico{margin-left: 10px;position:relative ;left:0px;} .dingzhi_banner .cox .clt .ul2 .li .wz{position:relative;left:0px;} .dingzhi_banner .cox .clt .ul2 .li:hover .ico{opacity:0;} .dingzhi_banner .cox .clt .ul2 .li:hover .wz{left:.2rem;} .cadingzhi1{line-height: 1.5;padding: .8rem 0 .4rem;} .cadingzhi2{padding: 50px 0;background: #f5f5f5;margin-bottom: 40px;} .cadingzhi2 .dl1{display: flex;justify-content: space-between;} .cadingzhi2 .dl1 dt{width: 46%;max-width: 710px;padding-top: .6rem;} .cadingzhi2 .dl1 dt .dtt{line-height: 1.3;} .cadingzhi2 .dl1 dt .dtc{line-height: 1.75;height: 200px;overflow: auto;padding-right: 5px;text-align: justify;border-bottom: 1px solid #ddd;margin: 30px 0;} .cadingzhi2 .dl1 dt .dtc span{ font-family: "rob";} .cadingzhi2 .dl1 dt .aox{display: flex;flex-wrap: wrap;} .cadingzhi2 .dl1 dt .aox .a{display: flex;width: 33.33%;margin-top: 30px;align-items: flex-end;align-content: flex-end;color: #0c938e;} .cadingzhi2 .dl1 dt .aox .a s{display: block;width: 12px;height: 12px;background: url(../images/caisetandai_4_1.png) center no-repeat;background-size: cover;margin-left: 5px;position: relative;top: 0;left: 0px;} .cadingzhi2 .dl1 dt .aox .a:hover{color: #004e80;} .cadingzhi2 .dl1 dt .aox .a:hover s{left: 10px;top: -7px;} .cadingzhi2 .dl1 dd{width: 49%;max-width: 780px;background: #fff;border-radius: 20px;overflow: hidden;} .cadingzhi2 .dl1 dd .dtop{width: 100%;height: 320px;overflow: hidden;} .cadingzhi2 .dl1 dd .dtop img{width: 100%;height: 100%;object-fit: cover;border-radius: 20px 20px 0 0;} .cadingzhi2 .dl1 dd .dbtm{width: 100%;height: 165px;padding: 18px 0 ;display: flex;flex-wrap: wrap;align-content: center;align-content: center;} .cadingzhi2 .dl1 dd .dbtm .dox{width: 68%;display: flex;align-items: center;align-content: center;line-height: 1.3;padding: 5px .5rem;} .cadingzhi2 .dl1 dd .dbtm .dox:nth-child(2n){width: 32%;} .cadingzhi2 .dl1 dd .dbtm .dox .ico{width: 0.26rem;} .cadingzhi2 .dl1 dd .dbtm .dox .wz{width: calc(100% - 0.26rem);padding-left: 10px;} .cadingzhi3{margin-bottom: 1rem;} /* 定制 导航*/ .dingzhidh_banner{background: #f5f5f5;} .dingzhidh_banner .cox .clt .tt{font-size: 4vw;} .dingzhidh_banner .cox .clt{width: 44%;max-width: 700px;} .dingzhidh_banner .cox .crt{width: 56%;} .dingzhidh_banner .cox .crt img{margin: 0 auto;max-width: 630px;} .dingzhidh_banner .cox .clt .ul2 .li{border: 1px solid #0C938E;background: #0c938e;color: #fff;} .dingzhidh_banner .cox .clt .ul2 .li .ico{margin-left: 10px;position:relative ;left:0px;} .dingzhidh_banner .cox .clt .ul2 .li .wz{position:relative;left:0px;} .dingzhidh_banner .cox .clt .ul2 .li:hover .ico{opacity:0;} .dingzhidh_banner .cox .clt .ul2 .li:hover .wz{left:.2rem;} .dingzhidh_banner .cox .clt .tt2{margin: 20px 0 .3rem;} .dingzhidh_banner .cox .clt .tc{color: #666;} .dingzhidh1{padding: 1rem 0;line-height: 1.3;} .dingzhidh1 .doox{display: flex;justify-content: space-between;align-items: flex-end;align-content: flex-end;} .dingzhidh1 .doox .tc{margin-top: 20px;} .dingzhidh1 .dl1{display: flex;justify-content: space-between;margin-top: .65rem;} .dingzhidh1 .dl1 dd{width: 48.75%;height: 380px;background: #0c938e;color: #fff;border-radius: 20px;padding: .4rem;} .dingzhidh1 .dl1 dd .dtop{display: flex;justify-content: space-between;height: 165px;border-bottom: 1px solid #fff;} .dingzhidh1 .dl1 dd .dtop .wz{width: calc(100% - 2rem);line-height: 1.38;} .dingzhidh1 .dl1 dd .dtop .img{width: 2rem;} .dingzhidh1 .dl1 dd .dbtm{display: flex;flex-wrap: wrap;padding-top: 15px;} .dingzhidh1 .dl1 dd .dbtm .dox{width: calc(100% - 2.3rem);display: flex;align-items: center;align-content: center;line-height: 1.5;margin-top: 10px;} .dingzhidh1 .dl1 dd .dbtm .dox:nth-child(2n){width: 2.3rem;} .dingzhidh1 .dl1 dd .dbtm .dox .ico{width: 0.26rem;} .dingzhidh1 .dl1 dd .dbtm .dox .wz{width:calc(100% - 0.26rem);padding-left: 8px;} .dingzhidh1 .dl1 .dd2{background: #062741;} .dingzhidh1 .dl1 .dd2 .dbtm .dox{width: 35%;} .dingzhidh2{padding: 1rem 0;background: url(../images/dingzhitandai_1.png) center no-repeat;background-size: cover;} .dingzhidh2 .dox{display: flex;justify-content: space-between;align-items: center;align-content: center;} .dingzhidh2 .dox .dlt{width: 31.25%;line-height: 1.3;} .dingzhidh2 .dox .dlt .tc{line-height: 1.75;margin: 20px 0 35px;} .dingzhidh2 .dox .drt {} .dingzhidh2 .dox .drt .dl1{display: flex;text-align: center;line-height: 1.5;} .dingzhidh2 .dox .drt .dl1 dd{width: 2.3rem;text-align: center;margin-left: 10px;} .dingzhidh2 .dox .drt .dl1 dd .cio{margin: 0 auto 20px;width: 1.6rem;} /* 定制碳带*/ .dingzhitd_banner{background: url(../images/dingzhitandai_1.png) center no-repeat;background-size: cover;} .dingzhitd_banner .cox{display: block;} .dingzhitd_banner .cox .clt .tt{font-size: 4vw;} .dingzhitd_banner .cox .clt{width: 100%;max-width: 1920px;} .dingzhitd_banner .cox .crt img{margin: 0 auto;max-width: 630px;} .dingzhitd_banner .cox .clt .ul2 .li{border: 1px solid #0C938E;background: #0c938e;color: #fff;} .dingzhitd_banner .cox .clt .ul2 .li .ico{margin-left: 10px;} .dingzhitd_banner .cox .clt .tt2{margin: 20px 0 .3rem;} .dingzhitd_banner .cox .clt .tc{color: #666;} .dingzhitd1{padding: 1rem 0;} .dingzhitd1 .tt{line-height: 1.3;} .dingzhitd1 .dl1{display: flex;margin: .65rem 0 .5rem;justify-content: space-between;} .dingzhitd1 .dl1 dd{width: 32.5%;height: 395px;background: #0c938e;color: #fff;padding: .4rem .3rem ;border-radius: 30px;line-height: 1.66;} .dingzhitd1 .dl1 dd .dtc{display: flex;margin: 20px 0;justify-content: space-between;align-items: flex-start;align-content: flex-start;} .dingzhitd1 .dl1 dd .ul1{display: flex;} .dingzhitd1 .dl1 dd .ul1 li{text-align: center;line-height: 1.5;margin-right: .3rem;} .dingzhitd1 .dl1 dd .ul1 li .ico img{margin: 0 auto;width: .6rem;} .dingzhitd1 .dl1 .dd2{background: #062741;} .dingzhitd1 .dl1 .dd3{background: #f5f5f5;color: #000;} .dingzhitd1 .tcc{line-height: 1.66;} .dingzhitd2{padding: 60px 0;background: #f5f5f5;} .dingzhitd2 .dox{display: flex;justify-content: space-between;align-items: center;align-content: center;} .dingzhitd2 .dox .drt .dl1{display: flex;text-align: center;line-height: 1.5;} .dingzhitd2 .dox .drt .dl1 dd{width: 2.3rem;text-align: center;margin-left: 10px;} .dingzhitd2 .dox .drt .dl1 dd .cio{margin: 0 auto 20px;width: 1.6rem;} .dingzhitd3{padding: 1rem 0 .7rem;} .dingzhitd3 .dtop{margin-top: .5rem;display: flex;align-items: flex-start;align-content: flex-start;justify-content: space-between;} .dingzhitd3 .dtop .dlt{width: 57.5%;} .dingzhitd3 .dtop .dlt .ul1{display: flex;justify-content: space-between;flex-wrap: wrap;} .dingzhitd3 .dtop .dlt .ul1 li{width: 49%;position: relative;margin-bottom: 15px;} .dingzhitd3 .dtop .dlt .ul1 li input,.dingzhitd3 .dtop .dlt .ul1 li textarea{display: block;width: 100%;height: 55px;border: 1px solid #ddd;border-radius: 5px;padding: 0 13px;outline: none;resize: none;font-family: 'siyuan';} .dingzhitd3 .dtop .dlt .ul1 li:last-child{width: 100%;} .dingzhitd3 .dtop .dlt .ul1 li textarea{height: 170px;padding: 13px;line-height: 1.3;} .dingzhitd3 .dtop .dlt .ul1 li .yzm{width: 110px;height: calc(100% - 2px);position: absolute;top: 1px;right: 1px;cursor: pointer;} .dingzhitd3 .dtop .dlt .ul1 li .yzm img{display: block;width: 100%;height: 100%;} .dingzhitd3 .dtop .dlt .ul1 li.act input,.dingzhitd3 .dtop .dlt .ul1 li.act textarea{border: 1px solid #f00;} .dingzhitd3 .dtop .dlt .xuanze{display: flex;align-items: flex-start;align-content: flex-start;line-height: 1.5;color: #666;margin-bottom: 35px;} .dingzhitd3 .dtop .dlt .xuanze span{display: block;width: 19px;height: 19px;background: url(../images/heisetandai_3_9.png) center no-repeat;margin: 3px 0 0 0; } .dingzhitd3 .dtop .dlt .xuanze .wz{display: block;max-width: calc(100% - 19px);padding-left: 5px;cursor: pointer;} .dingzhitd3 .dtop .dlt .xuanze.act span{background: url(../images/heisetandai_3_10.png) center no-repeat;} .dingzhitd3 .dtop .drt{width: 36%;background: url(../images/dingzhitandai_2_5.png) center no-repeat;background-size: cover;color: #fff;padding: .45rem;border-radius: 5px;line-height: 1.3;} .dingzhitd3 .dtop .drt .ipt{margin: 30px 0 40px;} .dingzhitd3 .dtop .drt .select{color: #1d1d1f;} .dingzhitd3 .dtop .drt .select dt{padding: 0 15px;border-radius: 5px;height: 54px;} .dingzhitd3 .dtop .drt .select dt .wz{line-height: 40px;border-right: 1px solid #bcbcbc;} .dingzhitd3 .dtop .drt .ul1{} .dingzhitd3 .dtop .drt .ul1 li{display: none;} .dingzhitd3 .dtop .drt .ul1 li:nth-child(1){display: block;} .dingzhitd3 .dtop .drt .ul1 li .ltt{line-height: 1.66;} .dingzhitd3 .dtop .drt .ul1 li .ltc{margin-top: 35px;} .dingzhitd3 .dtop .drt .ul1 li .ltc .a{display: flex;align-items: flex-start;align-content: flex-start;color: #fff;line-height: 24px;margin-top: 10px;} .dingzhitd3 .dtop .drt .ul1 li .ltc .a .ico{width: 18px;margin-top: 5px;} .dingzhitd3 .dtop .drt .ul1 li .ltc .a .wz{width: calc(100% - 18px);padding-left: 10px;} /* 彩色碳带*/ .caise_banner{background: #f5f5f5;} .caise_banner .cox .clt .tt{font-size: 4vw;} .caise_banner .cox .clt{width: 38.75%;max-width: 620px;text-align: justify;} .caise_banner .cox .crt{width: 57.5%;} .caise_banner .cox .crt img{margin: 0 auto;} .caise_banner .cox .clt .ul2 .li{border: 1px solid #0C938E;background: #0c938e;color: #fff;} .caise_banner .cox .clt .ul2 .li .wz{position: relative;left: 0;} .caise_banner .cox .clt .ul2 .li .ico{margin-left: 10px;} .caise_banner .cox .clt .ul2 .li:hover .wz{left: .2rem;} .caise_banner .cox .clt .ul2 .li:hover .ico{opacity: 0;} .caise_banner .cox .clt .tt2{margin: 20px 0 .3rem;} .caise_banner .cox .clt .tc{color: #666;} .caise_banner .caseon1 .pimg{display: block;width: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%); } .caise1{padding: .8rem 0;line-height: 1.3;} .caise1 .tc{line-height: 1.75;margin: 15px 0 .6rem;} .caise1 .ul1{} .caise1 .ul1 li{display: flex;flex-direction: row-reverse;border-radius: 20px;overflow: hidden;position: relative;background: #f5f5f5;margin-bottom: 35px;} .caise1 .ul1 li .img{width: 34.375%;height: 355px;overflow: hidden;} .caise1 .ul1 li .img img{width: 100%;height: 100%;object-fit: cover;} .caise1 .ul1 li .txt{width: 65.625%;height: 355px;position: relative;padding: .5rem .5rem 0 .65rem;} .caise1 .ul1 li .txt .yuan{display: block;width: 26px;height: 26px;background: #fff;border-radius: 50%;position: absolute;top: 17px;left: 17px;z-index: 2;} .caise1 .ul1 li .txt .ltop{display: flex;height: 190px;border-bottom: 2px solid #ddd;justify-content: space-between;} .caise1 .ul1 li .txt .ltop .llt{width: 25%;} .caise1 .ul1 li .txt .ltop .llt .ico{margin-top: 20px;} .caise1 .ul1 li .txt .ltop .lrt{width: 70%;display: flex;} .caise1 .ul1 li .txt .ltop .lrt .item{width: 16.66%;text-align: center;line-height: 1.5;} .caise1 .ul1 li .txt .ltop .lrt .item .ico{width: .88rem;margin: 0 auto 10px;border-radius:50%;} .caise1 .ul1 li .txt .ltop .lrt .item .ico img{opacity:0;} .caise1 .ul1 li .txt .lbtm{display: flex;flex-wrap: wrap;margin-top: 45px;} .caise1 .ul1 li .txt .lbtm .a{width: 16.66%;display: flex;align-items: flex-end;align-content: flex-end;line-height: 1;} .caise1 .ul1 li .txt .lbtm .a .wz{max-width: calc(100% - 25px); white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .caise1 .ul1 li .txt .lbtm .a s{display: block;width: 12px;height: 12px;background: url(../images/caisetandai_4_1.png) center no-repeat;background-size: cover;margin-left: 5px;position: relative;top: 0;left: 0px;} .caise1 .ul1 li .txt .lbtm .a:hover s{left: 10px;top: -7px;} .caise1 .ul1 .li2 .txt .lbtm .a{width: 25%;} .caise1 .ul1 .li3 .txt .lbtm{flex-wrap: wrap;} .caise1 .ul1 .li3 .txt .lbtm .a:nth-child(n + 7){margin-top: 15px;} .caise1 .ul1 .li3 .txt{height: 390px;} .caise1 .ul1 .li3 .img{height: 390px;} .caise2{padding: .75rem 0;background: url(../images/caisetandai_3_1.png) top right no-repeat;background-size: cover;line-height: 1.3;} .caise2 .tt{color: #7ab51c;} .caise2 .tc{color: #7ab51c;margin: 10px 0 30px;} .caise2 .tc2{line-height: 1.66;color: #666;} .caise2 .more_a{display: flex;margin-top: 40px;} .caise2 .a{background: #7ab51c;display: flex;align-content: center;align-items: center;padding: 0 .3rem;line-height: 46px;border-radius: 30px;color: #fff;} .caise2 .a span{display: block;margin-left: 15px;position: relative;left: 0;top: 0;} .caise2 .a:hover span{left: 5px;} /* 联系我们 */ .con_banner{background: #fff;} .con_banner .tt{line-height: 1;margin: .6rem 0 10px;} .con_banner .caseon1{padding: 30px 0 50px;} .con1 .i5{background: #f5f5f5;padding: 100px 0;height: 900px;} .con1 .i5 .ibtm-container{ width: 74%;margin-left: 26%; } .con1 .i5 .iirt .ul1 li .lix{ width: 34%; } .con1 .i5 .ibtm .baibg{background: #f5f5f5;} /*.con1 .i5 .ibtm{width: 74%;margin-left: 26%;}*/ .con1 .i5 .ibtm .item .dl1 dd .ico span{top: 5%;left: 5%;} .con1 .i5 .iilt{width: 25.5%;position: absolute;top: -20px;left: 0;z-index: 8;background: #062741;border-radius: 28px;padding: .4rem .3rem;color: #fff;box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);} .con1 .i5 .iilt .ul1{margin-top: 20px;} .con1 .i5 .iilt .ul1 li{position: relative;margin-bottom: 15px;} .con1 .i5 .iilt .ul1 li input,.con1 .i5 .iilt .ul1 li textarea{display: block;width: 100%;height: .5rem; background: #fff;border-radius: 5px;padding: 0 20px;outline: none;resize: none;font-family: 'siyuan';border: 1px solid #fff;} .con1 .i5 .iilt .ul1 li .yzm{width: 1.1rem;height: 100%;top: 0;right: 5px;z-index: 2;cursor: pointer;position: absolute;} .con1 .i5 .iilt .ul1 li .yzm img{width: 100%;height: 100%;} .con1 .i5 .iilt .ul1 li textarea{padding: 10px 20px;line-height: 1.5;height: 1.2rem;} .con1 .i5 .iilt .itc{display: flex;align-items: flex-start;align-content: flex-start;line-height: 20px;cursor: pointer;margin-bottom: 20px;} .con1 .i5 .iilt .itc span{display: block;width: 19px;height: 19px;background: url(../images/heisetandai_3_11.png) center no-repeat;} .con1 .i5 .iilt .itc .wz{width: calc(100% - 19px);padding-left: 10px;} .con1 .i5 .iilt .itc.act span{background: url(../images/heisetandai_3_10.png) center no-repeat;} .con1 .i5 .iilt .ul1 li.act input,.con1 .i5 .iilt .ul1 li.act textarea{border: 1px solid #f00;} .con1 .i5 .ibtm .item .dl1 dd .wzx{font-size: .55vw;} .i5 .ibtm .item .dl1 dd{cursor: pointer;} .con1 .i5 .ibtm .item .ct_dl1 dd .wz1{font-size: .6vw;} /*.i5 .iirt{width: 25%;position: absolute;top: 77%;right: 0%;z-index: 2;}*/ .i5 .iirt.act {right: 65%;} .i5 .iirt .ul1{} .i5 .iirt .ul1 li{display: none;} .i5 .iirt .ul1 li:nth-child(1){display: block;} .i5 .iirt .ul1 li .lix {display: none;background: #fff;border-radius: .28rem;padding: .3rem .2rem ;box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);word-break: break-all;position: absolute;z-index: 30;width: 25%;} .i5 .iirt .ul1 li .lix-close{ position: absolute; width: 1em; top: .15rem; right: .15rem; cursor: pointer; } .i5 .iirt .ul1 li .lix-close:hover{ transform: rotate(180deg); } .i5 .iirt .ul1 li .ltt{line-height: 1.5;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #ddd;} .i5 .iirt .ul1 li .ltc{} .i5 .iirt .ul1 li .ltc .a{display: flex;line-height: 20px;align-items: flex-start;align-content: flex-start;margin-bottom: 10px;} .i5 .iirt .ul1 li .ltc .a .ico{width: 20px;} .i5 .iirt .ul1 li .ltc .a .wz{width: calc(100% - 20px);padding-left: 10px;} .i5 .iirt .ul1 li .ltc .a:hover .wz{color: #0C938E;} .con1 .i5 .iirt.act {right: 45%;} /* 加入我们 */ .jo_banner{position: relative;color: #fff;} .jo_banner .caseon1{z-index: 3;height: 520px;z-index: 3;} .jo_banner .box{z-index: 2;} .jo_banner .bgimg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .jo_banner .bgimg .pimg{width: 100%;height: 100%;object-fit: cover;} .jo_banner .bgimg .mimg{display: none;} .jo_banner .ny_nav .nav a{color: #fff;background: url(../images_die/svg/mo_2.svg) center right no-repeat;} .jo_banner .tt{line-height: 1.5;margin: 100px 0 10px;} .join1{padding: 1rem 0;} .join1 .jox{display: flex;justify-content: space-between;} .join1 .jox .jlt{width: 38%;line-height: 1.2;} .join1 .jox .jlt .tc{margin-top: .5rem;} .join1 .jox .jlt .tc .p1{display: flex;align-items: flex-start;align-content: flex-start;line-height: 42px;margin-bottom: .2rem;} .join1 .jox .jlt .tc .p1 .ico{width: 42px;} .join1 .jox .jlt .tc .p1 .wz{width: calc(100% - 42px);} .join1 .jox .jrt{width: 62%;} .join1 .jox .jrt .ul1{position: relative;width: 100%;height: 355px;display: flex;} .join1 .jox .jrt .ul1 li{width: 30%;overflow: hidden; position: absolute; height: 100%;top: 0;left: -50px;z-index: 3;padding: 30px 50px 30px 80px;background: #0C928D;border-radius: 28px;color: #fff;cursor: pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .join1 .jox .jrt .ul1 li .ltop{border-bottom: 1px solid rgba(255,255,255,0.3);line-height: 50px;padding-bottom: 18px;margin-bottom: 28px;text-align:center;} .join1 .jox .jrt .ul1 li .lbtm{position: relative;} .join1 .jox .jrt .ul1 li .lbtm .lox1{display: flex;height: 180px;align-items: center;align-content: center;opacity: 0;overflow: hidden;} .join1 .jox .jrt .ul1 li .lbtm .lox1 .ewm{width: 41%;} .join1 .jox .jrt .ul1 li .lbtm .lox1 .ewm img{width: 100%;} .join1 .jox .jrt .ul1 li .lbtm .lox1 .wenz{width: 59%;padding-left: .4rem;line-height: 1.5;} .join1 .jox .jrt .ul1 li .lbtm .lox1 .wenz .ico{width: .8rem;margin-bottom: .2rem;} .join1 .jox .jrt .ul1 li .lbtm .lox2{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;-webkit-transition: all 0s !important; -moz-transition: all 0s !important; transition: all 0s !important;} .join1 .jox .jrt .ul1 li .lbtm .lox2 .ico{width: .8rem;margin: 10px auto 60px;} .join1 .jox .jrt .ul1 li:nth-child(2){left: 44%;background: #062741;z-index: 2;} .join1 .jox .jrt .ul1 li:nth-child(3){left: 70%;background: #3C7EB3;z-index: 1;} .join1 .jox .jrt .ul1 li.act{z-index: 5;width: 54%;padding: 30px 50px;} .join1 .jox .jrt .ul1 li.act .lox1{opacity: 1;transition-delay: .1s;-webkit-transition-delay: .1s;} .join1 .jox .jrt .ul1 li.act .lox2{opacity: 0;} .join1 .jox .jrt .ul1.act2 li:nth-child(2) {left: 21%;} .join1 .jox .jrt .ul1.act3 li:nth-child(2) {left: 21%;z-index: 4;} .join1 .jox .jrt .ul1.act3 li:nth-child(3) {left: 46%;} .join1 .jox .jrt .ul1.act{} .join1 .jox .jrt .ul1 li.act .ltop{text-align:left;} .join2{padding: 1.7rem 0;background: #F5F5F5 url(../images/jo_2.png) center right no-repeat;background-size: cover;line-height: 1.66;} .join2 .box div{width: 32%;} .join2 .tt{margin-bottom: 20px;} .join3{padding: 0 0 .6rem;background: #F5F5F5 ;} .join3 .ul1{display: flex;flex-wrap: wrap;} .join3 .ul1 li{width:calc(calc(100% - 1.2rem) / 4);margin: 0 .4rem .4rem 0;background: #fff;border-radius: 28px;padding: .4rem;line-height: 1.66;} .join3 .ul1 li:nth-child(4n){margin-right: 0;} .join3 .ul1 li .ico{position: relative;width: .8rem;} .join3 .ul1 li .ico img{width: 100%;} .join3 .ul1 li .ico img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;} .join3 .ul1 li .ltt{margin: .3rem 0 .1rem;} .join3 .ul1 li .ltc{color: #666;} .join3 .ul1 li:hover{background: #0C938E;} .join3 .ul1 li:hover .ico img:nth-child(1){opacity: 0;} .join3 .ul1 li:hover .ico img:nth-child(2){opacity: 1;} .join3 .ul1 li:hover .ltt{color: #fff;} .join3 .ul1 li:hover .ltc{color: #fff;} .join4{padding-top: .6rem;overflow: hidden;} .join4 .jox{display: flex;justify-content: space-between;} .join4 .jox .jlt{width: 35%;max-width: 550px;line-height: 1.66;} .join4 .jox .jlt .tc{margin: 10px 0 20px;} .join4 .jox .jlt .em{display: flex;} .join4 .jox .jlt .em .a{display: flex;align-items: center;align-content: center;background: #0c938e;color: #fff;padding: 0 .4rem;border-radius: 40px;line-height: 2.66;} .join4 .jox .jlt .em .a .ico{width: 40px;margin-right: 10px;} .join4 .jox .jrt{width: 41.75%;} /* 投资者 */ .inv1{padding: .8rem 0 1rem;background: #f5f5f5;} .inv1 .iox{display: flex;background: #fff;border-radius: 18px;} .inv1 .iox .ilt{width: 50%;padding: .4rem .6rem;} .inv1 .iox .ilt .itt{display: flex;align-items: center;align-content: center;} .inv1 .iox .ilt .itt .ico{margin-right: 10px;} .inv1 .iox .ilt .itc{display: flex;align-items: flex-end;align-content: flex-end;line-height: 1;margin: 25px 0 50px;} .inv1 .iox .ilt .itc .jt{width: 30px;margin: 0 20px 0 10px; } .inv1 .iox .ilt .itc .sz1{font-size: 4.8vw;color: #ED0C0C;} .inv1 .iox .ilt .itc .sz1.lv{color: #299248;} .inv1 .iox .ilt .itc .sz2{line-height: 1.8;} .inv1 .iox .ilt .ul1{display: flex;justify-content: space-between;margin: 60px 0;} .inv1 .iox .ilt .ul1 li{} .inv1 .iox .ilt .ul1 li .ltc{line-height: 1.5;font-family: 'siyuanm';} .inv1 .iox .ilt .itc2{display: flex;justify-content: space-between;align-content: baseline;align-items: center;} .inv1 .iox .ilt .itc2 .iil{color: #666;line-height: 20px;width: calc(100% - 170px);} .inv1 .iox .irt{width: 50%;padding: .4rem 1rem;} .inv1 .iox .irt .anniu{display: flex;} .inv1 .iox .irt .anniu span{display: block;position: relative;line-height: 24px;padding-bottom: 12px;margin-right: .5rem;cursor: pointer;} .inv1 .iox .irt .anniu span s{display: block;width: 0%;height: 2px;background: #0C938E;position: absolute;left: 0;bottom: 0;z-index: 2;} .inv1 .iox .irt .anniu span.act s{width: 100%;} .inv1 .iox .irt .anniu span:hover,.inv1 .iox .irt .anniu span.act{color: #0C938E;} .inv1 .iox .irt .img{width: 100%;padding-top: 20px;} .inv2{padding: .8rem 0;} .inv2 .iox{display: flex;justify-content: space-between;} .inv2 .iox .ilt{width:47% ;max-width: 750px;} .inv2 .iox .ilt .itt{display: flex;justify-content: space-between;align-items: center;align-content: center;margin-bottom: .4rem;} .inv2 .iox .ilt .ul1{} .inv2 .iox .ilt .ul1 li{border-bottom: 1px solid #d9d9d9;} .inv2 .iox .ilt .ul1 li a{display: flex;align-items: center;align-content: center;padding: 17px 0;} .inv2 .iox .ilt .ul1 li a .ico{width: 70px;} .inv2 .iox .ilt .ul1 li a .ico img{margin: 0 auto;} .inv2 .iox .ilt .ul1 li a .att{width: calc(100% - 170px);padding: 0 10px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .inv2 .iox .ilt .ul1 li a .day{width: 100px;text-align: right;color: #666;} .inv2 .iox .ilt .ul1 li a:hover .att{color: #0C938E;} .inv2 .iox .ilt .ul2{} .inv2 .iox .ilt .ul2 li{border-bottom: 1px solid #d9d9d9;} .inv2 .iox .ilt .ul2 li a{display: flex;align-items: center;align-content: center;padding: 24px 0;} .inv2 .iox .ilt .ul2 li a .ico{width: 70px;} .inv2 .iox .ilt .ul2 li a .ico img{margin: 0 auto;} .inv2 .iox .ilt .ul2 li a .atc{width: calc(100% - 70px);padding-left: 10px;} .inv2 .iox .ilt .ul2 li a .atc .p1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height: 42px;} .inv2 .iox .ilt .ul2 li a .atc .p2{color: #666;margin-top: 5px;} .inv2 .iox .ilt .ul2 li:hover a .atc .p1{color: #0C938E;} .inv3{padding: .8rem 0 1rem;background: #f5f5f5;} .inv3 .iox{display: flex;background: #fff;justify-content: space-between;border-radius: 28px;overflow: hidden;} .inv3 .iox .ilt{width: 51.875%;height: 480px;padding: .6rem 1rem .6rem .6rem;line-height: 1.3;} .inv3 .iox .ilt .itc{display: flex;margin-top: 30px;} .inv3 .iox .ilt .itc .txt{width: calc(100% - 2rem);} .inv3 .iox .ilt .itc .txt .a{display: flex;align-items: center;align-content: center;margin-bottom: 15px;} .inv3 .iox .ilt .itc .txt .a .ico{width: .5rem;} .inv3 .iox .ilt .itc .txt .a .wez{width: calc(100% - .5rem);padding-left: 10px;} .inv3 .iox .ilt .itc .txt .a:hover .wez div{color: #0C938E;} .inv3 .iox .ilt .itc .txt .more{margin-top: 30px;} .inv3 .iox .ilt .itc .img{text-align: center;line-height: 1.5;color: #666;width: 2rem;} .inv3 .iox .ilt .itc .img img{margin: 0 auto 10px;} .inv3 .iox .irt{width:48.125% ;height: 480px;} .inv3 .iox .irt img{display: block;width: 100%;height: 100%;border-radius: 28px;object-fit: cover;} /* 新闻 */ .new1{padding: .8rem 0;background: #f5f5f5;} .new1 .lunbo{position: relative;margin-top: .55rem;} .swiper4{border-radius: 16px;overflow: hidden;background: #fff;} .swiper4 .swiper-slide{} .swiper4 .swiper-slide .sbox{display: flex;height: 455px;} .swiper4 .swiper-slide .sbox .img{width: 46%;height: 100%;overflow: hidden;border-radius: 16px;} .swiper4 .swiper-slide .sbox .img img{width: 100%;height: 100%;object-fit: cover;transform: scale(1.00002);-webkit-transform: scale(1.00002);} .swiper4 .swiper-slide .sbox .txt{width: 54%;padding: .5rem .7rem;} .swiper4 .swiper-slide .sbox .txt .day{opacity: 0.5;} .swiper4 .swiper-slide .sbox .txt .att{line-height: 50px;max-height: 100px;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 10px 0;} .swiper4 .swiper-slide .sbox .txt .atc{color: #666;line-height: 30px;max-height: 90px; word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-bottom: 40px;} .new1 .lunbo .btn{width: 60px;height: 60px;background: #E5E5E5 url(../images_die/svg/lb_jt1.svg) center no-repeat;border-radius: 50%;position: absolute;top: 50%;left: 102%;z-index: 5;cursor: pointer;margin-top: -30px;} .new1 .lunbo .prev4{left: auto;right: 102%; transform: rotate(180deg);-webkit-transform: rotate(180deg);} .new1 .lunbo .btn:hover{background: #0C938E url(../images_die/svg/lb_jt2.svg) center no-repeat;} .swiper4 .swiper-slide .sbox:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);} .swiper4 .swiper-slide .sbox:hover .txt .att{color: #0C938E;} .new2{padding: .8rem 0 1rem;} .new2 .ul1{display: flex;flex-wrap: wrap;} .new2 .ul1 li{width: calc(calc(100% - .9rem) / 3);margin:0 .45rem .6rem 0;} .new2 .ul1 li:nth-child(3n){margin-right: 0;} .new2 .ul1 li a{display: block;overflow: hidden;width: 100%;} .new2 .ul1 li a .img{width: 100%;overflow: hidden;border-radius: 10px;height:260px;} .new2 .ul1 li a .img img{width: 100%;transform: scale(1.0002);-webkit-transform: scale(1.0002);height:100%;object-fit:cover;} .new2 .ul1 li a .txt{padding: 20px 0 35px;position: relative;} .new2 .ul1 li a .txt .day{opacity: 0.5;} .new2 .ul1 li a .txt .ltt{line-height: 32px;height: 64px; margin: 10px 0 30px;} .new2 .ul1 li a .txt .xian{display: block;width: 100%;height: 1px;background: #D9D9D9;position: absolute;left: 0;bottom: 0;} .new2 .ul1 li a:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);} .new2 .ul1 li a:hover {box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.30);border-radius: 8px;} .new2 .ul1 li a .txt{padding: 20px .4rem 35px;} .new2 .ul1 li a:hover .txt .ltt{color: #0C938E;} .new2 .ul1 li a:hover .txt .xian{height: 5px;background: #0C938E;} /* 新闻详情 */ .newc_banner{background: #fff;} .newc1{padding: 60px 0 80px;} .newc1 .box{max-width: 1440px;} .newc1 .tt{text-align: center;line-height: 1.5;} .newc1 .day{display: flex;justify-content: center;align-items: center;align-content: center;color: #666;margin: 16px 0 40px;} .newc1 .day .ico{margin-right: 5px;} .newc1 .ntc{padding: .45rem 0;border-top: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5;line-height: 1.75;margin-bottom: .5rem;} .newc1 .ntc .p2{text-indent: 7em;} .newc1 .ntc img{display: inline;} .newc1 .nbtm{display: flex;justify-content: space-between;align-items: center;align-content: center;} .newc1 .nbtm .nlt{width: calc(100% - 200px);} .newc1 .nbtm .nlt a{display: block;color: #666; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height: 28px;margin-bottom: 8px;} .newc1 .nbtm .nlt a:hover{color: #0C938E;} .newc1 .nbtm .nrt{} /* 表单弹窗 */ .liuyan_tanchuang {position: fixed;width: 90%;max-width: 400px;display: none;top: 100px;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);-webkit-transform: translateX(-50%);z-index: 2010;border-radius: 2px;background: #000; } .liuyan_tanchuang .lox {display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;padding: 15px;color: #fff;line-height: 24px; } .liuyan_tanchuang .ico { width: 24px; } .liuyan_tanchuang .out {width: 20px;cursor: pointer;margin-top: 2px; } .liuyan_tanchuang .wz {width: -webkit-calc(100% - 48px);width: -moz-calc(100% - 48px);width: calc(100% - 48px);padding: 0 10px; } /* 筛选弹窗 */ .cascp_shaixuan{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 99;background: rgba(0, 0, 0, 0.4);display: none;} .cascp_shaixuan .cox{width: 100%;height: 100%;display: flex;justify-content: center;align-content: center;align-items: center;} .cascp_shaixuan .cox .hezi{background: #fff;position: relative;padding: 50px 1rem;border-radius: 30px;} .cascp_shaixuan .cox .hezi .out{display: block;width: 30px;height: 30px;background: url(../images/cacp_1_1.png) center no-repeat;background-size: cover;position: absolute;top: 25px;right:25px;cursor: pointer;transform: rotate(45deg);-webkit-transform: rotate(45deg);} .cascp_shaixuan .cox .hezi .out:hover{transform: rotate(135deg);-webkit-transform: rotate(135deg);} .cascp_shaixuan .cox .hezi .ctop{display: flex;justify-content: space-between;} .cascp_shaixuan .cox .hezi .ctop .crt{width: 320px;} .cascp_shaixuan .cox .hezi .cbtm{width: 100%;height: 50vh;overflow: auto;padding-right: 10px;margin-top: 30px;} .cascp_shaixuan .cox .hezi .cbtm .dl1{display: flex;flex-wrap: wrap;width: 100%;} .cascp_shaixuan .cox .hezi .cbtm .dl1 dd{width: 23%;padding: 25px 35px;background: #f5f5f5;margin: 0 2.6% 2.6% 0;border-radius: 20px;cursor: pointer;line-height: 1.5;} .cascp_shaixuan .cox .hezi .cbtm .dl1 dd:nth-child(4n){margin-right: 0;} .cascp_shaixuan .cox .hezi .cbtm .dl1 dd div{ white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .cascp_shaixuan .cox .hezi .cbtm .dl1 dd .dtc{display: flex;margin-top: 15px;} .cascp_shaixuan .cox .hezi .cbtm .dl1 dd .dtc .kuang{display: flex;align-items: center;align-content: center;color: #fff;border-radius: 30px;padding: 0 15px 3px;} .cascp_shaixuan .cox .hezi .cbtm .dl1 dd .dtc .kuang .ico{width: 30px;} /* 支持与下载 */ .qna_banner{position: relative;} .qna_banner .caseon1{z-index: 3;height: 6.4rem;} .qna_banner .box{z-index: 2;} .qna_banner .bgimg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .qna_banner .bgimg .pimg{width: 100%;height: 100%;object-fit: cover;} .qna_banner .bgimg .mimg{display: none;} .qna_banner .tt{line-height: 1.5;margin: 100px 0 10px;} .qna_nav{position: absolute;width: 100%;left: 0;bottom: .5rem;z-index: 3;} .qna_nav .anniu{display: flex;align-items: center;align-content: center;} .qna_nav .anniu a{display: flex;align-items: center;align-content: center;line-height: 30px;padding-bottom: 15px;margin-right: .8rem;position: relative;} .qna_nav .anniu a .ico{margin-right: 10px;} .qna_nav .anniu a .xian{display: block;width: 0%;height: 3px;background: #0C938E;position: absolute;left: 0;bottom: 0;z-index: 2;} .qna_nav .anniu a.act .xian,.qna_nav .anniu a:hover .xian{width: 100%;} .qna1{padding: 80px 0 50px;background: #f5f5f5;} .qna1 .qox{display: flex;justify-content: space-between;align-items: flex-start;align-content: flex-start;} .qna1 .qox .qlt{padding-top: 110px;position: sticky;left: 0;top: 0px;} .qna1 .qox .qlt .dl1{width: 100%;width: 380px;background: #fff;border-radius: 28px;box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);overflow: hidden;} .qna1 .qox .qlt .dl1 dt{display: flex;align-items: center;align-content: center;padding: 24px 40px;background: #062741;color: #fff;line-height: 40px;} .qna1 .qox .qlt .dl1 dt .ico{margin-right: 10px;} .qna1 .qox .qlt .dl1 dd{padding: 0 40px;} .qna1 .qox .qlt .dl1 dd a{display: flex;align-content: center;align-items: center;line-height: 40px;border-bottom: 1px solid #E5E5E5;padding: 20px 0;} .qna1 .qox .qlt .dl1 dd:last-child a{border: 0;} .qna1 .qox .qlt .dl1 dd a .dain{display: block;width: 8px;height: 8px;background: #1d1d1f;border-radius: 50%;margin-right: 15px;} .qna1 .qox .qlt .dl1 dd.act a .dain,.qna1 .qox .qlt .dl1 dd:hover a .dain{background: #0C938E;} .qna1 .qox .qlt .dl1 dd.act a ,.qna1 .qox .qlt .dl1 dd:hover a {color: #0C938E;} .qna1 .qox .qrt{width: calc(100% - 420px);} .qna1 .qox .qrt .ss{display: block;width: 65%;background: #fff;padding: 5px 65px 5px 35px;border-radius: 40px; background: #FFF; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);height: 70px;overflow: hidden;position: relative;margin-bottom: 40px;} .qna1 .qox .qrt .ss input{display: block;width: 100%;height: 100%;border: 0;outline: none;} .qna1 .qox .qrt .ss .a{position: absolute;display: block;width: 60px;height: 60px;background: #0C938E url(../images/svg/qna_2_2.svg) center no-repeat;top: 5px;right: 5px;z-index: 3;cursor: pointer;border-radius: 50%;} .qna1 .qox .qrt .ss .a:hover{background: #062741 url(../images/svg/qna_2_2.svg) center no-repeat;} .qna1 .qox .qrt .dl1{background: #fff;padding: 0 .5rem;background: #fff;border-radius: 28px;box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);overflow: hidden;} .qna1 .qox .qrt .dl1 dd{border-bottom: 1px solid #E5E5E5;} .qna1 .qox .qrt .dl1 dd .dtop{padding: 25px 0;line-height: 50px;display: flex;justify-content: space-between;align-items: center;align-content: center;cursor: pointer;} .qna1 .qox .qrt .dl1 dd .dtop .wz{width: calc(100% - 20px);} .qna1 .qox .qrt .dl1 dd .dtop span{display: block; width: 20px;height: 20px;background: url(../images/svg/qna_3_1.svg) center no-repeat;} .qna1 .qox .qrt .dl1 dd .dbtm {padding: 40px 0 .7rem;border-top: 1px solid #E5E5E5;display: none;} .qna1 .qox .qrt .dl1 dd .dbtm .dtt{display: flex;align-items: flex-start;align-content: flex-start;line-height: 40px;} .qna1 .qox .qrt .dl1 dd .dbtm .dtt .ico{width: 40px;margin-right: 10px;} .qna1 .qox .qrt .dl1 dd .dbtm .dtc{margin: 20px 0 30px;} .qna1 .qox .qrt .dl1 dd .dbtm .dtc .p1{display:flex;align-items: flex-start;align-content: flex-start;line-height: 40px;} .qna1 .qox .qrt .dl1 dd .dbtm .dtc .p1 .ico{width: 20px;margin-top: 10px;} .qna1 .qox .qrt .dl1 dd .dbtm .dtc .p1 .wz{width: calc(100% - 20px);padding-left: 15px;} .qna1 .qox .qrt .dl1 dd.act .dtop span{transform: rotate(-180deg);-webkit-transform: rotate(-180deg);} /* 下载 */ .down1{padding: 80px 0 90px;background: #f5f5f5;} .down1 .dtop{display: flex;justify-content: space-between;align-items: center;align-content: center;} .down1 .dtop .dlt{display: flex;line-height: 2.375;background: #fff;border-radius: 50px;box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);} .down1 .dtop .dlt a{display: block;padding: 0 .4rem;border-radius: 50px;margin-right:10px;} .down1 .dtop .dlt a:last-child{margin-right:0;} .down1 .dtop .dlt a.act,.down1 .dtop .dlt a:hover{background: #0C938E;color: #fff;} .down1 .dtop .drt {width: 27.2%;background: #fff;border-radius: 40px; background: #FFF; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);height: 70px;overflow: hidden;} .down1 .dtop .drt .ss{display: block;width: 100%;height: 100%; padding: 5px 65px 5px 30px;position: relative;} .down1 .dtop .drt .ss input{display: block;width: 100%;height: 100%;border: 0;outline: none;} .down1 .dtop .drt .ss .a{position: absolute;display: block;width: 60px;height: 60px;background: #0C938E url(../images/svg/qna_2_2.svg) center no-repeat;top: 5px;right: 5px;z-index: 3;cursor: pointer;border-radius: 50%;} .down1 .dtop .drt .ss .a:hover{background: #062741 url(../images/svg/qna_2_2.svg) center no-repeat;} .down1 .dtop2{display: flex;;align-items: center;align-content: center;margin-top: 15px;padding-left: .2rem;} .down1 .dtop2 a{display: block;padding: 0 .2rem;line-height: 28px;} .down1 .dtop2 a.act,.down1 .dtop2 a:hover{color: #0C938E;} .down1 .dtop2 a.act{font-family: 'siyuanb';} .down1 .dbtm{} .down1 .dbtm .ul1{display: flex;flex-wrap: wrap;margin: 50px 0;} .down1 .dbtm .ul1 li{width: calc(calc(100% - .5rem) / 3);margin: 0 .25rem .25rem 0;border-radius: 28px;background: #FFF url(../images/svg/down_1_3.svg) 95% bottom no-repeat;overflow: hidden;box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);} .down1 .dbtm .ul1 li:nth-child(3n){margin-right: 0;} .down1 .dbtm .ul1 li a{display: block;width: 100%;height: 100%;padding: .4rem .5rem;line-height: 1.5;} .down1 .dbtm .ul1 li a div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .down1 .dbtm .ul1 li a .att2{margin: 15px 0 40px;} .down1 .dbtm .ul1 li a .xz{padding-left: 42px;line-height: 30px;background: url(../images/svg/down_1_1.svg) center left no-repeat;} .down1 .dbtm .ul1 li:hover{background: #0C938E url(../images/svg/down_1_4.svg) 95% bottom no-repeat;} .down1 .dbtm .ul1 li:hover div{color: #fff;} .down1 .dbtm .ul1 li:hover a .xz{background: url(../images/svg/down_1_2.svg) center left no-repeat;} /* 搜索 */ .ss_banner {background: #fff;} .ss_banner .caseon1{padding-top: 90px;} .ss_banner .tt{display: flex;line-height: 80px;justify-content: space-between;align-items: center;align-content: center;} .ss_banner .tt .ss{width: 27.2%;background: #fff;border-radius: 40px; background: #FFF; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);height: 70px;overflow: hidden; padding: 5px 65px 5px 30px;position: relative;border: 1px solid #d7d7d7;} .ss_banner .tt .ss input{display: block;width: 100%;height: 100%;border: 0;outline: none;} .ss_banner .tt .ss .a{position: absolute;display: block;width: 60px;height: 60px;background: #0C938E url(../images/svg/qna_2_2.svg) center no-repeat;top: 5px;right: 5px;z-index: 3;cursor: pointer;border-radius: 50%;} .ss_banner .tt .ss .a:hover{background: #062741 url(../images/svg/qna_2_2.svg) center no-repeat;} .sousuo1{padding: 50px 0;background: #F5F5F5;} .sousuo1 .tt{line-height: 1.5;margin-bottom: 50px;} .sousuo1 .tt span{color: #0C938E;} .sousuo1 .sbtm{display: flex;justify-content: space-between;align-items: flex-start;align-content: flex-start;} .sousuo1 .sbtm .slt{width: 330px;padding: 40px;border-radius: 28px;background: #fff;position: sticky;left: 0;top: 110px;} .sousuo1 .sbtm .slt .a{display: block;padding-left: 35px;line-height: 30px;background: url(../images/svg/souso_1_1.svg) center left no-repeat;margin-bottom: 15px;} .sousuo1 .sbtm .slt .a:hover,.sousuo1 .sbtm .slt .a.act{background: url(../images/svg/souso_1_2.svg) center left no-repeat; color: #0C938E;} .sousuo1 .sbtm .srt{width: calc(100% - 330px);padding-left: 50px;} .sousuo1 .sbtm .srt .ul1{border-radius: 28px;background: #fff;padding: 0 40px;margin-bottom: 50px;} .sousuo1 .sbtm .srt .ul1 li{} .sousuo1 .sbtm .srt .ul1 li a{display: block;width: 100%;padding: 30px 0;border-bottom: 1px solid #C9C9C9;line-height: 1.8;} .sousuo1 .sbtm .srt .ul1 li a .ltt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .sousuo1 .sbtm .srt .ul1 li a .ltc{ word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-family: 'siyuan';} .sousuo1 .sbtm .srt .ul1 li:last-child a{border: 0;} .sousuo1 .sbtm .srt .ul1 li a span{color: #0C938E;} /* 关于我们 */ .ab_banner{background: #eeeeee;} .ab_banner .cox .clt .tt{font-size: 2.4vw;} .ab_banner .cox {align-items: flex-start;align-content: flex-start;} .ab_banner .cox .clt{width: 36.25%;max-width: 580px;} .ab_banner .cox .clt .tc{color: #666;line-height: 1.66;margin: 30px 0 40px;} .ab_banner .cox .crt{width: 56%;max-width: 895px;padding: 50px 0;} .ab_banner .cox2{display: flex;justify-content: space-between;align-items: center;align-content: center;} .ab_banner .cox2 .clt{display: flex;} .ab_banner .cox2 .clt .bofang{display: flex;align-content: center;align-items: center;padding: 6px 30px 6px 6px;background: #062741;border-radius: 50px;color: #fff;cursor: pointer;} .ab_banner .cox2 .clt .bofang .ico{width: 40px;background: #0C938E;border-radius: 50%;margin-right: .2rem;} .ab_banner .cox2 .clt .bofang:hover{background: #0c938e;} .ab_banner .cox2 .clt .bofang:hover .ico{background: #062741;} .ab_banner .cox2 .crt{display: flex;} .ab_banner .cox2 .crt .gp{display: flex;padding: 10px .4rem;line-height: 48px;border: 1px solid #999;border-radius: 50px;color: #666;} .ab_banner .cox2 .crt .gp span{color: #0c938e;} .ab1{padding: 1rem 0 1.14rem;} .ab1 .atop{position: relative;color: #062741;} .ab1 .atop img{width: 100%;} .ab1 .atop .att{position: absolute;width: 100%;font-size: 7vw;text-align: right;bottom: 50%;font-weight: bold;} .ab1 .atop .atc{position: absolute;width: 100%;font-size: 4.166vw;text-align: right;bottom: 20%;} .ab1 .abtm{margin-top: .6rem;} .ab1 .abtm .ul1{display: flex;} .ab1 .abtm .ul1 li{width: 25%;border-right: 1px solid #666;display: flex;padding: 0 .8rem;align-items: center;align-content: center;justify-content: space-between;} .ab1 .abtm .ul1 li .llt .sz{display: flex;color: #0C938E;margin-bottom: 10px;font-weight: bold;font-family: 'robm';} .ab2{padding: .8rem 0 1.2rem;background: #f5f5f5;overflow: hidden;} .ab2 .aox{display: flex;justify-content: space-between;margin-top: .8rem;} .ab2 .aox .alt{width: 270px;position: relative;z-index: 3;padding-top: 20px;} .ab2 .aox .alt .a{display: flex;position: relative;align-items: center;align-content: center;padding: 25px 0;border-bottom: 1px solid #b8b8b8;cursor: pointer;} .ab2 .aox .alt .a .ico{position: relative;width: 30px;margin-right: 20px;} .ab2 .aox .alt .a .ico img{width: 100%;} .ab2 .aox .alt .a .ico img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;} .ab2 .aox .alt .a:hover,.ab2 .aox .alt .a.act{color: #0C938E;border-bottom: 1px solid #0C938E;} .ab2 .aox .alt .a.act .ico img:nth-child(2),.ab2 .aox .alt .a:hover .ico img:nth-child(1){opacity: 0;} .ab2 .aox .alt .a.act .ico img:nth-child(2),.ab2 .aox .alt .a:hover .ico img:nth-child(2){opacity: 1;} .ab2 .aox .art{width: calc(100% - 270px);padding-left: .8rem;} .swiper5{overflow: visible;} .swiper5 .swiper-slide{opacity: 0;} .swiper5 .swiper-slide .sbox{} .swiper5 .swiper-slide .sbox .img,.swiper5 .swiper-slide .sbox .img img{width: 100%;border-radius: 30px;} .swiper5 .swiper-slide-prev .sbox{opacity: 0;} .swiper5 .swiper-slide .sbox .txt{width: 100%;padding-top: .6rem;opacity: 0;} .swiper5 .swiper-slide .sbox .txt .att{display: flex;align-items: flex-end;} .swiper5 .swiper-slide .sbox .txt .att span{color: #0C938E;padding-left: .3rem;} .swiper5 .swiper-slide .sbox .txt .atc{line-height: 30px;height: 60px;color: #666;margin-top: 30px;} .swiper5 .btn{width: 32px;height: 32px;background: #fff url(../images_die/svg/lb_jt1.svg) center no-repeat;background-size: 7px; border-radius: 50%;position: absolute;bottom: 90px;right: 0%;z-index: 5;cursor: pointer;} .swiper5 .prev5{right: 40px; transform: rotate(180deg);-webkit-transform: rotate(180deg);} .swiper5 .btn:hover{background: #0C938E url(../images_die/svg/lb_jt2.svg) center no-repeat;background-size: 7px;} .swiper5 .swiper-slide-active{opacity: 1;transition-delay: .5s;-webkit-transition-delay: .5s;} .swiper5 .swiper-slide-active ~ .swiper-slide {opacity: 0.4;} .swiper5 .swiper-slide-active .sbox .txt{opacity: 1;} .ab3{padding: .9rem 0 1.9rem ;background: url(../images/ab_4bg.png ) center bottom no-repeat;background-size: cover;color: #fff;} .ab3 .lunbo{position: relative;margin-top: .8rem;padding-left: 1.9rem;} .swiper6{padding-left: 10px;z-index: 3;} .swiper6 .swiper-slide .sbox{position: relative;width: 100%;height: 435px;} .swiper6 .swiper-slide .sbox .txt{width: 100%;position: absolute;width: 100%;left: 0;bottom: 150px;padding: 10px 0 55px 30px;} .swiper6 .swiper-slide .sbox .txt .stt{max-height:100px ;line-height: 50px;color: #0C938E;} .swiper6 .swiper-slide .sbox .txt .stc{max-height:0px ;line-height: 32px;overflow: hidden;margin-top: 35px;} .swiper6 .swiper-slide .sbox .txt .xian{display: block;width: 2px;height: 100%;position: absolute;left: 0;bottom: 0;background: #728594;} .swiper6 .swiper-slide .sbox .txt .xian .dian{display: block;width: 7px;height: 7px;background: #888;border: 1px solid #fff;border-radius: 50%;position: absolute;bottom: 100%;left: -3px;} .swiper6 .swiper-slide .sbox .year{width: 100%;position: absolute;left: 0;bottom: 0;z-index: 2;color: #0C938E;line-height: 70px;} .ab3 .lunbo .yuan{width: 100%;height: 70px;background: #fff;border-radius: 60px;position: absolute;left: 0;bottom: 0;z-index: 1;} .ab3 .lunbo .tiao{width: 100%;height: 40px;background: url(../images/ab_4_1.png) center;position: absolute;left: 0;bottom: 110px;z-index: 1;} .swiper6 .swiper-slide-active .sbox{padding-left: 0;} .swiper6 .swiper-slide-next {padding-left: 2%;} .swiper6 .swiper-slide-next ~ .swiper-slide {padding-left: 5.2%;} .swiper6 .swiper-slide:hover .sbox .txt .stc{max-height: 96px;} .ab3 .lunbo .btn{width: 42px;height: 42px;background: #d7d7d7 url(../images_die/svg/lb_jt1.svg) center no-repeat;background-size: 7px; border-radius: 50%;position: absolute;bottom: 13px;right: 30px;z-index: 5;cursor: pointer;} .ab3 .lunbo .prev6{right: auto;left: 30px; transform: rotate(180deg);-webkit-transform: rotate(180deg);} .ab3 .lunbo .btn:hover{background: #062741 url(../images_die/svg/lb_jt2.svg) center no-repeat;background-size: 7px;} .ab4{padding: 1.2rem 0;} .swiper7{margin-top: .7rem;} .swiper7 .swiper-slide{height: auto;} .swiper7 .swiper-slide:nth-child(2) {padding-top: 60px;} .swiper7 .swiper-slide .sbox{position: relative;top: 0px;} .swiper7 .swiper-slide .sbox .img{position: relative;border-radius: 28px;overflow: hidden;} .swiper7 .swiper-slide .sbox .img img{width: 100%;transform: scale(1.00002);-webkit-transform: scale(1.00002);} .swiper7 .swiper-slide .sbox .img .ico{width: 60px;position: absolute;top: 20px;right: 20px;z-index: 2;} .swiper7 .swiper-slide .sbox .img .txt{width: 100%;position: absolute;left: 0;bottom: 0;z-index: 3;padding: 45px 55px;line-height: 1.5;color: #fff;} .swiper7 .swiper-slide .sbox .img .txt .stt{margin-bottom: 10px;} .swiper7 .swiper-slide .sbox:hover .img img{width: 100%;transform: scale(1.1);-webkit-transform: scale(1.1);} .ab5{padding: 1.1rem 0 1rem;background: #062741;color: #fff;} .ab5 .img{width: 100%;margin-top: -80px;} .ab5 .img img{width: 100%;} .ab5 .tc{line-height: 30px;width: 90%;max-width: 1215px;} .ab6{padding: 1.2rem 0 ;min-height: 985px;background: url(../images/ab_6bg.png) center bottom no-repeat;background-size: cover;position:relative;} .ab6:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;bottom:0;background: url(../images/ab_6bg2.png) left bottom no-repeat;background-size: 100%;pointer-events:none;} .ab6 .aox{display: flex;justify-content: space-between;} .ab6 .aox .alt{width: 27%;max-width: 430px;} .ab6 .aox .alt .tc{line-height: 1.66;color: #666;margin-top: .4rem;} .ab6 .aox .art{width: 64%;max-width: 1020px;} .ab6 .aox .art .anniu{display: flex;justify-content: flex-end;align-items: center;align-content: center;margin-bottom: .9rem;} .ab6 .aox .art .anniu .btn{display: block;line-height: 34px;padding: 0 .35rem;background: #fff;border-radius: 30px;cursor: pointer;margin-left: .2rem;} .ab6 .aox .art .anniu .btn.act,.ab6 .aox .art .anniu .btn:hover{background: #0C938E;color: #fff;} .ab6 .aox .art .lunbo{position: relative;} .swiper8{width: 88%;margin: 0 auto;} .swiper8 .swiper-slide{} .swiper8 .swiper-slide .sbox1{display: flex;flex-wrap: wrap;} .swiper8 .swiper-slide .sbox1 .item{width: 33.33%;text-align: center;line-height: 1.5;padding: 0 5px;padding-bottom: 50px;color: #666;} .swiper8 .swiper-slide .sbox1 .item img{margin: 0 auto 15px;} .ab6 .aox .art .lunbo .btn{width: 36px;height: 36px;background: #fff url(../images_die/svg/lb_jt1.svg) center no-repeat;background-size: 7px; border-radius: 50%;position: absolute;top: 50%;right: 0px;z-index: 5;cursor: pointer;margin-top: -21px;} .ab6 .aox .art .lunbo .prev8{right: auto;left: 0; transform: rotate(180deg);-webkit-transform: rotate(180deg);} .ab6 .aox .art .lunbo .btn:hover{background: #062741 url(../images_die/svg/lb_jt2.svg) center no-repeat;background-size: 7px;} .swiper8 .swiper-slide .sbox2{display: flex;flex-wrap: wrap;} .swiper8 .swiper-slide .sbox2 .item{width: 25%;text-align: center;line-height: 1.5;padding: 0 5px;padding-bottom: 50px;color: #666;} .swiper8 .swiper-slide .sbox2 .item img{margin: 0 auto 15px;} .ab7{background:#052742;} .ab7 .tt{color: #fff;} .ab7 .tc{color: #fff;width: 75%;max-width: 1215px;line-height: 1.66;} /* 自定义下拉选择 */ .select{position: relative;width: 100%;} .select::after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 100%;left: 0;cursor: pointer;} .select dt{display: flex;justify-content: space-between;padding: 0 20px;height: 50px;align-items: center;align-content: center;cursor: pointer;border-radius: 24px;border: 1px solid #c6c6c6;background: #FFF;box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.05);} .select dt .wz{width: calc(100% - 40px);color: #666;} .select dt s{display: block;width: 35px;height: 35px;background: url(../images_die/svg/pr_con1.svg) center no-repeat;} .select dd{width: 100%;position: absolute;top: 70px;left: 0;box-shadow: 0px -10px 15px 0px rgba(0, 0, 0, 0.05);background: #fff;padding: 15px 0;z-index: 3;border: 1px solid #eee;border-radius: 5px;line-height: 40px;height: 155px;overflow: auto;pointer-events: none;opacity: 0;} .select dd .optin{display: block;padding: 0 10px ;cursor: pointer;} .select dd .optin.act,.select dd .optin:hover{background: #0c938e;color: #fff;} .select.act dt s{transform: rotate(180deg);-webkit-transform: rotate(180deg);} .select.act dd{top: 60px;opacity: 1;pointer-events: visible;} /* 更多 */ .more{display: flex;} .more .a{display: flex;padding: 0 .28rem; background: #fff;border-radius: 30px;justify-content: center;align-items: center;align-content: center;border: 1px solid #fff;} .more .a span{display: block;width: 20px;height: 20px;background: url(../images_die/svg/mo_1.svg) center no-repeat;margin-left: 10px;position: relative;left: 0;} .more .a .wz{line-height: 2.45;} .more_lv .a{border: 1px solid #0C938E;} .more_lv .a .wz{color: #0C938E;} .more_lv .a span{background: url(../images_die/svg/mo_3.svg) center no-repeat;} .more .a:hover{background: #0C938E;border: 1px solid #0C938E;} .more .a:hover .wz{color: #fff;} .more .a:hover span{background: url(../images_die/svg/mo_2.svg) center no-repeat;left: 5px;} .more_lv2 .a{border: 1px solid #0C938E;background: #0C938E;} .more_lv2 .a .wz{color: #fff;} .more_lv2 .a span{background: url(../images_die/svg/mo_2.svg) center no-repeat;} .more_bai .a{border: 1px solid #fff;background: rgba(0, 0, 0, 0);} .more_bai .a .wz{color: #fff;} .more_bai .a span{background: url(../images_die/svg/mo_2.svg) center no-repeat;} .more_bai .a:hover{border: 1px solid #fff;background:#fff;} .more_bai .a:hover .wz{color: #0C938E;} .more_bai .a:hover span{background: url(../images_die/svg/mo_3.svg) center no-repeat;} .more_hui{display: flex;} .more_hui .a{display: flex; background: rgba(0, 0, 0, 0); border-radius: 30px;justify-content: center;align-items: center;align-content: center;border: 1px solid #A1A1A1;} .more_hui .a span{display: block;background: url(../images_die/svg/mo_4.svg) center no-repeat;margin-left: 10px;} .more_hui .a .wz{color: #A1A1A1;} .more_hui .a:hover{background: #0C938E;border: 1px solid #0C938E;} .more_hui .a:hover .wz{color: #fff;} .more_hui .a:hover span{background: url(../images_die/svg/mo_2.svg) center no-repeat;} .more_hei .a{display: flex; background: rgba(0, 0, 0, 0); border-radius: 30px;justify-content: center;align-items: center;align-content: center;border: 1px solid #1d1d1d;} .more_hei .a span{display: block;background: url(../images_die/svg/mo_1.svg) center no-repeat;margin-left: 10px;} .more_hei .a .wz{color: #1d1d1f ;} .more_hei .a:hover{background: #0C938E;border: 1px solid #0C938E;} .more_hei .a:hover .wz{color: #fff;} .more_hei .a:hover span{background: url(../images_die/svg/mo_2.svg) center no-repeat;} .swiper-button-disabled{opacity: 0.2;pointer-events: none;} /* 动画 */ @-webkit-keyframes zhuan {0% {top: -100%;}100% {top: 100%;}} @keyframes zhuan {0% {top: -100%;}100% {top: 100%;}} @-webkit-keyframes tm {0% {opacity: 1; } 100% { opacity: 0.5;}} @keyframes tm {0% { opacity: 1;}100% { opacity: 0.5;}} @keyframes scale1 {0%{transform: scale(1);opacity: 0;}20%{opacity: 0.5;}80%{opacity: 0.5;}100%{transform: scale(3);opacity: 0;}} @-webkit-keyframes scale1 {0%{-webkit-transform: scale(1);opacity: 0;}20%{opacity: 0.5;}80%{opacity: 0.5;}100%{-webkit-transform: scale(3);opacity: 0;}} @keyframes -webkit-svg-path-animation { from {offset-distance: 0%;} to {offset-distance: 100%;} } @keyframes svg-path-animation { from {offset-distance: 0%;} to {offset-distance: 100%;} } /* 视频弹框 */ .z_tanchuang {position: fixed;display: table;height: 100%;width: 100%;top: 0;left: 0;z-index: 130;opacity: 0;visibility: hidden;pointer-events: none;-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } .z_tanchuang .tbox {display: table-cell;background: rgba(0, 0, 0, 0.8);text-align: center;vertical-align: middle;} .z_tanchuang .tbox .modal {background: white;padding: 0px;display: block;border-radius: 5px;position: relative;width: 90%;width: 1200px;max-height: 90%;margin: 0 auto;-webkit-transform: translateY(5%); -moz-transform: translateY(5%); -ms-transform: translateY(5%); -o-transform: translateY(5%); transform: translateY(5%);opacity: 0;-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } .z_tanchuang .tbox .modal .out {position: absolute;width: 40px;height: 40px;line-height: 40px;background: #fff url(../images/out.webp) center no-repeat;-o-background-size: 20px; background-size: 20px;color: #1d1d1f;font-size: 30px;text-align: center;border-radius: 50%;top: -20px;right: -20px;cursor: pointer;z-index: 5; } .z_tanchuang .tbox .modal .img { width: 100%; margin: 0 auto; } .z_tanchuang .tbox .modal .img2 { width: 100%; margin: 0 auto; height: 80vh; } .z_tanchuang .tbox .modal .img video {display: block;width: 100%;max-width: 100%;-o-object-fit: cover; object-fit: cover; } .z_tanchuang .tbox .modal .img img { position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); max-width: 90%;max-height: 90%;} .z_tanchuang .tbox .modal .out:hover {background: #fff url(../images/out2.webp) center no-repeat;-o-background-size: 20px; background-size: 20px;-moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);-webkit-transform: rotate(180deg); } .z_tanchuang.act {visibility: visible;pointer-events: visible;opacity: 1; } .z_tanchuang.act .tbox .modal {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);opacity: 1; } .mhead,.mnav,.mnav2{display: none;} @media (min-width:1950px) { .i5 .ibtm .item .dl dd .wzx{font-size: 12px !important;} .f_78{font-size: 78px !important;} .f_76{font-size: 76px !important;} .f_72{font-size: 72px !important;} .f_82 {font-size: 82px !important;} .ab1 .atop .att{font-size: 136px;} .ab1 .atop .atc{font-size: 81px;} .i5 .ibtm .item .ct_dl1 dd .wz1{font-size: 14px;} } @media (max-width:1800px) { .cadingzhi2 .dl1 dd .dbtm .dox{width: 50%;} .cadingzhi2 .dl1 dd .dbtm .dox:nth-child(2n){width: 50%;} } @media (max-width:1700px) { .caseon6 .dl1 dd .dox .ul1 li .lrt .item img{width: 55%;} .head .hbtm .logo{width: 2.5rem;} /*.head2 .boxx{margin-left: 22.5%;}*/ .cascp1{padding: .2rem 0;} .cascp2{padding:.5rem 0;} .cascp2 .ul1 li .lbtm{padding-top: .2rem;margin-bottom:.4rem;} } @media (max-width:1600px) { .new1 .lunbo .btn{left: 98%;} .new1 .lunbo .prev4{left: auto; right: 98%; } .head2 .ul1 li .dl1 dd{width: 200px;} .head2 .ul1 li .dl2 dd{width: 160px;} .footer2{padding: .4rem 0 .2rem;} .footer1{padding-top: .3rem;} .footer3{padding: .2rem 0;} .footer1 .frt .ftc a{margin-bottom: .3rem;} } @media (max-width:1500px) { /*.head2 .boxx{margin-left: 18.5%;}*/ } @media (max-width:1450px) { .caseon6 .dl1 dd .dox .ul1 li .lrt .item img{width: 60%;} .head .hbtm .hrt .ul1 li{padding: 0 .2rem;} /*.head2 .boxx{margin-left: 15%;}*/ } @media (max-width:1300px) { } @media (max-width:1100px ) { .wow{opacity: 1;} .head{display: none;} .box{width: 90%;min-width: 100px;padding: 0;} body{min-width: 200px;padding-top: 50px;} .mhead{display: block;width: 100%;height: 50px;position: fixed;top: 0;left: 0;z-index: 9;top: 0;left: 0;background:#fff ;border-bottom: 1px solid #eee;} .mhead .menu{height: 50px;padding-left: 35px;background:url(../images_die/m1.webp) center no-repeat ;background-size: 30px;float: right;cursor: pointer;} .mhead .logo{display: block;position: absolute;top: 10px;left: 0;z-index: 3;height: 30px;} .mhead .logo img{display: block;height: 100%; } .mhead .logo2{display: block;position: absolute;top: 5px;height: 40px; left: 70px;z-index: 3;padding-left: 10px;border-left: 1px solid #ddd;} .mhead .logo2 img{display: block;height: 100%; } .mhead .ss{display: block;width: 50px;height: 50px;float: right;background: url(../images_die/svg/ss_h.svg) center no-repeat;} .mhead .hy2{display: block; line-height: 50px;float: right;background-size: 16px;width: 70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right: 10px;} .mhead.act{-moz-box-shadow:0px 1px 5px #ddd; -webkit-box-shadow:0px 1px 5px #ddd; box-shadow:0px 1px 5px #ddd;} .mnav {position: fixed;width: 100%;height: 100%;top: 0;left: -100%;z-index:20;display: block;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);text-transform: capitalize;} .mnav .hei{display: block;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.7) ;position: absolute;top: 0;left: 0;z-index: 1;cursor: pointer;} .mnav .mbox{width: 80%;height: 100%;overflow: auto;background:#fff ;position: relative;z-index: 2;left: -100%;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);} .mnav .mbox .ul1 li .ltop{position: relative;line-height: 50px;padding: 0 50px 0 15px;border-bottom: 1px solid #ddd;cursor: pointer; } .mnav .mbox .ul1 li .ltop a{display: block;width: 100%;text-transform: capitalize;} .mnav .mbox .ul1 li .ltop span{display: block;width: 50px;height: 50px;position: absolute;top: 0;right: 0;z-index: 2;} .mnav .mbox .ul1 li .ltop span::after{width: 16px;height: 2px;background: #444444;content: "";position: absolute;right: 15px;top: calc(50% - 1px);} .mnav .mbox .ul1 li .ltop span::before{width: 2px;height: 16px;background: #444444;content: "";position: absolute;right: 22px;top: 17px;} .mnav .mbox .ul1 li .ltop span.act::before {opacity: 0;} .mnav .mbox .ul1 li .lbtm{display: none;border-bottom: 1px solid #ddd;padding: 10px 0;} .mnav .mbox .ul1 li .lbtm a{display: block;width: 100%;padding: 0 15px;line-height: 30px;font-size: 12px;color: #666;text-transform: capitalize;} .mnav .mbox .ul1 .lang .ltop{font-weight: bold;background: #EEEEEE;height: 50px;} .mnav .mbox .ul1 .lang .yy{position: relative;width: 100px;line-height: 30px;top: 10px;left: 0px;z-index: 3;font-family: Arial, Helvetica, sans-serif;} .mnav .mbox .ul1 .lang .yy1{display: flex;justify-content: space-between;align-items: center;align-content: center;padding-left: 30px;background: url(../images_die/svg/myy_1.svg) center left no-repeat;background-size: 20px;} .mnav .mbox .ul1 .lang .yy1 s{display: block;width: 20px;height: 20px;background: url(../images_die/svg/myy_3.svg) center no-repeat;transform: rotate(180deg);-webkit-transform: rotate(180deg);background-size: 14px;} .mnav .mbox .ul1 .lang .yy2{width: 120px;padding: 40px 10px 10px 40px;background: #fff;border-radius: 6px;position: absolute;top: -5px;left: -10px;z-index: -1;-moz-box-shadow:0px 1px 5px #ddd; -webkit-box-shadow:0px 1px 5px #ddd; box-shadow:0px 1px 5px #ddd;display: none;} .mnav .mbox .ul1 .lang .yy.act .yy1 s{transform: rotate(0deg);-webkit-transform: rotate(0deg);background: url(../images_die/svg/myy_2.svg) center no-repeat;background-size: 14px;} .mnav .mbox .ul1 .scxz .ltop{position: relative;display: flex;align-items: center;align-content: center;} .mnav .mbox .ul1 .scxz .ltop .i{height: 14px;margin-right: 10px;} .mnav.act{left: 0;} .mnav.act .mbox{left: 0;transition-delay: .15s;-webkit-transition-delay: .15s;} .mnav2 {position: fixed;width: 100%;height: 100%;top: 0;left: -100%;z-index: 21;display: block;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);display: block;} .mnav2 .hei{display: block;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.1) ;position: absolute;top: 0;left: 0;z-index: 1;} .mnav2 .mbox{width: 80%;height: 100%;overflow: auto;background:#fff ;position: relative;z-index: 2;left: -100%;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);} .mnav2 .mbox .dl1{} .mnav2 .mbox .dl1 dd{} .mnav2 .mbox .dl1 dd .dtop{position: relative;line-height: 50px;padding: 0 50px 0 15px;border-bottom: 1px solid #ddd; } .mnav2 .mbox .dl1 dd .dtop a{display: block;width: 100%;} .mnav2 .mbox .dl1 dd .dtop span{display: block;width: 50px;height: 50px;position: absolute;top: 0;right: 0;z-index: 2;} .mnav2 .mbox .dl1 dd .dtop span::after{width: 16px;height: 2px;background: #444444;content: "";position: absolute;right: 15px;top: calc(50% - 1px);} .mnav2 .mbox .dl1 dd .dtop span::before{width: 2px;height: 16px;background: #444444;content: "";position: absolute;right: 22px;top: 17px;} .mnav2 .mbox .dl1 dd .dtop span.act::before {opacity: 0;} .mnav2 .mbox .dl1 dd .dbtm{display: none;border-bottom: 1px solid #ddd;padding: 10px 0;} .mnav2 .mbox .dl1 dd .dbtm a{display: block;width: 100%;padding: 0 15px;line-height: 30px;font-size: 12px;color: #666;} .mnav .mbox .ul1 li .lbtm .mcp{display: block;width: 100%;padding: 0 50px 0 15px;line-height: 30px;font-size: 12px;color: #666;text-transform: capitalize;position: relative;} .mnav .mbox .ul1 li .lbtm .mcp a{width:100%;padding:0;} .mnav .mbox .ul1 li .lbtm .mcp span{display: block;width: 50px;height: 100%;position: absolute;top: 0;right: 0;z-index: 2;} .mnav .mbox .ul1 li .lbtm .mcp span::after{width: 12px;height: 2px;background: #444444;content: "";position: absolute;right: 15px;top: 14px;} .mnav .mbox .ul1 li .lbtm .mcp span::before{width: 2px;height: 12px;background: #444444;content: "";position: absolute;right: 20px;top: 9px;} .mnav .mbox .ul1 li .lbtm .mcp span.act::before {opacity: 0;} .mnav2.act{left: 0;} .mnav2.act .mbox{left: 0;transition-delay: .15s;-webkit-transition-delay: .15s;} } @media (max-width:960px) { .swiper1 .swiper-slide .sbox .mimg{display: block;} .swiper1 .swiper-slide .sbox .pimg{display: none;} .i2{padding: 50px 0;} .i2 .tc{margin: 15px 0 20px;} .swiper2{padding: 0 0 30px;width: 90%;margin: 0 auto;} .swiper2 .swiper-slide{width: 100%;height: auto;} .swiper2 .swiper-slide .sbox .img{width: 80%;margin-bottom: 50px;} .i2 .lunbo .btn{display: none;} .swiper2 .pagination2{bottom: 0rem;} .swiper2 .pagination2 span{} .swiper2 .pagination2 span.swiper-pagination-bullet-active{background: #0C938E;} .i2 .ibtm{margin-top: 30px;} .i3{padding: 50px 5%;} .i3 .irt{width: 100%;float: none;} .i3 .irt .img{margin-top: -15px;} .i3 .ilt{width: 100%;padding: 30px 0 0;} .i3 .ilt .ul1 li{width: 50%;} .i3 .ilt .ul1 li a{height: 50px;} .i4{padding: 50px 0;} .i4 .ibtm{margin-top: 3rem;} .i4 .itop .txt .tc{margin: 15px 0 20px;} .i5{padding: 50px 0;} .i5 .itop{display: block;} .i5 .itop .ilt{width: 100%;} .i5 .itop .ilt .tc{line-height: 1.8;margin: 15px 0 20px;} .i5 .itop .irt{width: 100%;justify-content: center;margin: 20px 0;} .i6{padding-bottom: 50px;} .i6 .ibtm{display: block;margin-top: 20px;} .i6 .ibtm .alt{width: 100%;height: auto;} .i6 .ibtm .alt .txt .wz .att{margin: 10px 0;} .i6 .ibtm .art{width: 100%;margin-top: 20px;} .i6 .ibtm .art .artop{height: auto;padding: 30px 5%;} .i6 .ibtm .art .artop .att{margin: 15px 0;} .i6 .ibtm .art .artop .atc{height: auto;} .i6 .ibtm .art .arbtm a{height: 70px;} .footer1{display: block;padding-bottom: 50px;} .footer1 .ul1{display: none;} .footer1 .frt{width: 100%;} .footer1 .frt .logo{left: 0;width: 160px;margin: 0 auto;} .footer1 .frt .ftc{margin: 20px 0 ;} .i4 .ibtm .dl1 dd .txt .dtc{font-size: 16px;} .footer3{display: block;margin-top: 20px;text-align: center;line-height: 2;} .footer3 .flt{width: 100%;display: block;} .footer3 .frt{width: 100%;justify-content: center;width: 100%;text-align: center;max-width: 100%;} .footer3 .flt .a{margin: 0 10px;display: inline-block;} .i5 .ibtm.wow .baibg{width: 0%;transition-delay: 1s;-webkit-transition-delay: 1s; -webkit-transition: all 2.5s; -moz-transition: all 2.5s; transition: all 2.5s;} .i4 .ibtm .img2 span:nth-child(1){top: 75.5%;} .i4 .ibtm .img2 span:nth-child(3){top: 96%;} .caseon1{padding-top: 10px;} .caseon1 .nav{flex-wrap: wrap;line-height: 3;} .caseon2{padding: 0;} .caseon2 .cox{padding: 50px 0 0;border-radius: 0;} .caseon2 .cox .crt{position: relative;top: 0;right: 0;transform: translateY(0%);-webkit-transform: translateY(0%);width: 100%;} .caseon2 .cox .clt{width: 100%;border-radius: 0;padding: 30px 0;} .caseon3{padding-top: 50px;} .caseon3 .clt{width: 100%;float: none;} .caseon3 .tt{margin-bottom: 15px;} .caseon3 .clt .dl1{flex-wrap: nowrap;padding: 30px 5%;overflow: auto;border-radius: 5px;} .caseon3 .clt .dl1 dd{min-width: 260px;padding: 0 10px 30px;} .caseon3 .clt .dl1 dd .dtc .ico{width: 135px;} .caseon3 .clt .dl2{padding: 30px 5%;} .caseon3 .crt{width: 100%;float: none;margin-top: 30px;} .caseon3 .crt .dl1{border-radius: 5px;padding: 30px 10px ;} .caseon3 .crt .dl1 dd{width: 48%;} .caseon3 .crt .cox2{padding: 30px 5%;border-radius: 5px;} .caseon3 .crt .cox2 .hezi .dl2 dd span{font-size: 12px;} .caseon3 .crt .cox2 .hezi .bg .ul2 li{font-size: 10px;} .caseon3 .crt .cox2 .hezi .bg .ul2 li:nth-child(2){left: 10%;} .caseon3 .crt .cox2 .hezi .bg .ul2 li:nth-child(3){left: 45%;} .caseon3 .crt .cox2 .hezi .bg .ul1 li div{font-size: 6px;} .caseon3 .crt .cox2 .hezi .bg .ul1 li .ltt{font-size: 10px;} .caseon3 .crt .cox2 .dl3{margin-bottom: 30px;display: block;} .caseon3 .crt .cox2 .dl3 dt{width: 100%;} .caseon3 .crt .cox2 .dl3 dd{width: 140px;margin: 20px auto;} .caseon4{padding: 30px 0 50px;} .caseon4 .dl1{display: block;} .caseon4 .dl1 dd{width: 100%;margin-top: 20px;} .caseon4 .dl1 dd .aox .a{width: 40%;margin: 0 10px 10px;} .caseon4 .dl1 dd .tc .item{width: 33.33%;margin: 0 0 10px;} .caseon4 .dl1 dd .tc .item .ico img{margin-bottom: 0;} .caseon5{padding: 50px 0;} .caseon5 .ul1{padding-top: 0;justify-content: space-between;} .caseon5 .ul1 li{width: 48%;margin: 20px 0 0 0;} .caseon6{padding: 50px 0;} .caseon6 .dl1{display: block;} .caseon6 .dl1 dd{width: 100%;margin-bottom: 30px;} .caseon6 .dl1 dd:last-child{margin-bottom: 0;} .caseon7{padding: 50px 0;} .swiper3 .swiper-slide .sbox{display: block;} .swiper3 .swiper-slide .sbox .img{width: 100%;height: auto;} .swiper3 .swiper-slide .sbox .txt{width: 100%;padding: 30px 5% 50px;} .swiper3 .swiper-slide .sbox .txt .stt{line-height: 24px;height: 48px;} .swiper3 .swiper-slide .sbox .txt .stc{height: 40px;line-height: 20px;margin: 10px 0 20px;} .caseon7 .box .hezi .btn{display: none;} .footer2 .frt .a{width: 30px;margin-left: 10px;} .footer1{padding-bottom: 0px;} .caseon2 .cox{display: block;padding:0;} .ny_banner .ny_nav .nav{display: none;} .caseon2 .cox .crt .mimg{display: block;} .caseon2 .cox .crt .pimg{display: none;} .f_46{font-size: 28px;} .cadingzhi2 .dl1{display: block;} .cadingzhi2 .dl1 dt{width: 100%;padding: 0;} .cadingzhi2 .dl1 dt .dtc{height: auto;line-height: 1.7;padding-bottom: 20px;margin: 15px 0;} .cadingzhi2 .dl1 dd{width: 100%;margin-top: 20px;} .cadingzhi2 .dl1 dd .dtop{height: auto;} .cadingzhi2 .dl1 dd .dbtm{height: auto;padding: 20px 0;} .cadingzhi2 .dl1 dd .dbtm .dox{width: 100%;padding: 5px 5%;} .dingzhitd_banner .cox{padding-top: 0;} .dingzhitd1{padding: 50px 0;} .dingzhitd1 .dl1{display: block;margin: 20px 0;} .dingzhitd1 .dl1 dd{width: 100%;height: auto;margin: 0 0 20px;border-radius: 5px;} .dingzhitd1 .dl1 dd .ul1 li{width: 33.33%;margin: 0;} .dingzhitd1 .tcc br{display: none;} .dingzhitd2{padding: 50px 0;} .dingzhitd2 .dox{display: block;} .dingzhitd2 .dox .dlt{width: 100%;} .dingzhitd2 .dox .drt .dl1{flex-wrap: wrap;} .dingzhitd2 .dox .drt .dl1 dd{width: 50%;margin: 30px 0 0;} .dingzhitd2 .dox .drt .dl1 dd .wz{font-size: 14px;} .dingzhitd3{padding: 50px 0;} .dingzhitd3 .dtop{display: block;} .dingzhitd3 .dtop .dlt{width: 100%;} .dingzhitd3 .dtop .dlt .ul1{display: block;} .dingzhitd3 .dtop .dlt .ul1 li{width: 100%;} .dingzhitd3 .dtop .dlt .xuanze .wz{line-height: 20px;} .dingzhitd3 .dtop .drt{width: 100%;margin-top: 20px;} .dingzhidh1{padding: 50px 0;} .dingzhidh1 .doox{display: block;} .dingzhidh1 .doox .tc{margin: 10px 0 20px;} .dingzhidh1 .dl1{display: block;} .dingzhidh1 .dl1 dd{width: 100%;height: auto;padding: 20px 5%;border-radius: 5px;margin-top: 20px;} .dingzhidh1 .dl1 dd .dtop{height: auto;padding-bottom: 30px;} .dingzhidh1 .dl1 dd .dbtm{display: block;} .dingzhidh1 .dl1 dd .dbtm .dox{width: 100%;} .dingzhidh1 .dl1 dd .dbtm .dox .ico{width: 20px;} .dingzhidh1 .dl1 dd .dbtm .dox .wz{width: calc(100% - 20px);} .dingzhidh2{padding: 50px 0;} .dingzhidh2 .dox{display: block;} .dingzhidh2 .dox .dlt{width: 100%;} .dingzhidh2 .dox .drt{} .dingzhidh2 .dox .drt .dl1{justify-content: space-between;flex-wrap: wrap;} .dingzhidh2 .dox .drt .dl1 dd{width: 50%;margin: 30px 0 0 ;} .dingzhidh2 .dox .drt .dl1 .wz{font-size: 14px;} .caseon2 .cox .clt{padding: 0;} .caseon2 .cox .clt .ul1{display: block;} .caseon2 .cox .clt .ul1 li{width:100%;} .caise_banner .caseon1 .pimg{display: none;} .caise_banner {} .caise1{padding: 50px 0;} .caise1 .tc br{display: none;} .caise1 .ul1 li{display: block;} .caise1 .ul1 li .img{width: 100%;height: auto !important; } .caise1 .ul1 li .txt{width: 100%;height: auto !important;padding: 30px 20px;} .caise1 .ul1 li .txt .yuan{display: none;} .caise1 .ul1 li .txt .ltop{display: block;height: auto;padding-bottom: 20px;} .caise1 .ul1 li .txt .ltop .llt{width: 100%;} .caise1 .ul1 li .txt .ltop .llt .ico{margin: 10px 0;} .caise1 .ul1 li .txt .ltop .lrt{width: 100%;} .caise1 .ul1 li .txt .ltop .lrt{font-size: 12px;} .caise1 .ul1 li .txt .lbtm{flex-wrap: wrap;margin-top: 20px;} .caise1 .ul1 li .txt .lbtm .a{width: 50%;margin-top: 10px;} .caise1 .ul1 .li2 .txt .lbtm .a{width: 50%;} .caise2{background: url(../images/caisetandai_3_1.png) top left no-repeat;background-size: cover;padding: 50px 0;} .cascp_banner {padding-top: 30px;} .cascp_banner .tc{margin-top: 20px;top:0;} .cascp1 .ctop{overflow: auto;} .cascp1 .ctop .clt{width: 200px;min-width: 200px;} .cascp1 .ctop .crt{width: 600px;min-width: 600px;} .cascp2 .ul1 li .lbtm,.cascp3 .cox{overflow: auto;} .table_db table{width: 800px;min-width: 800px;} .table_db table td{width: 200px;min-width: 200px;} .cascp3 .cox .dl1{width: 250px;min-width: 250px;} .cascp3 .cox .dl1:nth-child(1){margin-left: 200px;} .con_banner{padding-top: 0px;} .con_banner .tt{margin-top: 0;} .con1 .i5{padding: 50px 0;height: auto;} .con1 .i5 .iilt{position: relative;left: 0;top: 0;width: 100%;border-radius: 5px;padding: 30px 5%;} .con1 .i5 .iilt .ul1 li input, .con1 .i5 .iilt .ul1 li textarea{height: 40px;} .con1 .i5 .iilt .ul1 li textarea{height: 100px;} .con1 .i5 .iilt .ul1 li .yzm{width: 90px;} .con1 .i5 .ibtm-container{ width: 100%;margin: 0 0 20px; } /*.con1 .i5 .ibtm{width: 100%;margin: 0 0 20px;}*/ .jo_banner{padding-top: 0;} .jo_banner .bgimg .pimg{display: none;} .jo_banner .bgimg .mimg{display: block;opacity: 0.8;} .jo_banner .caseon1{height: 260px;background: #000;} .jo_banner .tt{margin-top: 30px;} .join1{padding: 50px 0;} .join1 .jox{display: block;} .join1 .jox .jlt{width: 100%;} .join1 .jox .jrt{width: 100%;margin-top: 20px;} .join1 .jox .jrt .ul1{display: block;height: auto;} .join1 .jox .jrt .ul1 li{position: relative;left: 0;width: 100%;border-radius: 10px ;margin-top: 10px;padding: 30px 5% !important;} .join1 .jox .jrt .ul1 li.act{width: 100%;padding: 30px 5%;} .join1 .jox .jrt .ul1 li:nth-child(2){left: 0;} .join1 .jox .jrt .ul1 li .lox2{display: none;} .join1 .jox .jrt .ul1 li.act .lbtm .lox1{opacity: 1;} .join1 .jox .jrt .ul1 li .lbtm .lox1{opacity: 1;} .join1 .jox .jrt .ul1.act2 li:nth-child(2),.join1 .jox .jrt .ul1 li:nth-child(3){left: 0;} .join1 .jox .jrt .ul1 li .ltop{margin-bottom: 10px;} .join1 .jox .jrt .ul1.act3 li:nth-child(2),.join1 .jox .jrt .ul1.act3 li:nth-child(3){left: 0;} .join2{padding: 50px 0;background: #F5F5F5 url(../images/jo_2.png) 30% 60% no-repeat;} .join2 .box div{width: 100%;} .join3 .ul1{flex-wrap: nowrap;overflow: auto;} .join3 .ul1 li{width: 280px;min-width: 280px;border-radius: 5px;margin-right: 10px !important;} .join4{padding: 50px 0 0;} .join4 .jox{display: block;} .join4 .jox .jlt{width: 100%;} .join4 .jox .jrt{width: 100%;margin-top: 50px;} .inv1{padding: 50px 0;} .inv1 .iox{display: block;} .inv1 .iox .ilt{width: 100%;padding: 30px 5%;} .inv1 .iox .ilt .itc{margin: 20px 0;} .inv1 .iox .ilt .itc .sz1{font-size: 50px;} .inv1 .iox .ilt .ul1{margin: 20px 0;flex-wrap: wrap;} .inv1 .iox .ilt .ul1 li{width: 50%;text-align: center;margin-top: 20px;} .inv1 .iox .ilt .itc2{display: block;} .inv1 .iox .ilt .itc2 .iil br{display: none;} .inv1 .iox .ilt .itc2 .iil{line-height: 1.8;margin-bottom: 10px;width: 100%;} .inv1 .iox .irt{width: 100%;padding: 30px 5%;} .inv2{padding: 50px 0;} .inv2 .iox{display: block;} .inv2 .iox .ilt{width: 100%;} .inv2 .iox .irt{margin-top: 50px;} .inv2 .iox .ilt .ul1 li a .ico{width: 30px;} .inv2 .iox .ilt .ul1 li a .ico img{width: 100%;} .inv2 .iox .ilt .ul1 li a .day{width: 80px;} .inv2 .iox .ilt .ul1 li a .att{width: calc(100% - 110px);} .inv2 .iox .ilt .ul2 li a .ico{width: 30px;} .inv2 .iox .ilt .ul2 li a{padding: 10px 0;} .inv2 .iox .ilt .ul2 li a .atc .p2{margin-top: 0;} .inv2 .iox .ilt .ul2 li a .atc{width: calc(100% - 30px);} .inv3{padding: 50px 0;} .inv3 .iox{border-radius: 5px;display: block;} .inv3 .iox .ilt{width: 100%;padding: 20px 5%;} .inv3 .iox .ilt .itc{display: block;margin-top: 20px;} .inv3 .iox .ilt .itc .txt{width: 100%;} .inv3 .iox .ilt .itc .img{width: 100%;margin-top: 20px;} .inv3 .iox .ilt .itc .img img{width: 100px;} .inv3 .iox .irt{width: 100%;height: auto;} .inv3 .iox .irt img{border-radius: 5px;} .new1{padding: 50px 0;} .new1 .lunbo .btn{display: none;} .swiper4 {padding-bottom: 30px;} .swiper4 .swiper-slide .sbox{height: auto;display: block;} .swiper4 .swiper-slide .sbox .img{width: 100%;} .swiper4 .swiper-slide .sbox .txt{width: 100%;padding: 30px 5%;} .swiper4 .swiper-slide .sbox .txt .att{line-height: 30px;height: auto;} .swiper4 .swiper-slide .sbox .txt .atc{line-height: 1.8;height: auto;margin-bottom: 20px;} .swiper4 .pagination4 {bottom: 20px;} .swiper4 .pagination4 .swiper-pagination-bullet-active{background: #0C938E;} .new2{padding: 50px 0;} .new2 .ul1{display: block;} .new2 .ul1 li{width: 100%;margin: 0 0 20px;} .page1{display: none;} .new2 .ul1 li a .txt .ltt{height: auto;margin-bottom: 20px;line-height: 1.6;} .page2{display: block;border-radius: 30px;line-height: 50px;} .newc_banner {display: none;} .newc1{padding: 50px 0;} .newc1 .nbtm{display: block;} .newc1 .nbtm .nlt{width: 100%;} .newc1 .nbtm .nrt{margin-top: 20px;} .qna_banner .caseon1{height: 400px;} .qna_banner{padding-top: 0;} .qna_banner .tt{margin: 30px 0 10px;} .qna_banner .tc{line-height: 1.5;} .qna_banner .bgimg .mimg{display: block;height: 100%;} .qna_banner .bgimg .pimg{display: none;} .qna1{padding: 50px 0;} .qna1 .qox{display: block;} .qna1 .qox .qlt{position: relative;width: 100%;padding-top: 0;} .qna1 .qox .qlt .dl1{width: 100%;} .qna1 .qox .qrt{width: 100%;margin-top: 30px;} .qna1 .qox .qrt .ss{width: 100%;margin-bottom: 30px;} .qna1 .qox .qrt .dl1 dd .dtop{padding: 20px 0;line-height: 30px;} .qna1 .qox .qrt .dl1 dd .dtop .wz{font-size: 20px;} .qna1 .qox .qrt .dl1 dd .dbtm{padding: 20px 0 30px;} .qna1 .qox .qlt .dl1 dt{padding: 10px 40px;} .qna1 .qox .qlt .dl1 dd a{padding: 10px 0;} .ss_banner{padding: 50px 0;} .ss_banner .caseon1{padding: 0;} .ss_banner .tt{display: block;} .ss_banner .tt .ss{width: 100%;} .sousuo1 .tt{margin-bottom: 20px;} .sousuo1 .sbtm{display: block;} .sousuo1 .sbtm .slt{width: 100%;padding: 20px;position: relative;top: 0;left: 0;border-radius: 5px;} .sousuo1 .sbtm .slt .a{margin-bottom: 10px;} .sousuo1 .sbtm .srt{width: 100%;padding: 0;margin-top: 20px;} .sousuo1 .sbtm .srt .ul1 li a{padding: 20px 0;} .sousuo1 .sbtm .srt .ul1{padding: 0 20px;border-radius: 5px;margin-bottom: 30px;} .down1{padding: 50px 0;} .down1 .dtop{display: block;} .down1 .dtop .dlt{flex-wrap: wrap;border-radius: 5px;} .down1 .dtop .dlt a{width: 50%;text-align: center;border-radius: 5px;margin: 0 0 10px;} .down1 .dtop .drt{width: 100%;border-radius: 5px;margin-top: 20px;} .qna1 .qox .qrt .ss{border-radius: 5px;} .qna1 .qox .qlt .dl1{border-radius: 5px;} .qna1 .qox .qrt .dl1{border-radius: 5px;} .down1 .dbtm .ul1{display: block;margin: 20px 0 30px;} .down1 .dbtm .ul1 li{width: 100%;margin: 0 0 20px;border-radius: 5px;} .down1 .dbtm .ul1 li a .att2{margin: 10px 0 20px;} .down1 .dbtm .ul1 li a{padding: 30px 20px ;} .ab_banner .cox{padding-top: 0;} .caseon2 .cox .crt{padding: 0 0;} .ab_banner .cox .clt .tt{font-size: 30px;} .ab_banner .cox2{display: block;} .ab_banner .cox2 .clt{margin-bottom: 20px;} .z_tanchuang .tbox .modal{width: 90%;} .z_tanchuang .tbox .modal .out{top: -50px;right: 0;} .ab1 .abtm .ul1{flex-wrap: wrap;} .ab1 .abtm .ul1 li{width: 50%;padding: 10px;border: 0;} .ab1 .abtm .ul1 .lrt{width: 30px;} .ab1{padding: 50px 0;} .ab2{padding: 50px 0;} .ab2 .aox{display: block;margin-top: 20px;} .ab2 .aox .alt{width: 100%;display: none;} .ab2 .aox .art{display: block;width: 100%;padding: 0;} .swiper5{padding-bottom: 30px;} .swiper5 .btn{display: none;} .swiper5 .swiper-slide .sbox .txt .atc{height: auto;line-height: 1.7;margin-top: 15px;} .swiper5 .pagination5 {bottom: 0px;} .swiper5 .pagination5 .swiper-pagination-bullet-active{background: #0C938E;} .ab3 .lunbo{padding: 0;} .ab3 .lunbo .btn{display: none;} .swiper6 .swiper-slide-next {padding-left: 0;} .swiper6 .swiper-slide-next ~ .swiper-slide {padding-left: 0%;} .swiper6 .swiper-slide .sbox .year{text-align: center;} .swiper6 .swiper-slide .sbox .txt .stc{max-height: 100px;} .ab4{padding: 50px 0;} .swiper7 {padding-bottom: 30px;} .swiper7 .swiper-slide:nth-child(2){padding-top: 0;} .swiper7 .pagination7 {bottom: 0px;} .swiper7 .pagination7 .swiper-pagination-bullet-active{background: #0C938E;} .ab5 .img{margin-top: 20px;} .ab5 .tc{width: 100%;} .ab6{padding: 50px 0;background: #f5f5f5;min-height: 100px;} .ab6 .aox{display: block;min-height: 100px;} .ab6 .aox .alt{width: 100%;} .ab6 .aox .art{width: 100%;} .ab6 .aox .art .lunbo .btn{display: none;} .ab6 .aox .art .anniu{margin: 20px 0;justify-content: center;} .swiper8{width: 100%;padding-bottom: 30px;} .swiper8 .swiper-slide .sbox1 .item{padding-bottom: 20px;width: 50%;} .swiper8 .swiper-slide .sbox2 .item{width: 50%;padding-bottom: 20px;} .swiper8 .pagination8 {bottom: 0px;} .swiper8 .pagination8 .swiper-pagination-bullet-active{background: #0C938E;} .i5 .iirt .ul1{ display: none; } .i5 .iirt .ul1 li .lix{width:100%;transform: translateY(30px);-webkit-transform: translateY(30px);padding:30px 20px;} .i5 .ibtm .item .ct_dl1 dd .lix{width:300px;transform: translateY(10px);-webkit-transform: translateY(10px);padding:30px 20px;} .i5 .ibtm .item .ct_dl1 dd{pointer-events: none;} .ab7 .itop .irt{top:0px;} .i5 .ibtm .item .dl1 dd .wzx,.i5 .ibtm .item .dl2 dd .wzx{font-size:10px !important;} .i5 .ibtm .item .ct_dl1 dd .wz1{font-size:10px !important;} .i5 .itop .irt .btn{width:100px;line-height:40px;} .i5 .ibtm-container{overflow:auto;} .i5 .ibtm{width:1200px;} .caseon3 .crt .cox2 .dl3 dd .wz{font-size:14px;} .cascp1 .ctop .crt .dl1 dd .dd1{height: 100px;} .ab6:after{display:none;} .zuicu .caseon2 .cox .clt .tt{font-size:30px;} }