* { margin: 0; padding: 0; } @font-face { font-family: "LamaSans-Regular"; src: url(https://omo-oss-file.thefastfile.com/portal-saas/new2022052618115001180/cms/file/fe2f3ef5-bc81-4706-91e8-366d318e81ea.ttf); } @font-face { font-family: "LamaSans-Bold"; src: url(https://omo-oss-file.thefastfile.com/portal-saas/new2022052618115001180/cms/file/42eb27f4-305e-4942-9e91-b9808a124f74.ttf); } @font-face { font-family: "Garamond_Italic"; src: url(https://omo-oss-file.thefastfile.com/portal-saas/new2022052618115001180/cms/file/49f5c5e0-af5d-4d73-a5c3-e8b220a81597.ttf); } @font-face { font-family: 'barlow_semi_condensedmedium'; src: url('https://omo-oss-file.thefastfile.com/portal-saas/new2022112818391607081/cms/file/4923819a-7e74-4f73-bc0d-71a5a975d8f3.eot'); src: url('https://omo-oss-file.thefastfile.com/portal-saas/new2022112818391607081/cms/file/4923819a-7e74-4f73-bc0d-71a5a975d8f3.eot?#iefix') format('embedded-opentype'), url('https://omo-oss-file.thefastfile.com/portal-saas/new2022112818391607081/cms/file/2925da43-d74a-482c-a793-9038335cf5b6.woff2') format('woff2'), url('https://omo-oss-file.thefastfile.com/portal-saas/new2022112818391607081/cms/file/34070212-0d47-4ce8-8be5-ec3a5b501827.woff') format('woff'), url('https://omo-oss-file.thefastfile.com/portal-saas/new2022112818391607081/cms/file/2db6575c-2401-4688-adc5-a08ddee2497f.ttf') format('truetype'), url('https://omo-oss-file.thefastfile.com/portal-saas/new2022112818391607081/cms/file/c1155480-fdf0-46cd-afac-2c56f1cc2eeb.svg#barlow_semi_condensedmedium') format('svg'); font-weight: normal; font-style: normal; } @keyframes rexiao { 0% { transform: rotateY(0deg);} 50% { transform: rotateY(90deg);} 100%{ transform: rotateY(0deg);} } @keyframes bannerimg { from {transform: scale(1.2);} to {transform: scale(1);} } body { color: #232325; font:14px/1.5 '\5FAE\8F6F\96C5\9ED1',arial,\5b8b\4f53,helvetica,sans-serif; } .reset_style,body { word-break: break-word; } a { transition: all .3s; text-decoration: none; } a:hover{ color: #ec1b24; text-decoration: none; } .textRequire{ position: relative; } span.required { position: absolute; left: 5px; z-index: 2; color: #c6232a; top: 10px; } .textRequire span.required { top:11px; } .btn-primary{ background:#ec1b24; } .bg-primary{ background:#ec1b24; } div[class^=e_richText-] img { max-width: 100% !important; height: auto !important; } div[class^=e_richText-] video { max-width: 100% !important; height: auto !important; } .prolist .p_loopitem div[class^=e_container-]:before{display:none !important;} .prolist .p_loopitem div[class^=e_container-] div[class^=e_image-]:before,.prolist .p_loopitem div[class^=e_container-] div[class^=e_image-]:after,.prolist .p_loopitem div[class^=e_container-] div[class^=e_image-] a:before,.prolist .p_loopitem div[class^=e_container-] div[class^=e_image-] a:after{display:none !important;} .prolist .p_loopitem div[class^=e_container-]:hover div[class^=e_image-] img{opacity: 1 !important;} .subpage_ad .text { top: 50%; } .subpage_ad:before{ content: ""; dislay: block; width: 100%; height: 100%; background: rgba(0,0,0,0.4); left: 0; top: 0; z-index: 1; position: absolute; } .subpage_ad .bgimg { animation: bannerimg 2s; } .subpage_ad .ad-tit{ color:#fff !important; font-size: 32px !important; font-weight: normal !important; display: inline-block; position: relative; } .subpage_ad .ad-tit:before{ position: absolute; top: 0px; right: -9px; content: ''; width: 22px; height: 22px; border: solid 1px #fff; border-radius: 50%; } .subpage_ad .ad-line{ background: #fff !important; display:none; } .subpage_ad .ad-sum{ letter-spacing: 5px; color:#fff !important; font-size: 20px !important; } .pl_service4 .service_icon span{ display:none; } .pl_service4 .service_icon{ display: flex; align-items: center; } .pl_service4 .service_icon .icon{ margin-top:0; } .pl_service4 .service_value a{ color:#fff; } .pl_service4 > .item_con .service_item.showLang:hover{ min-width: 245px; } .pl_service4 .service_group > .item_con:nth-child(1) .service_item.showLang:hover{ min-width: 280px; } /*nav*/ .subNav { max-width: 1320px !important; display: flex; flex-wrap: wrap; } .subNav>div { width: auto !important; } .subNav:after { display: none !important; } .e_breadcrumb-1 .p_breadcrumb { flex-wrap: wrap; } .subNavList .btn-primary{ background: #ec1b24 !important; } @media only screen and (min-width: 769px) { /*大屏*/ .NavList_a1 a { font-size: 14px !important; padding: 0px 20px !important; } .subpage_ad{ height: 300px; } .subNavList .p_linkBox a{ color: #fff !important; } .subNavList .p_linkBox a:hover{ color: #fff !important; } .subNavList .p_linkBox a.active{ color:#fff !important; } .subNavList .p_linkBox a:hover:before{ background-color: #fff !important; } .subNavList .p_linkBox a.active:before{ background-color: #fff !important; } } @media only screen and (max-width: 768px) { .subpage_ad{ height: 25vh !important; } .subpage_ad .ad-tit{ font-size: 20px !important; } .subpage_ad .ad-tit:before{ top: 0px; right: -5px; width: 12px; height: 12px; } .subpage_ad .ad-sum{ letter-spacing: 2px; font-size: 14px !important; } /*小屏*/ .subNav>div { width: 100% !important; } .pl_service{ bottom: 60px; } .pl_service .p_defaultIocn{ color:rgba(128,185,38,1); } } /*nav*/ @media only screen and (min-width: 1025px) { .tNavBox { width: 100%; height: auto; overflow: visible; max-width: 1440px;margin: 0 auto;padding: 0 20px;} .navBtn { display: none; } .navSliBtn { display: none; } .iconJt { display: none; } .tNav { margin: 0 auto; overflow: hidden; } .navUl { width: 100%; display: flex; justify-content: center; font-size: 0; } .navLi { padding: 0; position: relative; flex-basis: auto; } .navLi::after { content: '/'; display: block; position: absolute; right: 0px; top: 38px; color: #dbdbdb; font-size: 16px; display: none; } .navLi.nav09 { display: none; } .navLi:hover .tNavH::before { width: 100%; opacity: 1; } .tNavH { position: relative; margin: 0; } .tNavH::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: block; width: 0; height: 2px; background-color: #80b926; opacity: 0; transition: all .5s ease; } .tNav .navName { position: relative; display: block; /* height: 60px; */ line-height: 130px; font-size: 18px; transition: all .5s ease; font-weight: normal; padding: 0 20px; border-radius: 0; text-align: center; font-family: 'LamaSans-Bold'; } .setHeight .tNav .navName{ line-height: 90px; } .fixed .tNav .navName { line-height: 100px; } .navName::after { content: attr(data-title); position: absolute; top: 0; left: 0; transform: translateY(100%); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #229cd8; display: none; } .navLi:hover .navName { transform: translateY(0); border-radius: 0; color: #80b926; } .slidBox { position: fixed; left: 0; right: 0; width: 100%; min-width: 1024px; height: 0; overflow: hidden; display: flex; flex-direction: row-reverse; justify-content: space-between; flex-wrap: nowrap; z-index: 110; margin: 0 auto; padding: 0; transition: all .5s ease; opacity: 0; } .slidBoxWrap { display: flex; flex-direction: row-reverse; justify-content: space-between; margin: 0 auto; padding: 0 10px; width: 100%; max-width: 1400px; } .slidBoxWrap.slidBoxWrap2 { max-width: 1400px; } .navLi:hover .slidBox { height: auto; opacity: 1; background-image: url(/img/bjt002.jpg); background-repeat: no-repeat; background-position: bottom center; border-top: 1px rgba(255,255,255,0.2) solid; background: rgba(255, 255, 255, 0.9); overflow: visible; } .leftBox { flex: 0 0 30%; overflow: hidden; /* max-width:350px; */ margin: 46px 0px; display: none; } .img100 { display: block; width: 100%; } .right_img .img100 { transition-duration: .5s; } .right_img:hover .img100 { transform: scale(1.1); } .rightBox { flex: 0 0 100%; margin: 20px 0px; } .left_text .onetitle { font-size: 18px; line-height: 1.1; color: #333; padding-bottom: 20px; padding-top: 20px; font-weight: bold; text-align: left; display: none; } .navSbox { display: flex; justify-content: center; width: 100%;} .slidBoxWrap2 .navSbox { flex-wrap: nowrap; padding-left: 0; } .oneName { font-size: 26px; padding-bottom: 15px; color: #000; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .tNavSummry { line-height: 24px; width: 100%; height: auto; overflow: hidden; color: #666666; font-size: 14px; max-width: 420px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } .tNavMore { display: block; position: relative; height: auto; padding-top: 25px; border-top: 1px dashed #cccccc; margin-top: 20px; cursor: pointer; } .txt { color: #000; transition: all .5s ease; } .leanMore { margin-left: 2rem; transition: all .5s ease; } .tNavMore:hover .txt { color: #015bbb; margin-left: 10px; } .tNavMore:hover .leanMore { color: #015bbb; } .navSli { flex-basis: 12%; position: relative; margin-bottom: 10px; padding: 0 10px; } /* .slidBoxWrap2 .navSli { flex-basis: 25%; padding-left: 10%; padding-right: 15px; }*/ .navSimg { position: relative; width: 100%; padding-bottom: 0; overflow: hidden; /* max-width: 65px; */ margin: 0 auto; } .navSimg img { position: static; left: 50%; transform: translateX(0) scale(1); width: 100%; height: 100%; transition: all .5s ease; object-fit: cover; } .navSimg:hover img{ transform: translateX(0) scale(1); } .navSbox .navSlink { display: block; font-size: 15px; line-height: 25px; transition-duration: -0.7s; padding: 5px 10px; margin: 0; border: 0px #efefef solid; border-radius: 5px; background: none; position: relative; text-align: center; } /* .slidBoxWrap2 .navSbox .navSlink { border: 0; background: none; font-size: 16px; color: #ec2216; font-weight: bold; padding: 0 0 15px 0; } .slidBoxWrap2 .iconfont { display: none; }*/ .navSbox .navSlink:hover { color: #80b926; transform: translateX(0); } /* .slidBoxWrap2 .navSbox .navSlink:hover { border: 0; transform: translateX(0); }*/ .navSbox .navSlink:hover:before { color: #ec2216; } .navSbox .navSlink:before { content: ""; display: inline-block; vertical-align: middle; margin-right: 6px; width: 4px; height: 4px; background: #ec2216; position: relative; display: none;} /* .slidBoxWrap2 .navSbox .navSlink:before { display: none; }*/ .navSlink::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 1px; opacity: 0; background-color: #80b926; transition: all .5s ease; } .navSli:hover .navImg { transform: translateX(-50%) scale(1.1); } .navSli:hover .navSlink::after { width: 50%; opacity: 1; } .navSli i.pcIcon { position: absolute; right: 15px; top: 50%; transform: translate(0, -50%); height: auto; } .navSli i.pcIcon:after { content: '\e6af'; font-size: 15px; } .navSli>ul { position: absolute; left: 100%; width: auto; background: #fff; z-index: 10; top: 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); padding: 10px; display: none; } .slidBoxWrap2 .navSli>ul { position: static; display: block; box-shadow: none; background: none; width: auto; padding: 0; } .navSli:hover>ul { display: block; } .navSli>ul>li { margin-bottom: 5px; position: relative; /* display: inline-block; */ } .navSli>ul>li a { font-size: 15px; white-space: nowrap; line-height: 25px; } /* .slidBoxWrap2 .navSli>ul>li a { vertical-align: top; } .slidBoxWrap2 .fourOTDom { position: absolute; left: 100%; width: auto; background: #fff; z-index: 10; top: 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); padding: 10px; display: none; } .slidBoxWrap2 .navSli>ul>li>h2 { position: relative; display: inline-block; padding-right: 0; margin-bottom: 0; line-height: 25px; } .slidBoxWrap2 .navSli>ul>li>h2:hover>.fourOTDom { display: block; } .slidBoxWrap2 .fourOTDom>ul>li {} .slidBoxWrap2 .fourOTDom>ul>li>a {}*/ } @media only screen and (max-width: 1440px) and (min-width: 1281px) { .tNav .navLi { padding: 0px 10px !important; } .tNav .navName { font-size: 16px !important; padding: 0 10px; } } @media only screen and (max-width: 1280px) and (min-width: 1025px) { .tNav .navLi { padding: 0px 10px !important; } .tNav .navName { font-size: 14px !important; padding: 0 10px; } } @media only screen and (max-width: 1024px) { .leftBox { display: none; } .onetitle { display: none; } .navSimg { display: none; } .tNavBox { position: relative; overflow: hidden; width: 100%; } .navBtn { position: static; background: #80b926; width: 40px; height: 40px; padding: 10px; } .navLine { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; overflow: hidden; } .navBtnImg { display: block; width: 90%; height: 70%; } .tNav { position: fixed; top: 60px; left: 0; right: 0; height: 0; overflow: auto; z-index: 999; background: rgba(0, 0, 0, .5); transition: all .5s ease; } .tNavHeight { height: calc(100% - 60px); } .slidBox { display: none; } .navUl { background: rgba(0, 0, 0, 0.8); overflow: hidden; } .navLi { border-bottom: 1px solid #696969; position: relative; } .tNavH { position: relative; height: 46px; line-height: 46px; padding: 0 5%; font-size: 1rem; transition: all .5s ease; } .tNavHBac { background: #80b926; } .navName { display: block; width: 100%; height: 100%; color: #fff; } .iconJt { position: absolute; top: 0; right: 2%; display: flex; width: 46px; height: 46px; justify-content: center; align-items: center; color: #fff; font-size: 0.875rem; transition: all .5s ease; } .iconJtRotate { transform: rotate(-180deg); } .navSliBtn { height: 40px; width: 100%; text-align: center; } .hs { height: 100%; } .navSbox { padding-bottom: 30px; } .navSli { padding-left: 8%; font-size: 0.875rem; height: auto; position: relative; } .navSlink { display: block; width: 100%; height: 100%; color: #fff; line-height: 38px; } .navSli>ul { padding: 6px; display: none; } .navSli>ul>li {} .navSli>ul>li a { color: #fff; font-size: 13px; line-height: 20px; } }