*{margin: 0;padding: 0;box-sizing: border-box;list-style: none;line-height: 100%;} body{font-size: 14px;min-width: 1200px;font-family: "syht";overflow-x: hidden;} a{text-decoration: none; color:#333; font-size: 14px;} li{list-style: none;} em,i{font-style: normal;font-style: inherit;} :focus{ outline: none;} .dfs{display:flex;align-items:end;justify-content:space-between;} .gy{max-width: 1500px;margin: 0 auto;} @media screen and (max-width: 1366px){ .gy{max-width: 1200px;margin: 0 auto;} } .gy1{min-width: 1280px;margin: 0 auto;width: 100%;} @font-face {font-family: 'samsungsharpsans-b';src: url('/cssnew/samsungsharpsans-bold.otf.txt');font-weight: normal;font-style: normal;} @font-face { font-family: "syht"; src: url("/cssnew/syht.woff.txt") format("woff2"), url("/cssnew/syht.woff.txt") format("woff"), url("/cssnew/syht.ttf.txt") format("truetype"), url("/cssnew/syht.eot.txt") format("embedded-opentype"), url("/cssnew/syht.eot.txt") format("svg"); } @font-face { font-family:din; src:url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.ttf), url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.eot), url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.otf), url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.woff), url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.woff2); } @font-face { font-family: 'iconfont'; /* Project id 4383909 */ src: url('//at.alicdn.com/t/c/font_4383909_vp7h05ic6jm.woff2?t=1703908290115') format('woff2'), url('//at.alicdn.com/t/c/font_4383909_vp7h05ic6jm.woff?t=1703908290115') format('woff'), url('//at.alicdn.com/t/c/font_4383909_vp7h05ic6jm.ttf?t=1703908290115') format('truetype'); } @font-face { font-family: 'iconfont'; /* Project id 4400588 */ src: url('//at.alicdn.com/t/c/font_4400588_3849k1nsx04.woff2?t=1706003552626') format('woff2'), url('//at.alicdn.com/t/c/font_4400588_3849k1nsx04.woff?t=1706003552626') format('woff'), url('//at.alicdn.com/t/c/font_4400588_3849k1nsx04.ttf?t=1706003552626') format('truetype'); } .iconfont{ font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;} /*公用tit*/ .title{margin-bottom:30px;position:relative;} .title h2{font-size:34px;line-height:1;position:relative;} .title h5{font-size:45px;line-height:1.2;position:relative;font-weight:bold;} .title h3{font-size:36px;line-height:1.2;position:relative;font-family:Arial, Helvetica, sans-serif;} .title .line{position:relative;width:90px;height:3px;background-color:#1a4499;margin-top:20px;} .title p{font-size:24px;line-height:32px;color:#555;position:relative;margin-top:10px;} .title a.link{display:block;width:100px;height:100px;text-align:center;line-height:100px;border:1px solid #bbb;color:#bbb;position:absolute;right:0;top:0;font-size:30px;transition:all .3s;} .title a.link:hover{color:#fff;} /*left*/ #floatMenu{position: fixed;left:20px;top:62%;z-index: 8;margin-top: -77px;display: none;} #floatMenu li{margin: 10px 0;position: relative;} #floatMenu li.first{opacity: 0;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);} #floatMenu li a{width:12px;height: 12px;background: #1f2c5c;display: block;border-radius: 50%;-webkit-border-radius: 50%;overflow: hidden;} #floatMenu p{position: absolute;width:102px;height: 23px;line-height: 23px;text-align: center;color: #fff;border-radius: 23px;-webkit-border-radius: 23px;background: #1f2c5c;top:-4px;left:30px;display: none;} #floatMenu p::after{content: '';position: absolute;top:50%;margin-top: -4.5px;left:-7px;background: url("../icon-angle-left.png");width:8px;height: 9px;} #floatMenu li.active a{background: #999;} #floatMenu li.active p{display: block;} /*head*/ .head {width: 100%;position: fixed;top: 0;z-index: 999; height: 89px;display: flex;border-bottom: 1px solid rgba(255,255,255,0.2);} .head.on{background:#fff; box-shadow: 0 0 20px #666;height: 70px;} .head.on .head_nav li a ,.head.on .tit_cn, .h_tcc>b,.head.on .tit_cn a{color:#333;} .head.on .h_tcc>b{color:#333;} .head.on .hea_logo img {width: 220px;} .head.on .h_tcc>p{color:#999;margin-top: 0px;letter-spacing: 0px;} .head.on .head_nav>ul>li a {line-height: 70px;} .head.on .hea_logo b{color:#333;} .head.on .hea_logo span{color:#666;} .head.on .icon>div i span{color:#333;} .head.on .tte a{color:#333;} .head.on .lang-wrap .btn-lang span{color:#333;} .head.on .lang-wrap a{color:#333;} .head.on .lang-wrap .btn-lang i{color:#333;} .head.on .head_nav>ul>li:after{ top: 67px;} .hea_logox{display: block;} .hea_logox img{width: 220px;} .hea_logox b{display: block;font-size: 24px;color: #fff;letter-spacing: 0px;} .hea_logox a{display: flex; align-items: center;} .h_tccx{} .h_tccx>b{display: block;font-size: 22px;color: #fff;} .h_tccx>p{font-size: 13px;color: rgba(255,255,255,0.5);margin-top: 3px;text-transform: uppercase;letter-spacing: 1px;} .head:hover .hea_logo > .pc_top_logo,..head.on > .pc_top_logo{opacity: 1; filter: alpha(opacity=100);} .hea_logo > .pc_top_logo{position: relative;width: 100%; top: 0;left: 0;opacity: 1; filter: alpha(opacity=100);} .hea_logo > .pc_top_logoa{position: relative;width: 100%; top: 0;left: 0;opacity: 0; filter: alpha(opacity=0);} .head.on .pc_top_logo { opacity: 0; } .head.on .pc_top_logoa { opacity: 1; } .head.on .pc_top_logo {display: none;} .hea_logo{display: flex; align-items: center;width: 39%; padding-left:2%;} .hea_logo img{width: 220px;} .hea_logo b{display: block;font-size: 1.6rem;color: #fff; line-height:2rem; padding-top:1%; padding-left:1%;} .hea_logo span{display: block;font-size:0.9rem;color: rgba(255,255,255,0.6); padding-top:1.2%;} .hea_logo a{display: flex;} .h_tcc{} .h_tcc>b{display: block;font-size: 22px;color: #fff;} .h_tcc>p{font-size: 12px;color: rgba(255,255,255,0.5);margin-top: 3px;text-transform: uppercase;letter-spacing: 0px;} @media screen and (max-width: 1366px){ .h_tcc>p{font-size: 11px;} } .head_lc{width: 100%;display: flex;justify-content: space-between;align-items: center;height: 78px;position: relative;} .hea_wz {margin-left: 83px; position: relative; height: 100%; display: flex; flex-direction: column;justify-content: center; } .hea_wz>b {display: block; font-size: 22px; color: #333; } .hea_wz>b>span {font-size: 21px; color: #083093; } .hea_wz>p {font-size: 16px; color: #666; margin-top: 7px; } .hea_wz:after {position: absolute; content: ""; background: rgba(0,0,0,0.07); top: 0; left: -41px; width: 1px; height: 100%; } .tit_cn a {font-size:18px;color:#fff;font-family: Arial; line-height: 89px;} .head_box {width: 98%;margin: 0 auto;display: flex; display: -webkit-flex;display: -moz-flex;justify-content: space-between;align-items: center;position: relative;} @media screen and (max-width: 1440px){ } .head.on .head_logo img{display:none;} .head_nav {width:63%; margin-right:5%} .head_nav>ul {display: flex; display: -webkit-flex;display: -moz-flex;justify-content: space-around;} .head_nav>ul>li {position: relative;transition: 0.5s;} .head_nav>ul>li:nth-child(4) {margin-left: 0%;} .head_nav>ul>li:after {content:'';width:0;height: 3px;background: #174592;position: absolute;top:86px;left: 0;z-index: -1;opacity: 0; transition: 0.5s;} .head_nav>ul>li:hover:after,.head_nav>ul>li.cur:after {opacity: 1;width: 100%;transition: 0.5s;} .head_nav>ul>li.cur a{font-weight:bold;} .head_nav>ul>li a {font-size: 19px; color: #fff; line-height: 89px;} .dropmenu{ position:absolute; top:150%; max-height:0; transition:all .3s ease; width:200px;left: -62px;z-index:99; transition:all .3s ease; background:#f9f9f9; border-radius:0px; opacity:0; visibility:hidden; padding: 0px 0px} .dropmenu a{ display:block; line-height:40px !important; text-align:center; font-size:15px !important; color:#666 !important; transition:all .5s ease;border-bottom: 1px #e4e4e4 solid;} .dropthree{ position:relative; border-bottom: 1px #eee solid;} .dropthree>div{ position:absolute; left:105%; visibility:hidden; opacity:0; transition:all .3s ease; border-radius:5px;width:100%; background:#f9f9f9; top:0;} .dropthree:hover>div{ opacity:1; left:100%; visibility:visible; } .head_nav li:hover .dropmenu{ max-height:1000px; top:100%; opacity:1; visibility:visible;} .dropmenu a:hover{ background:#174592; color:#fff !important;} .dropmenu table,.dropmenu tbody,.dropmenu tr,.dropmenu td{ display:block; width:100%;} .head_nav li { position: relative;} .prolist2021 {position:relative;} .prolist2021 ul {position:relative;} .prolist2021 li {position:relative;} .prolist2021 li dl {position:absolute;top:0;left:100%; transition: 0.5s;} .nav_c li:hover dl { opacity: 1; transition: 0.5s;} .prolist2021 li dl dt a {display: block;padding: 0 40px;width: 300px;height: 42px; border-bottom: none;background: #fff; color: #666; font-weight: 100; font-size: 14px; line-height: 42px;position: relative;} .prolist2021 li:nth-child(6) {display:none;} .nav_c>ul>li:hover .nav2 {transform: rotateX(0deg);} .prolist2021 li:hover dl { transform: rotateY(0deg);} .prolist2021 li dl {position: absolute;top: 0; left: 100%;transition: 0.5s; transform-origin: left; transform: rotateY(90deg);} /*sea*/ .icon_search{margin-left:20%;} .dfs{display:flex;align-items:center;justify-content:space-between; height: 100%; margin-right: 19%;} .icon>div i{user-select:none;transition:all 0.5s;position: relative;} .icon>div i span{font-size: 18px;color: #fff;} /*.icon>div:hover i{background: #ce0000;}*/ /*.icon>div:hover i span{color: #fff;}*/ .iser_box,.itel_box{background:rgba(255,255,255,0.8);position:absolute;top:100%;right:0;padding:30px;transform-origin:top;transform:rotateX(90deg);transition:all 0.5s;z-index: 9} .icon>div:hover .iser_box,.icon>div:hover .itel_box{transform:rotateX(0deg);} .search_l{ line-height: 24px;} .search_l span+span{margin-left:4px;} .search_l a{color: #333;font-size: 14px;} .search_r{margin-top:20px;position:relative;} #infoname{width:424px;height:38px;line-height: 38px;border:1px solid #eee;text-indent:12px;} .z_img{ position:absolute;top:2px;right:10px;background: no-repeat;} .itel_box{width:228px;text-align:center} .itel_box p{color:#333;position:relative;margin-top:10px;} .itel_box p img{width:150px;} .itel_box p:before{position:absolute;left:0;color:#333;} .itel_box em{font-family:'arial';font-size:26px;font-weight: bold;color:#0f7404;margin-top:10px;} .search_l .iconfont{font-size: 16px;} .hx_bg{background: url() no-repeat;height: 142px;position: relative;margin-top: -142px;z-index: 99;} @media screen and (max-width: 1375px){ .hea_wz {padding-left: 30px;} .logo_c>p:before{right:-15px;} .logo_c>p:after{right: -16px;} .hea_wz b:first-child{font-size: 21px;} .hea_wz b:last-child{font-size: 15px;letter-spacing: 0px;} .nav_c ul li>a{font-size: 16px;} .logo_c>p>img{width: 166px;} } .dh_c {width: 250%;text-align: center;} .dh_h,.dh_h b{font-size:18px;} .fa-caret-down:before {content: "\e65a";font-family: 'iconfont'; font-size:19px; position: relative; margin-top: -3px;} .main-h-link{display: flex; align-items: center; justify-content: space-between; position: relative;margin-right: 4%;} .main-menu02>div {margin-left: 0rem;} .lang-wrap .btn-lang i{display: flex; line-height: 30px; padding-right: 0%;} .main-menu02{display: flex!important;} .lang-wrap {position: relative;} .lang-wrap .btn-lang { cursor: pointer; color: #fff; display: flex; justify-content: center; } .tte {display: flex; justify-content: center; align-items: center; width: 160px; position: relative; margin-right: 3%;} .tte a{color: #fff; margin-right: 16px;} .lang-wrap .btn-lang span{padding-left: 5px; line-height: 30px;} .lang-wrap .lang-list { top: 100px; max-height: 58px; opacity: 0; transition: 0.5s;} .lang-wrap:hover .lang-list {top: 0; opacity: 1;} .lang-wrap .btn-lang { padding: 1% 0 0;} .lang-wrap .btn-lang a{color: #fff;line-height: 30px;} .lang-wrap .lang-list { width: 5rem; position: relative; top: 0rem; right: 0; list-style: none; padding: 0; background: rgba(23, 69, 146, 0.75); } .lang-wrap .lang-list a { display: block; padding: 0.5rem 0.5em; text-align: center; color: #fff; font-size: 12px; } @media all and (max-width: 1680px) { .banner {/*height: 92vh;*/} .sygdtu .bd ul {height: 92vh !important;} } .lang-wrap .lang-list a:hover, .lang-wrap .lang-list a:focus { color: #174592; background: #fff; } .lang-wrap.m-lang-wrap { margin-bottom: 1.5rem; } .lang-wrap.m-lang-wrap #m-btn-lang { cursor: pointer; color: white; } .lang-wrap.m-lang-wrap .lang-list { position: static; width: auto; margin-top: 1rem; margin-bottom: 0 !important; } .lang-wrap.m-lang-wrap .lang-list li { margin-bottom: 0 !important; } .lang-wrap.m-lang-wrap .lang-list li.active { background: rgba(59, 162, 221, 0.5); } .lang-wrap.m-lang-wrap .lang-list li a { font-size: 1rem; } .lang-opened .lang-list { max-height: 800px; } .search-wrap {position: relative; width:9rem;} /*flashvideo*/ .index_banner .txt{width:90%;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);z-index:2;text-align:center; z-index: 999;} .index_banner .txt h2{font-size:80px;color:#fff;text-transform:uppercase;line-height:90px; padding: 2% 0 1% 0;} .index_banner .txt p{font-size:26px;color:#fff; line-height: 38px;} .index_banner .txt .morelink{margin-top:25px;min-width:180px;margin-left:10px;margin-right:10px;color:#fff;} .index_banner .txt .morelink i{font-size:20px;line-height:30px;margin-right:8px;display:inline-block;vertical-align:top;} .index_banner .txt .morelink:hover{color:#fff;} .btn-3 { position: relative; z-index: 1; overflow: hidden; } .morelink { display: inline-block; position: relative; font-size: 18px; line-height: 30px; color: #fff; padding: 9px 24px; background-color: #1a4499; border: 1px solid #1a4499; border-radius: 6px; text-transform: capitalize; transition: all 0.3s; } .index_banner .scrolldown { position: absolute; bottom: 10%; left: 50%; transform: translate(-50%,0); text-align: center; z-index: 1; color: #fff; font-size: 20px; z-index: 999; } .index_banner .scrolldown>i { display: block; margin-top: 15px; animation: down 0.8s infinite; -webkit-animation: down 0.8s infinite;font-size: 28px; } @keyframes down { 0%{ transform:translate(0) } 100% { transform:translateY(15px) } } @-webkit-keyframes down { 0% { transform:translate(0) } 100% { transform:translateY(15px) } } .flashvideo{width:100%;padding-bottom:100vh;position:relative;overflow:hidden;} .flashvideo video{position:absolute;width:100%;height:calc(100% + 200px);left:0;top:0;z-index:1;object-fit:cover;display:block;} .flashvideo .v_shade{width:100%;height:100%;background:rgba(0,0,0,.5);left:0;top:0;position:absolute;z-index:1;} .flashvideo .fv_txt{position:absolute;width:100%;left:0;top:50%;z-index:2;text-align:center;font-size:0;-webkit-text-size-adjust:none;padding-bottom:65px;} .flashvideo .fv_txt p{font-size:16px;line-height:26px;color:#FFF;text-align:center;} .flashvideo .fv_txt p:first-child{font-size:48px;height:58px;line-height:58px;} .flashvideo .fv_txt p:nth-child(2){margin:26px 0 28px;} .flashvideo .fv_txt a{display:inline-block;width:139px;height:36px;line-height:36px;background:#f5b324;padding:0 23px;} .flashvideo .fv_txt a span{display:block;font-size:14px;color:#FFF;padding-left:10px;background:url(flash_btnicon.png) no-repeat right center;text-align:left;} .flashvideo .fv_txt a:last-child{margin-left:11px;} .flashvideo .fv_txt a:hover{ -webkit-box-shadow:0 0 8px rgba(255,255,255,.6); -moz-box-shadow:0 0 8px rgba(255,255,255,.6); -o-box-shadow:0 0 8px rgba(255,255,255,.6); box-shadow:0 0 8px rgba(255,255,255,.6);} /*flash*/ .index_banner{width:100%; overflow:hidden;z-index:1;top:0;left:0;position: relative; height:100%;} .index_banner.mb{display:none;} .index_banner .swiper-slide{} .index_banner .swiper-slide:nth-child(1):before { content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: absolute; top: 0; left: 0; z-index: 5; } .index_banner .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;} .index_banner .swiper-slide video{display:block;width:100%;height:100%;object-fit:cover; position: relative;} .index_banner .swiper-pagination-bullets{bottom:210px !important;height:37px;font-size:0;-webkit-text-size-adjust:none;} .index_banner .swiper-pagination-bullet{opacity:1;width:20px;height:32px;margin:0 5px!important;position:relative;border-radius:0;background:transparent;padding-bottom:13px;vertical-align:top;overflow:hidden;} .index_banner .swiper-pagination-bullet .line{width:0;height:2px;position:absolute;left:0;bottom:0;background:#00f;z-index:2;} .index_banner .swiper-pagination-bullet:after{content:'';width:12px;height:12px;position:absolute;left:0;bottom:0;background:#a9a4a5;z-index:1;border-radius: 50px;} .index_banner .swiper-pagination-bullet .sw_p{font-size:0px;height:22px;line-height:22px;color:#FFF;text-align:left;position:relative; font-weight:100;text-align: center; -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -o-transform:translateY(-100%); transform:translateY(-100%); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;} .index_banner .swiper-pagination-bullet .sw_p em{font-style:normal;display:inline-block;margin-right:10px;} .index_banner .swiper-pagination-bullet .sw_p em i{font-style:normal;font-size:0px;} .index_banner .swiper-pagination-bullet.swiper-pagination-bullet-active:after{background:#174592;} .index_banner .swiper-pagination-bullet.swiper-pagination-bullet-active .sw_p,.index_banner .swiper-pagination-bullet:hover .sw_p{ -webkit-transform:translateY(0%); -moz-transform:translateY(0%); -o-transform:translateY(0%); transform:translateY(0%);} .banner-service{width: 30rem; position: absolute; bottom: 0; right: 0px;padding: 2rem 4rem;z-index: 999;} .pr_box{margin-top: 70px; margin-bottom: 0px;} #c_product_list_039-16704649649370 .e_container-6 { display: flex; flex-wrap: wrap; flex-direction: row; width: auto; margin-left: auto; margin-bottom: 0px; transition-property: all; transition-radio: hover; transition-duration: 0.8s; transition-timing-function: cubic-bezier(0.25,0.1,0.25,1); display-radio: flex; background-color: rgba(243,244,244,1); padding-bottom: 0px; margin-top: 15px; min-height: 0px; height: 280px; overflow: hidden; } #c_product_list_039-16704649649370 .e_loop-1 .p_list { display: flex; flex-wrap: wrap; position: relative; max-width: 100% } #c_product_list_039-16704649649370 .e_loop-1 { max-width: 1500px; margin-left: auto; margin-right: auto; display-radio: 1; } .s_list { background-color: rgba(255,255,255,0); } #c_product_list_039-16704649649370 .e_loop-1 .p_loopitem { flex: 0 0 32.3%; position: relative; margin-right: 1% } #c_product_list_039-16704649649370 .e_loop-1 .p_loopitem:hover .e_container-12 { margin-top: -280px; height: 315px } #c_product_list_039-16704649649370 .e_loop-1 .p_loopitem:hover .e_text-19 { margin-top: 182px } #c_product_list_039-16704649649370 .e_loop-1 .p_page { text-align: center; } #c_product_list_039-16704649649370 .e_loop-1 .p_filter_wrapper { width: 100%; font-size: 13px } #c_product_list_039-16704649649370 .e_loop-1 .p_kv_wrapper { display: inline-block; flex-wrap: nowrap; line-height: 24px; margin: 15px 0; width: 33% } #c_product_list_039-16704649649370 .e_loop-1 .p_filter_key { width: 70px; overflow: hidden; margin-right: 10px; font-weight: bold; color: #333333; font-size: 12px; display: none } #c_product_list_039-16704649649370 .e_loop-1 .p_v_item { display: inline-block; padding: 0 3px; cursor: pointer; font-size: 13px; color: #555555; margin-right: 30px } #c_product_list_039-16704649649370 .e_loop-1 .p_active .p_fbutton { color: #fff; background-color: cornflowerblue } #c_product_list_039-16704649649370 .e_loop-1 .p_result_item { position: relative; padding: 3px 20px 3px 10px; border: 1px solid #ddd; border-radius: 3px; margin-right: 10px } #c_product_list_039-16704649649370 .e_loop-1 .p_filter_close { position: absolute; right: 0; top: 0; padding: 3px; font-style: normal; font-size: 16px; margin-top: -5px; cursor: pointer } #c_product_list_039-16704649649370 .e_loop-1 .multSelect { font-size: 13px; position: relative } #c_product_list_039-16704649649370 .e_loop-1 .multSelect .inputWrap { width: 100%; min-width: 100px; min-height: 24px; border: 1px solid #DCDFE6; border-radius: 3px; position: relative; cursor: pointer; background: white } #c_product_list_039-16704649649370 .e_loop-1 .multSelect.is-invalid .inputWrap { border-color: #dc3545 } #c_product_list_039-16704649649370 .e_loop-1 .multSelect ul { padding: 0 5px; margin: 0; padding-right: 35px } #c_product_list_039-16704649649370 .e_loop-1 .multSelect ul, li { list-style: none } #c_product_list_039-16704649649370 .e_loop-1 .multSelect li { display: inline-block; background: #edf0f3; color: #92969c; padding: 0px 5px; margin: 1px 5px 1px 0; border-radius: 5px; line-height: 16px } #c_product_list_039-16704649649370 .e_loop-1 .multSelect .multSelect-option { width: 100%; border: 1px solid #DCDFE6; border-radius: 2px; border-top: 0; max-height: 200px; overflow-y: scroll; position: absolute; height: 0; opacity: 0; z-index: 9; background: #fff } #c_product_list_039-16704649649370 .e_loop-1 .multSelect .multSelect-option>div { line-height: 24px; cursor: pointer; padding: 0 10px } #c_product_list_039-16704649649370 .e_loop-1 .multSelect .multSelect-option>div.selected { color: #409eff } #c_product_list_039-16704649649370 .e_loop-1 .multSelect .multSelect-option>div:hover { color: #409eff; background: #f3f6f9 } #c_product_list_039-16704649649370 .e_loop-1 .multSelect .fa-close { font-style: normal; font-size: 12px; padding: 0 5px 0 7px } #c_product_list_039-16704649649370 .e_loop-1 .multSelect .inputWrap>.fa svg { fill: #666; width: 12px; height: 12px; position: absolute; right: 0; top: calc(50% - 3px) } #c_product_list_039-16704649649370 .e_loop-1 .multSelect .inputWrap>.fa-down svg { transform: rotate(-90deg) } #c_product_list_039-16704649649370 .e_loop-1 .multSelect .inputWrap>.fa-up svg { transform: rotate(90deg) } #c_product_list_039-16704649649370 .e_loop-1 .multSelect .placeholder { line-height: 40px; padding-left: 10px; color: #aaa; position: absolute; left: 0; top: 0 } #c_product_list_039-16704649649370 .e_loop-1 .p_normal_start { display: inline; width: 60px; height: 22px } #c_product_list_039-16704649649370 .e_loop-1 .p_date_start { display: inline; width: 105px; height: 22px } #c_product_list_039-16704649649370 .e_loop-1 .p_normal_end { display: inline; width: 60px; height: 22px; margin-right: 5px } #c_product_list_039-16704649649370 .e_loop-1 .p_date_end { display: inline; width: 105px; height: 22px; margin-right: 5px } #c_product_list_039-16704649649370 .e_loop-1 .p_split { margin: 0 5px } #c_product_list_039-16704649649370 .e_loop-1 .p_normal { margin-right: 16px } #c_product_list_039-16704649649370 .e_loop-1 .p_fbutton { background-color: #007bff; text-decoration: none; color: white; font-size: 14px; text-align: center; padding: 10px; border-radius: 5px } #c_product_list_039-16704649649370 .e_loop-1 .input-check, #c_product_list_039-16704649649370 .e_loop-1 .input-radio { margin: 0 5px; vertical-align: text-top } #c_product_list_039-16704649649370 .e_loop-1 .position-left { display: flex } #c_product_list_039-16704649649370 .e_loop-1 .position-right { display: flex; flex-direction: row-reverse } #c_product_list_039-16704649649370 .e_loop-1 .position-bottom { display: flex; flex-direction: column-reverse } .s_title { font-size: 16px; color: #333; line-height: 1; } #c_product_list_039-16704649649370 .e_loop-1 { max-width: 1500px; margin-left: auto; margin-right: auto; display-radio: 1 } #c_product_list_039-16704649649370 .e_image-3 { overflow: hidden; transition-property: all; transition-duration: 0.8s; background: #e2e2e2; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); display-radio: 1; background-color: #e2e2e2; } #c_product_list_039-16704649649370 .e_image-3 img { width: 100%; height: 100%; object-fit: contain } #c_product_list_039-16704649649370 .e_container-6>.p_item { flex: 1; max-width: 100%; max-height: 100% } #c_product_list_039-16704649649370 .e_text-10 { line-height: 24px; font_radio: 2; font-size: 16px; color: rgba(0, 0, 0, 1); -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; display-radio: -webkit-box; font-weight: normal; margin-top: 0px; transition: 0.5s } #c_product_list_039-16704649649370 .e_text-10 a{font-size: 20px; font-weight:bold;} #c_product_list_039-16704649649370 .e_container-12 { display: flex; position: relative; z-index: 2; flex-wrap: wrap; flex-direction: row; width: 100%; margin-top: -67px; padding-left: 30px; padding-right: 30px; display-radio: flex; background-color: rgba(255, 255, 255, 0.8); padding-top: 15px; padding-bottom: 15px; transition: 0.5s } #c_product_list_039-16704649649370 .e_container-12>.p_item { flex: 1; max-width: 100%; max-height: 100% } #c_product_list_039-16704649649370 .e_container-6:hover .e_line-14 { width: 100%; display: none } #c_product_list_039-16704649649370 .e_line-14 { transition-property: all; transition-duration: 0.8s; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); width: 0px; display: none } #c_product_list_039-16704649649370.response-animated .e_container-6 { animation-name: none, none; animation-delay: 0.0s, 0.6s; animation-duration: 0.6s, 0.6s; animation-iteration-count: 1, 1 } #c_product_list_039-16704649649370 .e_container-6:hover img { opacity: 1; transform: scale(1.1); transition: all .6s } #c_product_list_039-16704649649370 .e_container-6:hover .e_image-3 {} #c_product_list_039-16704649649370 .e_text-17 a{line-height: 22px;font-size: 16px;} #c_product_list_039-16704649649370 .e_text-17 { line-height: 20px; font_radio: 2; font-size: 14px; text-align: left; color: rgba(102, 102, 102, 1); position: absolute; top: 31%; z-index: 9; bottom: auto; right: auto; display: none; transition-property: all; transition-duration: 0.8s; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); font-weight: normal; left: 28px; display-radio: none; max-width: 100%;} #c_product_list_039-16704649649370 .e_container-6:hover .e_text-17 { display: block } #c_product_list_039-16704649649370 .e_text-19 { line-height: 1.8; font_radio: 2; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; color: rgba(0, 0, 0, 0.3); margin-top: 7px; padding-left: 0px; padding-right: 0px; display-radio: -webkit-box; font-family: Microsoft YaHei; margin-bottom: 0px; transition: 0.5s } #c_product_list_039-16704649649370 .e_text-19 a{color: rgba(0, 0, 0, 0.4);} #c_product_list_039-16704649649370 .e_container-6 .p_item { display-radio: 1 } /*关于*/ .uw-title{color: #fff;} .uw-title .uw-title-cn{font-size: 36px; line-height: 40px;} .uw-title .uw-title-cn>a{font-size: 36px;line-height: 40px;} .uw-title .uw-title-en{font-size: 52px;line-height: 80px; text-transform: uppercase;font-weight: bold; } .uw-title .uw-title-en a{font-size: 52px;line-height: 80px;} .uw-title .uw-line-x {background: rgba(255,255,255,.5);} .uw-line-x {transform: translateX(0px); opacity: 1; color: #fff; font-weight: bold; font-family: microsoft yahei; text-transform: uppercase; } .uw-line-x { width: 100%; height: 3px; position: relative; margin: 10px 0 28px 0; background: rgba(0,0,0,.2); } .uw-line-x::before { content: ''; width: 30%; height: 3px; position: absolute; left: 0; top: 0; z-index: 1; background: #174592; } /*tb*/ .proc{max-width: 1200px;margin: 0 auto;min-width: 980px;width: 100%; overflow: hidden; padding-bottom:70px; padding-top:5%;} .proc_cont li{width:calc(100% / 3);float: left;text-align: center;height: 225px;cursor: pointer; position:relative;} @media screen and (max-width: 1440px){ .proc_cont li{height: 192px;} } @media screen and (max-width: 1366px){ .proc_cont li{height: 140px;} } .proc_cont li span{display: block;font-size: 20px;color: #333;font-weight: bold;font-family: 'Arial';padding-top: 25px;} .proc_cont li i{display: inline-block;margin-top: 30px;height: 122px; font-size:92px;color:#174592;vertical-align: -0.15em;fill: currentColor;overflow: hidden;transition:all 0.5s;} .proc_cont li i img{width:122px;} @media screen and (max-width: 1366px){ .proc_cont li i img{width:90px;} .proc_cont li i{height: 90px;} } .proc_cont li i:hover{transform:rotateY(360deg);} .proc_cont li i .iconfont{width: 3.25em;height: 3.25em;vertical-align: -0.15em;fill: currentColor;overflow: hidden;transition:all 0.5s;} .proc_cont li:hover img{transform:rotateY(360deg);} .proc_cont li a{font-size: 26px;color: #333;margin-top: 30px;display: block;} @media screen and (max-width: 1440px){ .proc_cont li a{margin-top: 10px;} } @media screen and (max-width: 1366px){ .proc_cont li a{margin-top:4px;} } .proc_cont li d{font-size: 12px;color: #ccc;font-family: 'Arial';text-transform: uppercase;line-height: 30px;} .proc_cont li:hover a{color:#174592;font-weight:bold;} .about_co{padding:12% 0;background:url(https://memberpic.114my.com.cn/dghaoxin/uploadfile/image/20240105/20240105200447_25598449.jpg) no-repeat; position: relative; background-attachment: fixed; height:100%;} @media screen and (max-width: 1366px){ .about_co{padding:7% 0;} } .about_co:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.4); } .about_int {width: 60%; border-radius: 10px;position: relative; padding:3% 2% 6% 2%;} .about_int a {line-height: 36px;font-size: 19px; color: #fff; font-weight:normal; text-align: justify; display: flex;} .about_int a:hover{color: rgba(255,255,255,0.8);} /* strength */ .dfsc { display: flex; align-items: center; justify-content: space-between; width: 100%; } .str_bg{max-width:100%; background:#174592; position: relative; padding: 0% 6%;margin: 0 auto;z-index: 999;} .str_bg .w1500 *{line-height: 100%;} .str_list,.str_list ul{position: relative;margin-top: -0px; padding: 2% 0;} .str_list li+li{border-left: 1px rgba(0,0,0,0.1) solid; padding-left: 6%;} .str_list li p{font-size:30px;font-weight: 100;color:#333;} .str_list li em {display:flex;align-items:baseline;margin:6px 0;} .str_list li em i{font-size:66px; color:#fff; font-family: 'samsungsharpsans-b';} .str_list li em b{font-size:18px;font-weight: 100;color:#fff;margin-left:5px;} .str_list li>span{font-size:20px;color:rgba(255,255,255,0.7);} /*news*/ .flexBetween { display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap; } .indexTit .boxLeft .top h4 { font-size: 40px; color: #333; } .indexTit .boxLeft .top h5 { font-size:24px; color: #666; margin-top: 1rem; font-weight:normal; } @media screen and (max-width: 1366px){ .indexTit .boxLeft .top h5 {margin-top: 0rem;} } .indexTit .boxLeft .bot h6 { font-size: 0.9rem; color: #999; margin-top: 0.1rem; } .flexStart { display: -webkit-flex; display: flex; justify-content: flex-start; flex-wrap: wrap; } .indexTit .boxRight div p { width: 3.4375rem; height: 3.4375rem; border-radius: 50%; background: #174592; } .indexNews { margin-top: -7.8125rem; position: relative; z-index: 1; } .indexNews .box { position: relative; } .indexNews .box .boxLeft{ width: 42%; } .indexNews .box .boxRight { width: 58%; box-sizing: border-box; background: #fff; padding: 0 4.375rem; } .indexNews .box .boxRight .left { font-size: 1rem; color: #999; line-height: 7.8125rem; cursor: default; } .indexNews .box .boxRight .right { width: 80%; margin-left: 5.625rem; } .indexNews .box .boxRight .right .swiper-container { height: 7.8125rem; } .indexNews .box .boxRight .right .swiper-container .swiper-slide { height: 7.8125rem; } .indexNews .box .boxRight .right .swiper-container .swiper-slide .item { line-height: 7.8125rem; } .indexNews .box .boxRight .right .swiper-container .swiper-slide .item .time { font-size: 1rem; color: #666; } .indexNews .box .boxRight .right .swiper-container .swiper-slide .item .text { font-size: 1rem; color: #000; margin-left: 2.1875rem; width: 85%; } .indexNews .box .boxBtn { position: absolute; right: 2.8125rem; top: 2.1875rem; } .indexNews .box .boxBtn p { padding: 3px 0; outline: none; cursor: pointer; } .indexNews .box .boxBtn p span { font-size: 1.125rem; color: #000; } .indexNews .box .boxBtn p span:hover { color: #174592; } .indexTit .boxLeft .bot { margin-top:0.5rem; } .indexTit .boxLeft .bot h6 { font-size: 0.875rem; color: #999; margin-top: 0.3125rem; } .indexTit .boxRight { margin-top:1rem; } .indexTit .boxRight div span { font-size: 1rem; color: #000; line-height: 3.4375rem; transition: all 0.3s; position: relative; left: -2.1875rem; } .indexTit .boxRight a { display: inline-block; } .indexTit .boxRight div span font { display: inline-block; width: 0.75rem; height: 0.125rem; background: #000; vertical-align: middle; margin-right: 0.7rem; } .indexTit .boxRight div:hover span { left: -3.125rem; } .news_bc {margin-top:100px;} .news_c {overflow: hidden;} .news_cc {padding: 3% 0 70px;border-top: 1px solid #eee;margin-top: 3%;} @media screen and (max-width: 1440px){ .news_cc {margin-top: 2%;padding: 0% 0 70px;} } @media screen and (max-width: 1366px){ .news_cc {margin-top: 1%;padding: 0% 0 70px;} } .news_cc .news_div {display: flex;width:100%;} .news_cc .news_div .news_div_item {width: 22%;flex-shrink: 0;display: flex;flex-direction: column-reverse;position: relative;padding:0 0.4%;transition:all 0.5s;border-left: 1px #eee solid;} .news_cc .news_div .news_div_item .news_div_item_pic { width: 100%;position:relative;transition:all 0.5s;overflow: hidden; padding-top: 45%;} @media screen and (max-width: 1440px){ .news_cc .news_div .news_div_item .news_div_item_pic {padding-top: 28%;} } @media screen and (max-width: 1366px){ .news_cc .news_div .news_div_item .news_div_item_pic {padding-top: 23%;} } .news_cc .news_div .news_div_item .news_div_item_pic:hover img{transform: scale(1.1);transition:all 0.5s;} .news_cc .news_div .slick-slide img{width:100%;} .news_cc .new_column{display: none;} .news_cc .new_column a{display:block;color:#fff;line-height:24px;} .news_cc .news_div_item .news_div_item_date {display: flex;position: absolute; top: 1%;left: 0px;align-items: center;justify-content: center;padding-left: 0px;background: #174592; padding:2%;color: #fff;width: 22%; text-align: center;height: 17%;justify-content: center; align-items: center; display: flex;} @media screen and (max-width: 1366px){ .news_cc .news_div_item .news_div_item_date {width: 20%; text-align: center;height: 14%;} } @media screen and (max-width: 1366px){ .news_cc .news_div_item .news_div_item_date{top: 0%;} } .news_cc .news_div_item .news_div_item_day {font-size: 36px;color: #fff; position: absolute;top: 19%; left: 20%;} @media screen and (max-width: 1366px){ .news_cc .news_div_item .news_div_item_day {font-size: 30px;} } .news_cc .news_div_item .news_div_item_year,.news_cc .news_div_item .news_div_item_month {color: #fff;font-size: 16px; position: absolute;padding-top: 33%;left: 21%;} @media screen and (max-width: 1366px){ .news_cc .news_div_item .news_div_item_year,.news_cc .news_div_item .news_div_item_month {font-size: 14px;} } .news_cc .news_div_item .news_div_item_month{padding-left: 41%;} .news_cc .news_div_item .news_div_item_title a {font-size: 20px;color: #333;font-weight: bold;padding-top: 10px;padding-bottom: 14px;display: block;position:relative;} .news_cc .news_div .news_div_item .news_div_item_body {font-size: 15px;line-height: 26px;color: rgba(0,0,0,0.8);} .news_cc .news_div .news_div_item .news_div_item_content {padding: 5% 3% 1% 3%; background: #fff;padding-bottom:44px;} .news_cc .slick-prev::before { content: "\eb90" !important; font-family: "iconfont";background: #eee;display: flex;width: 55px; height: 55px;justify-content: center;align-items: center;} .news_cc .slick-next:before{content: "\eb8d" !important; font-family: "iconfont";background: #eee;display: flex;width: 55px; height: 55px;justify-content: center;align-items: center;} .news_cc .slick-prev:before, .slick-next:before{} .news_cc .slick-prev:before,.news_cc .slick-next:before{color: #131513;transition:all ease 0.5s;} .news_cc .slick-prev{left:14px;top:45%;z-index: 9999 !important;} .news_cc .slick-next {right: 47px;top:45%;z-index: 9999 !important;} .news_cc .slick-prev:before,.news_cc .slick-next:before{opacity: 1;} /*gg*/ .about_p {width:100%;background: url(https://memberpic.114my.com.cn/dghaoxin/uploadfile/image/20240105/20240105165256_1730529941.jpg)no-repeat center;height:100%;overflow: hidden; position: relative; background-repeat: no-repeat; background-attachment: fixed; display: flex; justify-content: center; align-items: center;} .about_video{position: absolute;margin-top: 17%;width: 100%;} .about_videot{position: relative;padding-top:40%;} .about_p:before { content: ''; width: 100%; height: 100%; position: absolute; background:rgba(0,0,0,0.2); top: 0; left: 0;} .about_con {color: #fff;display: block;justify-content: center; align-items: center;position: relative;margin-top: 0px;} .about_con em { font-size: 28px; line-height: 42px; display: block; margin-top: 12px; text-align: center; position: relative;} .about_con p {font-size: 45px; line-height: 45px; text-align: center; position: relative;} .about_con p span {font-weight: bold;} /*video_sp*/ .video_sp{float:left; padding:27px 0px;} .ripple img { width:32px;height:32px;position: relative;z-index: 5;} .ripple,.ripple:before,.ripple:after {position: absolute;left: 52%;top: 62%;height: 90px;width: 90px;margin-top: -56px;margin-left: -47px;border-radius: 50%;-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255,0.64);-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);box-shadow: 0 0 0 0 #7f7f7f;animation: ripple 3s infinite;background: rgba(255, 255, 255,0.64);} .ripple{padding:6px 3px;background: rgba(255, 255, 255, 0.5); display: flex;justify-content: center;align-items: center;} .ripple:before {-webkit-animation-delay:.9s;animation-delay:0.9s;content:"";position:absolute;right: 0;bottom: 0;} .ripple:after {-webkit-animation-delay:.6s;animation-delay:0.6s;content:"";position:absolute;right: 0;bottom: 0;} .video_box{background:rgba(0,0,0,0.6); top:0;left:0;z-index:-1;opacity:0;transition:600ms ease;} .video_box.cur{opacity:1;z-index:999;transition:600ms ease;} .video{position: fixed;top:-100%;left:0%;margin-top:-300px;/*margin-left:-575px;*/transition:600ms ease;} .video_box.cur .video,.video_box.cur .video_x{top:0%;transition:600ms ease;} .video_x1{} @-webkit-keyframes ripple { 70% {-webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);} 100%{-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0); box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);} } .video_box{width:100%;height:100%;background:rgba(0,0,0,0.6);position: absolute;top:0;left:0;z-index:-1;opacity:0;transition:600ms ease;} .video_box.cur{opacity:1;z-index:999;transition:600ms ease;} .video{position: absolute;top:-100%;left:0%;margin-top:-350px;margin-left:-780px;transition:600ms ease;} .video_box.cur .video,.video_box.cur .video_x{top:45%;transition:600ms ease;} .video_x{width:50px;height:50px;border-radius:50px;background:#fff;position: relative;top:-100%;left:0%;margin-left:480px;margin-top:-260px;text-align: center;line-height:50px;font-size:22px;font-weight: lighter;cursor: pointer;transition:600ms ease;color: #333;} @keyframes ripple { 70% { -webkit-box-shadow: 0 0 0 70px rgba(0, 0, 0, .0); box-shadow: 0 0 0 70px rgba(0, 0, 0, .0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .0); box-shadow: 0 0 0 0 rgba(0, 0, 0, .0); } } /*mod*/ .mod {width:100%;padding: 90px 0 90px;background: url(https://memberpic.114my.com.cn/dghaoxin/uploadfile/image/20240105/20240105104106_1853071366.jpg) center no-repeat;position: relative;} .mod_box {max-width: 1400px; margin: 0 auto;} .mod_con {max-width:500px; padding: 10% 10% 10% 0;position: relative;z-index: 5;} .mod_con i {width:420px;height: 1px;background: rgba(255,255,255,0.2);display: inline-block; margin: 12px 0 36px;} .mod_tit {} .mod_tit p {font-size: 46px;display: flex;flex-direction: column;color: #333;line-height: 56px; font-weight:bold;} .mod_tit p span {font-size:24px; color: #666;line-height: 44px; font-weight:normal;} .mod_sub {} .mod_sub p {font-size: 18px;color: #333;display: flex;flex-direction: column;} .mod_sub p span {font-size: 16px;line-height: 28px;padding-top: 30px;} .mod_sub em {font-size: 20px;color: #333;display: flex;align-items: center;line-height: 40px;padding-top: 40px;} .mod_sub em span {font-size: 36px; font-family: "Times";} .mod_sub a {width:145px;height: 40px;background: #fc0100;text-align: center;font-size: 16px;line-height: 40px;color: #fff;display: block;margin-top: 60px;} .mod_txt { position: absolute;background: rgba(255,255,255,0.85);right: 0;top: -0px;width: 66%; height: 100%; padding: 73px 150px;} .mod_txt p {font-size: 36px;color: #333;text-transform: uppercase;display: flex;flex-direction: column;font-weight: bold; font-family: 'samsungsharpsans-b';} .mod_txt p span {font-size: 24px;font-weight: normal;} .feedbackbox {border-radius: 20px;margin: 0px auto;padding: 10px;position: relative;} .feedbackbox > #feedback_form > .name,.feedback > #feedback_form > .tel {width: 50%;float: left;margin-bottom: 6px;} .feedbackbox > #feedback_form > .tel{float:left; width: 50%;margin-bottom: 15px;} .feedbackbox > #feedback_form > .fcontent { clear: both;margin: 20px auto 15px auto;display: block;width: 100%;float: none;} .feedbackbox > #feedback_form > .fcontent textarea{width: 98%;box-sizing: border-box;border: 1px solid #ccc;line-height: 20px;height: 74px;padding: 12px 20px;color: #454545;background: none;border-radius: 10px;} .feedbackbox > #feedback_form > .col4 input{width: 96%;height: 50px;line-height: 50px;border:1px solid #ccc;box-sizing: border-box;padding:0 20px;font-size: 14px;color: #454545;background: none;border-radius: 10px;} .feedbackbox > #feedback_form > #tianxieone > #tianxiethree input {width: 158px; line-height: 50px;height: 50px;border: 1px solid #ccc;padding: 0 20px 0 20px;display: inline-block;background: none;border-radius: 10px;} .feedbackbox > #feedback_form > #tianxieone > #tianxiethree img{height: 30px;display: inline-block;vertical-align: top;position:absolute;right:10px;top:13px;cursor: pointer;} .feedbackbox > #feedback_form > #tianxieone{position:relative;width: 270px;float: left;} .feedbackbox > #feedback_form > .feedback_btn {width: 540px;height: 46px;display: inline-block;cursor: pointer;} .feedbackbox > #feedback_form:after{content: '';display: block;clear: both;} .feedbackbox > #feedback_form > .feedback_btn input {width: 258px;height: 100%;display: block; line-height: 46px;border: 0 none;background: #174592;color: #fff;font-size: 14px;cursor: pointer; margin-top: 15px;border-radius: 10px;} .feedbackbox > #feedback_form > .feedback_btn:hover input{background: #000; } input::-webkit-input-placeholder {color:rgba(0,0,0,0.3);} textarea::-webkit-input-placeholder {color:rgba(0,0,0,0.3);} #frame5{height:100%;} #frame5 .left{width:50%;padding:12% 80px 40px calc((100% - 1500px)/2);background-color:#f8fbff;} @media screen and (max-width: 1366px){ #frame5 .left{padding:6% 80px 40px calc((100% - 1500px)/2);} } #frame5 .right{width:50%;padding:11% calc((100% - 1500px)/2) 40px 80px;background:url(https://memberpic.114my.com.cn/dghaoxin/uploadfile/image/20240105/20240105104106_1853071366.jpg) center right;} @media screen and (max-width: 1366px){ #frame5 .right{padding:6% calc((100% - 1500px)/2) 40px 80px;} } #frame5 .title{margin-bottom:25px;} #frame5 .title h3{font-size:24px;color:#02429e;font-family:Montserrat-Regular,Arial, Helvetica, sans-serif;text-transform:uppercase;} #frame5 .title h2{font-size:40px;line-height:70px;color:#140000;font-family:Montserrat-Regular,Arial, Helvetica, sans-serif;margin-top:8px;} #frame5 .title p{font-size:18px;line-height:30px;color:#777;font-family:Montserrat-Regular,Arial, Helvetica, sans-serif;margin-top:0px;} #frame5 .morelink:hover{color:#1a4499;} #frame5 .faqlist dl{border-radius:5px;overflow:hidden;margin-bottom:25px;background-color:#fff;} #frame5 .faqlist dl dt{padding:20px 20px 20px 60px;position:relative;font-size:18px;line-height:36px;font-family:Arial, Helvetica, sans-serif;} #frame5 .faqlist dl dt:before{content:"\e660";font-family:iconfont;font-size:30px;line-height:46px;position:absolute;left:15px;top:15px; transition:all 0.3s;} #frame5 .faqlist dl dd{padding:0 20px;font-size:16px;color:#666;height:0;overflow:hidden;transition:all 0.3s;} #frame5 .faqlist dl.active dt{background-color:#1a4499;color:#fff;} #frame5 .faqlist dl.active dt:before{transform:rotate(90deg);} #frame5 .faqlist dl.active dd{padding:35px 20px;height:auto; line-height:24px;} footer{padding-top:3%;overflow:hidden;background-color:#3d3d3d;} footer .container{width:100%;padding:0 15px;max-width:1760px;} .flex_between { display: flex; justify-content: space-between; flex-wrap: wrap; height:100%; } .container { max-width:1760px; padding: 0 15px; width: 100%; margin: 0 auto; } footer dl{} footer dl dt{font-size:24px;line-height:1.6;margin-bottom:20px;position:relative;color:#fff;font-family:Montserrat-Regular,Arial, Helvetica, sans-serif;} footer dl dd{font-size:16px;line-height:30px;margin-bottom:11px;position:relative;color:#dfdfdf;} @media screen and (max-width: 1366px){ footer dl dd{font-size:15px;line-height:24px;margin-bottom:2px;} } footer dl dd>a{font-size:16px !important;line-height:30px;display:inline-block;color:#dfdfdf !important;;} footer dl dd em{display:inline-block;width:4px;height:4px;background-color:#1a4499;vertical-align:middle;transition:all 0.2s;margin-top:-2px;border-radius:50%;margin-right:5px;} footer dl dd>a:hover{color:#fff;text-decoration:underline;} #fck1{width:300px;margin-top:2%;margin-right:7%;} #fck2{width:9%;margin:0;} #fck3{width:13%;margin:0;} #fck4{width:24%;margin:0;} #fck5{width:12%;} #fck1 p{margin-top:20px;color:#eee;font-size:16px;line-height:30px;} footer #fck4 dl dd{padding-left:25px;} footer #fck4 dl dd>i{position:absolute;font-size:20px;color:#fff;left:0;line-height:30px;} #fck5 .img{width:120px;margin:0;} #fck5 .img img{width:90px;margin:0;} .footlogo img{width:220px;} .foot_by{overflow:hidden;text-align:center;padding-top:1%;padding-bottom:1%;background-color:#2d2d2d;margin-top:3%;} .foot_by .footdiv{font-size:16px; line-height:30px;margin:0;display:inline-block;color:#fff;} .foot_by .footdiv a{display:inline-block; font-size:16px; line-height:30px;color:#fff;} .foot_by .footdiv.fl{text-align:left;float:left;} .foot_by .footdiv.fr{text-align:right;float:right;} .foot_by .footdiv a:hover{text-decoration:underline;color:#fff;} .foot_by .footdiv a.by{text-decoration:underline;color:#0067f8;} .bq_ewm {display: flex;padding-top: 50px;position: relative;} .bq_ewm li span {display: block;width: 36px;height: 36px;border-radius: 0%;font-size: 14px;text-align: center;line-height: 36px;color: #fff; background: #174592;} .bq_ewm li:hover span{background: #000;border-color: #000;} .ewm_cc {position: absolute;top: -50px;left: 13px;display: none;} .ewm_cc img {width: 100px!important;} .bq_r {width: 35%;padding:90px 0 0;padding-left: 80px;position: relative;background: url(https://memberpic.114my.com.cn/champion/uploadfile/image/20240111/20240111173747_399775176.png) no-repeat -22px 54px; margin-left: 5%;} .bq_r:after {position: absolute;content: "";width: 300px;height: 100%;top: 0;right: -300px;} .bq_lx {line-height: 36px;} .bq_lx li{font-size: 14px;color:#ccc; line-height: 22px;} .bq_ewm li+li {margin-left: 10px;} /*link*/ .link_bg{height: 100px;position: relative;margin-top: 0px; background: #232323;border-bottom: 1px solid rgba(255,255,255,0.1);} .linkTagcs li a{font-size:14px;} .links_r a{font-family: "iconfont" !important;font-size:42px;font-style: normal;color:rgba(255,255,255,0.3);display:inline;height:80px;display: block;line-height:80px;} .links_l{display: flex;align-items: center;} .l_wz{margin-left:12px;position: relative; width: 79px;} .l_wz b{font-size: 25px;color: #fff;line-height: 21px;} .l_wz p{color: rgba(255,255,255,0.38);letter-spacing: 2px;} .links{display: flex;align-items: center;height: 100%;justify-content: space-between;} .links .container{width:100%;padding:0 15px;max-width:1760px;} .links>div{display: flex;align-items: center;height: 100%;} .links_m{margin-left: 25px;} .linkTagcs li a{color: rgba(255,255,255,0.38)!important;} /*--serverBar--*/ .serverBar{display:none;position:fixed;z-index:999;top:30%;right:0;transform:translateY(-50%);} .serverBar li{position:relative;margin-bottom:10px; line-height: 26px;} .serverBar li a{display:block;padding:5px;width:60px;height:60px;text-align:center;color:#000 !important;background:#fff;border:#f0f0f0 solid 1px;} .serverBar li a>i{display:block;font-size:22px;line-height:28px;} .serverBar li a>span{display:block;font-size:14px;} .serverBar li:hover a{color:#fff !important;background:#324476;border-color:rgba(255,255,255,0.1);} .serverBar li .infos{display:none;position:absolute;right:60px;padding:10px;background:#fff;border:#f0f0f0 solid 1px;box-shadow:0 0 10px rgba(255,255,255,0.1);} .serverBar li .tel{top:0;} .serverBar li .tel dt{padding-bottom:6px;font-size:14px;color:#666;border-bottom:#f0f0f0 solid 1px;} .serverBar li .tel dd{padding-top:6px;font-size:20px;font-family:"DIN Medium";color:#324476;white-space:nowrap;} .serverBar li .QRcode{bottom:0;overflow:hidden;} .serverBar li .QRcode .item1{overflow:hidden;} .serverBar li .QRcode .item1 i{display:block;width:100px;} .serverBar li .QRcode .item1 img{display:block;width:100%;} .serverBar li .QRcode .item1 p{font-size:14px;color:#000;text-align:center;} .serverBar li:hover .infos{display:block;} @media(max-width:1200px){ .serverBar{display:none !important;} } /*--end serverBar--*/ .pr_box1{margin-top: 100px; margin-bottom: 30px;} #c_product_list_039-167046496493701 .e_container-6 { display: flex; flex-wrap: wrap; flex-direction: row; width: auto; margin-left: auto; margin-bottom: 0px; transition-property: all; transition-radio: hover; transition-duration: 0.8s; transition-timing-function: cubic-bezier(0.25,0.1,0.25,1); display-radio: flex; background-color: rgba(243,244,244,1); padding-bottom: 0px; margin-top: 15px; min-height: 0px; height: 350px; overflow: hidden; } @media screen and (max-width: 1366px){ #c_product_list_039-167046496493701 .e_container-6 {height: 217px;} } #c_product_list_039-167046496493701 .e_loop-1 .p_list { display: flex; flex-wrap: wrap; position: relative; max-width: 100% } #c_product_list_039-167046496493701 .e_loop-1 { max-width: 1500px; margin-left: auto; margin-right: auto; display-radio: 1; } #c_product_list_039-167046496493701 .e_loop-1 .p_loopitem { flex: 0 0 49%; position: relative; margin-right: 1% } #c_product_list_039-167046496493701 .e_loop-1 .p_loopitem:hover .e_container-12 { margin-top: -354px; height: 354px;} @media screen and (max-width: 1366px){ #c_product_list_039-167046496493701 .e_loop-1 .p_loopitem:hover .e_container-12 { margin-top: -284px; height: 284px;} } #c_product_list_039-167046496493701 .e_loop-1 .p_loopitem:hover .e_text-19 {margin-top: 283px} @media screen and (max-width: 1366px){ #c_product_list_039-167046496493701 .e_loop-1 .p_loopitem:hover .e_text-19 {margin-top: 203px} } #c_product_list_039-167046496493701 .e_loop-1 .p_page {text-align: center} #c_product_list_039-167046496493701 .e_loop-1 .p_filter_wrapper { width: 100%; font-size: 13px } #c_product_list_039-167046496493701 .e_loop-1 .p_kv_wrapper { display: inline-block; flex-wrap: nowrap; line-height: 24px; margin: 15px 0; width: 33% } #c_product_list_039-167046496493701 .e_loop-1 .p_filter_key { width: 70px; overflow: hidden; margin-right: 10px; font-weight: bold; color: #333333; font-size: 12px; display: none } #c_product_list_039-167046496493701 .e_loop-1 .p_v_item { display: inline-block; padding: 0 3px; cursor: pointer; font-size: 13px; color: #555555; margin-right: 30px } #c_product_list_039-167046496493701 .e_loop-1 .p_active .p_fbutton { color: #fff; background-color: cornflowerblue } #c_product_list_039-167046496493701 .e_loop-1 .p_result_item { position: relative; padding: 3px 20px 3px 10px; border: 1px solid #ddd; border-radius: 3px; margin-right: 10px } #c_product_list_039-167046496493701 .e_loop-1 .p_filter_close { position: absolute; right: 0; top: 0; padding: 3px; font-style: normal; font-size: 16px; margin-top: -5px; cursor: pointer } #c_product_list_039-167046496493701 .e_loop-1 .multSelect { font-size: 13px; position: relative } #c_product_list_039-167046496493701 .e_loop-1 .multSelect .inputWrap { width: 100%; min-width: 100px; min-height: 24px; border: 1px solid #DCDFE6; border-radius: 3px; position: relative; cursor: pointer; background: white } #c_product_list_039-167046496493701 .e_loop-1 .multSelect.is-invalid .inputWrap { border-color: #dc3545 } #c_product_list_039-167046496493701 .e_loop-1 .multSelect ul { padding: 0 5px; margin: 0; padding-right: 35px } #c_product_list_039-167046496493701 .e_loop-1 .multSelect ul, li { list-style: none } #c_product_list_039-167046496493701 .e_loop-1 .multSelect li { display: inline-block; background: #edf0f3; color: #92969c; padding: 0px 5px; margin: 1px 5px 1px 0; border-radius: 5px; line-height: 16px } #c_product_list_039-167046496493701 .e_loop-1 .multSelect .multSelect-option { width: 100%; border: 1px solid #DCDFE6; border-radius: 2px; border-top: 0; max-height: 200px; overflow-y: scroll; position: absolute; height: 0; opacity: 0; z-index: 9; background: #fff } #c_product_list_039-167046496493701 .e_loop-1 .multSelect .multSelect-option>div { line-height: 24px; cursor: pointer; padding: 0 10px } #c_product_list_039-167046496493701 .e_loop-1 .multSelect .multSelect-option>div.selected { color: #409eff } #c_product_list_039-167046496493701 .e_loop-1 .multSelect .multSelect-option>div:hover { color: #409eff; background: #f3f6f9 } #c_product_list_039-167046496493701 .e_loop-1 .multSelect .fa-close { font-style: normal; font-size: 12px; padding: 0 5px 0 7px } #c_product_list_039-167046496493701 .e_loop-1 .multSelect .inputWrap>.fa svg { fill: #666; width: 12px; height: 12px; position: absolute; right: 0; top: calc(50% - 3px) } #c_product_list_039-167046496493701 .e_loop-1 .multSelect .inputWrap>.fa-down svg { transform: rotate(-90deg) } #c_product_list_039-167046496493701 .e_loop-1 .multSelect .inputWrap>.fa-up svg { transform: rotate(90deg) } #c_product_list_039-167046496493701 .e_loop-1 .multSelect .placeholder { line-height: 40px; padding-left: 10px; color: #aaa; position: absolute; left: 0; top: 0 } #c_product_list_039-167046496493701 .e_loop-1 .p_normal_start { display: inline; width: 60px; height: 22px } #c_product_list_039-167046496493701 .e_loop-1 .p_date_start { display: inline; width: 105px; height: 22px } #c_product_list_039-167046496493701 .e_loop-1 .p_normal_end { display: inline; width: 60px; height: 22px; margin-right: 5px } #c_product_list_039-167046496493701 .e_loop-1 .p_date_end { display: inline; width: 105px; height: 22px; margin-right: 5px } #c_product_list_039-167046496493701 .e_loop-1 .p_split { margin: 0 5px } #c_product_list_039-167046496493701 .e_loop-1 .p_normal { margin-right: 16px } #c_product_list_039-167046496493701 .e_loop-1 .p_fbutton { background-color: #007bff; text-decoration: none; color: white; font-size: 14px; text-align: center; padding: 10px; border-radius: 5px } #c_product_list_039-167046496493701 .e_loop-1 .input-check, #c_product_list_039-167046496493701 .e_loop-1 .input-radio { margin: 0 5px; vertical-align: text-top } #c_product_list_039-167046496493701 .e_loop-1 .position-left { display: flex } #c_product_list_039-167046496493701 .e_loop-1 .position-right { display: flex; flex-direction: row-reverse } #c_product_list_039-167046496493701 .e_loop-1 .position-bottom { display: flex; flex-direction: column-reverse } .s_title { font-size: 16px; color: #333; line-height: 1; } #c_product_list_039-167046496493701 .e_loop-1 { max-width: 1500px; margin-left: auto; margin-right: auto; display-radio: 1 } #c_product_list_039-167046496493701 .e_image-3 { overflow: hidden; transition-property: all; transition-duration: 0.8s; background: #e2e2e2; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); display-radio: 1; background-color: #e2e2e2; } #c_product_list_039-167046496493701 .e_image-3 img { width: 100%; height: 100%; object-fit: contain } #c_product_list_039-167046496493701 .e_container-6>.p_item { flex: 1; max-width: 100%; max-height: 100% } #c_product_list_039-167046496493701 .e_text-10 { line-height: 24px; font_radio: 2; font-size: 16px; color: rgba(0, 0, 0, 1); -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; display-radio: -webkit-box; font-weight: normal; margin-top: 0px; transition: 0.5s } #c_product_list_039-167046496493701 .e_text-10 a{font-size: 20px; font-weight:bold;} #c_product_list_039-167046496493701 .e_container-12 { display: flex; position: relative; z-index: 2; flex-wrap: wrap; flex-direction: row; width: 100%; margin-top: -67px; padding-left: 30px; padding-right: 30px; display-radio: flex; background-color: rgba(255, 255, 255, 0.8); padding-top: 15px; padding-bottom: 15px; transition: 0.5s } @media screen and (max-width: 1366px){ #c_product_list_039-167046496493701 .e_container-12 {margin-top: -132px;} } #c_product_list_039-167046496493701 .e_container-12>.p_item { flex: 1; max-width: 100%; max-height: 100% } #c_product_list_039-167046496493701 .e_container-6:hover .e_line-14 { width: 100%; display: none } #c_product_list_039-167046496493701 .e_line-14 { transition-property: all; transition-duration: 0.8s; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); width: 0px; display: none } #c_product_list_039-167046496493701.response-animated .e_container-6 { animation-name: none, none; animation-delay: 0.0s, 0.6s; animation-duration: 0.6s, 0.6s; animation-iteration-count: 1, 1 } #c_product_list_039-167046496493701 .e_container-6:hover img { opacity: 1; transform: scale(1.1); transition: all .6s } #c_product_list_039-167046496493701 .e_container-6:hover .e_image-3 {} #c_product_list_039-167046496493701 .e_text-17 a{line-height: 22px; font-size: 16px;} #c_product_list_039-167046496493701 .e_text-17 { line-height: 22px; font_radio: 2; font-size: 14px; text-align: left; color: rgba(102, 102, 102, 1); position: absolute; top: 31%; z-index: 9; bottom: auto; right: auto; display: none; transition-property: all; transition-duration: 0.8s; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); font-weight: normal; left: 28px; display-radio: none; max-width: 100%;} #c_product_list_039-167046496493701 .e_container-6:hover .e_text-17 { display: block } #c_product_list_039-167046496493701 .e_text-19 { line-height: 1.8; font_radio: 2; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; color: rgba(0, 0, 0, 0.3); margin-top: 7px; padding-left: 0px; padding-right: 0px; display-radio: -webkit-box; font-family: Microsoft YaHei; margin-bottom: 0px; transition: 0.5s } #c_product_list_039-167046496493701 .e_text-19 a{color: rgba(0, 0, 0, 0.4);} #c_product_list_039-167046496493701 .e_container-6 .p_item { display-radio: 1 } .transit,.nav-close,.at_once span,.combie_list li,.show_industry a,.show_industry a i,.vd_btn a,.fixed_left{ transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -o-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; } .active .protection span,.fixed_left li,.aldehyde_des i,.envi_list i,.envi_list li p,.join_investment_close,.liaojie_close i,.industry_des_con a i,.muban_des i{ transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -o-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; } .protection .line i,.join,.footer-fix,.envi_line,.intro_control a i{ transition:all 0.6s linear; -webkit-transition:all 0.6s linear; -o-transition:all 0.6s linear; -moz-transition:all 0.6s linear; } .made li,.section4 .protection_box::before,.section7 .protection_box::before,.move_step li,.envi_list li{ transition:all 1s linear; -webkit-transition:all 1s linear; -o-transition:all 1s linear; -moz-transition:all 1s linear; } .step_line{ transition:all 2.6s linear .2s; -webkit-transition:all 2.6s linear .2s; -o-transition:all 2.6s linear .2s; -moz-transition:all 2.6s linear .2s; } .trans,.nav-box{ -webkit-transition: all .6s cubic-bezier(0.245, 0.145, 1.355, 1); -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1); transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); } /**/ .vd_btn a:hover{ transform: rotate(120deg); -webkit-transform: rotate(120deg); -o-transform: rotate(120deg); -moz-transform: rotate(120deg); } .join_investment_close:hover,.liaojie_close:hover i,.industry_des_con a:hover i{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg); } /**/ .join1 a:hover::before,.join2 a:hover::before{animation:move 1s linear infinite;-webkit-animation:move 1s linear infinite;-moz-animation:move 1s linear infinite;-o-animation:move 1s linear infinite;} @keyframes move{ 0%{ transform: translate(0,0); } 50%{ transform: translate(10px,0); } 100%{ transform: translate(0,0); } } @-webkit-keyframes move{ 0%{ transform: translate(0,0); } 50%{ transform: translate(10px,0); } 100%{ transform: translate(0,0); } } .join3 a:hover::before{animation:move3 1s linear infinite;-webkit-animation:move3 1s linear infinite;-moz-animation:move3 1s linear infinite;-o-animation:move3 1s linear infinite;} @keyframes move3{ 0%{ transform: translate(0,0); } 50%{ transform: translate(0,10px); } 100%{ transform: translate(0,0); } } @-webkit-keyframes move{ 0%{ transform: translate(0,0); } 50%{ transform: translate(0,10px); } 100%{ transform: translate(0,0); } } .join4 a:hover::before{animation:move4 1s linear infinite;-webkit-animation:move4 1s linear infinite;-moz-animation:move4 1s linear infinite;-o-animation:move4 1s linear infinite;} @keyframes move4{ 0%{ transform: translate(0,0); } 50%{ transform: translate(-10px,0); } 100%{ transform: translate(0,0); } } @-webkit-keyframes move{ 0%{ transform: translate(0,0); } 50%{ transform: translate(-10px,0); } 100%{ transform: translate(0,0); } } /**/ .section6.active .join_title{animation:smalltoBig 1s linear;-webkit-animation:smalltoBig 1s linear;-moz-animation:smalltoBig 1s linear;-o-animation:smalltoBig 1s linear;} @keyframes smalltoBig{ 0%{ opacity: 0; filter: alpha(opacity=0); transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); } 100%{ opacity: 1; filter: alpha(opacity=100); transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } } @-webkit-keyframes smalltoBig{ 0%{ opacity: 0; filter: alpha(opacity=0); transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); } 100%{ opacity: 1; filter: alpha(opacity=100); transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } } /**/ .active .protection span:hover,.section4 .protection a:hover span,.section7 .protection span:hover,.aldehyde_des i:hover,.toshdow,.ppsp:hover i,.muban_des i:hover{ animation:toShadow 1.5s linear infinite;-webkit-animation:toShadow 1.5s linear infinite;-moz-animation:toShadow 1.5s linear infinite;-o-animation:toShadow 1.5s linear infinite; } @keyframes toShadow{ 0%{ box-shadow: 0 0 0 #ddd; -webkit-box-shadow: 0 0 0 #ddd; } 50%{ box-shadow: 0 0 32px #ddd; -webkit-box-shadow: 0 0 20px #ddd; } 100%{ box-shadow: 0 0 0 #ddd; -webkit-box-shadow: 0 0 0 #ddd; } } @-webkit-keyframes toShadow{ 0%{ box-shadow: 0 0 0 #ddd; -webkit-box-shadow: 0 0 0 #ddd; } 50%{ box-shadow: 0 0 32px #ddd; -webkit-box-shadow: 0 0 20px #ddd; } 100%{ box-shadow: 0 0 0 #ddd; -webkit-box-shadow: 0 0 0 #ddd; } } .ljyd:hover i,.market_vd:hover i{animation:toShadow2 1.5s linear infinite;-webkit-animation:toShadow2 1.5s linear infinite;-moz-animation:toShadow2 1.5s linear infinite;-o-animation:toShadow2 1.5s linear infinite;} @keyframes toShadow2{ 0%{ box-shadow: 0 0 0 #fff; -webkit-box-shadow: 0 0 0 #fff; } 50%{ box-shadow: 0 0 32px #fff; -webkit-box-shadow: 0 0 20px #fff; } 100%{ box-shadow: 0 0 0 #fff; -webkit-box-shadow: 0 0 0 #fff; } } @-webkit-keyframes toShadow2{ 0%{ box-shadow: 0 0 0 #fff; -webkit-box-shadow: 0 0 0 #fff; } 50%{ box-shadow: 0 0 32px #fff; -webkit-box-shadow: 0 0 20px #fff; } 100%{ box-shadow: 0 0 0 #fff; -webkit-box-shadow: 0 0 0 #fff; } } /**/ .section3.active .slide_Left,.section5.active li.li1,.slideInLeft,.hangye.active li.slideInLeft{ -webkit-animation: slideInLeft 1.2s both; animation: slideInLeft 1.2s both; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } /**/ .slideInRight,.hangye.active li.slideInRight{ -webkit-animation-name: slideInRight; animation-name: slideInRight; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes slideInRight { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); -moz-transform: translateX(2000px); -o-transform: translateX(2000px); } 100% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); -moz-transform: translateX(2000px); -o-transform: translateX(2000px); } 100% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } /**/ .section5.active li.li3,.section5.active li.li5,.slideInUp{ -webkit-animation-name: slideInUp; animation-name: slideInUp; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes slideInUp { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); -moz-transform: translateY(2000); -o-transform: translateY(2000); } 100% { opacity: 1; filter: alpha(opacity=1); -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); } } @keyframes slideInUp { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); -moz-transform: translateY(2000); -o-transform: translateY(2000); } 100% { opacity: 1; filter: alpha(opacity=1); -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); } } /**/ .section5.active li.li2,.section5.active li.li4,.slideInDown{ -webkit-animation-name: slideInDown; animation-name: slideInDown; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } /*7*/ .section7{background: url() no-repeat center center; background-size: cover;} .section .overturn{ transform: translate(20px,20px) scale(0.5); -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; opacity: 1; transition: all 0.9s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; height: 100%; } .section.active .overturn{ transform: translate(0px,0px) scale(1); -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; opacity: 1; transition: all 0.9s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }