.topWpr{line-height: 50px;height: 50px;font-size: 14px;color: #FFF;background: #07101a;padding: 0px 30px;position:relative;z-index:12;} .topWpr .container{height: 50px;display: flex;align-items: center;justify-content: space-between;} .topWpr .con-details{display: flex;align-items: center;} .topWpr .con-details li{display: flex;align-items: center;margin-right: 40px;} .topWpr .con-details li i{display: flex;align-items: center;justify-content: center;background: #fff;border-radius: 50%;width: 30px;height: 30px;margin-right: 12px;} .topWpr .con-details li a{font-size: 17px;line-height: 30px;color: #fff;} .topWpr .con-details li a:hover{text-decoration: underline;} .topWpr .fl span,.topWpr .fr span{ font-size:12px; display:inline-block; position:relative; top:-1px; transform:scale(0.8); opacity:0.7; margin:0 20px;} .headerWpr{ position:relative; height:100px; z-index:10; transition:all 0.5s ease-in-out;} .headerWpr2{ height:80px;} .headerBg{ background:rgba(0,0,0,0.6); position:fixed; left:0; top:0; right:0; bottom:0; z-index:9; transition:all 0.5s ease-in-out; opacity:0; visibility:hidden; height:100vh;} .header:hover + .headerBg{opacity:1; visibility:visible;} .header{width:100%;top:0;left:0;transition:all 0.5s ease-in-out;height:100px;position:absolute;padding:0 30px;z-index:10;background: rgba(255,255,255,0.6);box-shadow: 0 10px 100px 0 rgb(0, 0 ,0 , 0.1);} .logo{margin-top: 20px;display:inline-block;transition:all 0.5s ease-in-out;} .logo img{ height:60px; width:auto; transition:all 0.5s ease-in-out;} .logo img.iOpacity{ position:absolute; left:0; top:0} .nav{ text-align:center;} .nav li{ display:inline-block; padding:0 1.25vw;} .nav_a{ display: inline-block; line-height: 100px; font-size: 18px; position:relative; } .nav_a:after{content:""; width:0%; height:2px; background:#11604b; position:absolute; left:50%; bottom:0; transition:all 0.3s ease-in-out;} .nav_a.on:after,.nav_a:hover:after{width:100%; left:0;} .proMenuWpr{ background: #fff; position: absolute; left: 0; top: 100px; padding: 40px 15px 42px; width:100%; opacity:0; visibility:hidden; } .proMenu{max-width:1440px; margin:0 auto;display:flex; justify-content:space-between;} .proMenu_item{ position:relative; height:232px;} .proMenu .proMenu_item:nth-child(1){padding-right:1.56vw; width:41.38%;} .proMenu .proMenu_item:nth-child(2){padding-right:1.56vw;padding-left:1.56vw; width:29.74%;} .proMenu .proMenu_item:nth-child(3){padding-left:3.33vw; width:28.88%;} .proMenu .proMenu_item:nth-child(1):after,.proMenu .proMenu_item:nth-child(2):after{content:""; background:#F5F5F5; width:1px; position:absolute; right:0; top:0; bottom:0;} .proMenu_item strong{ font-size: 18px; letter-spacing: 1px; display: block; line-height: 28px; margin-bottom: 20px; text-align: left; font-weight: normal; } .proMenu_item dl{display:flex; justify-content:space-between;} .proMenu_item dl dd{ padding-top:50px;} .proMenu_a{display:block;} .proMenu_a:hover .proMico img{ opacity:0;} .proMenu_a:hover .proMico img:nth-child(2){ opacity:1;} .proMenu_a p{ font-size: 16px; line-height: 24px; letter-spacing: 1px; margin-top: 10px; } .proMico{ display:inline-block; position:relative;} .proMico img{ position:relative; transition:all 0.5s ease-in-out;} .proMico img:nth-child(2){ position:absolute; left:0; top:0; opacity:0;} .proMenuAds{} .proMenuAds .swiper-container{ border-radius:0.4em; position:relative; z-index:1; overflow:hidden;} .proMenuAds .prev{ background: url(../images/nav_arrow.png) no-repeat center center; display: inline-block; height: 14px; width: 8px; position: absolute; top: 6px; right: 28px; transform:rotate(180deg); opacity:0.6;} .proMenuAds .next{ background: url(../images/nav_arrow.png) no-repeat center center; display: inline-block; height: 14px; width: 8px; position: absolute; top: 6px; right: 0px; opacity:0.6;} .proMenuAds .prev.swiper-button-disabled,.proMenuAds .next.swiper-button-disabled{ opacity:0.6!important; cursor:default;} .proMenuAds .prev:hover,.proMenuAds .next:hover{opacity:1;} .proMadx{ display:block;} .proMadx .overflowHide{ height:183px; border-radius:0.4em;} .proMadx .bgImg:after{ content: ""; background: url(../images/nav_lineBg.png) repeat-x left bottom; position:absolute; left:0; top:0; right:0; bottom:0;} .proMadx strong{ font-size: 18px; line-height: 28px; text-align: center; display: block; position: absolute; bottom: 18px; left: 20px; right: 20px; z-index:1; margin-bottom:0; color:#fff; letter-spacing:0} .subMenu{ position:absolute; left:0; width:100%; top:100px; text-align:center; background:#fff; opacity:0; visibility:hidden;} .nav li:hover .subMenu,.nav li:hover .proMenuWpr{ transition:all 0.3s ease-in-out; opacity:1; visibility:visible;} .nav li:hover .nav_a,.nav_a.on{ color:#11604b} .nav_a2{ line-height: 100px; font-size: 16px; padding: 0px 1.3vw; } .headRx{/* position:absolute; *//* right:30px; *//* top:0; */} .header_ser{background: url(../images/nav_ser2.png) no-repeat center center;height: 100px;float: right;width: 30px;margin-left: 2vw;} .headerTel{ background: url(../images/nav_tel2.png) no-repeat left center; display: inline-block; padding-left: 28px; font: 24px/100px ec_l; transition:all 0.5s ease-in-out; } .headerFixed{ position:fixed; height:80px;} .headerFixed .logo img{height:50px;} .headerFixed .logo{top:16px;} .headerFixed .nav_a{line-height:80px;} .headerFixed .headerTel{line-height:80px;} .headerFixed .header_ser{ height:80px;} .headerFixed .proMenuWpr,.headerFixed .subMenu{top:80px;} .headerTransparent{} .headerTransparent:hover{} .indexBody .topWpr{width:100%; position:absolute; left:0; top:0;} .indexBody .headerWpr{width:100%; position:absolute; left:0; top:36px;} .indexBody .header{background:rgba(255,255,255,0); border-bottom:1px solid rgba(255,255,255,0)} .indexBody .logo img{opacity:0;} .indexBody .logo img.iOpacity{opacity:1;} .indexBody .nav_a{color:#fff;} .indexBody .headerTel{ color: #FFF; background: url(../images/nav_tel.png) no-repeat left center; } .indexBody .header_ser{ background: url(../images/nav_ser.png) no-repeat center center; } .headerWpr.out{ opacity:0; transition:all 0.3s ease-in-out; transform:translateY(-80px)} .headerWpr.in{ opacity:1; transition:all 0.3s ease-in-out; transform:translateY(0)} .indexBody .headerWprDown{ top:0;} .indexBody .headerWprWhite{} .indexBody .headerWprWhite .header,.indexBody .header:hover{background:rgba(255,255,255,1); border-bottom:1px solid #E6E6E6;} .indexBody .headerWprWhite .logo img,.indexBody .header:hover .logo img{opacity:1;} .indexBody .headerWprWhite .logo img.iOpacity,.indexBody .header:hover .logo img.iOpacity{opacity:0;} .indexBody .headerWprWhite .nav_a,.indexBody .header:hover .nav_a{color:#333;} .indexBody .header:hover .nav_a:hover{ color:#11604b} .indexBody .headerWprWhite .headerTel,.indexBody .header:hover .headerTel{ color: #333; background: url(../images/nav_tel2.png) no-repeat left center; } .indexBody .headerWprWhite .header_ser,.indexBody .header:hover .header_ser{ background: url(../images/nav_ser2.png) no-repeat center center; } @media (max-width:1799px){ .logo{top:16px;} .logo img{height:50px;} .nav_a{line-height:80px;} .headerTel{line-height:80px;} .header_ser,.headerWpr,.header{height:80px;} .nav_a{font-size:17px;} .proMadx strong{font-size:16px;} .proMenu_a p{font-size:14px;} .subMenu,.proMenuWpr{top:80px;} } @media (max-width:1199px){ .indexBody .nav_a{font-size:16px;} .nav li{padding:0 0.65vw;} .nav{padding-right:5vw;} } #rmenu{ position:absolute; right:30px; top:50%; transform:translateY(-50%); z-index:5; display:none; text-align:right;} .rmenum_a{display:inline-block; position:relative; line-height:22px; height:22px; padding-right:34px; font-size:12px; letter-spacing:2px;} .rmenum_a span{display:inline-block; transition:all 0.3s ease-in-out; opacity:0;} .active .rmenum_a span{opacity:1;} .active .rmenum_a{ color: #11604b; } .rmenum_a i{width:12px; height:2px; position:absolute; right:0; top:10px; transition:all 0.5s ease-in-out; background:rgba(0,0,0,0.2);} .active .rmenum_a i{ background:#11604b; width:24px;} .hmPage1{ position:relative;} .hmFocus{ margin-top:-100px;} .hmFocus_item{ position:relative; height:calc(100vh - 50px);} .hmFocus_img{position:absolute; left:0; top:0; right:0; bottom:0; background-size:cover; background-repeat:no-repeat; background-position:center center;} .hmFocus_img:after{ content: ""; background: url(../images/fsLine.png) repeat-x left top; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; } .hmFocus_txt{position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; color:#fff;} .hmPubBtn{ font-size: 14px; line-height: 48px; color: #FFF; letter-spacing: 2px; height: 48px; width: 180px; padding-left: 20px; display: inline-block; background: #11604b; border-radius:0.3em; position:relative; transition:all 0.5s ease-in-out; } .hmPubBtn:after{ content: ""; background: url(../images/hmBan_sar.png) no-repeat center center; height: 10px; width: 6px; margin-top: -5px; position: absolute; top: 50%; right: 20px; } .hmPubBtn:hover,.hmPubBtnWpr:hover .hmPubBtn{ color:#fff; box-shadow:0 10px 30px rgba(181,0,31,0.3); transform:translateY(-5px)} .hmFocus_txt strong{ font-size: 54px; line-height: 66px; font-weight: normal; display: block; letter-spacing:8px; transition:all 0.5s ease-in-out; transform:translateY(50px); opacity:0;} .hmFocus_txt p{ font-size: 24px; font-weight: normal; letter-spacing: 2px; line-height: 38px; margin: 14px 0px 50px; font-weight:100; transition:all 0.5s ease-in-out; transform:translateY(50px); opacity:0;} .hmFocus_txt div{ transition:all 0.5s ease-in-out; transform:translateY(50px); opacity:0;} .on .hmFocus_txt strong{transform:translateY(0); opacity:1; transition-delay:0s;} .on .hmFocus_txt p{transform:translateY(0); opacity:1; transition-delay:0.2s;} .on .hmFocus_txt div{transform:translateY(0); opacity:1; transition-delay:0.4s;} .hmFocus .slick-prev{ background: url(../images/hmFs_btn.png) no-repeat center center; display: inline-block; height: 60px; width: 31px; position: absolute; left: 30px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -50px; transition:all 0.5s ease-in-out; opacity:0.3; transform:rotate(180deg); z-index:2; } .hmFocus .slick-next{ background: url(../images/hmFs_btn.png) no-repeat center center; display: inline-block; height: 60px; width: 31px; position: absolute; right: 30px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -50px; transition:all 0.5s ease-in-out; opacity:0.3; z-index:2;} .hmFocus .slick-prev:hover,.hmFocus .slick-next:hover{ opacity:1} .hmFocus_dot{ position:absolute; left:50%; transform:translateX(-50%); text-align:center; z-index:3; bottom:40px;} .hmFocus_dot span{ height:20px; height:20px; display:inline-block; position:relative; margin:0 15px;} .hmFocus_dot span:before{content:""; width:8px; height:8px; background:#fff; border-radius:50%; position:absolute; left:6px; top:6px;} .hmFocus_dot span svg{ width:16px; height:16px; position:absolute; left:2px; top:2px;} .hmFocus_dot span:after{content:""; width:12px; height:12px; border:2px solid #11604b; border-radius:50%; position:absolute; left:4px; top:4px; transition:all 0.5s ease-in-out; opacity:0} @keyframes dash{to{stroke-dashoffset:0px}} .load{ width:100%; height:100%; position:absolute; z-index:10;left:0px;top:0px;} .circle{stroke-dasharray:360px;stroke-dashoffset:360px} .on .circle{animation:dash 6s linear forwards} .hmFocus_dot span.on:before{ opacity:0;} .hmFocus_dot span.on:after{opacity:1;} @media (max-width:1799px){ .hmFocus_txt strong{font-size:40px; line-height:50px;} .hmFocus_txt p{font-size:20px; line-height:32px} } @media (max-width:1279px){ .hmFocus .slick-prev{left:10px; background-size:25px auto;} .hmFocus .slick-next{right:10px; background-size:25px auto;} #rmenu{right:10px;} } @media (max-width:993px){ *{ letter-spacing:0!important;} .hmFocus_item{height:550px;} .hmFocus_txt strong{font-size:32px; line-height:42px;} .hmFocus_txt p{ font-size:16px;} .hmPage1{position:relative;} .hmFocus{margin-top:0!important;} .hmFocus_dot{bottom:40px;} } @media (max-width:767px){ .hmFocus_item{height:350px;} .hmFocus_dot{bottom:20px;} .hmFocus_dot span{margin:0 10px;} .hmFocus_txt strong{font-size:24px; line-height:32px;} .hmFocus_txt p{font-size:14px; line-height:24px; margin:10px 0px 28px} .hmPubBtn{width:160px; line-height:44px; height:44px; font-size:12px; padding-left:15px;} .hmFocus_txt{padding-top:15px;} .hmFocus_txt p{font-weight:500px;} } /*2021-12-28 CSS*/ .hmFocus_item .dsPcPage{ height:100%;} @media (max-width:767px){ .hmFocus_item{height:auto;} } .index_product_category{border-bottom:2px solid #ddd} .index_product_category ul li{display:block;float:left;width:33.33%;height:480px;position:relative} @media (max-width: 1440px){.index_product_category ul li{height:450px}} @media (max-width: 1380px){.index_product_category ul li{height:420px}} @media (max-width: 968px){.index_product_category ul li{width:50%} .index_product_category ul li:before{content:'';display:block;width:100%;height:2px;line-height:2px;background:#ddd;position:absolute;right:0;bottom:0}} @media (max-width: 968px) and (max-width: 668px){.index_product_category ul li:before{height:1px}} @media (max-width: 968px){.index_product_category ul li:nth-of-type(2):after,.index_product_category ul li:nth-of-type(4):after{display:none}} @media (max-width: 668px){.index_product_category ul li{height:auto;padding:15px 0}} .index_product_category ul li:after{content:'';display:block;width:2px;height:100%;background:#ddd;position:absolute;right:0;top:0} @media (max-width: 668px){.index_product_category ul li:after{width:1px}} .index_product_category ul li:nth-last-of-type(1):after{display:none} .index_product_category ul li a{display:block;width:100%;height:100%;overflow:hidden} .index_product_category ul li a .img{/* height:300px; */position:absolute;right: 20px;bottom: 20px;z-index:1;} @media (max-width: 1681px){.index_product_category ul li a .img{right:30px;bottom:30px}} @media (max-width: 1440px){.index_product_category ul li a .img{height:250px;right:20px;bottom:20px}} @media (max-width: 668px){.index_product_category ul li a .img{height:150px;position:static;margin:0 auto;text-align:center}} .index_product_category ul li a .img img{/* height:100%; */-webkit-transition:all 1s;transition:all 1s;} .index_product_category ul li a .txt{width:100%;padding: 50px 0 0 30px;position:absolute;left:0;top:0;z-index:2;} @media (max-width: 1681px){.index_product_category ul li a .txt{padding:50px 0 0 40px}} @media (max-width: 1180px){.index_product_category ul li a .txt{padding:30px 0 0 30px}} @media (max-width: 668px){.index_product_category ul li a .txt{position:static;margin:0 auto;text-align:center;padding:0}} .index_product_category ul li a .txt .title{width:100%} .index_product_category ul li a .txt .title p{color:#000} .index_product_category ul li a .txt .title p span{font-size: 22px;/* font-family:'VectoraCom-Black'; */font-style:italic;line-height: 1;position:relative;opacity: .6;} @media (max-width: 1681px){.index_product_category ul li a .txt .title p span{font-size: 18px;/* line-height:40px; */}} @media (max-width: 1380px){.index_product_category ul li a .txt .title p span{font-size: 18px;/* line-height:30px; */}} @media (max-width: 668px){.index_product_category ul li a .txt .title p span{font-size:20px}} .index_product_category ul li a .txt .title p span sup{font-family:'VectoraCom-Light';font-size:16px;position:absolute;right:-15px;top:15px} @media (max-width: 668px){.index_product_category ul li a .txt .title p span sup{font-size:12px;top:5px}} .index_product_category ul li a .txt .title p b{display:block;font-size:30px;line-height: 2;font-style:italic;font-weight: normal;/* opacity: .8; */margin-bottom:85px;/* color: #b5001f; */} @media (max-width: 1681px){.index_product_category ul li a .txt .title p b{font-size:26px;line-height:50px}} @media (max-width: 1440px){.index_product_category ul li a .txt .title p b{font-size:22px;line-height:40px;margin-bottom:60px}} @media (max-width: 1380px){.index_product_category ul li a .txt .title p b{font-size:20px;line-height:50px;margin-bottom:20px}} @media (max-width: 1180px){.index_product_category ul li a .txt .title p b{font-size:18px}} @media (max-width: 668px){.index_product_category ul li a .txt .title p b{font-size:16px;line-height:30px;margin-bottom:5px}} .index_product_category ul li a .txt .title p .more{display:block;width:160px;height:36px;text-align:center;color:#333;font-size:12px;position:relative;-webkit-transition:all .5s;transition:all .5s} @media (max-width: 1681px){.index_product_category ul li a .txt .title p .more{width:150px}} @media (max-width: 1380px){.index_product_category ul li a .txt .title p .more{width:130px}} @media (max-width: 668px){.index_product_category ul li a .txt .title p .more{width:110px;margin:0 auto}} .index_product_category ul li a .txt .title p .more:after{content:'';display:block;width:100%;height:100%;-webkit-transform:skew(-20deg, 0deg);-ms-transform:skew(-20deg, 0deg);transform:skew(-20deg, 0deg);border:1px solid #333;position:absolute;left:0;top:0;z-index:1;-webkit-transition:all .5s;transition:all .5s} .index_product_category ul li a .txt .title p .more em{display:block;width:100%;height:100%;line-height:36px;color:#333;position:relative;z-index:2;font-style:normal} .index_product_category ul li a .txt .title p .more em i.iconfont{display:inline-block;vertical-align:top;margin-left:5px;-webkit-transition:all .5s;transition:all .5s} .index_product_category ul li a:hover .img img{-webkit-transform:scale(1.07);-ms-transform:scale(1.07);transform:scale(1.07)} .index_product_category ul li a:hover .txt .title p .more{color:#fff} .index_product_category ul li a:hover .txt .title p .more:after{background:#11604b;border:1px solid #11604b} .index_product_category ul li a:hover .txt .title p .more em{color:#fff} .index_product_category ul li a:hover .txt .title p .more em i.iconfont{margin-left:10px} /*************************/ .index_pro_bg{ position:relative; padding:60px 0px;} .index_pro_tab{ position:relative;} .pro-tab-hd { overflow:hidden; zoom:1;display: flex; align-items: center; gap: 2%;margin-bottom: 35px;} .pro-tab-hd li{display: inline-block;font-size: 24px; color: #333; font-weight: 600;cursor: pointer;} .pro-tab-hd li.active{color: #12624C;} .pro-tab-bd .pro-tab-box{display:none;position: relative;} .pro-tab-bd .pro-tab-box.thisclass{ display:block;} .index-slide{box-shadow: 0 2px 10px 12px rgba(98, 98, 98, 0.1); padding:20px 1vw 20px; position: relative;z-index: 9;align-items: center; display: flex; flex-direction: column;} .index_pro_box .swiper-slide { padding:15px;} .index-slide .product-title {color: #666;line-height: 1.5;word-break: normal;font-weight: 500;font-size: 16px;margin: 10px auto 18px;} .index-slide .slide-link { /* margin: 10px auto 28px; */ align-items: center; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); background: transparent; border: 2px solid #11634d; color: #11634d; cursor: pointer; display: flex; justify-content: center; position: relative; transition: all .3s ease; border-radius: 40px; height: 34px; font-weight: 700; padding: 0 20px; } .index-slide .product-img{ width:100%; overflow:hidden;} .index-slide img {width: 100%; -webkit-transition: 0.4s; -o-transition: 0.4s;transition: 0.4s;} .index_pro_box .swiper-slide:hover .index-slide img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .all_roll {position: absolute;height: 45px;margin-top: 40px;text-align: center;top: -110px;right: 0;} .all_roll .swiper-button-prev {position: absolute;top: 0;right: 60px;left: auto;background:none;margin-top: 0;color: #fff;width: 40px;height: 40px;border-radius: 50px;border: 2px solid #000;display: flex;align-items: center;justify-content: center;transition: all .3s ease;cursor: pointer;z-index: 2;background-color: #000;transform: rotate( 180deg);} .all_roll .swiper-button-next {position: absolute;top: 0;right: 0;background:none;margin-top: 0;color: #fff;width: 40px;height: 40px;border-radius: 50px;border: 2px solid #000;display: flex;align-items: center;justify-content: center;transition: all .3s ease;cursor: pointer;z-index: 2;background-color: #000;} @media (max-width:767px){ .pro-tab-hd li { display: inline-block; font-size: 18px; color: #333; font-weight: 600; cursor: pointer; } .all_roll { position: relative; height: 45px; margin-top: 40px; text-align: center; top: 0; right: auto; } } /*************************/ .index_col{position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url("../images/index_col_bg.jpg");background-attachment:fixed;padding-top:135px;padding-bottom:100px} .index_col:before{content:'';position:absolute;left:0px;top:0px;width:100%;height:100%;background: rgba(0, 0, 0, 0.7);} @media (max-width: 1440px){.index_col{padding-top:80px;padding-bottom:60px} } @media (max-width: 1180px){.index_col{padding-top:60px;padding-bottom:40px} } @media (max-width: 968px){.index_col{padding-top:40px;padding-bottom:0px} } .index_col .inner{ position:relative;color:#fff} .index_col .inner .index_col_txt{float:left;width:50%;padding-right:50px} @media (max-width: 968px){.index_col .inner .index_col_txt{float:none;width:100%;padding-right:0} } .index_col .inner .index_col_txt h3.title{display:block;font-size:38px;font-weight:bold} @media (max-width: 1440px){.index_col .inner .index_col_txt h3.title{font-size:30px} } @media (max-width: 668px){.index_col .inner .index_col_txt h3.title{font-size:22px} } .index_col .inner .index_col_txt h3.title span{display:block;font-size:20px;font-weight:lighter;opacity:.6;margin-bottom:20px} .index_col .inner .index_col_txt .txt{font-size:18px;line-height:1.7;margin:30px 0 60px} @media (max-width: 1681px){.index_col .inner .index_col_txt .txt{font-size:16px;} } @media (max-width: 1440px){.index_col .inner .index_col_txt .txt{font-size:14px;} } @media (max-width: 968px){.index_col .inner .index_col_txt .txt{margin:30px 0} } @media (max-width: 668px){.index_col .inner .index_col_txt .txt{margin:20px 0} } .tac {margin-top: 6em;} a.whiteMore{display: inline-block;height: 3em;line-height: 3em;padding: 0 3em;border-radius: 2em 0 2em 0;overflow: hidden;border: 1px solid #fff;position: relative;transition: 1s 1.5s all ease;-webkit-transition: 1s 1.5s all ease;} a.whiteMore span{position: relative;z-index: 2;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;display: inline-block;line-height: 1;color: #fff;font-size: 16px;} a.whiteMore::before {content: ""; display: inline-block;position: absolute;z-index: 1; background: #fff; left: -100%; top: 0; width: 100%; height: 100%; transition: 0.5s all ease;-webkit-transition: 0.5s all ease;} a.whiteMore:hover::before{left:0;} a.whiteMore:hover span{color:#11604b;} /*.index_col .inner .index_col_txt .links{width:400px;margin-left:12px} @media (max-width: 1440px){.index_col .inner .index_col_txt .links{width:350px} } @media (max-width: 668px){.index_col .inner .index_col_txt .links{width:280px;margin:0 auto} } .index_col .inner .index_col_txt .links ul li{display:block;float:left;width:50%} .index_col .inner .index_col_txt .links ul li a{display:block;width:100%;line-height:66px;text-align:center;position:relative} @media (max-width: 1440px){.index_col .inner .index_col_txt .links ul li a{line-height:50px} } .index_col .inner .index_col_txt .links ul li a:after{content:'';display:block;width:100%;height:100%;background:#fff;-webkit-transform:skew(-20deg);-ms-transform:skew(-20deg);transform:skew(-20deg);position:absolute;left:0;top:0;z-index:1;-webkit-transition:all .5s;transition:all .5s} .index_col .inner .index_col_txt .links ul li a span{display:block;width:100%;height:100%;font-weight:bold;font-size:22px;color:#000;position:relative;z-index:2;-webkit-transition:all .5s;transition:all .5s} @media (max-width: 1681px){.index_col .inner .index_col_txt .links ul li a span{font-size:20px} } @media (max-width: 1440px){.index_col .inner .index_col_txt .links ul li a span{font-size:18px} } .index_col .inner .index_col_txt .links ul li a span i.iconfont{display:inline-block;vertical-align:top;font-size:24px;margin-left:10px;color:#000;font-weight:normal;-webkit-transition:all .5s;transition:all .5s} .index_col .inner .index_col_txt .links ul li a:hover:after{background:#11604b} .index_col .inner .index_col_txt .links ul li a:hover span{color:#fff} .index_col .inner .index_col_txt .links ul li a:hover span i.iconfont{margin-left:20px;color:#fff} .index_col .inner .index_col_txt .links ul li:nth-last-of-type(1) a:after{background:#eee} .index_col .inner .index_col_txt .links ul li:nth-last-of-type(1) a:hover:after{background:#11604b} */ .index_col .inner .index_col_icons{float:right;width:50%;padding-left: 40px;} @media (max-width: 968px){.index_col .inner .index_col_icons{float:none;width:100%;padding-left:0;margin-top:20px} } .index_col .inner .index_col_icons ul{ display: flex; flex-wrap: wrap;display: -webkit-flex;justify-content: space-between;} .index_col .inner .index_col_icons ul li{display:block;float:left;width: 46%;text-align:center;margin-bottom:35px;} @media (max-width: 1440px){.index_col .inner .index_col_icons ul li{margin-bottom:20px} } @media (max-width: 668px){.index_col .inner .index_col_icons ul li{width:50%} } .index_col .inner .index_col_icons ul li img{max-width:100%} @media (max-width: 1440px){.index_col .inner .index_col_icons ul li img{width:80px} } .index_col .inner .index_col_icons ul li h3{display:block;margin:10px auto 0;font-size: 18px;line-height: 1;} .index_col .inner .index_col_icons ul li p{display:block;width:90%;margin:10px auto 0;font-size: 14px;line-height: 1.7;} .foot_message{background:#e6e6e6;position:relative;background: url(../images/messageBg.jpg) no-repeat center; background-attachment: fixed; background-size: cover; padding: 90px 0;} @media (max-width: 1440px){.foot_message{padding-top:50px;padding-bottom:50px}} @media (max-width: 1180px){.foot_message{padding-top:20px;padding-bottom:20px}} .foot_message .foot_message_name{display:block;width:919px;position:absolute;bottom:0;z-index:1;left:100px} @media (max-width: 1681px){.foot_message .foot_message_name{left:60px}} @media (max-width: 1440px){.foot_message .foot_message_name{left:40px;width:600px}} @media (max-width: 1380px){.foot_message .foot_message_name{left:30px}} @media (max-width: 1180px){.foot_message .foot_message_name{left:20px;width:450px}} @media (max-width: 968px){.foot_message .foot_message_name{width:100%}} @media (max-width: 668px){.foot_message .foot_message_name{display:none}} .foot_message>.inner{position:relative;z-index:2} .foot_message>.inner .title{float:left;width:40%;font-size: 24px;line-height:50px;font-weight:bold;color:#000;} @media (max-width: 1440px){.foot_message>.inner .title{width:35%;font-size: 22px;}} @media (max-width: 1180px){.foot_message>.inner .title{font-size: 20px;line-height:40px;}} @media (max-width: 968px){.foot_message>.inner .title{float:none;width:100%;font-size: 18px;line-height: 2;margin-bottom:20px;}} @media (max-width: 668px){.foot_message>.inner .title{margin-bottom: 20px;}} .foot_message>.inner .form{float:right;width:60%} @media (max-width: 1440px){.foot_message>.inner .form{width:65%} } @media (max-width: 968px){.foot_message>.inner .form{float:none;width:100%} } .foot_message>.inner .form .message_form_col ::-webkit-input-placeholder{color:#333;font-size:16px} @media (max-width: 1180px){.foot_message>.inner .form .message_form_col ::-webkit-input-placeholder{font-size:14px} } .foot_message>.inner .form .message_form_col ::-moz-placeholder{color:#333;font-size:16px} @media (max-width: 1180px){.foot_message>.inner .form .message_form_col ::-moz-placeholder{font-size:14px} } .foot_message>.inner .form .message_form_col :-moz-placeholder{color:#333;font-size:16px} @media (max-width: 1180px){.foot_message>.inner .form .message_form_col :-moz-placeholder{font-size:14px} } .foot_message>.inner .form .message_form_col :-ms-input-placeholder{color:#333;font-size:16px} @media (max-width: 1180px){.foot_message>.inner .form .message_form_col :-ms-input-placeholder{font-size:14px} } @media (max-width: 1180px){.foot_message>.inner .form .message_form_col .row{margin:0 -10px} } @media (max-width: 1180px){.foot_message>.inner .form .message_form_col .row .item{padding:0 10px} } @media (max-width: 668px){.foot_message>.inner .form .message_form_col .row .item{margin-bottom:10px} } .foot_message>.inner .form .message_form_col .row .item .col_item{margin-bottom:30px} @media (max-width: 1180px){.foot_message>.inner .form .message_form_col .row .item .col_item{margin-bottom:20px} } @media (max-width: 668px){.foot_message>.inner .form .message_form_col .row .item .col_item{margin-bottom:10px} } .foot_message>.inner .form .message_form_col .row .item .col_item:nth-last-of-type(1){margin-bottom:0} @media (max-width: 1180px){.foot_message>.inner .form .message_form_col .row .item .col_item:nth-last-of-type(1){margin-bottom:0px} } .foot_message>.inner .form .message_form_col .row .item .col_item .form_select{height:58px;} @media (max-width: 1440px){.foot_message>.inner .form .message_form_col .row .item .col_item .form_select{height:50px} } @media (max-width: 1180px){.foot_message>.inner .form .message_form_col .row .item .col_item .form_select{height:40px} } .foot_message>.inner .form .message_form_col .row .item .col_item .form_select select{background: #fff;border-radius:0;width:100%;height:58px;line-height:58px; font-size: 16px;padding-left: 18px; padding-right: 30px;border:none !important} @media (max-width: 1440px){.foot_message>.inner .form .message_form_col .row .item .col_item .form_select selectt{height:50px;line-height:50px} } @media (max-width: 1180px){.foot_message>.inner .form .message_form_col .row .item .col_item .form_select select{height:40px;line-height:40px} } .foot_message>.inner .form .message_form_col .row .item .col_item .form_input{width:100%;height:58px;padding:0 30px;margin:0;border:none;background:#fff} @media (max-width: 1440px){.foot_message>.inner .form .message_form_col .row .item .col_item .form_input{height:50px;padding:0 20px} } @media (max-width: 1180px){.foot_message>.inner .form .message_form_col .row .item .col_item .form_input{height:40px} } .foot_message>.inner .form .message_form_col .row .item .col_item .form_content{width:100%;height:229px;padding:30px;margin:0;border:none;background:#fff} @media (max-width: 1440px){.foot_message>.inner .form .message_form_col .row .item .col_item .form_content{height:205px;padding:20px} } @media (max-width: 1180px){.foot_message>.inner .form .message_form_col .row .item .col_item .form_content{height:155px} } .foot_message>.inner .form .message_form_col .row .item .item_submit .item_submit01{float:left;width:250px;height:58px;background-color:#fff;position:relative} @media (max-width: 1440px){.foot_message>.inner .form .message_form_col .row .item .item_submit .item_submit01{height:50px} } @media (max-width: 1180px){.foot_message>.inner .form .message_form_col .row .item .item_submit .item_submit01{height:40px} } @media (max-width: 668px){.foot_message>.inner .form .message_form_col .row .item .item_submit .item_submit01{float:none;width:100%;margin-bottom:10px} } .foot_message>.inner .form .message_form_col .row .item .item_submit .item_submit01 img{width:50px;height:25px;position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)} .foot_message>.inner .form .message_form_col .row .item .item_submit .item_submit01 .guest_post_text{width:180px;height:58px;line-height:58px;background:none;margin:0;padding:0 20px;border:none;outline:0;color:#333;font-size:14px} @media (max-width: 1440px){.foot_message>.inner .form .message_form_col .row .item .item_submit .item_submit01 .guest_post_text{height:50px;line-height:50px} } @media (max-width: 1180px){.foot_message>.inner .form .message_form_col .row .item .item_submit .item_submit01 .guest_post_text{height:40px;line-height:40px} } .foot_message>.inner .form .message_form_col .row .item .item_submit .item_submit02{float:right;width:165px} @media (max-width: 668px){.foot_message>.inner .form .message_form_col .row .item .item_submit .item_submit02{float:none;width:100%} } .foot_message>.inner .form .message_form_col .row .item .item_submit .item_submit02 .submit{width:100%;height:58px;padding:0 20px;margin:0;border:none;background:#fff;color:#333;font-size:14px;-webkit-transition:all .5s;transition:all .5s} @media (max-width: 1440px){.foot_message>.inner .form .message_form_col .row .item .item_submit .item_submit02 .submit{height:50px} } @media (max-width: 1180px){.foot_message>.inner .form .message_form_col .row .item .item_submit .item_submit02 .submit{height:40px}} .foot_message>.inner .form .message_form_col .row .item .item_submit .item_submit02 .submit:hover{background:#11604b;color:#fff} /*è*/ .foot{ background:#12624C; background-size: cover; padding: 70px 0 60px; } .foot .container{ display: flex; align-content: flex-start; justify-content: space-between; } .foot .left img{ width: 100%; max-width: 260px; } .foot .left p{ width: 100%; max-width: 360px; color: #b2b2b2; line-height: 28px; margin-top: 24px; } .foot .center{ display: flex; align-items: flex-start; } .foot .center dl{ margin: 0px 30px; } .foot .center h3{ font-size: 18px; color: #fff; line-height: 18px; margin-bottom: 20px; text-transform: capitalize; } .foot .center a{ display: block; color: #b2b2b2; line-height: 36px; text-transform: capitalize; } .foot .center a:hover{ color: #fff; } .foot .right h3{ font-size: 18px; color: #fff; line-height: 18px; margin-bottom: 20px; text-transform: capitalize; } .foot .right span{ display: block; color: #b2b2b2; line-height: 36px; } .foot .right span.add{ display: none; } .foot .right span a{ color: #b2b2b2; } .foot .right .social{ margin-top: 20px; } .foot .right .social a{ color: #fff; margin-right: 10px; } .foot .right span a:hover{ color: #fff; text-decoration: underline; } /*¯*/ .copy{ background: linear-gradient(90deg, #11604b, #279d7d); padding: 20px 0; } .copy .container{ display: flex; align-items: center; justify-content: space-between; } .copy .left{ line-height: 20px;color: #fff;font-size: 14px; } .copy .left img{ height: 14px; margin: 0 6px; } .copy .left a{ font-size: 14px; color: #fff; } .copy .right{ display: flex; align-items: center; } .copy a:hover{ text-decoration: underline; } section.content-grid { padding: 60px 0; color: #fff; background-color: #3a3b3c; background-image: url(../images/stroke.png); background-position: -0.5rem 100%; background-repeat: no-repeat; background-size: 3rem auto;} /* position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url("../images/index_col_bg.jpg");background-attachment:fixed;padding-top:135px;padding-bottom:100px*/ /*section.content-grid:before{ content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background: rgba(0, 0, 0, 0.7); } */ @media screen and (max-width: 767px) { .foot { background: #12624C; background-size: cover; padding: 40px 0 20px; } .foot .container { display: flex; align-content: flex-start; justify-content: space-between; flex-wrap:wrap; } .foot .center{display: none; align-items: flex-start;} .foot .right { width:100%; margin-top:30px;} .copy .container { display: flex; align-items: center;flex-wrap:wrap; justify-content: space-between; } .copy .left { width:100%; } .copy .right { width:100%; display: flex; align-items: center; } } @media screen and (max-width: 550px) { section.content-grid { padding: 20px 0 50px; } } @media screen and (max-width: 550px) { section.content-grid .container { padding: 0; } } section.content-grid.background-middle { background-position: -60px 80px; } section.content-grid.background-middle .flexer { align-items: flex-start; } section.content-grid.background-middle .flexer .content { padding-top: 1rem; } @media screen and (max-width: 870px) { section.content-grid.background-middle .flexer .content { padding-top: 0px; } } section.content-grid .flexer { display: flex;position: relative; justify-content: space-between; column-gap: 50px; align-items: center; } @media screen and (max-width: 1024px) { section.content-grid .flexer { column-gap: 20px; } } @media screen and (max-width: 870px) { section.content-grid .flexer { flex-direction: column; } } section.content-grid .content { /* margin-top: 1rem; */ flex: 1; } @media screen and (max-width: 870px) { section.content-grid .content { max-width: 100%; margin-bottom: 40px; margin-top: 0; } } @media screen and (max-width: 600px) { section.content-grid .content { padding: 0 10px; width: calc(100% - 20px); } } section.content-grid .content .headline { font-size: 36px; line-height: 1.5; /* letter-spacing: -0.2px; */ margin-bottom: 40px; } @media screen and (max-width: 1024px) { section.content-grid .content .headline { font-size: 0.32rem; } } @media screen and (max-width: 870px) { section.content-grid .content .headline { margin-top: 20px; font-size: 28px; } } @media screen and (max-width: 600px) { section.content-grid .content .headline { margin-top: 20px; font-size: 26px; } } section.content-grid .content .wysiwyg p{ margin: 15px 0px; font-size: 18px; line-height:1.5; } section.content-grid .content .cta-wrap { margin-top: 40px; } section.content-grid .grids-outer { max-width: 880px; flex: 1; } @media screen and (max-width: 1024px) { section.content-grid .grids-outer { max-width: 60%; } } @media screen and (max-width: 870px) { section.content-grid .grids-outer { max-width: unset; } } @media screen and (max-width: 550px) { section.content-grid .grids-outer { padding: 0 10px; } } section.content-grid .grids-outer .grids-inner { display: flex; flex-wrap: wrap; margin: 0 -4px; } section.content-grid .grids-outer .grid-outer { padding: 0 4px 12px; } @media screen and (max-width: 991px) { section.content-grid .grids-outer .grid-outer { width: calc(50% - 8px) !important; } section.content-grid .grids-outer .grid-outer .img { height: 175px !important; } section.content-grid .grids-outer .grid-outer .img:before { border-width: 88px 95px 0 0 !important; } } @media screen and (max-width: 480px) { section.content-grid .grids-outer .grid-outer { width: 100% !important; } section.content-grid .grids-outer .grid-outer.half, section.content-grid .grids-outer .grid-outer.third { width: 100% !important; } } section.content-grid .grids-outer .grid-outer.large { width: 100%; } @media screen and (min-width: 992px) { section.content-grid .grids-outer .grid-outer.large .grid-inner .bottom { display: block; } } @media screen and (max-width: 480px) { section.content-grid .grids-outer .grid-outer.large .grid-inner .bottom { display: block; } } section.content-grid .grids-outer .grid-outer.large .img { height: 290px; } section.content-grid .grids-outer .grid-outer.large .img:before { width: 0; height: 0; border-style: solid; border-width: 108px 115px 0 0; border-color: #3a3b3c transparent transparent transparent; content: ""; position: absolute; z-index: 3; } @media screen and (max-width: 991px) { section.content-grid .grids-outer .grid-outer.large .bottom .title { min-height: 37px; } } @media screen and (max-width: 480px) { section.content-grid .grids-outer .grid-outer.large .bottom .title { min-height: unset; } } section.content-grid .grids-outer .grid-outer.third { width: calc(33.3% - 0px); } section.content-grid .grids-outer .grid-outer.third .img { height: 210px; } section.content-grid .grids-outer .grid-outer.third .img:before { width: 0; height: 0; border-style: solid; border-width: 63px 65px 0 0; border-color: #3a3b3c transparent transparent transparent; content: ""; position: absolute; z-index: 3; } @media screen and (max-width: 480px) { section.content-grid .grids-outer .grid-outer.third .bottom .title { min-height: unset; } } section.content-grid .grids-outer .grid-outer.half { width: calc(50% - 8px); } section.content-grid .grids-outer .grid-outer.half .img { height: 221px; } section.content-grid .grids-outer .grid-outer.half .img:before { width: 0; height: 0; border-style: solid; border-width: 88px 95px 0 0; border-color: #02afad transparent transparent transparent; content: ""; position: absolute; z-index: 5; } section.content-grid .grids-outer .grid-outer.half .bottom .title { min-height: 37px; } @media screen and (max-width: 480px) { section.content-grid .grids-outer .grid-outer.half .bottom .title { min-height: unset; } } section.content-grid .grids-outer .grid-inner { cursor: pointer; height: 100%; display: flex; flex-direction: column; } section.content-grid .grids-outer .grid-inner .img { overflow: hidden; position: relative; border-radius: 3px 3px 0 0; } section.content-grid .grids-outer .grid-inner .img img { display: block; object-fit: cover; object-position: center; height: 100%; width: 100%; } section.content-grid .grids-outer .grid-inner .bottom { flex: 1; background: #697080; padding: 10px 0px; border-radius: 0 0 3px 3px; transition: 1s all; position: relative; /*display: grid; grid-template-columns: 1fr; grid-template-rows: 0.5fr 1fr; @media screen and (max-width: 643px) { grid-template-rows: 75px 1fr; } @media screen and (max-width: 480px) { grid-template-rows: 55px 1fr; } @media screen and (max-width: 375px) { grid-template-rows: auto 1fr; }*/ } section.content-grid .grids-outer .grid-inner .bottom .abstract { font-size: 13px; color: #FFFFFF; letter-spacing: 0; line-height: 18px; font-weight: 300; } section.content-grid .grids-outer .grid-inner .bottom .title { font-weight: 600; font-size: 14px; text-transform: uppercase; line-height: 2; padding: 0px 5px; margin-bottom: 20px; margin-top: 0; } section.content-grid .grids-outer .grid-inner .bottom .icon { height: 12px; margin-left: 10px; width: 12px; position: absolute; top: 17px; right: 5px; } section.content-grid .grids-outer .grid-inner .bottom .icon svg { fill: #fff; width: 100%; height: 100%; /* vertical-align: middle; */ } section.content-grid .grids-outer .grid-inner:hover .bottom { background: #333; }