/* 闅愯棌閲嶈娲诲姩 */ .h_yczyhd{display: none;} /* 閲嶈娲诲姩 */ .h_box1 { width: 100%; overflow: hidden; } .h_box1 .h_box1_title{ text-align: center; padding: 50px 18.471% 0; } .h_box1 .h_box1_title h1{ font-size: 36px; font-weight: bold; letter-spacing: 7px; } .h_box1 .h_box1_title h1::after{ content: ' '; display: inline-block; width: 64px; height: 2px; background-color: #333333; margin: 0 0px 15px 20px; } .h_box1 .h_box1_title h1::before{ content: ' '; display: inline-block; width: 64px; height: 2px; background-color: #333333; margin: 0 20px 15px 0; } .h_box1 .h_box1_title p{ text-transform: uppercase; color: #888888; margin: 10px 0; font-size: 14px; } /* 娲诲姩鍒楄〃 */ .h_box1 .h_list_box { width: 100%; justify-content: space-evenly; padding: 60px 22%; } .h_box1 .h_list_box:nth-child(2n){ flex-direction: row-reverse; background: #F8F8F8; } .h_box1 .h_list_box .h_right{ position: relative; } .h_box1 .h_list_box .h_left,.h_box1 .h_list_box .h_right{ width: 40%; } .h_box1 .h_list_box .h_left img{ width: 100%; } /* 鏍囬 */ .h_box1 .h_list_box .h_right .h_title{ font-size: 20px; font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC; font-weight: 500; color: #333333; line-height: 30px; margin-bottom: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; cursor: pointer; /* transition: all .3s; */ } /* 鏃堕棿 */ .h_box1 .h_list_box .h_right .h_time{ font-size: 14px; font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC; font-weight: 400; color: #AAAAAA; line-height: 16px; margin-bottom: 30px; display: flex; align-items: center; } .h_box1 .h_list_box .h_right .h_time img{ width: 14px; height: 14px; margin-right: 6px; } /* 鎻忚堪鍐呭 */ .h_box1 .h_list_box .h_right .h_desc{ font-size: 16px; font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC; font-weight: 400; color: #777777; line-height: 28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .h_box1 .h_ddl{ text-align: center; color: #ccc; display: none; } /* 鏌ョ湅鏇村 */ .h_ckgd{ width: 130px; height: 41px; background: #E6232B; padding: 10px 18px; color: #fff; cursor: pointer; margin: 50px auto 80px; } .h_ckgd span{ width: 68px; font-size: 17px; font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC; font-weight: 400; color: #FFFFFF; line-height: 20px; margin-right: 6px; } .h_ckgd img{ width: 20px; height: 20px; } /* 杩斿洖椤堕儴 */ .h_get_top{ position: fixed; left: 0; bottom: 20%; width: 70px; display: none; text-align: center; } .h_get_top:hover{ width: 100%; } .h_get_top .h_tbox{ background: rgba(0,0,0,0.4); width: 70px; height: 70px; text-align: center; padding-top: 16px; cursor: pointer; transition: all .5s; display: flex; flex-direction: column; align-items: center; justify-content: space-between; } .h_get_top .h_tbox img{ width: 36px; display: none; } .h_get_top .h_tbox span{ width: 48px; display: inline-block; font-size: 12px; font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC; font-weight: 400; color: transparent; padding-bottom: 4px; line-height: 14px; border-bottom: 1px solid #fff; } .h_get_top .h_tbox:last-child span{ border: none; } .h_get_top .h_tbox:hover{ background: rgba(255,255,255,0.6000); box-shadow: inset -5px 0px 8px rgba(0,0,0,0.1100); } .h_get_top .h_tbox img.active{ display: inline-block; } .h_get_top .h_tbox:hover span{ color: #7E7E7E; } /* 璺宠浆閾炬帴 */ .h_get_top .h_tzlj { padding: 34px 65px; width: 100%; height: 210px; position: absolute; top: 0; left: 70px; background: linear-gradient(90deg, #FFFFFF 0%, rgba(255,255,255,0.9500) 18%, rgba(255,255,255,0.7500) 100%); box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1500); display: none; } .h_get_top .h_tzlj div{ margin-bottom: 20px; flex-wrap: wrap; } .h_get_top .h_tzlj a{ display: inline-block; font-size: 16px; font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC; font-weight: 400; color: #7E7E7E; line-height: 19px; margin-right: 5%; margin-bottom: 10px; } /* 浜岀淮鐮 */ .h_get_top .h_erwm{ display: none; position: absolute; top: 0; left: 70px; height: 210px; width: 210px; } .h_get_top .h_erwm img{ width: 100%; height: 100%; display: block; } .lm_head{padding:75px 100px} .lm_head .left{float:left} .lm_head .left h3{font-size:48px;color:#333333;font-weight:bold;} .lm_head .left p{font-size:40px;color:#333;font-family: Arial;margin-top:10px;} .lm_head a{display:block;float:right;width:270px;height:72px;line-height:70px;text-align:center;color:#333;font-size:20px;border:1px solid #ccc} .lm_head a img{vertical-align: inherit;margin-left:2px;} /* */ .ibox1 .content .list .item{width:16.6666%;float:left;height:640px;background-repeat: no-repeat; background-position: center;transition: ease-in-out 0.3s;} .ibox1 .content .list .item + .item{border-left:1px solid #fff;} .ibox1 .content .list .item.on{width:50%;transition: ease-in-out 0.3s;} .ibox1 .content .list .item .defalute_show{background:rgba(0,0,0,0.5);height:100%;text-align:center;padding-top:255px} .ibox1 .content .list .item .defalute_show .title{margin-top:15px;font-size:30px;color:#fff} .ibox1 .content .list .item .active_show{ width:100%;height:100%;display:none; padding:120px 0 0 100px; color:#fff; background: -webkit-linear-gradient( right, #E9001F,rgba(233,0,31, 0.2) ); /* Safari 5.1 - 6 */ background: -o-linear-gradient(right,#E9001F,rgba(233,0,31, 0.2)); /* Opera 11.1 - 12*/ background: -moz-linear-gradient( right, #E9001F, rgba(233,0,31, 0.2)); /* Firefox 3.6 - 15*/ background: linear-gradient(to right,#E9001F, rgba(233,0,31, 0.2)); /* 鏍囧噯鐨勮娉 */ } .ibox1 .content .list .item .active_show .title{font-size:30px;margin:15px 0;} .ibox1 .content .list .item .active_show .info{font-size:18px;color:#fff;line-height:30px;max-width:420px} .ibox1 .content .list .item .active_show span{display:inline-block;width:160px;height:45px;border:1px solid #fff;text-align:center;line-height:43px;font-size:14px;color:#fff;transition:ease-in-out 0.5s;margin-top:50px;} .ibox1 .content .list .item .active_show span:hover{transition:ease-in-out 0.5s;background:#fff;color:#E9001F;border-color:#fff;} .ibox1 .content .list .item.on .defalute_show{display:none;} .ibox1 .content .list .item.on .active_show{display:block;} .ibox1 .content .m_show{display:none;} .ibox1 .content .m_show .active_show{padding:15px;} .ibox1 .content .m_show .active_show .title{font-size:16px;color:#333;font-weight: bold;margin-bottom:10px;} .ibox1 .content .m_show .active_show .info{font-size:13px;color:#666;line-height:22px;} .ibox1 .content .m_show .active_show span{display:inline-block;padding:5px 20px;font-size:12px;color:#E62129;border:1px solid #E62129;margin-top:10px;} /* */ .ibox2{padding:60px 60px 0} /* */ .ibox3 .lm_head{border-bottom:1px solid #ddd} .ibox3 .content .item{border-right:1px solid #ddd} /* .ibox3 .content .item:nth-child(4n){border:none;} */ .ibox3 .content .item a{display:block;padding:55px 75px;transition:ease-in-out 0.5s} .ibox3 .content .item .time{font-size:22px;color:#999999;} .ibox3 .content .item .title{line-height:45px;height:90px;overflow:hidden;margin:60px 0 15px;color:#333;font-size:24px;} .ibox3 .content .item .text{font-size:16px;color:#666;line-height:30px;height:60px;overflow:hidden;margin-bottom:25px;} .ibox3 .content .item .img{height:185px;margin-bottom:65px;overflow:hidden;} .ibox3 .content .item .img img{display:none;} .ibox3 .content .item span{font-size:15px;font-family: Arial;color:#333} .ibox3 .content .item a:hover{background:#E9001F;transition:ease-in-out 0.5s} .ibox3 .content .item a:hover .time, .ibox3 .content .item a:hover .title, .ibox3 .content .item a:hover .text, .ibox3 .content .item a:hover span{color:#fff} .ibox3 .content .item a:hover .img img{display:block;} /* */ .video_box{position:fixed;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,0.9);z-index:99999;display:none;} .video_box .top{text-align:right;height:10%;padding-top:10px;padding-right:10px;} .video_box .top img{width:50px;height:50px;} .video_box .content{height:90%;padding-top:30px;max-width:60%;margin: 0 auto;} .video_box .content video{width:100%;} @media (min-width:1600px){ .ibox1 .content .list .item .active_show{min-width:420px;overflow:hidden;} } @media (min-width:768px){ .h_box1 .h_list_box .h_right .h_title:hover{ display: block; transform: translateY(-50%) scale(1.1); position: absolute; top: 50%; text-align: justify; box-shadow: 2px 3px 3px -2px #666; background-color: #fff; padding: 10px; } } @media (max-width:767px){ .lm_head{padding:30px 15px 15px;} .lm_head .left h3{font-size:24px;} .lm_head .left p{font-size:20px;} .lm_head a{display:none;} /* */ .ibox1 .content .list{display:none;} .ibox1 .content .m_show{display:block;} /* */ .ibox2{padding:15px 15px 0;} /* */ .ibox3 .content .item{border:none;} .ibox3 .content .item a{padding:15px;} .ibox3 .content .item .time{font-size:14px;} .ibox3 .content .item .title{margin:10px 0;font-size:16px;height:auto;line-height:normal;font-weight:bold;} .ibox3 .content .item .text{font-size:14px;margin-bottom:5px;height:auto;line-height:25px} .ibox3 .content .item .img{height:auto;margin-bottom:10px;} .ibox3 .content .item .img img{display:block;} /* 8.16 */ .h_box1 .h_list_box{ flex-direction: column; padding: 30px 22%; } .h_box1 .h_list_box .h_left, .h_box1 .h_list_box .h_right{ width: 100%; } /* 閲嶈娲诲姩 */ .h_box1 .h_box1_title h1{ font-size: 30px; } .h_box1 .h_box1_title h1::after{margin: 0 0px 10px 20px;} .h_box1 .h_box1_title h1::before{margin: 0 20px 10px 0;} /* 閲嶈娲诲姩-EN */ .h_box1 .h_box1_title p{ font-size: 15px; } /* 娲诲姩鏍囬 */ .h_box1 .h_list_box .h_right .h_title{ font-size: 18px; line-height: 30px; } /* 娲诲姩鏃堕棿 */ .h_box1 .h_list_box .h_right .h_time{ font-size: 13px; margin-bottom: 18px; } /* 鏃堕棿灏忓浘鏍 */ .h_box1 .h_list_box .h_right .h_time img{ width: 11px; height: 11px; } /* 娲诲姩鎻忚堪 */ .h_box1 .h_list_box .h_right .h_desc{ font-size: 15px; } .h_get_top .h_tzlj{padding: 30px;} } @media (max-width:991px) and (min-width:768px){ .h_box1 .h_list_box{ padding: 60px 12%; justify-content: space-between; } .h_box1 .h_list_box .h_left, .h_box1 .h_list_box .h_right { width: 46%; } /* 閲嶈娲诲姩 */ .h_box1 .h_box1_title h1{ font-size: 32px; } .h_box1 .h_box1_title h1::after{margin: 0 0px 10px 20px;} .h_box1 .h_box1_title h1::before{margin: 0 20px 10px 0;} /* 閲嶈娲诲姩-EN */ .h_box1 .h_box1_title p{ font-size: 15px; } /* 娲诲姩鏍囬 */ .h_box1 .h_list_box .h_right .h_title{ font-size: 20px; line-height: 30px; margin-bottom: 11px; } /* 娲诲姩鏃堕棿 */ .h_box1 .h_list_box .h_right .h_time{ font-size: 13px; margin-bottom: 8px; } /* 鏃堕棿灏忓浘鏍 */ .h_box1 .h_list_box .h_right .h_time img{ width: 11px; height: 11px; } /* 娲诲姩鎻忚堪 */ .h_box1 .h_list_box .h_right .h_desc{ font-size: 15px; line-height: 22px; } .lm_head{padding:30px;} .lm_head .left h3{font-size:40px;} .lm_head .left p{font-size:32px;} .lm_head a{width:200px;height:60px;line-height: 58px;} .ibox1 .content .list{display:none;} .ibox1 .content .m_show{display:block;padding:0 30px;} /* */ .ibox2{padding:30px 30px 0;} .ibox3 .content .item a{padding:30px;} .ibox3 .content .item .title{margin:15px 0;line-height:40px;height:80px;} .ibox3 .content .item .img{height:auto;} .ibox3 .content .item .img img{display:block;} } @media (min-width:992px) and (max-width:1024px){ .h_box1 .h_list_box{padding: 60px 14%; justify-content: space-between;} .h_box1 .h_list_box .h_left, .h_box1 .h_list_box .h_right { width: 46%; } /* 閲嶈娲诲姩 */ .h_box1 .h_box1_title h1{ font-size: 30px; } .h_box1 .h_box1_title h1::before{ margin: 0 20px 10px 0; } .h_box1 .h_box1_title h1::after{ margin: 0 0px 10px 20px; } /* 閲嶈娲诲姩-EN */ .h_box1 .h_box1_title p{ font-size: 15px; } /* 娲诲姩鏍囬 */ .h_box1 .h_list_box .h_right .h_title{ font-size: 20px; line-height: 30px; } /* 娲诲姩鏃堕棿 */ .h_box1 .h_list_box .h_right .h_time{ font-size: 13px; margin-bottom: 20px; } /* 鏃堕棿灏忓浘鏍 */ .h_box1 .h_list_box .h_right .h_time img{ width: 11px; height: 11px; } /* 娲诲姩鎻忚堪 */ .h_box1 .h_list_box .h_right .h_desc{ font-size: 15px; } .lm_head{padding:50px 30px;} .lm_head .left h3{font-size:40px;} .lm_head .left p{font-size:32px;} .lm_head a{width:200px;height:60px;line-height: 58px;} /* */ .ibox2{padding:30px 30px 0;} /* */ .ibox3 .content .item a{padding:30px;} .ibox3 .content .item .title{margin:15px 0;font-size:22px;line-height:40px;height:80px;} .ibox3 .content .item .img{height:auto;margin-bottom:10px;} .ibox3 .content .item .img img{display:block;} } @media (min-width:1025px) and (max-width:1366px){ /* 閲嶈娲诲姩 */ /* .h_box1 .h_list_box{ flex-direction: column; } .h_box1 .h_list_box .h_left, .h_box1 .h_list_box .h_right{ width: 90%; } */ .h_box1 .h_list_box{padding: 60px 14%; justify-content: space-between;} .h_box1 .h_list_box .h_left, .h_box1 .h_list_box .h_right{ width: 47%; } .h_box1 .h_box1_title h1{ font-size: 34px; } .h_box1 .h_box1_title h1::before{ margin: 0 20px 11px 0; } .h_box1 .h_box1_title h1::after{ margin: 0 0px 11px 20px; } /* 閲嶈娲诲姩-EN */ .h_box1 .h_box1_title p{ font-size: 13px; } /* 娲诲姩鏍囬 */ .h_box1 .h_list_box .h_right .h_title{ font-size: 20px; line-height: 30px; } /* 娲诲姩鏃堕棿 */ .h_box1 .h_list_box .h_right .h_time{ font-size: 13px; margin-bottom: 20px; } /* 鏃堕棿灏忓浘鏍 */ .h_box1 .h_list_box .h_right .h_time img{ width: 11px; height: 11px; } /* 娲诲姩鎻忚堪 */ .h_box1 .h_list_box .h_right .h_desc{ font-size: 15px; line-height: 26px; } .lm_head{padding:30px} .lm_head a{margin-top:10px;} /* */ .ibox2{padding:30px 30px 0;} /* */ .ibox3 .content .item a{padding:30px} .ibox3 .content .item .title{margin:15px 0;font-size:20px;height:70px;line-height:35px;} .ibox3 .content .item .img{height:auto;margin-bottom:20px;} .ibox3 .content .item .img img{height:auto;display:block;} } @media (min-width:1367px) and (max-width:1500px){ .h_box1 .h_list_box{padding: 60px 15%;} .h_box1 .h_list_box .h_right .h_title{font-size: 20px;} .h_box1 .h_list_box .h_right .h_time{font-size: 13px; } .h_box1 .h_list_box .h_right .h_desc{font-size: 17px;} .ibox1 .content .list .item{height:530px} .ibox1 .content .list .item .defalute_show{padding-top:190px;} .ibox1 .content .list .item .active_show{padding-top:80px;} /* */ .ibox3 .content .item a{padding:30px 50px } .ibox3 .content .item .title{margin:20px 0 15px;} } @media (min-width:1024px) and (max-width:1440px){ .lm_head .left h3{font-size:40px;} .lm_head .left p{font-size:34px;} /* */ .ibox1 .content .list .item{height:500px;} .ibox1 .content .list .item .active_show{padding:60px 0 0 50px} .ibox1 .content .list .item .defalute_show{font-size:22px;padding-top:180px;} .ibox1 .content .list .item .defalute_show .title,.ibox1 .content .list .item .active_show .title{font-size:24px} .ibox1 .content .list .item .active_show .info{font-size:16px;} .ibox1 .content .list .item .icon img{width:60px;} /* */ .ibox3 .content .item a{padding:30px;} .ibox3 .content .item .img{margin-bottom:30px;} } /* @media (min-width:1501px) and (max-width:1740px){ .h_box1 .h_list_box .h_right .h_title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } } */