@charset "utf-8"; * { box-sizing: border-box; } a,img { vertical-align: top; } .topHeader { transition: all 0.6s; width: 100%; position: fixed; z-index: 1000; left:0; padding-top: 1vw; top:0; } .topHeader:hover { background: #009672; } .header { position: relative; padding: 0 60px; } .header .logo { float: left; position: relative; } .header .navBtn { display: none; width: 40px; height: 60px; position: absolute; right:3%; top:50%; transform: translateY(-50%); background: url(../images/navBtn.png) no-repeat center; cursor: pointer; } .header .logo img { height: 3vw; } .header .logo img.pic2 { display: none; } .header .lang { position: relative; z-index: 10; float: right; position: relative; line-height: 30px; cursor: pointer; } .header .lang p { font-size: 16px;color:rgba(255,255,255,0.7); position: relative; padding: 0 15px 0 0; background: url(../images/langbg.png) no-repeat right center; } /* .header .lang p { font-size: 12px; color:rgba(255,255,255,0.7); position: relative; padding: 0; line-height: 20px; } */ /* .header .lang p,.header .lang p a { color:#fff; vertical-align: middle; } */ .header .lang p a { font-size: 16px; display: inline-block; margin: 0 5px; } .langSub {display: none; top: 30px; position: absolute; left:-10px; border-radius: 5px; width: 60px; padding: 10px; background: #fff; box-shadow: 0 0 5px 2px rgba(120,120,120,0.1); } .langSub a { display: block; line-height: 30px; font-size: 16px;color:#333; padding-left:0px; } .header .lang:hover .langSub { display: block; } .langSub a:hover { color:#009672; } .header .search { float: right; margin-right: 10px; width: 120px; background: url(../images/searchBtnbg.png) no-repeat center; cursor: pointer; } .header .search .subsearch { z-index: 9;} .header .search .subsearch .subsearcha { border-radius: 3px;position: relative; padding-left: 40px; height: 30px;} .header .search .subsearch .subsearcha .inp {width: 90%;height: 30px;border: 0; font-size: 14px;color: #fff; padding-left: 0px; background: none; } .header .search .subsearch .subsearcha .sub {border: none;outline: none;position: absolute;left: 10px;top: 50%;height: 26px;background: url(../images/searchx.png) no-repeat center;font-size: 0;width: 26px;transform: translateY(-50%);} .header .search:hover .subsearch {display: block;} .header .search .subsearch .subsearcha .inp:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: rgba(255,255,255,0.7); } .header .search .subsearch .subsearcha .inp::-moz-placeholder { /* Mozilla Firefox 19+ */ color: rgba(255,255,255,0.7); } .header .search .subsearch .subsearcha .inp:-ms-input-placeholder { color: rgba(255,255,255,0.7); } .header .search .subsearch .subsearcha .inp::-webkit-input-placeholder { color: rgba(255,255,255,0.7); } .nav { float: right; } .nav ul li { margin-left: 2vw; position: relative; float: left; } .nav ul li a { position: relative; display: block;/* border-bottom: 2px solid rgba(255,255,255,0);*/ line-height: 46px; font-size: 20px; color:#fff; } .nav ul li a:after { content:''; width: 0; bottom: 0px; height: 2px; background: #fff; position: absolute; left: 50%; transform: translateX(-50%); transition: all 0.6s; } /* .nav ul li.cur>a,.nav ul li:hover>a { color:#009672; } */ /*.nav ul li.cur>a,.nav ul li:hover>a { border-color:#ffffff; }*/ .nav ul li.cur>a:after,.nav ul li:hover>a:after { width: 100%; } /* .fixed-head .nav ul li.cur>a,.fixed-head .nav ul li:hover>a { border-color:#009672; } */ /* .fixed-headA .nav ul li.cur>a,.fixed-headA .nav ul li:hover>a { border-color:#009672; } */ .nav ul li .sub { text-align: center; background: #fff; padding: 10px 0; display: none; width: 140px; line-height: 2; position: absolute; left: 50%; transform: translateX(-50%); top:62px; z-index: 10000;} .nav ul li .sub a { line-height: 2; font-size: 15px; padding: 0 10px; color:#333; } .nav ul li .sub a:hover { color:#fff; background: #333; } .nav ul li:hover .sub { display: none; } /* .fixed-head .header .search { background: url(../images/searchBtn.png) no-repeat center; cursor: pointer; } */ .fixed-head { padding-top:0; } .fixed-head .header .logo { padding: 0.6vw 0; } .fixed-head .header .logo img { height: 2vw; } .fixed-head .nav ul li a { line-height: 3.2vw; } .fixed-head .header .search,.fixed-head .header .lang { display: none; } /* .fixed-head .header .logo img.pic2 { display: inline-block; } */ /* .fixed-head .header .logo img.pic1 { display: none; } */ .fixed-head { background: #009771;} .fixed-head .header .lang p { color:#333; } .fixed-head .nav ul li a { color:#fff; } /* .fixed-head .nav ul li.cur a,.fixed-head .nav ul li:hover a { color:#009672; } */ /* .fixed-headA .header .search { background: url(../images/searchBtn.png) no-repeat center; cursor: pointer; } */ /*.fixed-headA { padding-top:0; }*/ .fixed-headA .header .logo { padding: 0.6vw 0; } .fixed-headA .header .logo img { height: 2vw; } .fixed-headA .nav ul li a { line-height: 3.2vw; } /*.fixed-headA .header .search,.fixed-headA .header .lang { display: none; }*/ /* .fixed-headA .header .logo img.pic2 { display: inline-block; } */ /* .fixed-headA .header .logo img.pic1 { display: none; } */ .fixed-headA { background: #009771;} /*.fixed-headA .header .lang p { color:#333; }*/ .fixed-headA .nav ul li a { color:#fff; } /* .fixed-headA .nav ul li.cur a,.fixed-headA .nav ul li:hover a { color:#009672; } */ @media(max-width: 1920px){ .nav ul li a { font-size: 18px;} } @media(max-width: 1680px){ .header { padding: 0 50px; } } @media(max-width: 1480px){ .header { padding: 0 40px; } .nav ul li a { font-size: 16px; } .header .logo img { height: 4vw;} } @media(max-width: 1280px){ .header { padding: 0 30px; } } @media(max-width: 1200px){ .nav ul li { margin-left: 20px; } .nav ul li a { font-size: 15px; } } @media(max-width: 1050px){ .nav ul li { margin-left: 15px; } } @media(max-width: 1024px){ .header { padding: 0 3%; } /*.nav {display: none;}*/ .nav .search,.nav .clearfix { display: none; } .topHeader {/* background: #fff;*/ padding-top:0; } .fixed-head .header .search { background: url(../images/searchBtn.png) no-repeat center; cursor: pointer; } .fixed-head .header .lang p { background: url(../images/lang.png) no-repeat left center; } .fixed-headA .header .search { background: url(../images/searchBtn.png) no-repeat center; cursor: pointer; } .fixed-headA .header .lang p { background: url(../images/lang.png) no-repeat left center; } .header .search .subsearch, .header .search .subsearch { padding-top: 20px; } .header .search { background: url(../images/searchBtn.png) no-repeat center; cursor: pointer; } .header .lang p { background: url(../images/lang.png) no-repeat left center; } .header .lang p:after { content:''; width: 15px; height: 20px; position: absolute; right:0; top:50%; transform: translateY(-50%); background: url(../images/lanjt.png) no-repeat right center; } /*.header .logo img.pic2 { display: inline-block; }*/ /*.header .logo img.pic1 { display: none; }*/ .header .lang p { color:#333; } .header .search .subsearch .subsearcha { width: 300px; height: 50px; } .header .search .subsearch .subsearcha .inp { margin-top:15px; } .fixed-head .header .lang p:after { content:''; width: 15px; height: 20px; position: absolute; right:0; top:50%; transform: translateY(-50%); background: url(../images/lanjt.png) no-repeat right center; } .fixed-headA .header .lang p:after { content:''; width: 15px; height: 20px; position: absolute; right:0; top:50%; transform: translateY(-50%); background: url(../images/lanjt.png) no-repeat right center; } .header .search { margin-right:15px; } .header .lang p span {display: none;} .header .logo { padding: 10px 0; } .header .logo img,.fixed-head .header .logo img,.fixed-headA .header .logo img { width: auto; height: 30px; } /*.header .logo img.pic1 { display: none; }*/ /*.header .logo img.pic2 { display: inline-block; }*/ .header .search { height: 50px; } .header .lang { line-height: 50px; } .langSub { top:50px; } .header .navBtn { display: inline-block; } } @media(max-width: 450px){ .header .search .subsearch .subsearcha { width: 240px; } } /*banner*/ .banner .swiper-pagination { bottom: 2vw; position: absolute; } /*banner*/ .banner .swiper-pagination .swiper-pagination-bullet { border-radius: 0; width: 5.6vw; height: 2px; background: rgba(255,255,255,0.5); position: relative; opacity: 1; } .banner .swiper-pagination .swiper-pagination-bullet:after { transition: all 1s; content:''; width: 0; height: 100%; background: #fff; position: absolute; left:0; top:0; } .banner .swiper-pagination .swiper-pagination-bullet-active:after { width: 100%; } .banner .swiper-container-top .swiper-wrapper .swiper-slide { position: relative; display: inline-block; } .banner .swiper-slide .con { position: absolute; width: 100%; left: 0; bottom: 33.3%; text-align: left; /*transform: translateY(-50%);*/ z-index: 10; } /* .banner .swiper-slide:after { content:''; width: 100%; height: 24vw; background: url(../images/bannerbg.png) no-repeat center/cover; position: absolute; left:0; bottom:1%; } */ .banner .swiper-slide .con .t { font-size: 3vw; color: #ffffff; line-height: 1.2; } .banner .swiper-slide .con .t1 { font-weight: normal; margin-top:5px; } .banner .swiper-slide .con .c { font-size: 18px; color: #ffffff; text-transform: uppercase; } .banner .swiper-slide .con .ttt { font-weight: normal; font-size: 2vw; } .banner .swiper-slide .con .cc {margin-bottom:36px; line-height: 1.4; } .banner .swiper-slide .con .cccc { margin-bottom: 18px; font-size: 20px;color:#fff; } .topBanner {position: relative;} .topBanner .bannerDowm { display: none; padding-bottom: 60px; position: absolute; z-index: 100; cursor: pointer; bottom: 0; right: 60px; width: 20px; text-align: center; color: rgba(255,255,255,0.6);} .bannerDowm:after { content:'';width: 1px;height: 60px;background: rgba(255,255,255,0.4); position: absolute; left:50%; bottom:0; } .bannerDowm:before { content:'';width: 5px;height: 20px;background: rgba(255,255,255,1); position: absolute; left:50%; margin-left:-2px; bottom:40px; } .bannerDowm:before{-webkit-animation:scoll 2s linear infinite;} @-webkit-keyframes scoll{ 0%{bottom:40px; opacity: 1;} 25%{bottom:30px; opacity: 0.75;} 50%{bottom:20px; opacity: 0.5;} 75%{bottom:10px; opacity: 0.25;} 100%{bottom:0px; opacity: 0;} } @-webkit-keyframes haha1 { 0% { top: 0; opacity: 1; } 25% { top: 25%; opacity: 0.75; } 50% { top: 50%; opacity: 0.5; } 75% { top: 75%; opacity: 0.25; } 100% { top: 100%; opacity: 0; } } @-webkit-keyframes haha2 { 0% { transform: scale(1) } 10% { transform: scale(1.01) } 20% { transform: scale(1.02) } 30% { transform: scale(1.03) } 40% { transform: scale(1.04) } 50% { transform: scale(1.05) } 60% { transform: scale(1.06) } 70% { transform: scale(1.07) } 80% { transform: scale(1.08) } 90% { transform: scale(1.09) } 100% { transform: scale(1.1) } } @media(max-width:1680px) { .banner .swiper-slide .con .c { font-size: 16px; } .banner .swiper-slide .con .cccc { font-size: 18px; } } @media(max-width:1280px) { .banner .swiper-slide .con .c { font-size: 16px; } .banner .swiper-slide .con .cc { margin-bottom: 20px; } .banner .swiper-slide .con .cccc { margin-bottom:10px; font-size: 16px; } } @media(max-width:1024px) { .banner .swiper-slide .con .t { font-size: 28px; } .banner .swiper-slide .con .ttt { font-size: 24px; } .banner .swiper-slide .con .c { font-size: 16px; } .banner img.pic2 { display: block; width: 100%; } .banner img.pic1 { display: none; } .topBanner .bannerDowm { right: 3%; } .banner .swiper-pagination { bottom: 20px; } .banner .swiper-pagination .swiper-pagination-bullet { width: 30px; } } @media(max-width:640px) { .banner .swiper-slide .con .t { font-size: 24px; } .banner .swiper-slide .con .ttt { font-size: 20px; } } @media(max-width:550px) { .banner .swiper-slide .con .t { font-size: 22px; } .banner .swiper-slide .con .ttt { font-size: 18px; } } @media(max-width:450px) { .banner .swiper-slide .con .t { font-size: 20px; } .banner .swiper-slide .con .ttt { font-size: 16px; } .header .search { margin-right:0; } } /* 鍐呴〉BANNER */ .ibanner { position: relative; overflow: hidden; } .ibannerbg .pic2 { display: none;} .ibannerCon { position: absolute; width: 100%; left:0; top: 55%; transform: translateY(-50%);} .ibannerCon .t { line-height: 0.8; position: relative; font-size: 3.125vw; color:#fff; } .ibannerCon .ttt { font-size: 1.1vw; color:#fff; margin-top: 8px; } .ibannerCon .t:after { content:''; width: 1px; height: 1000px; position: absolute; left: -16px; top:0.2vw; background: rgba(255,255,255,0.2); } .ibannerCon .t span { display: inline-block; position: relative; line-height: 1; } .ibannerCon .t span:after { content:''; height: 95%; position: absolute; left:-16px; top:0.2vw; width: 2px; background: #fff; } /*.ibannerCon .t.noLine span:after,.ibannerCon .t.noLine span:before { display: none; }*/ .ibannerCon .t span p { text-transform: uppercase; font-size: 1vw; margin-top: 12px; } /* .ibannerCon .t span:before { background: rgba(255,255,255,0.6); width: 7vw; } */ /* .ibannerCon .t span:after { background: #fff; width: 3.125vw; } */ @media(max-width: 1024px){ .ibannerbg .pic1 { display: none;} .ibannerbg .pic2 { display: block;} .ibannerCon .t { padding-left: 20px; } .ibannerCon .t:after { left:4px; } .ibannerCon .ttt { font-size: 16px; padding-left: 20px; } } @media(max-width: 640px){ .ibannerCon .t { font-size: 30px; } } @media(max-width: 500px){ .ibannerCon .t { font-size: 28px; } } @media(max-width: 400px){ .ibannerCon .t { font-size: 26px; } } @media(max-width: 380px){ .ibannerCon .t { font-size: 24px; } } @media(max-width: 360px){ .ibannerCon .t { font-size: 22px; } } /**mobile nav**/ .nav_box {width: 100%;height: 100%;position: fixed;right: auto;top: 0;bottom: 0;left: -100%;overflow: auto;z-index: 99999999;background: rgba(50, 58, 67,0.96);transition: all .8s;-o-transition: all .8s;-moz-transition: all .8s;-ms-transition: all .8s;-webkit-transition: all .8s;} .nav_box.cur {left: 0;transition: all .8s;-o-transition: all .8s;-moz-transition: all .8s;-ms-transition: all .8s;-webkit-transition: all .8s;} .nav_box .box {/*background: #212222;*/width: 100%;height: 100%;position: relative;z-index: 2;} .nav_box .nav-title {height: 57px;position: relative;border-bottom: 1px solid rgba(255, 255, 255, 0.06);} .nav_box .nav-title .navclose {width: 22px;height: 22px;display: block;font-size: 0;line-height: 41px;position: absolute;right: 15px;top: 50%;z-index: 2;transform: translateY(-50%);} .nav_box .nav-title .navclose img {width: 100%;} .nav_box .nav-title h1 {text-align: left;width: 86px;margin-left: 15px;line-height: 0;padding-top: 11px;} .nav_box .nav-title h1 img {width: 100%;} .nav_box .navlist {width: 100%;padding-bottom: 20px;} .nav_box .navlist ul>li {float: left;width: 100%;font-size: 16px;line-height: 60px;border-bottom: 1px solid rgba(255, 255, 255, .06);padding: 0 15px;text-transform: capitalize;} .nav_box .navlist ul>li>a {display: block;color: #fff;position: relative;} .nav_box .navlist ul>li>a:before {content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 8px;height: 14px;background: url(../images/icon_jt.png) no-repeat center center / cover;} .nav_box .navlist ul>li .navlist2 {border-top: 1px solid rgba(255, 255, 255, .06);display: none;padding: 10px 0;} .nav_box .navlist ul>li .navlist2 a {display: block;width: 100%;color: #fff;font-size: 14px;line-height: 34px;} /* 缃戠珯搴曢儴 */ .footer { background: #1c1c1c; } .footerA { padding: 3.2vw 0 4.5vw; } .footerA .flogo { float: left; width: 12.5vw; } .footerA .flogo img { width: 125px; } .fnav { float: left; width: 35vw; } .fnav ul { width: 480px; } .fnav ul li { float: left; width: 50%; } .fnav ul li a,.footerA-a .t { display: block; font-size: 16px;color:rgba(255,255,255,0.7); margin: 6px 0;} .fnav ul li a:hover{color: #009771;} .footerA-a { min-height: 140px; float: left; padding-left:2.5vw; width: 14.5vw; border-right: 1px solid rgba(255,255,255,0.1); border-left: 1px solid rgba(255,255,255,0.1); } .footerA-a ul { margin-top:12px;} .footerA-a ul li a { display: block; font-size: 14px; color:rgba(255,255,255,0.4); margin: 5px 0; } .footerA-b { border:none; width: auto; padding-left:0; float: right; } .footerA-a ul li a:hover,.footerB, .footerB a:hover { color:#fff; } @media(max-width: 1820px){ .fnav { width: 32vw; } } @media(max-width: 1480px){ .fnav { width: 35vw; } .footerA-a { width: 16vw; } .footerA-b { width: auto; } } @media(max-width: 1280px){ .footerA .flogo img { width: 110px; } .fnav ul li a, .footerA-a .t { margin: 4px 0; font-size: 14px;} .fnav { width: 34vw; } .fnav ul { width: 320px; } .footerA-a { width: 18vw; } .footerA-b { width: auto; } } @media(max-width: 1024px){ .fnav { display: none; } .fnav ul { width: 320px; } .footerA-a { min-height: 10px; width: 100%; padding-left:0; border:none; margin-top: 20px; } .footerA-b,.footerA .flogo { float: left; width: 100%; } .footerA-a .t { font-size: 16px;} .social-share .social-share-icon { margin-left:0!important;} } .footerB { background: #181818; padding: 20px 0; } .footerB-a { float: left; } .footerB-b { float: right; } .footerB,.footerB a { font-size: 13px; color:rgba(255,255,255,0.4);} @media(max-width: 1024px){ .footerB-a,.footerB-b { width: 100%; text-align: center; } .footerB-b { margin-top: 0px;} } .container { width: 73%; margin: 0 auto; } @media(max-width: 1480px){ .container { width: 80%; } } @media(max-width: 1280px){ .container { width: 84%; } } @media(max-width: 1024px){ .container { width: 90%; } } .homeBoxA { padding:8vw 0 7vw; background: url(../images/bg1.jpg) no-repeat center/cover; } .homeBoxA-e { max-width: 60vw;} .homeBoxA-b { } .homeBoxA-b .c1 { font-weight: bold; margin: 1.5vw 0 1.1vw; font-size: 20px; color:#333333; line-height: 1.8; } .homeBoxA-b .c,.homeBoxA-d .c { font-size: 18px; color:#666; line-height: 1.8; } .homeBoxA-c { margin-top: 2.1vw; } .homeBoxA-c ul li { float: left; margin-right: 7vw; } .homeBoxA-c ul li:last-child { margin-right: 0; } .homeBoxA-d .icon img { width: 3.7vw;} /*.homeBoxA-c ul li:hover .homeBoxA-d .icon img { -webkit-animation: tada 1s .2s ease both; -moz-animation: tada 1s .2s ease both; }*/ /*@-moz-keyframes tada { 0% { -moz-transform: scale(1); } 10%, 20% { -moz-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -moz-transform: scale(1.2) rotate(3deg); } 40%, 60%, 80% { -moz-transform: scale(1.2) rotate(-3deg); } 100% { -moz-transform: scale(1) rotate(0); } } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.2) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.2) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); } } */ .homeBoxA-d .num { font-size: 3.4vw; color:#009672; height: 4vw; } .homeBoxA-f { margin-top: 2.5vw; } .homeBoxA-f a { float: left;} .homeBoxA-f p { float: right; padding-top: 12px; font-size: 14px; color:#999999; opacity: 0.75;} .homeBoxA-c { display: inline-block;} .homeBoxA-d .num sup { line-height: 20px; } @media(max-width: 1580px){ .homeBoxA-e { max-width: 64vw;} } @media(max-width: 1480px){ .homeBoxA-b .c1 { font-size: 18px; } .homeBoxA-b .c, .homeBoxA-d .c { font-size: 16px; } .homeBoxA-d .icon img { width: 70px; } } @media(max-width: 1280px){ .homeBoxA-e { max-width: 100%;} } @media(max-width: 1024px){ .homeBoxA-d .num { font-size: 34px; height: 34px; } } @media(max-width: 640px){ .homeBoxA-d .num { font-size: 30px; } .homeBoxA-d .icon img { width: 50px; } } @media(max-width: 400px){ .homeBoxA-d .num { font-size: 24px; } .homeBoxA-d .icon img { width: 50px; } .homeBoxA-b .c, .homeBoxA-d .c { font-size: 14px; } } .homeBoxB-a { float: left; width: 50%; } .homeBoxB-a .relative:after { z-index: 1; content:''; width: 100%; height: 100%; position: absolute; left:0; top:0; } .homeBoxB-a:nth-child(1) .relative:after { background: rgba(25,155,128,0.88);} .homeBoxB-a:nth-child(2) .relative:after { background: rgba(54,136,183,0.88);} .homeBoxB-a:nth-child(1) .mainTit { padding: 0 10vw 0 26%; } .homeBoxB-a:nth-child(2) .mainTit { padding: 0 26% 0 10vw; } .homeBoxB-a .mainTit { position: absolute; width: 100%; left:0; top:50%; transform: translateY(-50%); z-index: 10; } .homeBoxB-a .mainTit .tt { text-transform: uppercase; font-size: 4.2vw; line-height: 1; } .homeBoxB-a .mainTit .cc { padding-right: 15px; height: 92px; overflow-y: scroll; font-size: 17px;color:#fff; line-height: 1.8; margin:1vw 0 3.2vw; } .homeBoxB-a .img{ overflow: hidden; } .homeBoxB-a .img img{ transform: scale(1); transition: all 0.5s; } .homeBoxB-a:hover .img img{ transform: scale(1.1); transition: all 0.5s; } .homeBoxB-a .mainTit .cc{ scrollbar-color: rgba(255,255,255,0.3) rgba(0,0,0,0); scrollbar-width: thin; -ms-overflow-style:none; } .homeBoxB-a .mainTit .cc::-webkit-scrollbar { width: 3px; height: 1px; } .homeBoxB-a .mainTit .cc::-webkit-scrollbar-thumb { border-radius: 3px; -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); background: rgba(255,255,255,0.3); } .homeBoxB-a .mainTit .cc::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); border-radius: 3px; background: rgba(255,255,255,0); } @media(max-width: 1480px){ .homeBoxB-a:nth-child(1) .mainTit { padding: 0 8vw 0 20%; } .homeBoxB-a:nth-child(2) .mainTit { padding: 0 20% 0 8vw; } } @media(max-width: 1280px){ .homeBoxB-a:nth-child(1) .mainTit { padding: 0 5vw 0 14%; } .homeBoxB-a:nth-child(2) .mainTit { padding: 0 14% 0 5vw; } } @media(max-width: 1024px){ .homeBoxB-a { width: 100%; } .homeBoxB-a:nth-child(1) .mainTit { padding: 0 5%; } .homeBoxB-a:nth-child(2) .mainTit { padding: 0 5%; } } @media(max-width: 640px){ .homeBoxB-a .mainTit .tt { font-size: 30px; } } @media(max-width: 400px){ .homeBoxB-a .mainTit .tt { font-size: 26px; } .homeBoxB-a .mainTit .cc { font-size: 15px;} } .homeBoxC { padding:3vw 0 1.6vw; background: url(../images/hca.jpg) no-repeat center/cover; } .homeBoxC-b { float: left; width: 35%; } .homeBoxC-b .t { font-size: 1.6vw; color:#2a846b; } .homeBoxC-c { width: 60%; float: right; } .homeBoxC-c .inp { font-size: 16px; padding-left:26px; width: 100%; border:2px solid #a3e1d0; border-radius: 60px; height: 52px; } .homeBoxC-c .seaBtn { opacity: 0; width: 1px; height: 1px; right:0; top:0; position: absolute; overflow: hidden; } .homeBoxC-c form { position: relative;} .homeBoxC-c p { padding-left: 26px; font-size: 14px; color:#666666; margin-top: 10px; } .homeBoxC-c p a { color:#666; display: inline-block; margin-right: 12px; } .homeBoxC-c .btn { transition: all 0.6s; position: absolute; right:0; top:0; width: 174px; text-align: center; line-height: 52px; background: #2b9779; border-radius: 50px; color:#fff; font-size: 18px; } .homeBoxC-c .btn span { display: inline-block; width: 20px; height: 52px; vertical-align: top; background: url(../images/hcb.png) no-repeat center; margin-right: 10px; } .homeBoxC-c .btn:hover { background: #097355; } .homeBoxC-c p a:hover { color: #097355; } @media(max-width: 1680px){ .homeBoxC-c .inp,.homeBoxC-c .btn { line-height: 42px; height: 42px; } .homeBoxC-c .btn { width: 140px; } .homeBoxC-c .btn span { font-size: 16px; height: 42px; } } @media(max-width: 1280px){ .homeBoxC-b .t { font-size: 24px; } } @media(max-width: 1024px){ .homeBoxC { padding: 5vw 0 6vw; } .homeBoxC-b { font-size: 20px; width: 100%; margin-bottom: 10px; } .homeBoxC-b .t { font-size: 20px; } .homeBoxC-c { width: 100%;} .homeBoxC-c p,.homeBoxC-c .inp { padding-left: 16px; } } @media(max-width: 500px){ .homeBoxC-c p, .homeBoxC-c .inp { font-size: 14px; } .homeBoxC-c .btn { width: 130px; } .homeBoxC-c .btn span { margin-right: 6px; width: 16px; height: 42px;background: url(../images/hcb.png) no-repeat center; background-size: 100% auto;} } .homeBoxD { padding: 5vw 0 6vw; background: #f2f2f2; } .homeBoxD-b { margin-top: 2.2vw; } .homeBoxD-a a { position: absolute; right:0; bottom: 10px;} .homeBoxD-c,.homeBoxD-e { float: left; width: calc(50% - 5px); height: 21.8vw; overflow: hidden; } .homeBoxD-e { float: right; } .homeBoxD-d { position: relative; height: 100%; border-radius: 12px; overflow: hidden;;} .homeBoxD-d .con { position: absolute; left:0; bottom: 30px; width: 100%; padding: 0 30px; } .homeBoxD-d .con .d { font-size: 0.8vw;color:rgba(255,255,255,0.9); } .homeBoxD-d .con .t { font-size: 1.2vw;color:rgba(255,255,255,0.9); margin: 8px 0 16px; } .homeBoxD-d .img { border-radius: 12px; overflow: hidden; position: relative; } .homeBoxD-d .img:after { content:''; width: 100%; height: 100%; position: absolute; left:0; bottom:0; background: url(../images/mbbg.png) no-repeat bottom center/cover; } .smallMore { font-size: 0.7vw; color:#fff; transition: all 0.6s; display: inline-block; padding-right: 17px; background: url(../images/smallmore.png) no-repeat right center; } .homeBoxD-d:hover .smallMore { padding-right: 24px; color:#fff; background: url(../images/morea.png) no-repeat right center; } .homeBoxD-d:hover .con .t,.homeBoxD-d:hover .con .d { color:#fff; } .homeBoxD-f { height: calc(10.9vw - 5px); border-radius: 12px; overflow: hidden; background: #fff; } .homeBoxD-g { margin-top: 10px; } .homeBoxD-h { position: absolute; top:50%; transform: translateY(-50%); width: 100%; padding: 0 30px;} .homeBoxD-h .topTit { line-height: 1; font-size: 1.1vw; color:#2a846b; margin-bottom:0.5vw; } .homeBoxD-h ul li a { display: block; padding: 0.5vw 0; border-bottom:1px solid #ededed; } .homeBoxD-h .d { float: left; width: 5.5vw; font-size: 0.9vw; color:#666666;} .homeBoxD-h .t { float: left; width: calc(100% - 5.5vw); font-size: 0.9vw; color:#666666; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;margin-top: -3px;} .homeBoxD-h ul li a:hover .d,.homeBoxD-h ul li a:hover .t { color:#007672; } @media(max-width: 1480px){ .homeBoxD-c,.homeBoxD-e { height: 23.2vw; } .homeBoxD-f { height: calc(11.6vw - 5px); } .homeBoxD-d .con .d { font-size: 1vw; } .homeBoxD-d .con .t { font-size: 1.5vw;} .homeBoxD-h .topTit { font-size: 1.6vw;} .smallMore { font-size: 0.9vw;} .homeBoxD-h ul li a { padding: 0.7vw 0;} .homeBoxD-h .d { width: 6.5vw; font-size: 1.1vw; } .homeBoxD-h .t { width: calc(100% - 6.5vw); font-size: 1.1vw; } } @media(max-width: 1280px){ .homeBoxD-c,.homeBoxD-e { height: 25.2vw; } .homeBoxD-f { height: calc(12.6vw - 5px); } } @media(max-width: 1024px){ .homeBoxD-c,.homeBoxD-e { height: auto; width: 100%; } .homeBoxD-f { height: auto; margin-top: 10px; } .homeBoxD-d .con { bottom: 20px; padding: 0 12px;} .homeBoxD-d .con .d { font-size: 14px; } .homeBoxD-d .con .t { font-size: 18px;} .homeBoxD-h .topTit { font-size: 20px;} .smallMore { font-size: 14px; } .homeBoxD-h ul li a { padding: 10px 0;} .homeBoxD-h { position: relative; top:0; transform: translateY(0); padding: 20px 12px;} .homeBoxD-h .d { width: 105px; font-size: 16px; } .homeBoxD-h .t { width: calc(100% - 105px); font-size: 16px; } .homeBoxD-a a { bottom:0; } } @media(max-width: 640px){ .homeBoxD-h .d { width: 100%; } .homeBoxD-h .t { width: 100%; margin-top: 5px; } } .homeBoxE { padding: 3vw 0; background: url(../images/hebg.jpg) no-repeat center/cover; } .homeBoxE-b { float: left; } .homeBoxE-b .t { font-size: 2vw; color:#fff; } .homeBoxE-b .c { font-size: 16px; color:#fff; line-height: 1.8; margin-top:10px; } .homeBoxE-c { position: absolute; right:0; bottom: 0.5vw; width: 40%; } .homeBoxE-c .emailInp { color:#fff; font-size: 0.8vw; padding-left: 20px; width: 100%; height: 54px; border-radius: 50px; border:2px solid rgba(255,255,255,0.5); background: none; } .homeBoxE-c #emailSend { opacity: 0; position: absolute; right:0; top:0; width: 1px; height: 1px; overflow: hidden; } .homeBoxE-c .emailSend { padding: 0 40px; transition: all 0.6s; background: #fff; border-radius: 50px; position: absolute; top:0; right:0; } .homeBoxE-c span { background: url(../images/hebg2.png) no-repeat left center; display: inline-block; padding-left:24px; line-height: 54px; font-size: 0.9vw; color:#46b7b5; } .homeBoxE-c .emailSend:hover { background: rgba(255,255,255,0.8); } .homeBoxE-c .emailInp:-moz-placeholder {color: #c5f8ea;} .homeBoxE-c .emailInp::-moz-placeholder { color: #c5f8ea;} .homeBoxE-c .emailInp:-ms-input-placeholder{color: #c5f8ea;} .homeBoxE-c .emailInp::-webkit-input-placeholder {color: #c5f8ea;} @media(max-width: 1680px){ .homeBoxE-c .emailSend { padding: 0 30px;} .homeBoxE-c .emailInp { height: 42px; } .homeBoxE-c span { line-height: 42px;} } @media(max-width: 1024px){ .homeBoxE-b { width: 100%; } .homeBoxE-c { width: 100%; position: relative; top:0; transform: translate(0); float: left; margin-top: 16px; } .homeBoxE-b .t { font-size: 20px; } .homeBoxE-b .c,.homeBoxE-c .emailInp,.homeBoxE-c span { font-size: 14px; } } @media(max-width: 500px){ .homeBoxE-c .emailSend { padding: 0 20px; } .homeBoxE-b .c,.homeBoxE-c .emailInp,.homeBoxE-c span { font-size: 14px; } } /* 鍏充簬鎴戜滑 */ .aboutA { position: relative; padding: 5vw 0 26vw; background: url(../images/bg2.jpg) no-repeat left center/cover; } .aboutA-a .mainTit { float: left; width: 20vw; line-height: 1; } .aboutA-a .mainMore { display: inline-block; margin-top:60px; } .aboutA-b { float: right; width: calc(100% - 20vw); } .aboutA-b .t { font-size: 20px;color:#666666; line-height: 1.8; font-weight: bold; } .aboutA-b .cc { font-size: 18px;color:#333; line-height: 1.8; margin-top:40px; } .aboutA-b .cc a { text-decoration: underline; } .aboutA-b .cc a:hover { color:#28b4a7!important; } .aboutA-b .cc img { vertical-align: middle; } .aboutA-b .mainMore {display: none; } .aboutA-b .homeBoxA-c ul li { margin-right: 4.2vw; } .aboutA-b .homeBoxA-f { margin-top: 1vw; text-align: left; } .aboutA-b .homeBoxA-f p { float: left; } .aboutA-b .homeBoxA-c ul li:last-child { margin-right:0;} @media(max-width: 1680px){ .aboutA-a .mainMore { margin-top:50px; } } @media(max-width: 1580px){ .aboutA-b { float: right; width: calc(100% - 21vw); } } @media(max-width: 1480px){ .aboutA-a .mainMore { margin-top:40px; } .aboutA-b .t { font-size: 15px; } .aboutA-b .cc { font-size: 16px; margin-top:30px; } } @media(max-width: 1280px){ .aboutA-a .mainMore { margin-top:30px; } .aboutA-b .t { font-size: 18px; } .aboutA-b .cc { font-size: 16px; margin-top:20px; } } @media(max-width: 1024px){ .aboutA-a .mainTit { width: 100%; padding-top:0px; border:none; } .aboutA-a .mainMore { margin-top:30px; display: none; } .aboutA-b .mainMore { margin-top:20px; display: inline-block; } .aboutA-b { width: 100%; margin-top: 30px; } .aboutA-b .t { font-size: 18px; } .aboutA-b .cc { font-size: 16px; margin-top:20px; } .aboutA-b .homeBoxA-c ul li { margin-right: 10vw;} .aboutA-b .homeBoxA-c ul,.aboutA-b .homeBoxA-c { width: 100%; } .aboutA { padding: 7vw 0 28vw; } } @media(max-width: 640px){ .aboutA-b .mainMore { margin-top:10px; display: inline-block; } .aboutA-b { width: 100%; margin-top: 10px; } .aboutA-b .cc { font-size: 14px; margin-top:10px; } .aboutA-b .t { font-size: 16px;} .aboutA-b .homeBoxA-c ul li { width: 50%; margin-right:0; } .aboutA-b .homeBoxA-c ul li:nth-child(n+3) { margin-top:16px; } } .aboutB-a { width: 100%; position: relative; z-index: 1;position: absolute; left:0; bottom: -7.8vw; } .aboutB-a .img:after { content:''; width: 44px; height: 44px; background: url(../images/vid.png) no-repeat center/cover; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); } .abouC { padding:14.6vw 0 6.6vw; background: #f7f7f7; } .aboutC-b .tt { font-size: 1vw; color:#666666; padding-left: 0px; position: relative; } /*.aboutC-b .tt { font-size: 1vw; color:#666666; padding-left: 35px; position: relative; }*/ .aboutC-b .ccc { font-size: 1.5vw; color:#333333;margin: 6px 0 2.1vw; } /*.aboutC-b .tt:after { position: absolute; content:''; width: 30px; left:0; height: 2px; top:50%; transform: translateY(-50%); background: #009672;} */ .aboutC-b dl { margin-top: 10px; } .aboutC-b dl dd { transition: all 0.6s; background: #fff; padding:1.8vw 1vw 2.1vw; border-radius: 6px;; text-align: center; float: left; width: 24%; margin-right: 1.3333%; } .aboutC-b dl dd:last-child { margin-right:0;} .aboutC-b dl dd .icon img.pic2 { display: none; } .aboutC-b dl dd .icon img { width: 6vw; height: auto; } .aboutC-b dl dd .t { font-size: 1.25vw; color:#333333; margin: 0.2vw 0 1.6vw; } .aboutC-b dl dd span { transition: all 0.6s; display: block; width: 2.5vw; height: 2px; background: #f3f3f3; margin: 0 auto; } .aboutC-b dl dd:hover span { background: #fff; } .aboutC-b dl dd:hover { background: #009672; } .aboutC-b dl dd:hover .t { color:#fff; } .aboutC-b dl dd:hover img.pic1 { display: none; } .aboutC-b dl dd:hover img.pic2 { display: inline-block; } @media(max-width: 1480px){ .aboutC-b .tt { font-size: 16px; } } @media(max-width: 1280px){ .aboutC-b .tt { font-size: 16px; } .aboutC-b .ccc { font-size: 20px;} .aboutC-b dl dd .icon img { width: 46px; } .aboutC-b dl dd .t { font-size: 17px;} } @media(max-width: 1024px){ .aboutC-b .ccc { margin-bottom: 20px;} .aboutC-b dl dd { padding:3.6vw 2vw 4.6vw; width: 49%; margin-right: 2%; } .aboutC-b dl dd:nth-child(2n) { margin-right:0;} .aboutC-b dl dd:nth-child(n+3) { margin-top:16px;} .aboutC-b dl dd .icon img { width: 50px; } .aboutC-b dl dd .t { font-size: 17px; margin: 15px 0 18px;} .aboutC-b dl dd span { width: 36px; } .abouC .mainTit .t p { display: inline-block; } } @media(max-width: 400px){ .aboutC-b dl dd .t { font-size: 16px; margin: 10px 0 12px;} .aboutC-b dl dd span { width: 32px; } } .aboutD { padding: 6.25vw 0 6.4vw; background: url(../images/bg3.jpg) no-repeat center/cover; } .aboutD-a ul { display: flex; flex-wrap: wrap; } .aboutD-a ul li { float: left; width: 25%;display: block; background: #fff; border:1px solid #e2e2e2; } .aboutD-a ul li a { padding: 6.7vw 2vw 5.7vw; text-align: center; display: block;border-radius: 3px; border-right:none; } /*.aboutD-a ul li:last-child a { border-right: 1px solid #e2e2e2; }*/ .aboutD-a .icon .pic2 { display: none; } .aboutD-a .t { min-height: 3.6vw; font-size: 1.25vw; color:#333333; margin: 1vw 0 2.5vw; } .aboutD-a .smallMore { height: 20px; line-height: 20px; font-size: 0; background: url(../images/moreb.png) no-repeat center; } .aboutD-a ul li a { position: relative; } .aboutD-a ul li:hover a { z-index: 1; } .aboutD-a ul li { position: relative; } .aboutD-a ul li:after { opacity: 0; transition: all 0.6s; border-radius: 5px; overflow: hidden; content:''; width: 106%; height: 106%; background: url(../images/bg4.png) no-repeat center/cover; position: absolute; left:0; top:-3%; } .aboutD-a ul li:hover:after { opacity: 1; } .aboutD-a ul li:hover .t { color:#fff; } .aboutD-a ul li:hover .icon .pic2 { display: inline-block; } .aboutD-a ul li:hover .icon .pic1 { display: none; } .aboutD-a .icon,.aboutD-a .t,.aboutD-a .smallMore { position: relative; z-index: 5;} .aboutD-a ul li:hover { z-index: 10; } .aboutD-a .smallMore { font-size: 16px; color:#fff; background: none; } .aboutD-a .smallMore i { font-style: normal; display: inline-block; padding:10px 30px 10px 0; border-bottom: 2px solid #fff; background: url(../images/morea.png) no-repeat right center; } @media(max-width: 1280px){ .aboutD-a .t { font-size: 18px; } } @media(max-width: 1024px){ .aboutD-a ul li { width: 50%;} .aboutD-a ul li:nth-child(n+3) a { border-top:none; } .aboutD-a .t { font-size: 18px; } .aboutD-a ul li a:after { left: -3%;} .aboutD-a .icon img { width: 50px; } } @media(max-width: 450px){ .aboutD-a .t { font-size: 16px; } .aboutD-a .smallMore i { font-size: 14px; } } .aboutG { padding:5vw 0 6vw; background: #ffffff; } .aboutG-a { text-align:center; } .aboutG-b { margin-top:2.5vw; } .aboutG-b { text-align:center; } .aboutG-b ul li { padding:1px; display:inline-block; width: calc(50% - 10px); } .aboutG-c { position: relative; } .aboutG-b ul li a { display:block; border-radius:5px; overflow: hidden; border:1px solid #b2dfd4; } .aboutG-d { text-align:left; position: absolute; left:0; bottom:0; padding:0 2vw 2vw; } .aboutG-d .icon { width:28px; height: 34px; background: url(../images/aboutg2.png) no-repeat center; } .aboutG-d .t { font-size:20px;color:#333333; margin: 10px 0 20px; } .aboutG-c i { font-style:normal; display: inline-block; transition: all 0.5s; border:1px solid #009672; background: #009672; border-radius: 50px; padding: 6px 30px; } .aboutG-c i span { display: inline-block; font-size: 16px; line-height: 1.8; padding-left: 24px; background: url(../images/aboutg3.png) no-repeat left center; color:#fff; } .aboutG-c i:hover { background: #0e8e63; border-color:#0e8e63; } .aboutG-b ul.list2 li { float: left; margin-right:20px; } .aboutG-b ul.list2 li:nth-child(2n) { margin-right:0; } .aboutG-b .mainQh { z-index: 10; border:1px solid #009672; } .aboutG-b .next { right: -80px; } .aboutG-b .prev { left: -80px; } .aboutG-b .mainQh.next:hover { background: url(../images/nextbg.png) no-repeat center #009672; } .aboutG-b .mainQh.prev:hover { background: url(../images/prevbg.png) no-repeat center #009672; } @media(max-width:1300px){ .aboutG-d .t { font-size:18px; margin:6px 0 12px; } .aboutG-b .mainQh { width: 46px; height: 46px; } } @media(max-width:1100px){ .aboutG-d .t { font-size:18px; margin:6px 0 12px; } .aboutG-b ul li { width: 100%; margin-right:0; } .aboutG-b ul li:nth-child(n+2) { margin-top:18px; } .aboutG-b .next { right: -20px; } .aboutG-b .prev { left: -20px; } } @media(max-width:640px){ .aboutG-d { padding: 0 16px 18px; } .aboutG-d .icon { width:28px; height: 28px; background: url(../images/aboutg2.png) no-repeat center; background-size: auto 100%; } .aboutG-d .t { font-size:16px; margin:6px 0 12px; } .aboutG-b ul li { width: 100%; margin-right:20px; } .aboutG-c i { padding: 4px 30px; } .aboutG-c i span { font-size:14px; } .aboutG-b .mainQh { width: 32px; height: 32px; } .aboutG-b .next { right: -16px; } .aboutG-b .prev { left: -16px; } } .nyNav { position: relative; z-index: 100; margin-top: -3.125vw; height: 3.125vw; width: 100%; background: rgba(0,0,0,0.3);} .nyNav ul li a { border-right: 1px solid rgba(255,255,255,0.2); display: block; width: 100%; text-align: center; line-height: 3.125vw; font-size: 1.04vw;color:#fff; } .nyNav ul li { float: left; } .nyNav ul li.cur a,.nyNav ul li:hover a { background: rgba(0,150,114,0.9); } .nyNav6 ul li { width: 16.6666%; } .nyNav5 ul li { width: 20%; } .nyNav3 ul li { width: 33.3333%; } .nyNav4 ul li { width: 25%; } .nyNav2 ul li { width: 50%; } @media(max-width: 1480px){ .nyNav { margin-top: -50px; height: 50px; } .nyNav ul li a { line-height: 50px; font-size: 16px; } } @media(max-width: 1024px){ .nyNav { margin-top: -60px; height: 60px; } .nyNav6 ul li { width: 33.3333%; } .nyNav4 ul li { width: 50%; } .nyNav6 ul li:nth-child(n+4) { border-top:1px solid rgba(255,255,255,0.2); } .nyNav ul li a { line-height: 30px; font-size: 14px; } .nyNav3 ul li a,.nyNav2 ul li a { line-height: 30px; } .nyNav3,.nyNav2 { height: 30px; margin-top:-30px; } .nyNav5 ul li { width: 30%; } .nyNav5 ul li:nth-child(3) { width: 40%; } .nyNav5 ul li:nth-child(n+4) { border-top: 1px solid rgba(255,255,255,0.2); width: 50%; } .nyNav4 ul li:nth-child(n+3) { border-top: 1px solid rgba(255,255,255,0.2); width: 50%; } } @media(max-width: 450px){ .nyNav5 ul li a { font-size: 12px; } } @media(max-width: 350px){ .nyNav ul li a { font-size: 13px; } } @media(max-width: 340px){ .nyNav ul li a { font-size: 12px; } } /* 绠$悊鍥㈤槦 */ .teams { background: url(../images/bg5.jpg) no-repeat left top/cover; } .teamss { padding:3vw 0 5.4vw; } .teamsA ul { display: flex; flex-wrap: wrap;} .teamsA ul li { cursor: pointer; float: left; width: 24%; margin-right:1.333%; } .teamsA ul li:nth-child(4n) { margin-right:0%; } .teamsA ul li:nth-child(n+5) { margin-top:1.5%; } .teamsA-a .img,.teamsA-a { border-radius: 10px; overflow: hidden; } .teamsA-a .img img { transition: all 0.6s; } .teamsA ul li:hover .teamsA-a .img img { transform: scale(1.1);} .teamsA-a .tit { position: absolute; left:0; bottom: 0; width: 100%; padding: 1vw; background: rgba(0,0,0,0.6); } .teamsA-a .tit .t { float: left; font-size: 20px; color:#fff; line-height: 30px; padding-right: 8px; border-right: 1px solid rgba(255,255,255,0.6); margin-right: 8px; } .teamsA-a .tit .relative { width: auto; height: 30px; float: left;} .teamsA-a .tit .c { position: absolute; left:0; top: 50%; transform: translateY(-50%); width: 10vw; font-size: 14px; line-height: 1.2; color:#fff; } .teamsA ul li:hover .teamsA-a .tit { background: rgba(0,150,114,0.9); } @media(max-width: 1480px){ .teamsA-a .tit .t { font-size: 16px; } .teamsA-a .tit .c { font-size: 13px; width: 12vw; } } @media(max-width: 1280px){ .teamsA-a .tit .t { font-size: 14px; line-height: 24px; } .teamsA-a .tit .relative { height: 24px;} .teamsA-a .tit .c { font-size: 12px; width: 14vw; } } @media(max-width: 1100px){ .teamsA ul li { width: 32%; margin-right: 2%; } .teamsA ul li:nth-child(4n) { margin-right:2%; } .teamsA ul li:nth-child(3n) { margin-right:0%; } .teamsA ul li:nth-child(n+4) { margin-top:2%; } .teamsA-a .tit .c { font-size: 12px; width: 18vw; } } @media(max-width: 800px){ .teamsA ul li { width: 49%; margin-right: 2%; } .teamsA ul li:nth-child(3n) { margin-right:2%; } .teamsA ul li:nth-child(2n) { margin-right:0%; } .teamsA ul li:nth-child(n+3) { margin-top:2%; } .teamsA-a .tit { padding: 16px 12px; } .teamsA-a .tit .t { width: 100%; border:none; font-size: 16px;; } .teamsA-a .tit .relative { height: auto; width: 100%; border:none; margin-top: 6px; } .teamsA-a .tit .c { position: relative; left:0; top: 0; transform: translateY(0); width: 100%; font-size: 13px; line-height: 1.5; color:#fff; } } @media(max-width: 500px){ .teamsA-a .tit { padding: 12px 8px; } .teamsA-a .tit .relative { margin-top: 2px; } } @media(max-width: 400px){ .teamsA-a .tit { padding: 8px 4px; } .teamsA-a .tit .relative { margin-top: 2px; } } .teamTc { display: none; position: fixed; background: rgba(0,0,0,0.7); left:50%; top:50%; transform: translate(-50%, -50%); width: 100%; height: 100%; z-index: 10000; } .teamTcA { width: 60%; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); } .teamTcA-a { opacity: 0; transition: all 0.6s; width: 100%; height: 100%; position: relative; overflow: hidden; border-radius: 8px; padding: 3vw 3vw 0; background: url(../images/teamtc.png) no-repeat center/cover #eaeaea;} .teamTcA-a.cur { opacity: 1; } .teamTcA-b { width: 37%; } .teamTcA-bA .teamTcA-b { padding-bottom: 4vw; } .teamTcA-bA .teamTcA-c { top: 40%; } .teamTcA-c { position: absolute; width: 60%; right:0; top:45%; transform: translateY(-50%); } .teamTcA-c .t { font-size: 1.56vw; color:#009672; } .teamTcA-c .ct { font-size: 1.1vw; color:#999999; } .teamTcA-c .t { padding-bottom:1vw; border-bottom:1px solid #009672; } .teamTcA-c .con { padding-right: 8px; max-height: 12vw; overflow-y: scroll; margin-top:1vw; } .teamTcA-c .con .c1 { font-size: 1.1vw; color:#333; margin-bottom: 1.2vw; } .teamTcA-c .con .c { font-size: 0.8vw; color:#666666; line-height: 1.8; } .teamTcA-a .close { z-index: 1000; margin: -20px 0 0 -20px; font-size: 30px; color:#999; font-weight: lighter; position: absolute; cursor: pointer; right: 2vw; top:2vw; } .teamTcA-a .close:hover { -webkit-animation:haha5 5s linear infinite;} @media(max-width: 1480px){ /*.teamTcA-b { width: 21vw; }*/ .teamTcA-c .t { font-size: 1.7vw; } .teamTcA-c .ct { font-size: 1.3vw; } .teamTcA-c .con { max-height: 12vw; margin-top:0.6vw; } .teamTcA-c .con .c1 { font-size: 1.3vw; margin-bottom: 0.8vw; } .teamTcA-c .con .c { font-size: 1.2vw; color:#666666; line-height: 1.8; } } @media(max-width: 1024px){ .teamTcA { width: 80%; } /*.teamTcA-b { width: 33vw; }*/ /*.teamTcA-c { width: 37vw; }*/ .teamTcA-c .t { font-size: 20px; } .teamTcA-c .ct { font-size: 18px; } .teamTcA-c .con { max-height: 24vw; margin-top:16px; } .teamTcA-c .con .c1 { font-size: 16px; margin-bottom: 20px; } .teamTcA-c .con .c { font-size: 14px; } .teamTcA-a .close { margin-top: -5px; } } @media(max-width: 640px){ .teamTcA { width: 80%; } .teamTcA-b { width: 100%; text-align: center; } .teamTcA-b img { max-width: 240px; } .teamTcA-c { width: 100%; position: relative; left:0; top:0; transform: translate(0); margin-top: 20px; padding-bottom: 20px; } .teamTcA-c .t { font-size: 20px; } .teamTcA-c .ct { font-size: 18px; } .teamTcA-c .con { max-height: 200px; margin-top:16px; } .teamTcA-c .con .c1 { font-size: 16px; margin-bottom: 20px; } .teamTcA-c .con .c { font-size: 14px; } } @media(max-width: 400px){ .teamTcA-b img { max-width: 180px; } .teamTcA-c .con { max-height: 160px; margin-top:16px; } } .mainQh { transition: all 0.6s; cursor: pointer; position: absolute; top:50%; transform: translateY(-50%); width: 60px; height: 60px; border-radius: 50%; } .mainQh.next { right: -80px; background: url(../images/next.png) no-repeat center #fff; } .mainQh.prev { left: -80px; background: url(../images/prev.png) no-repeat center #fff; } .mainQh.next:hover { background: url(../images/nextbg.png) no-repeat center #009672; } .mainQh.prev:hover { background: url(../images/prevbg.png) no-repeat center #009672; } @media(max-width: 1024px){ .mainQh { width: 40px; height: 40px; z-index: 100;} .mainQh.next { right: -40px; } .mainQh.prev { left: -40px; } } @media(max-width: 640px){ .mainQh.mainQh { width: 40px; height: 40px; z-index: 100;} .mainQh.next { right: -30px; } .mainQh.prev { left: -30px; } } .shgzA { width: 100%; overflow: hidden; background: url(../images/bg6.jpg) no-repeat left top/cover; } .shgzAA { padding:4vw 0 9vw; } .shgzA-a { position: relative; } .shgzA-a:after { content:''; width: 200%; height: 1px; background: #ededed; position: absolute; left:-50%; bottom:0; } .shgzA-a ul li { cursor: pointer; position: relative; padding: 1vw 0; width: 19vw; float: left; } .shgzA-a ul li:after { content:''; height: 2px; background: #9e9e9e; position: absolute; left:0; bottom: -1px; z-index: 10; transition: all 0.6s; width: 30%; } .shgzA-a ul li:hover:after { width: 100%; background: #009672; } .shgzA-a ul li:nth-child(1) { margin-right: 8vw; } .shgzA-a ul li:nth-child(3) { float: right; } .shgzA-b { padding-left: 5.2vw; } .shgzA-b .icon { width: 4.4vw; height: 4.4vw; border-radius: 50%; border:1px solid #999; transform: translateY(-50%); position: absolute; left:0; top:50%; padding:0.5vw; } .shgzA-b .icon img { width: 100%; height: auto;} .shgzA-b .icon img.pic2 { display: none; } .shgzA-b .con .t { font-size: 1.1vw; color:#666666; } .shgzA-b .con .c { font-size: 2.2vw; color:#009672; } .shgzA-a ul li:hover .icon,.shgzA-a ul li.cur .icon { border-color:#009672; background: #009672; } .shgzA-a ul li:hover .icon img.pic1,.shgzA-a ul li.cur .icon img.pic1 { display: none; } .shgzA-a ul li:hover .icon img.pic2,.shgzA-a ul li.cur .icon img.pic2 { display: inline-block; } @media(max-width: 1480px){ .shgzA-a ul li:nth-child(1) { margin-right: 11.5vw; } } @media(max-width: 1280px){ .shgzA-a ul li:nth-child(1) { margin-right: 13vw; } } @media(max-width: 1024px){ .shgzA-a ul li:nth-child(1) { margin-right: 0; } .shgzA-a ul li { padding: 16px 0; width: 100%; } .shgzA-a:after { display: none; } .shgzA-a ul li { border-bottom:1px solid #ededed; } .shgzA-a ul li:hover:after { width: 100%; background: #009672; } .shgzA-b { padding-left: 80px; } .shgzA-b .icon { width: 70px; height: 70px; padding:9px; } .shgzA-b .con .t { font-size: 18px; color:#666666; } .shgzA-b .con .c { font-size: 24px; color:#009672; } } @media(max-width: 640px){ .shgzA-b { padding-left: 70px; } .shgzA-b .icon { width: 60px; height: 60px; padding:9px; } .shgzA-b .con .t { font-size: 16px; color:#666666; } .shgzA-b .con .c { font-size: 20px; color:#009672; } } .shgzA-c { margin-top: 3.5vw; } .shgzA-c ul li { padding-top:1.6vw; } .shgzA-c ul li .t { font-weight: bold; font-size: 1.1vw; color:#2b9779; margin-bottom:12px; } .shgzA-c ul li .c { font-size: 16px; color:#666; line-height: 1.8; } @media(max-width: 1480px){ .shgzA-c ul li .t { font-size: 18px; margin-bottom:6px; } .shgzA-c ul li .c { font-size: 16px; } } @media(max-width: 1024px){ .shgzA-c ul li .c { font-size: 14px; } } .shgzB { padding: 5.7vw 0 7.3vw; background: #f4f4f4; } .shgzB-b { margin-top: 3vw; } .shgzB-c { border-radius: 16px; overflow: hidden;} .shgzB-c .con { padding:0.6vw 1vw; background: #5e6261;height: 54px;} .shgzB-c:hover .con { background: #169f7f; } .shgzB-c .con .t { font-size: 0.8vw; color:#fff; background: url(../images/dow.png) no-repeat right center; } .shgzB-a { z-index: 10; position: relative;} .shgzB-a .mainTit { float: left; } .shgzB-d { width: 13vw; background: #ffffff; border-radius: 50px; float: right; } .shgzB-d dl { cursor: pointer; z-index: 1; position: relative; padding:1vw 1.5vw; } .shgzB-d dt { font-size: 0.9vw; color:#666666; background: url(../images/sel.png) no-repeat right center; } .shgzB-d dd { display: none; background: #fff; padding: 12px 1.5vw; position: absolute; left: 0; top: 2.8vw; width: 100%; } .shgzB-d dd span { cursor: pointer; font-size: 16px; color:#333; line-height: 1.8; display: block; } .shgzB-d dd span:hover { color:#009672; } /* .shgzB-d dl:hover dd,.shgzB-d.cur dl dd { display: block!important; } */ @media(max-width: 1280px){ .shgzB-c .con .t { font-size: 14px;} .shgzB-c .con { padding: 10px 12px; } .shgzB-d dt { font-size: 16px; } .shgzB-d { width: 160px; } } @media(max-width: 1024px){ .shgzB-b .mainQh.next { background-color: #ddd; right: 10px; } .shgzB-b .mainQh.prev { background-color: #ddd; left: 10px; } .shgzB-b .mainQh.next:hover { background-color: #169f7f; } .shgzB-b .mainQh.prev:hover { background-color: #169f7f; } .shgzB-d dl { padding: 12px 10px; } .shgzB-d { width: 200px; } } @media(max-width: 640px){ .shgzB { padding: 30px 0 40px; } .shgzB-b { margin-top: 20px; } .shgzB-a .mainTit { width: 100%; } .shgzB-d { float: left; margin-top: 18px; } .shgzB-d dl { padding: 8px 10px; } } .shgzC { padding: 3.2vw 0; background: url(../images/bg7.jpg) no-repeat center/cover; } .shgzC-a .tit { float: left; font-size: 2.1vw; color:#fff; } .shgzC-a a { transition: all 0.8s; position: absolute; right:0; top:50%; transform: translateY(-50%); border:1px solid #fff; border-radius: 50px; padding: 0.5vw 3.3vw 0.5vw 3.7vw; } .shgzC-a a span { display: inline-block; font-size: 1.1vw; line-height: 1.8; color:#fff; } /*.shgzC-a a span { display: inline-block; font-size: 1.1vw; line-height: 1.8; padding-left: 34px; background: url(../images/jtwhiteb.png) no-repeat left center; color:#fff; }*/ /*.shgzC-a a:hover span { background: url(../images/jtwhitebbb.png) no-repeat left center; color:#28b4a7; }*/ .shgzC-a a:hover span { color:#28b4a7; } .shgzC-a a:hover { background: #fff; border-color:#fff; } @media(max-width: 1024px){ /* .shgzC-a { text-align: center;} */ .shgzC-a .tit { font-size: 22px; width: 100%; } .shgzC-a a { position: relative; float: left; top:0; transform: translate(0); margin-top: 16px; padding: 5px 30px; } .shgzC-a a span { font-size: 16px; line-height: 2; } } @media(max-width: 640px){ .shgzC-a .tit { font-size: 20px; } } /*浣跨敤鏉℃*/ .terms { padding: 0 0 4vw; background: url(../images/bg8.jpg) no-repeat center/cover; } .termsA { margin-top:2.5vw; } .termsA-a { font-size: 16px;color: #666666; line-height: 1.9; padding:2.5vw 2vw 8vw; background: #fff; } .termsA-a p:nth-child(n+2),.termsA-a table { margin-top: 12px; } .termsA-a p a { color:#009672; } .termsA-a table td { padding:12px 1vw; } /*鏂伴椈涓績*/ .news { background: #f7f7f7; padding:5vw 0; } .newsA-b { width: 45.5vw; position: absolute; right:0; top:50%; transform: translateY(-50%); } .newsA-d { position: relative; padding-left: 1.5vw; float: left; width: 28vw; border-radius: 50px; border:1px solid #cccccc; } .newsA-e { position: relative; padding-left: 1.5vw; float: right; width: 17vw; border-radius: 50px; border:1px solid #cccccc; } .newsA-d select { font-size: 16px;color: #666666; height: 52px; border:none; width: 11.5vw; background: none; } .newsA-e .inpSear { font-size: 16px;color: #999; height: 52px; border:none; width: 100%; background: none; } .newsA-e .inpSear::-webkit-input-placeholder {color: #999;} .newsA-e .inpSear:-moz-placeholder {/* Firefox 18- */color: #999;} .newsA-e .inpSear::-moz-placeholder{/* Firefox 19+ */color: #999;} .newsA-e .inpSear:-ms-input-placeholder {color: #999;} .newsA-d select:nth-child(2) { margin-left: 2vw; } .newsA-d:after { content:''; width: 1px; height: 60%; background: #ccc; position: absolute; left:50%; top:20%; } .newsA-e .seaBtn { transition: all 0.6s; cursor: pointer; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 80px; height: 50px; background: url(../images/search.png) no-repeat center; } .newsA-e .seaBtn:hover { background: url(../images/searchbga.png) no-repeat center; } .joinZZ .newsA-e { width: 100%; } @media(max-width: 1480px){ .newsA-d select { height: 44px; } .newsA-e .inpSear { height: 44px; } .newsA-e .seaBtn { height: 44px; } .newsA-b { width: 60vw; } .newsA-d { padding-left: 1.5vw; width: 36vw; } .newsA-e { width: 23vw; } .newsA-d select { width: 15vw; background: none; } .newsA-d select:nth-child(2) { margin-left: 2.5vw; } } @media(max-width: 1024px){ .newsA-b { width: 100%; position: relative; top:0; transform: translate(0); margin-top: 20px; } .newsA-d { padding-left: 1.5vw; width: 100%; } .newsA-e { width: 100%; margin-top: 10px; } .newsA-d select { width: 46%; background: none; } .newsA-d select:nth-child(2) { margin-left: 4vw; } } @media(max-width: 640px){ .newsA-d select,.newsA-e .inpSear,.newsA-e .seaBtn { height: 38px; } .newsA-e .seaBtn { width: 50px; } } .newsB { margin-top: 2vw; } .topNews { position: relative; } .topNews .img { overflow: hidden; border-radius: 6px; float: left; width: 42%; } .topNews .imga { height: 17vw; overflow: hidden; } .topNews .img img { transition: all 0.6s; } .topNews:hover .img img { transform: scale(1.05); } .topNews a { display: block; background: #ffffff; } .topNews .con { position: absolute; right: 0; width: 54%; top:48%; transform: translateY(-50%); padding-right:5%; } .topNews .con .d,.newsC-b .d { font-size: 16px;color:#009672; } .topNews .con .t { font-weight: bold; font-size: 1.5vw;color:#000; margin:10px 0; } .topNews .con .c,.newsC-b .c { font-size: 16px;color:#999999; line-height: 1.8; margin-bottom:3vw; } .topNews:hover .mainMoreA { color:#ffffff; } .topNews:after { content:''; width: 50%; height: 4px; background: #009672; position: absolute; right:0; bottom:0; } @media(max-width: 1480px){ .topNews .imga { height: 19vw; overflow: hidden; } .topNews .con .c,.topNews .con .d,.newsC-b .d,.newsC-b .c { line-height: 1.6; font-size: 14px; } } @media(max-width: 1024px){ .topNews .img,.topNews:after { width: 100%; } .topNews .imga { height: auto; overflow: hidden; } .topNews .con { float: left; position: relative; top: 0; transform: translateY(0); padding: 20px 20px 40px; width: 100%; } } @media(max-width: 640px){ .newsB { margin-top: 20px; } .topNews .con { padding: 12px 12px 20px; } .topNews .con .t { font-size: 18px; margin:6px 0 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; } .topNews .con .c,.newsC-b .c { overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; margin-bottom: 16px; } } .newsC ul li { margin-top:20px; background: #ffffff; padding:2vw; border-radius: 5px; overflow: hidden; } .newsC ul li a { display: block; } .newsC ul li a .newsC-a .img{overflow: hidden;} .newsC ul li a .newsC-a .img img{transform: scale(1);transition: all 0.5s;} .newsC ul li:hover a .newsC-a .img img{transform: scale(1.1);transition: all 0.5s;} .newsC-a .img { min-height: 12vw; height: 14vw; overflow: hidden; float: left; width: 20vw; } .newsC-a .newsC-b { position: absolute; right: 0; top: 48%; transform: translateY(-50%); width: 46vw; } .newsC-b .t { font-weight: bold; font-size: 1.25vw; color:#000; margin:10px 0; } .newsC-b .c { margin-bottom: 2vw; } .newsC ul { margin-bottom:3vw; } @media(max-width: 1480px){ .newsC-a .img { width: 35%; } .newsC-a .img { min-height: 17vw; } .newsC-b .t { font-size: 18px; } .newsC-a .img { height: 14vw; } .homeBoxD-h .t{margin-top: -2px;} } @media(max-width: 1280px){ .newsC-a .img { width: 38%; } .newsC-a .img { min-height: 20vw; } .newsC-b .t { font-size: 18px; } } @media(max-width: 1024px){ .newsC-a .img { width: 40%; } .newsC-a .img { min-height: 24vw; height: 24vw; } .newsC-a .newsC-b { width: 55%; } .newsC-b .t { font-size: 18px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow: hidden; } .newsC-b .c { text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; } } @media(max-width: 640px){ .newsC-a .img { width: 40%; } .newsC-a .newsC-b { width: 55%; } .newsC-b .t { margin: 5px 0 0; font-size: 16px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5; overflow: hidden; } .newsC-b .c { display: none; } .newsC-b .mainMore { display: none; } .newsC ul { margin-bottom:20px; } } @media(max-width: 360px){ .newsC-b .t { margin: 5px 0 0; font-size: 14px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5; overflow: hidden; } .newsC-b .c { display: none; } .newsC-b .mainMore { display: none; } } /*鏂伴椈璇︽儏*/ .bg9 { background: url(../images/bg9.png) no-repeat center top #f2f2f2; background-size: 100% auto; } .xunhuan_xq{ padding: 3vw 0 5vw; } .xunhuan_xq .bt{ font-size: 1.6vw; color: #333333; } .xunhuan_xq .left{ width: 100%; padding: 2.5vw 2vw; background: #ffffff; } .xunhuan_xq .left .text{ line-height: 1.5; } .xunhuan_xq .left .text p{ line-height: 1.9; color: #555555; font-size: 16px; margin-top: 12px; } .xunhuan_xq .left .text ul { margin-left: 16px; list-style: disc; } .xunhuan_xq .left .text p:nth-child(n+2) { margin-top: -5px; } @media(max-width: 1024px){ .xunhuan_xq { padding: 10px 0 40px; } .xunhuan_xq .left{ width: 100%; padding: 20px 12px; } .xunhuan_xq .bt { font-size: 20px; } } .new_xq .bt_box{ color: #999999; margin-top: 16px; padding-bottom: 26px; margin-bottom: 26px; border-bottom: 1px solid #f2f2f2; } .new_xq .bt_box .sj{ float: left; } .new_xq .bt_box .zz{ float: left; margin-left: 40px; } .new_xq .bt_box .fx{ float: right; } .new_xq .bt_box .fx a{ display: inline-block; vertical-align: middle; width: 20px; height: 17px; margin-right: 8px; } .new_xq .bt_box .fx a:last-child{margin-right: 0;} .new_xq .bt_box .fx a.weixin{ background: url(../images/new_xq_icon1.png) center center/cover; } .new_xq .bt_box .fx a.weibo{ background: url(../images/new_xq_icon2.png) center center/cover; } .new_xq .btm{ border-top: 1px solid #f2f2f2; padding-top: 30px; margin-top: 50px; } .new_xq .btm .l{ float: left; width: calc(100% - 200px); } .new_xq .btm .l a{ font-size: 15px; margin: 10px 0; padding-left: 30px; background: url(../images/moreb.png) no-repeat left center; display: block;color: #666666; } .new_xq .btm .r a{ font-size: 15px; margin: 10px 0; padding-left: 30px; background: url(../images/morebb.png) no-repeat left center; display: block;color: #666666; } .new_xq .btm .l a:hover,.new_xq .btm .r a:hover { color:#27997a; } .new_xq .btm .r{float: right;} @media(max-width: 1500px){ .new_xq .btm { padding-top: 20px; margin-top: 30px; } } .newDetail { padding: 1.6vw 0; } @media(max-width: 1024px){ .newDetail { padding: 20px 0; } .new_xq .bt_box{ padding-bottom: 20px; margin-bottom: 20px; } .new_xq .bt_box .zz{ margin-left: 30px; } } @media(max-width: 640px){ .new_xq .bt_box .fx{width: 100%;margin-top: 12px; } .new_xq .btm .r{float: left;margin-top: 0px;} .new_xq .btm .r a{text-align: center;} .new_xq .btm .l{width: 100%;} .new_xq .btm .l a{width: 100%;margin-right: 0; } .new_xq .btm .l a{background: url(../images/moreb.png) no-repeat left 4px; } .new_xq .btm .r a{ background: url(../images/morebb.png) no-repeat left 4px; } } /*娲诲姩閫熼€?/ .newsD-a { border-bottom: 2px solid #009672; background: #fff; padding:2vw 2vw 2.5vw; position: relative; } .newsD-a .t { height: 6vw; overflow: hidden; font-size: 1.25vw; padding-bottom: 0.6vw; border-bottom: 1px solid #dedede; margin-bottom:1.5vw; line-height: 1.4; } .newsD-a .t a{color:#333333;} .newsD-a .cc { float: left; } .newsD-a .add { font-size: 16px;color:#999999; padding-left: 18px; background: url(../images/addbg.png) no-repeat left center; } .newsD-a .d { font-size: 16px;color:#009672; margin-top:12px; } .newsD-a .more { float: right; padding:10px 28px; background: #009672; border-radius: 50px; } .newsD-a .more i { font-size: 16px;color:#fff; display: inline-block; font-style: normal; line-height: 1.5; } @media(max-width: 1680px){ .newsD-a .d { font-size: 14px; } } @media(max-width: 1480px){ .newsD-a .add,.newsD-a .d,.newsD-a .more i { font-size: 14px; } .newsD-a .more { padding: 8px 20px; } } @media(max-width: 1280px){ .newsD-a .add,.newsD-a .d,.newsD-a .more i { font-size: 12px; } .newsD-a .more { padding: 8px 20px; } } @media(max-width: 1024px){ .newsD-a .t { font-size: 16px; line-height: 20px; height: 60px; } .newsD-a .add,.newsD-a .d,.newsD-a .more i { font-size: 14px; } .newsD-a .more { padding: 8px 20px; } .newsD-a { padding:16px 12px; } .newsD-a .t { padding-bottom: 16px; margin-bottom: 16px; } /*.newsD .mainQh { display: none; }*/ .newsD .mainQh.prev { left:-20px; } .newsD .mainQh.next { right:-20px; } .newsD .mainQh.next { background: url(../images/nextbg.png) no-repeat center #009672; } .newsD .mainQh.prev { background: url(../images/prevbg.png) no-repeat center #009672; } .newsD .mainQh.next:hover { background: url(../images/nextbg.png) no-repeat center #009672; } .newsD .mainQh.prev:hover { background: url(../images/prevbg.png) no-repeat center #009672; } } /*CRO鑽墿鐮斿彂鏈嶅姟*/ .croA .aboutA-b .cc { margin-top:0; } .croA .aboutA-b .cc p:nth-child(n+2) { margin-top: 20px; } .croA .aboutA-b { width: 100%; } .homeBoxA-d .num i { font-style: normal; font-size: 1.5vw; } .croA .homeBoxA-c ul li { width: 25%; margin-right:0; } .croA .homeBoxA-c ul li:nth-child(2),.croA .homeBoxA-c ul li:nth-child(6) { width: 30%; } .croA .homeBoxA-c ul li:nth-child(3),.croA .homeBoxA-c ul li:nth-child(7) { width: 28%; } .croA .homeBoxA-c ul li:nth-child(4n) { width: 16%; } .croA .homeBoxA-c ul li:nth-child(n+5) { margin-top: 20px; } .croA .homeBoxA-c ul li:nth-child(7) { width: 40%; } .croA .homeBoxA-b .c,.croA .homeBoxA-d .c { font-size: 16px; } .croA.aboutA { background: url(../images/bg2.jpg) no-repeat left top; background-size: 90% auto; } @media(max-width: 1480px){ .croA .aboutA-b .cc { font-size: 16px; } .aboutA-b .cc img { width: 12px!important; height: auto!important; } } @media(max-width: 640px){ .croA .homeBoxA-c ul li { width: 50%!important; } .croA .homeBoxA-c ul li:nth-child(7) { width: 100%!important; } .croA .homeBoxA-c ul li:nth-child(n+3) { margin-top: 10px; } .croA .homeBoxA-c ul li:nth-child(2n-1) { padding-right: 10px; } .croA .homeBoxA-c ul li:nth-child(2n) { padding-left: 10px; } .croA .homeBoxA-b .c p, .croA .homeBoxA-d .c p { display: inline; } .croA .homeBoxA-b .c,.croA .homeBoxA-d .c { font-size: 14px; } } .croB { background: #f7f7f7; padding:15vw 0 6vw; } .croBB { padding-top: 6vw; } .croB-b { margin-top:2vw; } .croB-b ul li { transition: all 0.5s; border-bottom: 3px solid #fff; background: #fff; border-radius: 6px; overflow: hidden; float: left; width: calc(25% - 9px); margin-right: 12px; } .croB-b ul { display: flex; flex-wrap: wrap; } .croB-b ul li:last-child { margin-right:0; } .croB-b ul li:hover { border-color: #009672; box-shadow: 0 0 6px 6px rgba(120,120,120,0.1); } .croB-b .topTit { padding: 1.5vw 1.2vw 1.5vw; background: url(../images/bg10.jpg) no-repeat center/cover; border-radius: 5px; overflow: hidden; } .croB-b .topTit .t { font-size: 1.5vw; color:#fff; margin-top:0.8vw; } .croB-b .con { padding:1.2vw 1.5vw 1.5vw; } .croB-b .con .ct { font-size: 0.8vw; color:#666666; line-height: 1.6; min-height: 3.84vw; } .croB-b .con .c { margin-top: 1vw; font-size: 0.8vw; color:#666666; line-height: 1.8; } .croB-b .con .c p { position: relative; padding-left:12px; } .croB-b .con .c p:before { content:''; box-sizing: border-box; width: 6px; height: 6px; border:2px solid #009672; background: #009672; border-radius: 50%; position: absolute; left:0; top:10px;} @media(max-width: 1480px){ .croB-b .topTit img { width: 3.4vw; } .croB-b .con .ct { font-size: 14px; min-height: 68px; } .croB-b .con .c { font-size: 14px; } } @media(max-width: 1180px){ .croB-b .con .ct { min-height: 90px; } } @media(max-width: 1024px){ .croB-b ul li { width: calc(50% - 5px); margin-right: 10px; } .croB-b ul li:nth-child(2n) { margin-right:0; } .croB-b ul li:nth-child(n+3) { margin-top:20px; } .croB-b .topTit img { width: 6vw; } .croB-b .topTit .t { font-size: 18px; } .croB-b .con .ct { font-size: 14px; } .croB-b .con .ct { min-height: 45px; } .croB-b .con .c { font-size: 14px; } .croBB { padding-top:30px; } } @media(max-width: 750px){ .croB-b .con .ct { min-height: 75px; } } @media(max-width: 540px){ .croB-b ul li { width: 100%; margin-right: 0; } .croB-b ul li:nth-child(2n) { margin-right:0; } .croB-b ul li:nth-child(n+2) { margin-top:20px; } .croB-b .topTit img { width: 40px; } .croB-b .topTit { padding: 15px 12px; } .croB-b .con { padding: 12px 12px 15px; } .croB-b .topTit .t { font-size: 18px; } .croB-b .con .ct { font-size: 14px;min-height: 15px; } .croB-b .con .c { font-size: 14px; } } .croC { position: relative; padding: 12.5vw 0; background: url(../images/bg11.jpg) no-repeat center/cover; } .croC ul li { font-weight: bold; float: left; width: 25%; font-size: 2vw; color: #fff; position: relative; text-align: center; display: inline-block; } .croC ul li:after { content:''; width: 19vw; height: 19vw; position: absolute; left:50%; top:50%; margin: -54% 0 0 -52%; background: url(../images/bg17.png) no-repeat center; background-size: 99% 99%; } .croC-a .quan { display: none; width: 10px; margin-right: 5px; height: 10px; border-radius: 50%; border:2px solid #fff; box-sizing: border-box; position: absolute; top:50%; transform: translateY(-50%); } .croC-a .quana { left: 25%; } .croC-a .quanb { left: 50%; } .croC-a .quanc { left: 75%; } .croC ul li:hover:after { -webkit-animation:haha5 5s linear infinite;} @-webkit-keyframes haha5{ 0%{-webkit-transform:rotate(0deg);} 25%{-webkit-transform:rotate(90deg);} 50%{-webkit-transform:rotate(180deg);} 75%{-webkit-transform:rotate(270deg);} 100%{-webkit-transform:rotate(360deg);} } @media(max-width: 1480px){ .croC-a .quan { width: 8px; height: 8px; } .croC ul li:after { width: 21vw; height: 21vw;} } @media(max-width: 1280px){ .croC ul li:after { width: 23vw; height: 23vw;} } @media(max-width: 1024px){ .croC ul li { font-size: 24px; } .croC ul li:after { width: 26vw; height: 26vw;} } @media(max-width: 640px){ .croC ul li { text-align: center; width: 50%; margin: 10px 0; font-size: 20px; } .croC-a .quan, .croC ul li:after { display: none; } .croC ul li span { display: inline-block; width: 100px; text-align: left; } } .croD { padding:6vw 0 6.5vw; background: #f7f7f7; } .croD-a .mainTit .c { font-size: 16px; margin-top: 0.6vw; } .croD-b { margin-top:2vw; } .croD-b ul { display: flex; flex-wrap: wrap; } .croD-b ul li { transition: all 0.5s; float: left; border-radius: 5px; border-bottom: 3px solid #009672; overflow: hidden; width: 33%; margin-right: 0.5%; background: #fff; } .croD-b ul li:nth-child(3) { margin-right:0; } .croD-b ul li:hover { border-color: #27a687; box-shadow: 0 0 6px 6px rgba(120,120,120,0.1); } .croD-c { padding:1.6vw 1.6vw 1.6vw; } .croD-c .icon { float: left; display: inline-block; padding:0; border-radius: 50%; border:1px solid #dedede; } .croD-c .con { float: right; width: 72%; } .croD-c .icon img { width: 4.5vw; } .croD-c .t { font-size: 1.5vw; color:#009672; margin:1vw 0 0.9vw; } .croD-c .c { font-size: 16px; color:#666666; line-height: 1.8; } @media(max-width: 1480px){ .croD-c .icon img { width: 50px; } .croD-c .con { width: calc(100% - 68px); } .croD-c .t { font-size: 1.8vw; } .croD-c .c { font-size: 14px; } } @media(max-width: 1024px){ .croD-c .icon img { width: 50px; } .croD-c .t { font-size: 1.8vw; } .croD-c .c { font-size: 14px; } .croD-a .mainTit .c { margin-top: 12px; } .croD-b { margin-top:20px; } } @media(max-width: 750px){ .croD-b ul li { width: 100%; margin-right:0; } .croD-c{ padding: 16px 12px 20px; } .croD-b ul li:nth-child(n+2) { margin-top: 16px; } .croD-c .t { font-size: 20px; margin: 12px 0 6px; } .croD-c .c { font-size: 14px; } } .croE { background: url(../images/bg12.jpg) no-repeat center/cover; } .shgzC-a .tit span { display: block; font-size: 1vw; margin-top: 0.6vw; } @media(max-width: 1024px){ .shgzC-a .tit span { font-size: 16px; margin-top: 10px; } } /*浼佷笟鏂囧寲*/ .qywhA { background: url(../images/bg13.jpg) no-repeat center/cover; padding: 0 0 6.5vw; } .qywhA .aboutA-a { margin-top:3.5vw; } .qywhA .aboutA-a .mainTit { width: 100%; } .qywhA .aboutA-b { width: 100%; margin-top:2vw; } .qywhA .aboutA-b .tt { color:#009672; } .aboutC-b dl dd { position: relative; } .qywhA-e { transition: all 0.6s; opacity: 0; position: absolute; top:44%; padding: 0 2vw; transform: translateY(-50%); width: 100%; text-align: center; left:0; } .qywhA-e .ttt { color:#fff; } .qywhA-e .cc { color:#fff; font-size: 16px; margin-top: 1vw!important; max-height: 86px; overflow-y: scroll; } .qywhA-e .cc{ scrollbar-color: rgba(255,255,255,0.3) rgba(0,0,0,0); scrollbar-width: thin; -ms-overflow-style:none; } .qywhA-e .cc::-webkit-scrollbar { width: 3px; height: 1px; } .qywhA-e .cc::-webkit-scrollbar-thumb { border-radius: 3px; -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); background: rgba(255,255,255,0.3); } .qywhA-e .cc::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); border-radius: 3px; background: rgba(255,255,255,0); } .aboutC-b dl dd:hover .icon,.aboutC-b dl dd:hover .t { opacity: 0; } .aboutC-b dl dd:hover .qywhA-e { opacity: 1; } @media(max-width: 1680px){ .qywhA-e { padding: 0 1vw; } .qywhA-e .ttt { font-size: 24px; } .qywhA-e .cc { font-size: 14px; max-height: 76px; margin-top: 10px!important; } } @media(max-width: 1480px){ .qywhA-e { padding: 0 1vw; } .qywhA-e .ttt { font-size: 20px; } .qywhA-e .cc { font-size: 14px; max-height: 54px; line-height: 1.4; margin-top: 2px!important; } .aboutC-b dl dd { padding: 2.2vw 1vw 2.4vw; } .aboutC-b dl dd .t { margin-bottom: 2vw; } } @media(max-width: 640px){ .qywhA .aboutC-b dl dd:hover .icon,.qywhA .aboutC-b dl dd:hover .t { opacity: 1; } .qywhA .aboutC-b dl dd:hover .qywhA-e { opacity: 0; } } .qywhB { background: url(../images/bg15.png) no-repeat right center; background-size: auto 100%; } .qywhB .aboutA-a { margin-top: 2vw; } .qywhB-a { padding: 2.6vw 0; border-top: 1px solid #ededed; } .qywhB-a:nth-child(1) { border:none; } .qywhB-a .tit { float: left; width: 30%; } .qywhB-a .tit { position: relative; font-size: 2.1vw; line-height: 2.1vw; color:#009672; padding-left:5.6vw; } .qywhB-a .tit .icon { width: 4.6vw; height: 4.6vw; position: absolute; left: 0; top:50%; transform: translateY(-50%); border-radius: 50%; border:1px solid #dedede; } .qywhB-a .con { float: left; width: 70%; } .qywhB-a .con .t { padding-left:17px; line-height: 2.1vw; font-size: 1.25vw; transition: all 0.6s; color:#333333; position: relative; } .qywhB-a .con .t span { position: absolute; transform: translateY(-50%); left:0; top: 50%; width: 8px; transition: all 0.6s; height: 8px; border:2px solid #009672; background: #6ac1ac; border-radius: 5px; } .qywhB-a .con .t:hover { padding-left: 36px; } .qywhB-a .con .t:hover span { width: 28px; } .qywhB-a .con ul { display: flex; flex-wrap: wrap; } .qywhB-a .con ul li { width: 50%; padding-right: 20px; } .qywhB-a .con ul li .c { max-width: 16vw; font-size: 0.8vw; color:#666666; line-height: 1.8; margin-top: 8px; } .qywhB-a .con ul li:nth-child(n+3) { margin-top:1.5vw; } @media(max-width: 1480px){ .qywhB .aboutA-a { margin-top: 2vw; } .qywhB-a { padding: 30px 0; } .qywhB-a .tit { width: 30%; } .qywhB-a .tit { font-size: 24px; line-height: 24px; padding-left:56px; } .qywhB-a .tit .icon { width: 50px; height: 50px; } .qywhB-a .con { float: left; width: 70%; } .qywhB-a .con .t { line-height: 24px; font-size: 18px; } .qywhB-a .con .t:hover { padding-left: 36px; } .qywhB-a .con .t:hover span { width: 28px; } .qywhB-a .con ul li { width: 50%; padding-right: 20px; } .qywhB-a .con ul li .c { max-width: 280px; font-size: 14px; } } @media(max-width: 1024px){ .qywhB .aboutA-a { margin-top: 2vw; } .qywhB-a { padding: 30px 0 16px 0; } .qywhB-a .tit { width: 100%; } .qywhB-a .tit { font-size: 24px; line-height: 24px; padding-left:56px; } .qywhB-a .con { float: left; width: 100%; margin-top: 24px; } .qywhB-a .con .t:hover { padding-left: 17px; } .qywhB-a .con .t:hover span { width: 8px; } } @media(max-width: 640px){ .qywhB-a .con ul li { width: 100%; padding-right: 20px; } .qywhB-a .con ul li:nth-child(n+2) { margin-top:16px; } } /*CDMO鐮斿彂鐢熶骇鏈嶅姟*/ .cdmoAA { padding-bottom: 8vw; } .cdmoA .aboutA-b .cc { margin-top:0; } .cdmoA .aboutA-b .homeBoxA-c ul { display: flex; flex-wrap: wrap; } .cdmoA .aboutA-b .homeBoxA-c ul li { display: flex; flex-wrap: wrap; margin-right: 8vw; } .cdmoA .aboutA-b .homeBoxA-c ul li:last-child { margin-right:0; } .cdmoA .aboutA-b { width: 100%; } .efsZ .aboutA-b .homeBoxA-c ul li .homeBoxA-d { position: relative; padding-left: 4.1vw; position: relative; } .efsZ .aboutA-b .homeBoxA-c ul li .homeBoxA-d .icon { position: absolute; left:0; top:50%; transform: translateY(-50%); } .efsZ .aboutA-b .homeBoxA-c ul li .homeBoxA-d em { font-style: normal; } @media(max-width: 1680px){ .cdmoA .aboutA-b .homeBoxA-c ul li { margin-right: 7vw; } } @media(max-width: 1480px){ .efsZ .aboutA-b .homeBoxA-c ul li .homeBoxA-d { padding-left: 6vw; } } @media(max-width: 1280px){ .cdmoA .aboutA-b .homeBoxA-c ul li { margin-right: 8vw; } .efsZ .aboutA-b .homeBoxA-c ul li .homeBoxA-d { padding-left: 7vw; } } @media(max-width: 1024px){ .cdmoA .aboutA-b .homeBoxA-c ul li { margin-right: 5vw; } .efsZ .aboutA-b .homeBoxA-c ul li .homeBoxA-d .icon { position: relative; top:0; transform: translate(0); } .efsZ .aboutA-b .homeBoxA-c ul li .homeBoxA-d { padding-left: 0vw; } .efsZ .aboutA-b .homeBoxA-c ul li .homeBoxA-d em { display: block; } } @media(max-width: 750px){ .cdmoA .aboutA-b .homeBoxA-c ul li { width: 50%; margin-right:0; } .cdmoA .aboutA-b .homeBoxA-c ul li:nth-child(n+3) { margin-top: 16px; } } .cdmoB-b { position: absolute; left:0; top:0; width: 28.5%; height: 100%; } .cdmoB-d { float: right; width: 71.5%; padding:3.6vw 3.5vw; } .cdmoB-a { margin-top: 20px; background: #fff; } .cdmoB-a { border-bottom: 4px solid #37b292; } .cdmoB-a:nth-child(1) { border-bottom: 4px solid #37b292; } .cdmoB-a:nth-child(2) { border-bottom: 4px solid #28b4a7; } .cdmoB-a:nth-child(3) { border-bottom: 4px solid #245dab; } .cdmoB-a:nth-child(1) .cdmoB-b { background: url(../images/bg16.jpg) no-repeat center/cover; } .cdmoB-a:nth-child(2) .cdmoB-b { background: url(../images/bg14.jpg) no-repeat center/cover; } .cdmoB-a:nth-child(3) .cdmoB-b { background: url(../images/bg15.jpg) no-repeat center/cover; } .cdmoB-c { position: absolute; width: 100%; left:0; top:50%; transform: translateY(-50%); text-align: center; } .cdmoB-c .tit { font-size: 2.1vw; color:#fff; margin-top: 10px; } .cdmoB-d .topC { font-size: 0.9vw; color:#666666; line-height: 1.8; margin-bottom:2vw; } .cdmoB-e ul li { border-bottom: 1px solid #ededed; float: left; width: 32%; margin-right:2%; } .cdmoB-e ul { display: flex; flex-wrap: wrap; } .cdmoB-e ul li:nth-child(3n) { margin-right:0; } .cdmoB-e ul li a { display: block; font-size: 1.05vw; color:#333333; padding-right: 26px; background: url(../images/moreb.png) no-repeat right center; padding: 15px 26px 15px 0; position: relative; } .cdmoB-e ul li a:after { content:''; width: 0; height: 3px; background: #009672; position: absolute; left:0; bottom: -1px; transition: all 0.6s; } .cdmoB-e ul li:hover a:after { width: 100%; } @media(max-width: 1480px){ .cdmoB-c img { width: 4.5vw; } .cdmoB-d .topC { font-size: 16px; } .cdmoB-e ul li a { font-size: 16px; } } @media(max-width: 1280px){ .cdmoB-c img { width: 4.5vw; } .cdmoB-d .topC { font-size: 14px; } .cdmoB-e ul li a { font-size: 15px; } } @media(max-width: 1180px){ .cdmoB-c img { width: 4.5vw; } .cdmoB-d .topC { font-size: 12px; } .cdmoB-e ul li a { font-size: 14px; } } @media(max-width: 1024px){ .cdmoB-b,.cdmoB-c { top: 0; transform: translateY(0); width: 100%; position: relative; } .cdmoB-c { padding: 20px 0; } .cdmoB-c img { width: 50px; } .cdmoB-c .tit { font-size: 20px; } .cdmoB-d { float: none; width: 100%; padding: 16px 12px; } .cdmoB-d .topC { font-size: 14px; margin-bottom: 16px; } .cdmoB-e ul li a { font-size: 16px; } } @media(max-width: 640px){ .cdmoB-e ul li { width: 49%; margin-right:2%; } .cdmoB-e ul li:nth-child(3n) { margin-right:2%; } .cdmoB-e ul li:nth-child(2n) { margin-right:0; } } @media(max-width: 500px){ .cdmoB-e ul li { width: 100%; margin-right:0; } .cdmoB-e ul li:nth-child(3n) { margin-right:0; } .cdmoB-e ul li:nth-child(2n) { margin-right:0; } } /* 鍏徃閲岀▼纰 */ .history { padding: 0; width: 100%; overflow: hidden; padding-bottom: 0; background: url(../images/bg5.jpg) no-repeat left top #fff; background-size: auto 100%; } .historyA { padding: 6vw 0 5.4vw; } .historyA-c { position: relative; z-index: 10; font-size: 15px; color:#999999; padding-left: 50px; background: url(../images/down.png) no-repeat 22px center #fff; line-height: 40px;} .historyA-a { position: relative; padding-bottom:3vw; } .historyA-b { float: left; width: 14%;} .historyA-d { float: left; width: 44%; } .historyA-b ul { margin-bottom: 2vw; height: 420px; overflow-y: scroll; } .historyA-b ul{ scrollbar-color: rgba(0,0,0,0) rgba(0,0,0,0); scrollbar-width: thin; -ms-overflow-style:none; } .historyA-b ul::-webkit-scrollbar { width: 3px; height: 1px; } .historyA-b ul::-webkit-scrollbar-thumb { border-radius: 3px; -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); background: rgba(0,0,0,0); } .historyA-b ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); border-radius: 3px; background: rgba(0,0,0,0); } .historyA-b ul li { cursor: pointer; line-height: 60px; font-size: 18px;color:#999999; } .historyA-a:before { content: ''; position: absolute; left: 27px; top:26px; width: 1px; height: 100%; background: #f3f3f3; } .historyA-b ul li p { transition: all 0.6s; padding-left: 45px; position: relative; } .historyA-b ul li p span { transition: all 0.6s; display: inline-block; width: 9px; height: 9px; background: #009672; border:2px solid #fff; border-radius: 50%; position: absolute; top:50%; transform: translateY(-50%); left: 23px; } .historyA-b ul li p span i { transition: all 0.6s; display: block; width: 100%; height: 100%; } .historyA-b ul li.cur p { padding-left:56px; font-size: 30px;color:#009672;} .historyA-b ul li.cur p span { left:20px; width: 16px; height: 16px; background: #009672; border: none; } .historyA-b ul li p span i:after { transition: all 0.6s; content:''; width: 0px; height: 0px; border-radius: 50%; border:1px solid #009672; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);} .historyA-b ul li.cur p span i:after { width: 32px; height: 32px; } .historyA-e .tit { margin-bottom: 20px; border-bottom: 1px solid #ededed; font-size: 30px; color:#009672; } .historyA-e .tit span { display: inline-block; padding-bottom:18px; border-bottom:2px solid #009672; margin-bottom: -1px; } .historyA-f { margin-top: 40px; } .historyA-e ul li { line-height: 30px; font-size: 16px;color:#666666; margin-bottom: 5px; } .historyA-g { padding-left: 60px; position: relative; } .historyA-g .d { line-height: 30px; background: url(../images/bg14.png) no-repeat left center; top: 0; left: 0; padding-left: 14px; position: absolute; } .historyA-h { float: right; width: 51%; } .historyA-i { border-radius: 8px; overflow: hidden; } .historyA-i .con { position: absolute; left: 0; bottom:0; background: rgba(0,150,114,0.8); width: 100%; text-align: center; font-size: 18px;color:#fff; padding: 12px 0; } .historyA-i .img { overflow: hidden;} .historyA-i .img img { transition: all 0.3s; } .historyA-i:hover .img img { transform: scale(1.05); } .historyA-j { float: right; width: 86%;} .historyA-h .swiper-container .swiper-pagination { bottom: 60px; } .historyA-h .swiper-container .swiper-pagination-bullet { opacity: 0.4; background: #009672; } .historyA-h .swiper-container .swiper-pagination-bullet-active { opacity:1; } .historyA-d { height: 22vw; overflow-y: scroll; } .historyA-d,.historyA-b{ scrollbar-color: rgba(0,0,0,0) rgba(0,0,0,0); scrollbar-width: thin; -ms-overflow-style:none; } .historyA-d::-webkit-scrollbar,.historyA-b::-webkit-scrollbar { width: 3px; height: 1px; } .historyA-d::-webkit-scrollbar-thumb,.historyA-b::-webkit-scrollbar-thumb { border-radius: 3px; -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); background: rgba(0,0,0,0); } .historyA-d::-webkit-scrollbar-track,.historyA-b::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); border-radius: 3px; background: rgba(0,0,0,0); } @media(max-width: 1780px){ .historyA-e ul li { font-size: 14px; line-height: 24px; } .historyA-g .d { line-height: 24px; } .historyA-g { padding-left: 50px; } .historyA-b ul li { line-height: 50px; } .historyA-b ul { height: 350px; } .historyA-f { margin-top: 20px;} .historyA-e .tit span { font-size: 28px; } .historyA-c { font-size: 14px; padding-left: 42px; } } @media(max-width: 1680px){ .historyA-b ul li { font-size: 16px; } .historyA-b ul li.cur p { padding-left:48px; font-size: 24px; } .historyA-c { font-size: 13px; padding-left: 42px; } .historyA-b ul li.cur p span { left: 24px; width: 8px; height: 8px; } .historyA-b ul li.cur p span i:after { width: 22px; height: 22px; } .historyA-h .swiper-container .swiper-pagination { bottom: 56px; } } @media(max-width: 1480px){ .historyA-b ul { height: 300px; } .historyA-e .tit span { font-size: 24px; padding-bottom: 15px; } .historyA-e .tit { margin-bottom: 16px; } .historyA-i .con { font-size: 16px;} } @media(max-width: 1380px){ .historyA-b { width: 16%; } .historyA-j { width: 84%; } } @media(max-width: 1280px){ .historyA-b ul { height: 300px; } .historyA-d { height: 24vw; } .historyA-e .tit span { font-size: 24px; padding-bottom: 15px; } .historyA-e .tit { margin-bottom: 16px; } .historyA-i .con { font-size: 14px; padding: 8px 0;} .historyA-h .swiper-container .swiper-pagination { bottom: 42px; } } @media(max-width: 1024px){ .historyA-b { width: 100%; } .historyA-j { width: 100%; } .historyA-b ul { height: auto; } .historyA-b ul li { text-align: center; float: left; width: 100px; } .historyA-b { width: 100%; overflow-x: scroll; } .historyA-b ul.nav10 { width: 1001px; } .historyA-b ul.nav11 { width: 1102px; } .historyA-b ul.nav12 { width: 1203px; } .historyA-b ul.nav13 { width: 1304px; } .historyA-b ul.nav14 { width: 1405px; } .historyA-b ul.nav15 { width: 1506px; } .historyA-b ul.nav16 { width: 1607px; } .historyA-b ul.nav17 { width: 1708px; } .historyA-b ul.nav18 { width: 1809px; } .historyA-b ul.nav19 { width: 1909px; } .historyA-b ul.nav20 { width: 2009px; } .historyA-c { display: none; } .historyA-b ul { padding-top: 17px; } .historyA-a:before { width: 100%; height: 1px; top: 10px; left: 0; } .historyA-d { height: 300px; } .historyA-e .tit span { font-size: 20px; padding-bottom: 10px; } .historyA-e .tit { line-height: 1; margin-bottom: 12px; } .historyA-b ul li p { padding-left:0; text-align: center;} .historyA-b ul li.cur p { padding-left: 0; } .historyA-b ul li p span { left: 50%; transform: translateX(-50%); top: -11px;} .historyA-b ul li.cur p span { left: 50%; transform: translateX(-50%);} .historyA-b ul li.cur p span { width: 6px; height: 6px; } .historyA-b ul li.cur p span i:after { width: 16px; height: 16px; } .historyA-h { margin-top: 30px;} .historyA-d,.historyA-h { width: 100%; } .historyA-a { padding-bottom:40px; } } @media(max-width: 640px){ .historyA-e .tit span { font-size: 18px;} .historyA-f { margin-top: 5px; } .historyA-a { padding-bottom:30px; } } /* 鎶曡祫鑰呭叧绯荤畝鎶 */ .tzzgxJbA { padding: 0 0 5vw; background: url(../images/bg16.png) no-repeat left top/cover #f7f7f7;} .tzzgxJbA-a { position: relative; margin-top:3.5vw; } .tzzgxJbA-b { float: right; background: #fff; padding: 0 10px; border-radius: 50px; border:1px solid #ddd; width: 280px; overflow: hidden; right:0; top: 50%; transform: translateY(-50%); } .tzzgxJbA-b select { width: 100%; height: 52px; background: none; border:none; cursor: pointer; font-size: 18px;color:#666666; } .tzzgxJbA-c { margin-top:2vw; } .tzzgxJbA-c ul li { background: #fff; border-radius: 5px; overflow: hidden;; } .tzzgxJbA-c ul li:nth-child(n+2) { margin-top: 16px; } .tzzgxJbA-c ul li a { position: relative; display: block; background: url(../images/bgpdf.png) no-repeat 1.5vw center; padding:1vw 5vw; background-size: auto 2.5vw; position: relative; } .tzzgxJbA-d .t { font-size: 1vw; color: #333333;} .tzzgxJbA-d .d { font-size: 0.8vw; color:#cccccc; } .tzzgxJbA-c ul li a:after { content:''; width: 2.2vw; border-radius: 50%; border:1px solid #009672;background: url(../images/pdfmorea.png) no-repeat center; position: absolute; right: 1.5vw; top:50%; transform: translateY(-50%); height: 2.2vw;} .tzzgxJbA-c ul li:hover { background: #009672;} .tzzgxJbA-c ul li:hover .t,.tzzgxJbA-c ul li:hover .d { color:#fff; } .tzzgxJbA-c ul li:hover a:after { border:1px solid #ffffff;background: url(../images/pdfmoreb.png) no-repeat center; } @media(max-width: 1480px){ .tzzgxJbA-c ul li a { padding: 12px 60px; background: url(../images/bgpdf.png) no-repeat 12px center; background-size: auto 36px; } .tzzgxJbA-d .t { font-size: 18px; } .tzzgxJbA-d .d { font-size: 14px; } .tzzgxJbA-c ul li a:after { width: 36px; right: 12px; height:36px;} .tzzgxJbA-b select { font-size: 16px; height: 36px; } } @media(max-width: 1024px){ .tzzgxJbA-c ul li a { padding: 12px 50px; background: url(../images/bgpdf.png) no-repeat 12px center; background-size: auto 32px; } .tzzgxJbA-d .t { font-size: 16px; } .tzzgxJbA-d .d { font-size: 14px; } .tzzgxJbA-c ul li a:after { width: 32px; height:32px;} .tzzgxJbA-c { margin-top: 20px; } .tzzgxJbA-b { margin-top: 16px; position: relative; top:0; transform: translate(0); width: 100%; } } @media(max-width: 640px){ .tzzgxJbA-c ul li a { padding: 12px 12px 12px 50px; background: url(../images/bgpdf.png) no-repeat 12px center; background-size: auto 32px; } .tzzgxJbA-d .t { font-size: 16px; } .tzzgxJbA-d .d { font-size: 14px; } .tzzgxJbA-c ul li a:after { display: none; } } .tzzgxJbB { padding:20px 0 3vw;} .tzzgxJbB ul { display: flex; flex-wrap: wrap; } .tzzgxJbB ul li { float: left; width: 32%; margin-right:2%; } .tzzgxJbB ul li a { display: block; background: #fff; border-radius: 10px; overflow: hidden; border-bottom: 3px solid #009672 } .tzzgxJbB ul li:nth-child(3n) { margin-right:0; } .tzzgxJbB ul li:nth-child(n+4) { margin-top:2%; } .tzzgxJbB-a { padding:2vw 2vw 2.5vw; } .tzzgxJbB-a .img { overflow: hidden; float: left; width: 44%; border:1px solid #ededed; } .tzzgxJbB-a .img img { width: 100%; transition: all 0.6s; } .tzzgxJbB ul li a:hover .tzzgxJbB-a .img img { transform: scale(1.05); } .tzzgxJbB-a .con { float: right; width: 50%; } .tzzgxJbB-a .con .d { font-size: 16px; color:#999999; padding-bottom: 10px; border-bottom: 1px solid #dedede; } .tzzgxJbB-a .con .t { font-size: 18px;color:#333333; line-height: 1.8; margin-top:10px; } .tzzgxJbB-a .more { display: inline-block; width: 37px; height: 37px; border-radius: 50%; border:1px solid #009672; background: url(../images/inba.png) no-repeat center/cover; position: absolute; left:50%; bottom:0; } .tzzgxJbB ul li a:hover .tzzgxJbB-a .more { background: url(../images/inbb.png) no-repeat center/cover #009672; } .tzzgxJbB ul li a:hover .t { color:#009672; } @media(max-width: 1680px){ .tzzgxJbB-a .con .d { font-size: 14px; padding-bottom: 8px; } .tzzgxJbB-a .con .t { font-size: 16px; line-height: 1.6; margin-top:8px; } } @media(max-width: 1480px){ .tzzgxJbB-a .con .d { font-size: 13px; padding-bottom: 6px; } .tzzgxJbB-a .con .t { font-size: 15px; line-height: 1.5; margin-top:8px; } } @media(max-width: 1024px){ .tzzgxJbB ul li { width: 49%; margin-right:2%; } .tzzgxJbB ul li:nth-child(3n) { margin-right:2%; } .tzzgxJbB ul li:nth-child(2n) { margin-right:0; } .tzzgxJbB ul li:nth-child(n+3) { margin-top:2%; } .tzzgxJbB-a .con .d { font-size: 14px; padding-bottom: 8px; } .tzzgxJbB-a .con .t { font-size: 16px; line-height: 1.6; margin-top:8px; } } @media(max-width: 640px){ .tzzgxJbB ul li { width: 100%; margin-right:0; } .tzzgxJbB ul li:nth-child(3n) { margin-right:0; } .tzzgxJbB ul li:nth-child(n+2) { margin-top:18px; } .tzzgxJbB-a { padding: 16px 12px; } } /* 鎺ㄤ粙鏉愭枡鍙婄綉涓婂箍鎾 */ .tjclA { margin-top:2vw; } .tjclA-b ul li { float: left; width: 32%; background: #fff; padding: 1vw; border-radius: 6px; overflow: hidden;; margin-right:2%; } .tjclA-b ul { display: flex; flex-wrap: wrap; } .tjclA-b ul li:nth-child(3n) { margin-right: 0;} .tjclA-b ul li:nth-child(n+4) { margin-top: 2%;} .tjclA-b ul li .tjclA-c .img a img{ transform: scale(1); transition: all 0.5s; } .tjclA-b ul li:hover .tjclA-c .img a img{ transform: scale(1.1); transition: all 0.5s; } .tjclA-b .img a { overflow: hidden; border:1px solid #ededed; display: block; } .tjclA-b .con { position: relative; padding: 0.2vw 120px 0.2vw 0; margin-top: 1vw; } .tjclA-b .con .t { font-size: 0.92vw; color:#333333; } .tjclA-b .con .c { position: absolute; right:0; top:50%; transform: translateY(-50%); } .tjclA-b .con .c a { font-size: 14px;color:#999999; display: inline-block; padding-left:20px; } .tjclA-b .con .c a.dow { padding-left: 16px; margin-left: 20px; background: url(../images/downa.png) no-repeat left center; } .tjclA-b .con .c a.vid { background: url(../images/vide.png) no-repeat left center; } .tjclA-b { margin-bottom:3vw; } @media(max-width: 1280px){ .tjclA-b .con .t { font-size: 14px; } } @media(max-width: 1024px){ .tjclA { margin-top: 20px; } .tjclA-b .con .t { font-size: 14px; } .tjclA-b ul li { width: 49%; margin-right:2%; } .tjclA-b ul li:nth-child(3n) { margin-right: 2%;} .tjclA-b ul li:nth-child(2n) { margin-right: 0;} .tjclA-b ul li:nth-child(n+3) { margin-top: 2%;} } @media(max-width: 640px){ .tjclA-b .con .t { font-size: 16px; } .tjclA-b ul li { width: 100%; padding: 12px; margin-right:0; } .tjclA-b ul li:nth-child(3n) { margin-right: 0;} .tjclA-b ul li:nth-child(2n) { margin-right: 0;} .tjclA-b ul li:nth-child(n+2) { margin-top: 16px;} } /* 鎷涜仒 */ .joinA { background: #fff; border-radius: 8px; padding: 12px 2vw; } .joinA-a p { height: 1.9vw; overflow: hidden; position: relative; padding:0 30px 0 4.1vw; } .joinA-aa p { height: auto; } .joinA-a p,.joinA-a p a { font-size: 16px;color:#666; line-height: 1.1vw; } .joinA-a { padding: 11px 0; border-bottom: 1px solid #dedede; } .joinA-a span,.joinA-a a { display: inline-block; } .joinA-a span { position: absolute; left: 0; top: 0; padding: 7px 0; margin-right: 10px; } .joinA-a a { margin: 0px 2px 8px; padding: 6px 20px; border-radius: 50px; border:1px solid #dedede; } .joinA-a:last-child { border:none; } .joinA-a a.cur,.joinA-a a:hover { color:#009672; border-color: #009672; } .joinA-a p i { transition: all 0.6s; display: inline-block; width: 20px; height: 32px; background: url(../images/sxmore.png) no-repeat right center; position: absolute; top:0; right:0; cursor: pointer; } .joinA-a p.cur i { background: url(../images/sxmore.png) no-repeat left center; transform: rotate(180deg); } .joinA-a p.cur { height: auto; } @media(max-width: 1680px){ .joinA-a p { padding-left: 80px; height: 34px; } .joinA-aa p { height: auto; } } @media(max-width: 1280px){ .joinA-a span,.joinA-a a { font-size: 14px; } .joinA-a p { position: relative; padding-left:65px; } .joinA-a p,.joinA-a p a { line-height: 18px; } } @media(max-width: 640px){ .joinA-a p a { padding: 3px 10px; font-size: 14px; } .joinA-a span { padding: 4px 0; } .joinA-a p { height: 28px; } .joinA-aa p { height: auto; } } .joinB { margin:20px 0 46px; } .joinB dl { border-radius: 8px; overflow: hidden; } .joinB dl dt,.joinB dl dd { } .joinB dl dt { padding: 0 2.5vw; height: 3.6vw; line-height: 3.6vw; background: #009672; } .joinB dl dd { position: relative; border-right: 1px solid #fff; border-left: 1px solid #fff; margin: 0; padding: 0 2.5vw; background: #fff; } .joinB dl dd>.t,.joinB dl dt>.t { float: left; } .joinB dl .t1 { width: 30%; } .joinB dl .t2 { width: 20%; } .joinB dl .t3 { width: 20%; } .joinB dl .t4 { width: 20%; } .joinB dl .t5 { width: 10%; } .joinB dl .t { text-align: center; } .joinB dl .t1 { text-align: left; } .joinB dl .t5 { text-align: right; } .joinB dl .t5 .tt { display: inline-block; width: 6vw; text-align: center; } .joinB dl dt .tt { font-size: 0.9vw; color:#fff; } .joinB dl dd .tt { font-size: 0.9vw; color:#333333; } .joinB dl dd { overflow: hidden; height: 3.5vw; line-height: 3.5vw; } .joinB dl dd:nth-child(2n-1) { background: #fafafa; } .joinB dl dd a { position: relative; } .joinB dl dd a:after { content: ''; width: 0; height: 2px; position: absolute; left: 0; bottom: 0; background: #009672; transition: all 0.6s; } .joinB dl dd a:hover:after { width: 100%; } .joinB dl dd a:hover { color:#009672; } .joinB dl dd .more { font-style: normal; display: inline-block; /*padding-right:24px; background: url(../images/joinabg.png) no-repeat right center;*/ } @media(max-width: 1480px){ .joinB dl dt { padding: 0 2.5vw; height: 60px; line-height: 60px; } .joinB dl dd { padding: 0 2.5vw; height: 56px; line-height: 56px; } .joinB dl dt .tt { font-size: 16px; } .joinB dl dd .tt { font-size: 16px; } .joinB dl .t5 .tt { width: 100px; } .joinB dl dd { position: relative; border-right: 1px solid #fff; border-left: 1px solid #fff; margin: 0; padding: 0 2.5vw; background: #fff; } } @media(max-width: 1024px){ .joinB dl .t1 { width: 40%; } .joinB dl .t2 { width: 16%; } .joinB dl .t3 { width: 16%; } .joinB dl .t4 { width: 16%; } .joinB dl .t5 { width: 12%; } } @media(max-width: 750px){ .joinB dl .t1 { width: 45%; } .joinB dl .t2 { width: 18%; } .joinB dl .t3 { display: none; } .joinB dl .t4 { width: 12%; } .joinB dl .t5 { width: 25%; } } @media(max-width: 640px){ .joinB dl .t1 { width: 55%; } .joinB dl .t2 { display: none; } .joinB dl .t4 { width: 16%; } .joinB dl .t5 { width: 29%; } } @media(max-width: 500px){ .joinB dl .t1 { width: 65%; } .joinB dl .t4 { display: none; } .joinB dl .t5 { width: 35%; } } /*鍔犲叆鎴戜滑-缁煎悎椤?/ .talentA { padding: 7vw 0 8vw; background: url(../images/tana1.png) no-repeat right center/cover #ffffff; } .talentA-a .c { font-size: 18px;color:#333; line-height: 1.8;margin: 1.6vw 0 2vw; } .talentA-a .c p:nth-child(n+2) { margin-top:1vw; } .talentA-b a { border-radius: 4px; overflow: hidden; display: inline-block; border:1px solid #dedede; padding:16px 30px; } .talentA-b a .icon .pic2 { display: none; } .talentA-b a .icon img { height: 52px; } .talentA-b p { line-height: 28px; } .talentA-b p .t { width: 250px; margin-top: 8px; background: url(../images/tala3.png) no-repeat right center; display: inline-block; font-size: 26px;color:#333333; line-height: 28px; padding-right:28px; } .talentA-b a:hover p .t { background: url(../images/tala4.png) no-repeat right center; color: #fff;} .talentA-b a:hover .icon .pic2 { display: inline-block; } .talentA-b a:hover .icon .pic1 { display: none; } .talentA-b a:hover { background: #2ab4a1; border-color:#2ab4a1; } .talentA-b a:nth-child(1) { margin-right: 15px; } .talentA-b a span { vertical-align: top; } .talentA-b a .icon { display: block; } .talentA-b a .icon img { vertical-align: top; } .talentA-b a { border-radius: 6px; overflow: hidden; transition: all 0.6s; background: url(../images/zpa.png) no-repeat right center; background-size: 100% 100%; } .talentA-b a:hover { background: url(../images/zpabg.png) no-repeat right center; background-size: 100% 100%; } @media(max-width: 1680px){ .talentA-b a .icon { height: auto; } .talentA-b p .t { line-height: 30px; font-size: 22px; } .talentA-b a .icon img { height: 46px; } .talentA-b p { line-height: 30px; } .talentA-b a { padding: 12px 24px; } .talentA-b p .t { width: 200px; } } @media(max-width: 1280px){ .talentA-a .c { font-size: 16px; } .talentA-b a .icon { height: 36px; } .talentA-b p { line-height: 30px; } .talentA-b p .t { line-height: 26px; font-size: 18px; } .talentA-b a .icon img { height: 36px; } .talentA-b a { padding: 8px 18px 8px; } .talentA-b p .t { width: 160px; } } @media(max-width: 640px){ .talentA-b p .t { font-size: 16px; } .talentA-b a { padding: 8px 20px 8px; } .talentA-a .c p:nth-child(n+2) { margin-top:16px; } .talentA-a .c { margin: 16px 0 20px; } .talentA-b a .icon { height: 24px; } .talentA-b p .t { width: 120px; } } @media(max-width: 450px){ .talentA-b a .icon { height: 30px; } .talentA-b p { line-height: 22px; } .talentA-b p .t { line-height: 22px; font-size: 16px; } .talentA-b a .icon img { height: 30px; } .talentA-b a { padding: 8px 12px 8px; } .talentA-b a:nth-child(1) { margin-right: 5px; } } .talentB-a { width: 50%; float: left; } .talentB-b .t { display: none; position: absolute; left: 0; bottom: 2.5vw; font-size: 1.6vw; width: 100%; text-align: center; color:#fff; } .talentB { height: 39vw; overflow: hidden; } .talentB-c { float: right; width: 50%; height: 39vw; overflow: hidden; background: url(../images/tab1.jpg) no-repeat center/cover;} .talentB-d { padding: 0 27% 0 6%; width: 100%; position: absolute; right:0; top:50%; transform: translateY(-50%); } .talentB-f { padding-right:40px; } .talentB-f .swiper-slide { padding: 5px 1vw 5px 0; } .talentB-f .img { position: relative; overflow: hidden; border-radius: 8px; height: 6vw; } .talentB-f .swiper-slide-thumb-active .img:after { content:''; width: 100%; height: 100%; box-sizing: border-box; position: absolute; left: 0; top:0; border: 3px solid #fff; border-radius: 8px; } .talentB-f .img img { vertical-align: top; } .talentB-e { margin-top:2vw; } .talentB-e .topTit { font-size: 1.35vw; color:#fff; border-bottom:1px solid rgba(255,255,255,0.3); margin-bottom:1.4vw; } .talentB-e .topTit span { display: inline-block; position: relative; padding-bottom: 0.6vw; } .talentB-e .topTit span:after { content:''; width: 100%; height: 1px; background: #fff; position: absolute; left:0; bottom: -1px; } .talentB-g ul li { position: relative; padding-left: 3.5vw; height: 3vw; line-height: 3vw; float: left; width: 50%; } .talentB-g ul li .icon { position: absolute; left:0; top:0; } .talentB-g ul li .icon img { width: 3vw; } .talentB-g ul li .t { font-size: 18px;color:#fff; } .talentB-g ul li:nth-child(n+3) { margin-top: 10px; } .talentB-f { position: relative; } .talentB-f .mainQh { border: 1px solid #fff; width: 40px; height: 40px; left:auto; right:0; transform: translate(0); } .talentB-f .prev { top:auto; bottom:10px; display: none; } .talentB-f .next { top:auto; top:50%; transform: translateY(-50%); } .talentB-f .next { background: url(../images/nextbg.png) no-repeat center; } .talentB-f .prev { background: url(../images/prevbg.png) no-repeat center; } .mainQh.next:hover { background: url(../images/next.png) no-repeat center #fff; } .mainQh.prev:hover { background: url(../images/prev.png) no-repeat center #fff; } .shgzB .mainQh.next:hover { background: url(../images/nextbg.png) no-repeat center #009672; } .shgzB .mainQh.prev:hover { background: url(../images/prevbg.png) no-repeat center #009672; } @media(max-width: 1680px){ .talentB-f .mainQh { width: 30px; height: 30px; } .talentB-g ul li .t { font-size: 16px; } .talentB-g ul li:last-child { width: 100%; } } @media(max-width: 1480px){ .talentB-d { padding: 0 20% 0 6%; } } @media(max-width: 1280px){ .talentB-g ul li { height: 36px; line-height: 36px; padding-left: 42px; } .talentB-g ul li .icon img { width: 36px; } .talentB-g ul li .t { font-size: 14px; } .talentB-d { padding: 0 16% 0 6%; } .talentB-e .topTit { font-size: 18px; } .talentB-f .mainQh { width: 26px; height: 26px; } /*.talentB-f .prev { top:auto; bottom:5px; }*/ /*.talentB-f .next { top:auto; top:5px; }*/ } @media(max-width: 1024px){ .talentB-a { width: 100%; } .talentB-b .t { font-size: 20px; bottom: 20px; } .talentB { height: auto; } .talentB-c { float: right; width: 100%; height: auto; background: url(../images/tab1.jpg) no-repeat center/cover;} .talentB-d { padding: 20px 5%; width: 100%; position: relative; right:0; top:0; transform: translateY(0); } .talentB-e .topTit span { font-size: 20px; padding-bottom: 12px; } .talentB-f .img { height: 18vw; } .talentB-f .swiper-slide { padding: 5px 20px 5px 2px; } .talentB-g ul li { height: 46px; line-height: 46px; padding-left: 58px; } .talentB-g ul li .icon img { width: 46px; } .talentB-e { margin-top: 20px; } .talentB-e .topTit { margin-bottom: 18px; } .talentB-f .mainQh { width: 36px; height: 36px; } /*.talentB-f .prev { top:auto; bottom:15px; }*/ /*.talentB-f .next { top:auto; top:15px; }*/ } @media(max-width: 640px){ .talentB-f .img { height: 22vw; } } @media(max-width: 500px){ .talentB-f .mainQh { width: 36px; height: 36px; } /*.talentB-f .prev { top:auto; bottom:10px; }*/ /*.talentB-f .next { top:auto; top:10px; }*/ .talentB-f .swiper-slide { padding: 2px 10px 2px 2px; } } @media(max-width: 400px){ .talentB-f .mainQh { width: 32px; height: 32px; } /*.talentB-f .prev { top:auto; bottom:5px; }*/ /*.talentB-f .next { top:auto; top:5px; }*/ } .talentC { padding:5vw 0 6vw; background: #f9f9f9; } .talentC-b { margin-top:2.2vw; } .talentC-b ul li { background: #fff; border-radius: 8px; overflow: hidden; float: left; width: 49%; } .talentC-b ul li:nth-child(2n) { float: right; } .talentC-d { background: url(../images/taca.png) no-repeat center/cover; } .talentC-d { padding-top: 2.6vw; text-align: center; float: left; width: 36%; height: 17vw; } .talentC-d .tit { font-size: 1.55vw; color:#fff; line-height: 1.6; } .talentC-d .icon img { margin-top: 1vw; width: 5.4vw; } .talentC-e { float: right; width: 64%; height: 17vw; border-bottom: 3px solid #038e69; } .talentC-e dl { display: flex; flex-wrap: wrap; padding: 0 1vw 0 2.5vw; position: absolute; width: 100%; left:0; top:50%; transform: translateY(-50%); } .talentC-e dl dd { float: left; width: 40%; font-size: 0.9vw;color:#666666; padding-left: 15px; position: relative; margin: 0.5vw 0; } .talentC-e dl dd:after { content:''; width: 5px; height: 5px; position: absolute; left:0; top:50%; transform: translateY(-50%); border-radius: 50%; background: #009672; } .talentC-e dl dd:nth-child(2n) { width: 60%; } @media(max-width: 1680px){ .talentC-e dl { padding-left: 1.5vw; } .talentC-e dl dd { font-size: 16px; } } @media(max-width: 1480px){ .talentC-e dl { padding-left: 1.5vw; } .talentC-e dl dd { font-size: 14px; } } @media(max-width: 1280px){ .talentC-e dl dd { width: 45%; } .talentC-e dl dd:nth-child(2n) { width: 55%; } .talentC-e dl { padding-left: 1.5vw; } .talentC-e dl dd { font-size: 13px; } } @media(max-width: 1024px){ .talentC-b { margin-top:20px; } .talentC-b ul li { float: left; width: 100%; } .talentC-b ul li:nth-child(n+2) { margin-top: 18px; } .talentC-d { padding-top: 5vw; height: 34vw; } .talentC-d .tit { font-size: 3vw; } .talentC-d .icon img { margin-top: 2vw; width: 10vw; } .talentC-e { float: right; width: 64%; height: 34vw; } .talentC-e dl { padding: 0 2vw 0 3vw; } .talentC-e dl dd { width: 45%; font-size: 16px; padding-left: 12px; margin: 8px 0;} .talentC-e dl dd:nth-child(2n) { width: 55%; } } @media(max-width: 640px){ .talentC { padding: 30px 0 40px; } .talentC-e dl dd { width: 45%; margin: 5px 0; } .talentC-e dl dd:nth-child(2n) { width: 55%; } .talentC-e dl { padding-left: 1.5vw; } .talentC-e dl dd { font-size: 13px; } } @media(max-width: 450px){ .talentC-e dl dd { font-size: 12px; } .talentC-d { width: 24%; padding-top: 8vw; height: 42vw; } .talentC-d .tit { font-size: 4vw; } .talentC-d .icon img { margin-top: 2vw; width: 14vw; } .talentC-e { float: right; width: 76%; height: 42vw; } } @media(max-width: 360px){ .talentC-e dl dd { font-size: 12px; } } .talentD { padding:5vw 0 5vw; } .talentD-a .mainTit .c { font-size: 16px;color:#666666; margin-top: 12px; } .talentD-b { margin-top:3.2vw; } .talentD-b span { display: inline-block; float: left; width: 49%; margin-right:2%; } .talentD-b span:nth-child(2) { margin-right:0; } .talentD-b .swiper-slide { opacity: 0.2; padding: 0 2.5vw; } .talentD-b .swiper-slide-active { opacity: 1; } .talentD-b .mainQh { z-index: 10; border:1px solid #009672; } .talentD-b .next { right: 11%; margin-right: -30px; } .talentD-b .prev { left: 11%; margin-left: -30px; } .talentD-b .mainQh.next:hover { background: url(../images/nextbg.png) no-repeat center #009672; } .talentD-b .mainQh.prev:hover { background: url(../images/prevbg.png) no-repeat center #009672; } @media(max-width: 1480px){ .talentD-b .swiper-slide { padding: 0 3vw; } .talentD-b .mainQh { width: 50px; height: 50px; } .talentD-b .next { right: 7%; margin-right: -25px; } .talentD-b .prev { left: 7%; margin-left: -25px; } } @media(max-width: 1280px){ .talentD-b .swiper-slide { padding: 0 2.5vw; } .talentD-b .mainQh { width: 40px; height: 40px; } .talentD-b .next { right: 5.7%; margin-right: -20px; } .talentD-b .prev { left: 5.7%; margin-left: -20px; } } @media(max-width: 1024px){ .talentD { padding: 30px 0 40px; } .talentD-b .swiper-slide { padding: 0 5%; } .talentD-b .next { right: 5%; margin-right: 0px; } .talentD-b .prev { left: 5%; margin-left: 0px; } } /* 鎷涜仒璇︽儏 */ .talentE { display: none; position: fixed; z-index: 1000; width: 100%; height: 100%; background: rgba(0,0,0,.6); left:0; top:0;} .talentE-a { position: absolute; left:50%; transform: translate(-50%, -50%); top:50%; width: 55vw; height: 36vw; background: #fff; border-radius: 12px; overflow: hidden;} .talentE-a .close { width: 46px; height: 46px; border-radius: 50%; border:1px solid #dedede; z-index: 1; position: absolute; right: 1vw; top:1vw; background: url(../images/taea.png) no-repeat center/cover; cursor: pointer; } .talentE-b { position: absolute; left:0; top:0; width: 100%; height: 100%; padding: 2vw 2.5vw 0;} .talentE-c .t { font-size: 1.56vw; color:#333333; padding-bottom: 1vw; border-bottom: 1px solid #dedede; margin-bottom: 1vw;} .talentE-c .et { font-size: 0.9vw; color:#999999; } .talentE-c .et i { color:#666666; font-style: normal; } .talentE-c .et em { font-style: normal; } .talentE-c .et * { vertical-align: top; } .talentE-c .et span { display: inline-block; margin: 0 1.6vw; } .talentE-c .et span:nth-child(1) { margin-left: 0;} .talentE-c .et span:last-child { margin-right: 0;} .talentE-d { height: 18vw; overflow-y: scroll; padding-right: 10px; } .talentE-d{scrollbar-color: #009672 rgba(0,0,0,0.1);scrollbar-width: thin;-ms-overflow-style:none;} .talentE-d::-webkit-scrollbar {width: 3px;height: 1px;} .talentE-d::-webkit-scrollbar-thumb {border-radius: 3px;-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.1);background: #009672;} .talentE-d::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.1);border-radius: 3px;background: rgba(0,0,0,0.1);} .talentE-d { margin-top: 2vw;} .talentE-d .topTit { margin-bottom: 1vw; font-size: 1.1vw; color:#333333; border-bottom: 1px solid #ededed; } .talentE-d .topTit span { display: inline-block; padding-bottom:1vw; position: relative; } .talentE-d .topTit span:after { content:''; width: 100%; height: 2px; position: absolute; left:0; bottom:-1px; background: #009672;} .talentE-d .con { font-size: 0.9vw; color:#666666; line-height: 2; } .talentE-d .con p { position: relative; padding-left: 18px; } .talentE-d .con p:after { content: ''; width: 8px; height: 8px; position: absolute; left:0; border-radius: 50%; background: #009672; top: 0.75vw; } .talentE-e { margin-top: 2vw; } .talentE-f { padding: 1vw 2.5vw; position: absolute; left:0; bottom: 0; width: 100%; background: url(../images/taec.jpg) no-repeat center/cover; height: 6vw;} .talentE-f .tit { font-size: 1.5vw; line-height: 1.2; color:#fff; } .talentE-f .more { border: 1px solid #fff; border-radius: 50px; padding: 0.6vw 2vw; color:#fff; position: absolute; right:0; top:50%; transform: translateY(-50%); } .talentE-f .more span { display: inline-block; font-size: 1.1vw; line-height: 1.4; padding-left:1.6vw; background: url(../images/taeb.png) no-repeat left center; background-size: auto 90%; } @media(max-width: 1680px){ .talentE-d .con p { font-size: 1.1vw; } .talentE-d .con p:after { top: 0.8vw; } } @media(max-width: 1480px){ .talentE-c .et { font-size: 1.1vw; } .talentE-d .con p { font-size: 1.1vw; padding-left: 12px; } .talentE-d .con p:after { width: 5px; height: 5px; top: 0.86vw; } } @media(max-width: 1280px){ .talentE-c .et { font-size: 14px; } .talentE-d .topTit span { font-size: 20px; } .talentE-d .con p { line-height: 1.6; font-size: 14px; } .talentE-d .con p:after { top: 9px; } .talentE-a .close { width: 32px; height: 32px;} } @media(max-width: 1024px){ .talentE-a { width: 80vw; height: 90vw; } .talentE-a .close { width: 36px; height: 36px; right: 12px; top:12px; } .talentE-b { padding: 3vw 4vw 0;} .talentE-c .t { font-size: 20px; line-height: 1; padding-bottom: 16px; margin-bottom: 16px;} .talentE-c .et { font-size: 14px; } .talentE-c .et span { margin: 0 12px; } .talentE-c .et span:nth-child(1) { margin-left: 0;} .talentE-c .et span:last-child { margin-right: 0;} .talentE-d { height: 60vw; padding-right: 10px; } .talentE-d { margin-top: 20px;} .talentE-d .topTit { margin-bottom: 16px; font-size: 18px; } .talentE-d .topTit span { padding-bottom:16px; } .talentE-e { margin-top: 20px; } .talentE-f { padding: 2vw 4vw; height: 12vw;} .talentE-f .tit { font-size: 3vw; } .talentE-f .more { padding: 1.2vw 4vw; } .talentE-f .more span { font-size: 2.1vw; padding-left:2.8vw; } } @media(max-width: 750px){ .talentE-d { height: 56vw; } } @media(max-width: 600px){ .talentE-a { height: 110vw;} .talentE-d { height: 60vw; } .talentE-c .et em { display: none; } .talentE-c .et span { margin: 5px 0; display: block; } .talentE-a .close { width: 28px; height: 28px; top: 8px; right: 8px;} } @media(max-width: 480px){ .talentE-a { width: 90vw; } .talentE-f { height: auto; padding: 16px 4vw;} .talentE-f .tit { font-size: 14px; } .talentE-d { height: 56vw; } .talentE-d .topTit { margin-bottom: 12px; } .talentE-d .topTit span { padding-bottom: 12px; } .talentE-b { padding: 12px 4vw 0;} .talentE-d { margin-top: 12px; } .talentE-c .t { font-size: 18px; padding-bottom: 12px; margin-bottom: 12px; } .talentE-d .topTit span { font-size: 16px;} .talentE-f .more { padding: 5px 16px; } .talentE-f .more span { font-size: 14px; padding-left:20px; } } @media(max-width: 420px){ .talentE-d { height: 52vw; } } @media(max-width: 380px){ .talentE-d { height: 48vw; } } /*鎶曡祫鑰呭叧绯?/ .investorA { padding: 5.5vw 0 6vw; background: #f7f7f7; } .investorA-b { height: 27vw; float: left; width: 34%; border-radius: 12px; overflow: hidden; background: #fff; } .investorA-c { height: 9vw; background: url(../images/ina.jpg) no-repeat center/cover; } .investorA-e { position: absolute; width: 18vw; left: 50%; top:50%; transform: translate(-50%,-50%); } .investorA-e .t { font-size: 1.1vw; color:#fff; } .investorA-e .c { margin-top: 0.6vw; font-size: 2.1vw; color:#fff; } .investorA-e .c p { line-height: 1; } .investorA-e .c span { position: relative; padding-left: 22px; line-height: 20px; font-size: 0.8vw; display: inline-block; line-height: 1; } .investorA-e .c span i { position: absolute; left:0; top:0; height: 20px; width: 16px; } .investorA-e .c span i.zhang { background: url(../images/ind.png) no-repeat left center; } .investorA-e .c span i.die { background: url(../images/inc.png) no-repeat left center; } .investorA-d { padding: 1.4vw 3.5vw; } .investorA-d ul { margin-bottom:1.6vw; } .investorA-d ul li { border-bottom: 1px solid #dedede; padding-bottom: 0.8vw; float: left; width: 40%; } .investorA-d ul li:nth-child(2n) { float: right; } .investorA-d ul li:nth-child(n+3) { margin-top:1.2vw; } .investorA-d .t { font-size: 0.8vw; color:#666666; } .investorA-d .c { font-size: 1.1vw; color:#009672; margin-top: 8px; } .investorA-d .tt { padding-left: 26px; background: url(../images/inb.png) no-repeat left 3px; font-size: 14px; color:#999999; line-height: 24px; } .investorA-f { float: right; width: calc(66% - 10px); } .investorA-f ul li { border-radius: 12px; overflow: hidden; background: #fff; height: calc(13.5vw - 5px); float: left; width: calc(50% - 5px); } .investorA-f ul li:nth-child(2n) { float: right; } .investorA-f ul li:nth-child(n+3) { margin-top: 10px; } .investorA-g { height: 100%; height: 100%; padding:2vw 1.5vw 2vw 2vw; border-bottom: 3px solid #009672; } .investorA-g .t { font-size: 1.36vw; color:#333333; } .investorA-g .et { display: none; font-size: 0.9vw; color:#999; opacity: 0.2; max-width: 15vw; margin-top: 10px; } .investorA-g .more { font-size: 16px; color:#666666; padding-right:24px; position: absolute; left:0; bottom:0; background: url(../images/moreb.png) no-repeat right center; } .investorA-g .icon { position: absolute; right:0; bottom:0; } .investorA-f ul li:hover .t,.investorA-f ul li:hover .more { color:#009672; } .investorA-f ul li:hover .investorA-g { border-color:#245dab; } @media(max-width: 1680px){ .investorA-e { width: 20vw; } .investorA-d { padding: 1.2vw 2.5vw; } .investorA-b { height: 30vw; } .investorA-f { height: 30vw; } .investorA-f ul li { height: calc(15vw - 5px); } .investorA-e .t { font-size: 16px; } .investorA-e .c { font-size: 32px; } .investorA-e .c span { font-size: 14px; } .investorA-d .t { font-size: 14px; } .investorA-d .c { font-size: 18px; } .investorA-g .icon { width: 50px; } .investorA-g .t { font-size: 24px; } .investorA-g .et { font-size: 16px; } } @media(max-width: 1480px){ .investorA-e { width: 22.6vw; } .investorA-g .et { max-width: 100%; } } @media(max-width: 1280px){ .investorA-e { width: 24vw; } .investorA-b { height: 32vw; } .investorA-f { height: 32vw; } .investorA-f ul li { height: calc(16vw - 5px); } .investorA-g .icon { width: 50px; } } @media(max-width: 1180px){ .investorA-e .t { font-size: 14px; } .investorA-e .c { font-size: 26px; } .investorA-e .c span { font-size: 12px; } .investorA-d .t { font-size: 12px; } .investorA-d .c { font-size: 16px; } .investorA-g .icon { width: 50px; } .investorA-g .t { font-size: 22px; } .investorA-g .et { font-size: 14px; } } @media(max-width: 1024px){ .investorA-b,.investorA-c { height: auto; width: 100%; } .investorA-c { padding: 16px 12px; } .investorA-e { width: 100%; position: relative; left:0; top: 0; transform: translateY(0); } .investorA-f { height: auto; width: 100%; margin-top: 16px; } .investorA-d { padding: 16px 12px; } .investorA-d ul li { padding-bottom:12px; } .investorA-d ul li:nth-child(n+3) { margin-top: 12px; } .investorA-f ul { display: flex; flex-wrap: wrap; } .investorA-f ul li { height: auto; } .investorA-g { padding: 16px 12px; } .investorA-g .relative { padding: 0 0 70px 0; } .investorA-f ul li:nth-child(2n-1) { margin-right:10px; } .investorA-e .t { font-size: 16px; } .investorA-e .c { font-size: 32px; } .investorA-e .c span { font-size: 14px; } .investorA-d .t { font-size: 14px; } .investorA-d .c { font-size: 18px; } .investorA-g .icon { width: 50px; } .investorA-g .t { font-size: 24px; } .investorA-g .et { font-size: 16px; } } @media(max-width: 640px){ .investorA-g .t { font-size: 20px; } .investorA-g .et { font-size: 16px; } } @media(max-width: 500px){ .investorA-f ul li { width: 100%; } .investorA-g { padding: 16px 12px; } .investorA-g .relative { padding: 0 0 70px 0; } .investorA-f ul li:nth-child(2n-1) { margin-right:0; } .investorA-f ul li:nth-child(n+2) { margin-top: 10px; } } .investorB { padding:4.5vw 0 9vw; background: url(../images/ine.jpg) no-repeat center/cover; } .investorB-a .mainTit { float: left; width: 40%; } .investorB-b { float: left; width: 60%; } .investorB-b .topTit { font-size: 1.1vw; color:#fff; } .investorB-b ul { margin-top:1.2vw; } .investorB-b ul li { line-height: 30px; float: left; width: 60%; margin-bottom: 15px; } .investorB-b ul li:nth-child(2n-1) { width: 40%; } .investorB-b ul li p { position: relative; font-size: 0.9vw; padding-left: 35px; color:#fff; } .investorB-b ul li p .icon { position: absolute; left:0; top:0; } @media(max-width: 1680px){ .investorB-b .topTit { font-size: 20px; } .investorB-b ul li p { font-size: 16px; } } @media(max-width: 1480px){ .investorB-a .mainTit { width: 30%; } .investorB-b { float: left; width: 70%; } .investorB-b ul li { width: 56%; } .investorB-b ul li:nth-child(2n-1) { width: 44%; } } @media(max-width: 1024px){ .investorB-a .mainTit { width: 100%; } .investorB-b { float: left; width: 100%; margin-top: 20px; } .investorB-b ul { margin-top:20px; } .investorB { padding: 40px 0; } } @media(max-width: 640px){ .investorB-b ul li { width: 100%; } .investorB-b ul li:nth-child(2n-1) { width: 100%; } } /* EFS鎶曡祫瀛靛寲涓氬姟 */ .efsA-a { margin-bottom: 50px; } .efsA .aboutD-a .icon { display: inline-block; border:1px solid #ededed; border-radius: 50%; } .efsA .aboutD-a .t { margin: 1.6vw 0 0; } .efsA .aboutD-a ul li a { height: 20vw; position: relative; } .efsA .aboutD-a ul li .aboutD-b { z-index: 10; width: 100%; padding: 0 8%; position: absolute; left:0; top: 50%; transform: translateY(-50%); } .efsA .aboutD-a ul li .aboutD-b .c { display: none; margin-top:0.8vw; font-size: 16px;color:#fff; line-height: 1.6; } .efsA .aboutD-a ul li:hover .aboutD-b .c { display: block; } @media(max-width: 1800px){ .efsA .aboutD-a .icon { width: 7vw; } } @media(max-width: 1480px){ .efsA-a { margin-bottom: 40px; } .efsA .aboutD-a ul li .aboutD-b { padding: 0 4%;} .efsA .aboutD-a ul li .aboutD-b .c { font-size: 14px; } .efsA .aboutD-a ul li a { height: 24vw; } } @media(max-width: 1024px){ .efsA-a { margin-bottom: 20px; } .efsA .aboutD-a ul li .aboutD-b { padding: 0 4%;} .efsA .aboutD-a ul li .aboutD-b .c { display: block; color:#666; font-size: 14px; } .efsA .aboutD-a ul li:hover .aboutD-b .c { color:#ffffff; } .efsA .aboutD-a ul li a { height: auto; } .efsA .aboutD-a ul li .aboutD-b { position: relative; left:0; top: 0; transform: translateY(0); } .efsA .aboutD-a .icon { width: auto; } } .efsB { padding: 6vw 0 2vw; } .mTit .t { border-bottom: 1px solid #dedede; } .mTit .t span { display: inline-block; padding-bottom: 12px; position: relative; } .mTit .t span:after { content:''; width: 100%; height: 1px; background: #009672; position: absolute; left: 0; bottom: -1px; } .efsB-b { margin-top: 3.5vw; } .efsB-c .mTit .t { font-size: 1.6vw; color:#5f6062; } #maina { width: 100%; height: 16vw; } #mainb { width: 100%; height: 16vw; } #mainc { width: 100%; height: 16vw; } .efsB-c { float: left; width: 32%; } .efsB-d { width: 32%; margin-left: 2%;} .efsB-e { width: 32%; margin-left: 2%;} .efsB-z { display: none; } @media(max-width: 1024px){ .efsB-z { display: block; } .efsB-b { display: none; } .efsB-c .mTit .t { font-size: 20px; } .efsB-c,.efsB-d,.efsB-e { width: 100%; margin-right:0; margin-left:0; } .efsB-d,.efsB-e { margin-top: 0px; } #maina { width: 100%; height: 70vw; } #mainb { width: 100%; height: 70vw; } #mainc { width: 100%; height: 70vw; } } .efsC { padding: 6vw 0 4vw; background: url(../images/efsca.jpg) no-repeat center/cover;} .efsC-a .mainTit { float: left; width: 28.5%; } .efsC-a .con { font-size: 18px; line-height: 1.8; float: right; width: 71%; } .efsC-a .con p:nth-child(n+2) { margin-top: 16px;} .efsC-b { margin-top: 2.5vw; } .efsC-c { border-radius: 50%; overflow: hidden; } .efsC-b .swiper-wrapper { padding: 5vw 0; } .efsC-b .swiper-slide .efsC-c { transition: all 0.6s; transform: scale(0.5); } .efsC-c { box-sizing: border-box; border: 8px solid rgba(255,255,255,0.3); width: 14.5vw; height: 14.5vw; text-align: center; } .efsC-e { background: #fff; width: 100%; height: 100%; } .efsC-b .swiper-slide-next { padding-left: 3.5vw; } .efsC-b .swiper-slide-prev .efsC-c { position: relative; left:0; margin-left: -3.5vw; transform: scale(0.7); } .efsC-b .swiper-slide-next .efsC-c { transform: scale(0.6); } .efsC-b .swiper-slide-active .efsC-c { transform: scale(1.5); } .efsC-d { position: absolute; width: 100%; left:0; top: 50%; transform: translateY(-50%);} .efsC-d .icon img { width: 2.4vw; } .efsC-d .t { font-size: 1.4vw; color: #333333; margin-top: 5px; } .efsC-d .c { display: none; font-size: 0.8vw; color: #666666; line-height: 1.6;} .efsC-b .swiper-slide-active .efsC-d .icon img { width: 2vw; } .efsC-b .swiper-slide-active .efsC-d .t { font-size: 1.1vw; color: #333333; margin-top: 5px; } .efsC-b .swiper-slide-active .efsC-d .c { max-width: 96%; margin: 0 auto; display: block; font-size: 0.38vw; color: #666666; line-height: 1.6;} .efsC-b { background: url(../images/efscc.png) no-repeat center 56%; background-size: 100% auto;} .efsC-b .swiper-slide { cursor: pointer; } @media(max-width: 1680px){ .efsC-b .swiper-slide-active .efsC-d .c { max-width: 100%; max-width: 100%; transform: scale(0.85); } } @media(max-width: 1480px){ .efsC-d .icon img { width: 3.5vw; } .efsC-d .t { font-size: 2vw; } .efsC-a .con { font-size: 16px; } .efsC-c { width: 15.8vw; height: 15.8vw; } .efsC-b .swiper-slide-active .efsC-d .c { max-width: 100%; font-size: 0.28vw; transform: scale(0.8); } } @media(max-width: 1380px){ .efsC-b .swiper-slide-active .efsC-d .c { max-width: 200%; width: 110%; margin-left:-5%; } } @media(max-width: 1280px){ .efsC-c { width: 16.5vw; height: 16.5vw; } .efsC-b .swiper-slide-active .efsC-d .c { transform: scale(0.8); margin-top: 0; } } @media(max-width: 1180px){ .efsC-b .swiper-slide-active .efsC-d .c { font-size: 12px; width: 120%; transform: scale(0.7); margin-left: -10%; margin-top: 0; } } @media(max-width: 1100px){ .efsC-a .mainTit { width: 100%; } .efsC-a .con { font-size: 14px; } .efsC-a .con { width: 100%; margin-top: 15px;} .efsC-a .con p:nth-child(n+2) { margin-top: 10px; } .efsC-b .swiper-wrapper { padding: 6vw 0; } .efsC-b .swiper-slide .efsC-c { transform: scale(0.5); } .efsC-c { width: 31vw; height: 31vw; text-align: center; } .efsC-b .swiper-slide-next { padding-left: 3.6vw; } .efsC-b .swiper-slide-prev .efsC-c { margin-left: -5.6vw; transform: scale(0.6); } .efsC-b .swiper-slide-next .efsC-c { transform: scale(0.6); } .efsC-b .swiper-slide-active .efsC-c { margin-left: -1.4vw; transform: scale(1.3); } .efsC-d { position: absolute; width: 100%; left:0; top: 50%; transform: translateY(-50%);} .efsC-d .icon img { width: 8vw; } .efsC-d .t { font-size: 4vw; color: #333333; margin-top: 5px; } .efsC-b .swiper-slide-active .efsC-d .icon img { width: 6vw; } .efsC-b .swiper-slide-active .efsC-d .t { font-size: 3vw; } .efsC-b .swiper-slide-active .efsC-d .c { font-size: 16px;transform: scale(0.8); width: 94%; margin-left:auto; } } .efsC-k { display: none; } @media(max-width: 640px){ .efsC-b .swiper-wrapper { padding: 0vw 0; } .efsC-b .swiper-slide .efsC-c { transform: scale(1); } .efsC-c { width: 80vw; height: 80vw; margin: 0 auto; } .efsC-b .swiper-slide-next { padding-left: 0; } .efsC-b .swiper-slide-prev .efsC-c { margin-left: 0; transform: scale(1); } .efsC-b .swiper-slide-next .efsC-c { padding-left: 0; transform: scale(1); } .efsC-b .swiper-slide-active .efsC-c { margin-left: 2vw; transform: scale(1); } .efsC-d .icon img { width: 50px; } .efsC-d .t { font-size: 20px; } .efsC-b { background: none; } .efsC-b .swiper-slide-active .efsC-d .icon img { width: 50px; } .efsC-b .swiper-slide-active .efsC-d .t { font-size: 20px; } .efsC-b .swiper-slide-active .efsC-d .c { font-size: 14px;transform: scale(1); } .efsC-b .swiper-slide .efsC-d .t { display: none; font-size: 20px; } .efsC-b .swiper-slide .efsC-d .c { display: none; font-size: 14px;transform: scale(1); } .efsC-b .swiper-wrapper { padding: 5vw 0; } .efsC-b .swiper-slide .efsC-c { transition: all 0.6s; transform: scale(0.7); } .efsC-c { border: 5px solid rgba(255,255,255,0.3); width: 14.5vw; height: 14.5vw; } .efsC-b .swiper-slide-next { padding-left: 5vw; } .efsC-b .swiper-slide-prev .efsC-c { position: relative; left:0; margin-left: -1.5vw; transform: scale(0.8); } .efsC-b .swiper-slide-next .efsC-c { transform: scale(0.8); } .efsC-b .swiper-slide-active .efsC-c { transform: scale(1.5); } .efsC-b {background: url(../images/efscc.png) no-repeat center 56%;background-size: 100% auto;} .efsC-d .icon img { width: 60%; } .efsC-b .swiper-slide-active .efsC-d .icon img { width: 30px; } .efsC-k { display: block; margin-top: 20px; } .efsC-k ul li { text-align: center; display: none; } .efsC-k ul li .t { font-size: 24px; color:#fff; } .efsC-k ul li .c { min-height: 120px; font-size: 16px; color:#fff; line-height: 1.8; margin-top: 10px; } .efsC-k ul li .c strong {color: #fff;} .efsC-k ul li:nth-child(1) { display: block; } } .efsD { padding: 6vw 0 7vw; } .efsD-b { margin-top: 3vw; } .efsD-c { border-radius: 8px; overflow: hidden;;} .efsD-c .img { width: 100%; height: 13vw; } .efsD-c .con { padding-left: 14px; line-height: 60px; background: rgba(0,0,0,0.8); width: 100%; } .efsD-c:hover .con { background: #009672; } /*.efsD-c .con { padding-left: 14px; line-height: 60px; background: rgba(0,0,0,0.6); width: 100%; position: absolute; left:0; bottom: 0; }*/ .efsD-c .con .t { position: relative; line-height: 50px; color:#fff; font-size: 20px; } .efsD-c .con .t i { font-size: 14px; line-height: 20px; position: absolute; top: 50%; padding-left: 12px; border-left: 1px solid rgba(255,255,255,0.3); transform: translateY(-50%); width: 180px; font-style: normal; } .efsD-c .con .t span { display: inline-block; margin-left: 8px; position: relative; height: 50px; width: 100px; vertical-align: top; font-size: 16px; } .efsD-b .mainQh { z-index: 10; border:1px solid #009672; } .efsD-b .next { right: -80px; } .efsD-b .prev { left: -80px; } .efsD-b .mainQh.next:hover { background: url(../images/nextbg.png) no-repeat center #009672; } .efsD-b .mainQh.prev:hover { background: url(../images/prevbg.png) no-repeat center #009672; } @media(max-width: 1680px){ .efsD-c .con .t { font-size: 16px; } .efsD-c .con { line-height: 54px;} .efsD-c .con .t span { font-size: 15px; } .efsD-c .con .t i { font-size: 12px; } } @media(max-width: 1480px){ .efsD-c .con .t { font-size: 16px; } .efsD-c .con { line-height: 50px;} .efsD-c .con .t span { font-size: 14px; } .efsD-b .mainQh { width: 46px; height: 46px; } .efsD-b .next { right: -64px; } .efsD-b .prev { left: -64px; } .efsD-c .img { width: 100%; height: 14.5vw; } } @media(max-width: 1280px){ .efsD-c .img { width: 100%; height: 14vw; } .efsD-c .con .t { font-size: 13px; } .efsD-c .con .t span { font-size: 12px; } } @media(max-width: 1180px){ .efsD-c .img { width: 100%; height: 14vw; } } @media(max-width: 1024px){ .efsD { padding: 30px 0 40px; } .efsD-b .next { right: 10px; } .efsD-b .prev { left: 10px; } } @media(max-width: 900px){ .efsD-c .img { width: 100%; height: 34vw; } } @media(max-width: 640px){ .efsD-c .img { width: 100%; height: 71vw; } } .efsE { background: url(../images/efscd.jpg) no-repeat center/cover; padding: 6vw 0 4vw; } .efsE-b { margin-top: 2vw; } .efsE-b .pic2 { display: none; } .efsE-b { text-align: center; } .efsE-b img { max-width: 800px; } @media(max-width: 1024px){ .efsE { padding: 30px 0 40px; } .efsE-b { margin-top:20px; } .efsE-b .pic1 { display: none; } .efsE-b .pic2 { display: inline-block; } } .mainVidA ul li { border-radius: 6px; overflow: hidden; width: 49%; float: left; } .mainVidB ul li { width: 100%; } .mainVidA ul li:nth-child(2) { float: right;} .mainVid .con { text-align: center; width: 100%; position: absolute; left:0; top: 50%; transform: translateY(-50%); } .mainVid .con .icon { cursor: pointer; width: 4.167vw; height: 4.167vw; display: inline-block; background: url(../images/bg18.png) no-repeat center/cover; } .mainVid .con .c { font-size: 1.56vw; margin-top: 8px; color:#fff; } .mainVid .con .icon:hover { -webkit-animation:haha5 5s linear infinite;} @media(max-width: 640px){ .mainVid .con .icon { width: 40px; height: 40px; } .mainVid .con .c { font-size: 18px; margin-top: 0;} } @media(max-width: 420px){ .mainVid .con .icon { width: 35px; height: 35px; } .mainVid .con .c { font-size: 16px; margin-top: 0;} } .fixVideo { display: none; position: fixed; top:0; left:0;background: rgba(0,0,0,0.8);width: 100%;height: 100%;z-index: 1000; } .fixVideoA {width: 100%;height: 100%;position: relative; } .fixVideoB { position: absolute;width: 60%; max-width: 800px; height: auto; position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%);background: #fff; } .fixVideoB .close { position: absolute; right:-1px; top:-40px;height: 40px;width: 40px;cursor: pointer; text-align: center;line-height: 40px; font-size: 30px; z-index: 10000;background: #000; color:#fff;} /* 鐢熺墿鎶€鏈湇鍔 */ .croDet { background: #f7f7f7; } .croDetA { padding:2.5vw 0 3.5vw; } .croDetA-a { float: left; width: 28%; } .croDetA-b { padding: 0.5vw 1.5vw 1.5vw; background: #fff; border-radius: 6px; overflow: hidden;; } .croDetA-b ul li .ttt>a { background: url(../images/joinabg.png) no-repeat right center; border-bottom: 1px solid #ededed; display: block; font-size: 1.1vw; color:#666666; padding: 1.6vw 30px 1.6vw 0; } .croDetA-b ul li.cur .ttt>a,.croDetA-b ul li:hover .ttt>a { border-color: #009672; color:#009672; } .croDetA-b ul li.cur.sub .ttt>a { background: url(../images/bg24.png) no-repeat right center; } .croDetA-b ul li.sub .ttt { position: relative; } .croDetA-b ul li.sub .ttt span { cursor: pointer; display: block; width: 30px; height: 100%; z-index: 10; position: absolute; right:0; top:0; position: absolute; } .croDetA-b .sub dl { display: none; } .croDetA-b .sub.cur dl { display: block; } .croDetA-b .sub dd a { position: relative; display: block; font-size: 0.9vw; color:#666666; padding: 1.2vw 30px 1.2vw 20px; border-bottom:1px solid #ededed; } .croDetA-b .sub dd a:before { content:''; width: 10px; height: 2px; background: #dddddd; position: absolute; left:0; top: 1.9vw; transform: translateY(-50%); } .croDetA-b .sub dd.cur>a,.croDetA-b .sub dd:hover>a { color:#009672; } /*.croDetA-b .sub dd.cur>a,.croDetA-b .sub dd:hover>a { background: url(../images/joinabg.png) no-repeat right center; }*/ .croDetA-b .sub dd.cur>a:before,.croDetA-b .sub dd:hover>a:before { background:#009672; } .croDetA-c { padding:1.6vw 1.5vw 1.5vw; background: url(../images/bg19.jpg) no-repeat center/cover; overflow: hidden; border-radius: 8px; margin-top: 1.5vw; } .croDetA-c .t { font-size: 1.25vw; color:#fff; } .croDetA-c .c { font-size: 0.8vw; color:#fff; line-height: 1.8; margin-top:5px; } .croDetA-c a { display: inline-block; border:1px solid #fff; margin-top:1.6vw; border-radius: 50px; padding: 6px 30px; } .croDetA-c a span { display: inline-block; font-size: 0.8vw; line-height: 1.8; padding-left: 34px; background: url(../images/jtwhiteb.png) no-repeat left center; color:#fff; } .croDetA-c a:hover span { display: inline-block; background: url(../images/jtwhitebbb.png) no-repeat left center; color:#28b4a7; } .croDetA-c a:hover { background: #fff; border-color:#fff; } @media(max-width: 1480px){ .croDetA-c .t { font-size: 20px; } .croDetA-c a span,.croDetA-c .c { font-size: 14px; } .croDetA-b ul li .ttt>a { font-size: 16px;padding: 16px 30px 16px 0; } .croDetA-b .sub dd a { font-size: 14px; padding: 12px 30px 12px 20px; } .croDetA-b .sub dd a:before { top: 22px; } } @media(max-width: 1024px){ .croDetA-a { width: 100%; } .croDetA-a .croDetA-b { display: none; } .croDetA-c .t { font-size: 18px; } .croDetA-c .c,.croDetA-c a span { font-size: 16px; } } .croDetA-d { float: right; width: 69%; overflow: hidden; } .croDetA-e .topTit { font-size: 2.1vw; color:#009672; } .mainTop { border-bottom:1px solid #ddd; } .mainTop span { display: inline-block; position: relative; padding-bottom: 0.6vw; } .mainTop span:after { content:''; width: 100%; height: 1px; background: #009672; position: absolute; left:0; bottom: -1px; } .croDetA-d .topCon { margin-top: 16px; font-size: 16px;color:#666666; line-height: 1.8; } .croDetA-d .topCon a { text-decoration: underline; } .croDetA-d .topCon a:hovrt { color:#009672; } .croDetA-d .topCon table { border-radius: 6px; overflow: hidden;; } .croDetA-d .topCon table td { padding: 6px 6px; line-height: 1.5; /*word-break: break-all;*/ } .croDetA-f { margin-top:1.6vw; display: flex; flex-wrap: wrap; } .croDetA-g { background: #fff; overflow: hidden; border-radius: 8px; float: left; width: 49%; } .croDetA-g:nth-child(1) { margin-right: 2%;} .croDetA-g { position: relative;} .croDetA-h { padding:2vw 1.6vw 6vw; position: relative; } .croDetA-h .topTit { font-size: 1.1vw; color:#333333; } .croDetA-g .con { margin-top: 1.6vw; font-size: 16px;color:#666; line-height: 1.8; } .croDetA-g .conb p { position: relative; padding-left:14px; margin: 6px 0; } .croDetA-g .conb p:after { content:''; width: 6px; height: 6px; border-radius: 50%; background: #009672; border-radius: 50%; position: absolute; left: 0; top: 12px; } .croDetA-g a { position: absolute; left: 1.6vw; bottom:2.6vw; } @media(max-width: 1480px){ .croDetA-h .topTit { font-size: 18px; } .croDetA-g .con { font-size: 14px;} .croDetA-g .conb p:after { top: 10px; } } @media(max-width: 1024px){ .croDetA-e .topTit { font-size: 24px; } .croDetA-d { width: 100%; } .topCon table td { font-size: 14px; } } @media(max-width: 640px){ .croDetA-g { width: 100%; } .croDetA-g:nth-child(1) { margin-right: 0; margin-bottom: 16px; } .croDetA-h { padding:0px; margin-bottom: 15px; } .croDetA-g { padding:10px 12px 30px; } .croDetA-g a { position: relative; left: 0; bottom: auto; } .topCon table td { font-size: 12px; } } .croDetA-i { margin-top:1.8vw; } .croDetA-i .mtit { padding-left: 17px; position: relative; font-size: 1.25vw; color:#333333; } .croDetA-i .cc { line-height: 1.8; margin-top: 12px; padding-left: 17px; font-size: 16px; color:#666666; } .croDetA-i .mtit:after { content:''; width: 10px; height: 1vw; position: absolute; left:0; top:50%; transform: translateY(-50%); border-radius: 2px; background: #009672;; } .rongyu_a .btm {margin-top: 30px;} .rongyu_a .btm .ol > li{margin-bottom: 16px;background: #ffffff; border-radius: 5px;} .rongyu_a .btm .ol > li:last-child{margin-bottom: 0;} .rongyu_a .btm .ol > li .t .bt {cursor: pointer; padding: 1.2vw 60px 1.2vw 1vw;color: #333333;font-size: 18px; } .rongyu_a .btm .ol > li .t .anniu{ width: 37px;height: 37px;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);background: url(../images/anb.png) no-repeat center/cover;} .rongyu_a .btm .ol > li.cur .t .anniu{ background: url(../images/ana.png) no-repeat center/cover;} .rongyu_a .btm .ol > li .b{ font-size: 16px; color:#666666; line-height: 1.8; display: none;padding: 6px 1vw 3vw;} .croDetB .rongyu_a .btm .ol > li .t .bt { cursor: default; } @media(max-width: 1480px){ .croDetA-i .mtit { font-size: 20px; } .rongyu_a .btm .ol > li .t .bt { font-size: 18px; padding: 16px 45px 16px 16px; } .rongyu_a .btm .ol > li .b { font-size: 14px; padding: 5px 16px 20px;} .rongyu_a .btm .ol > li .t .anniu { right: 16px; width: 30px; height: 30px; top:9px; transform: translateY(0); } } @media(max-width: 1024px){ .rongyu_a .btm .ol > li .t .bt { font-size: 16px; padding: 12px 45px 12px 12px; } .rongyu_a .btm .ol > li .b { font-size: 14px; padding: 5px 12px 20px;} .rongyu_a .btm .ol > li .t .anniu { right: 12px;} .croDetA-i .cc { font-size: 14px; } } .croDetA-k { margin-top: 20px; background: #fff; border-radius: 5px; overflow: hidden; padding:1.5vw 1.5vw 2.5vw; } .croDetA-k ul { display: flex; flex-wrap: wrap; } .croDetA-k ul li { float: left; width: 49%; border-bottom: 1px solid #dedede; margin-right:2%; } .croDetA-k ul li:nth-child(2n) { margin-right:0;} .croDetA-k ul li a { position: relative; display: block; padding: 1vw 0 1vw 15px; font-size: 0.9vw; color:#333333; } .croDetA-k ul li a:after { content:''; width: 4px; height: 0.8vw; background: #009672; border-radius: 2px; position: absolute; left:0; top: 50%; transform: translateY(-50%); } .croDetA-k ul li a:before { content:''; width: 0; height: 1px; background: #009672; left:0; position: absolute; bottom:-1px; transition: all 0.6s; } .croDetA-k ul li a span { display: inline-block; padding-right:30px; background: none; } .croDetA-k ul li:hover a span { background: url(../images/joinabg.png) no-repeat right center; } .croDetA-k ul li:hover a.nobg span { background: none; } .croDetA-k ul li:hover a { color:#009672; } .croDetA-k ul li:hover a:before { width: 100%; } @media(max-width: 1480px){ .croDetA-k ul li a { padding: 16px 0 16px 12px; font-size: 16px; } .croDetA-k ul li a:after { height: 12px; top: 23px; transform: translate(0); } .croDetA-k ul li { width: 48%; margin-right: 4%; } } @media(max-width: 640px){ .croDetA-k { padding: 2px 12px 20px;} .croDetA-k ul li { width: 100%; margin-right: 0; } } .croDetB .rongyu_a .btm .ol > li .b { padding-bottom: 2vw; display: block; } .croDetB .rongyu_a .btm .ol > li .b ul { list-style: disc; margin-left: 20px; } @media(max-width: 1024px){ .croDetB .rongyu_a .btm .ol > li .b { padding-bottom: 20px; } } .aboutZZ { padding: 0;} .aboutY-a .aboutA-b { width: 100%; } .aboutY-a .aboutA { background: #ffffff; padding:3vw 0 6vw; } .aboutY-a .aboutA-b .homeBoxA-c ul { padding: 0; } .aboutY-a .aboutA-b .homeBoxA-c ul li { float: none; text-align: left; width: 24%; margin: 0; display: inline-block; } .aboutY-a .homeBoxA-c { width: 100%; } @media(max-width: 1024px){ .aboutY-a .aboutA { padding-top: 0px; } .aboutY-a .aboutA-b { margin-top:0; } } @media(max-width: 750px){ .aboutY-a .aboutA-b .homeBoxA-c ul li { float: left; width: 50%; } .aboutY-a .aboutA-b .homeBoxA-c ul li:nth-child(n+3) { margin-top: 20px; } } .aboutX { padding:6vw 0 6vw; background: url(../images/bg20.jpg) no-repeat center/cover; } .aboutX-a .swiper-wrapper .swiper-slide { border-radius: 8px; overflow: hidden; background: #fff; } .aboutX-b .topTit { padding:1.5vw 2.5vw; } .aboutX-b .img { float: left; height: 5.2vw; } .aboutX-b .img img { height: 5.2vw; width: auto; } .aboutX-b .t { position: relative; font-size: 1.67vw; color:#ffffff; height: 5.2vw; width: 20vw; float: left; padding-left: 2vw; } .aboutX-b .t span { position: absolute; width: 100%; left:2vw; top:50%; transform: translateY(-50%); } .aboutX-b .con { padding:2vw 2.5vw 2.5vw; } .aboutX-b .con .c { font-size: 0.9vw; color:#666666; line-height: 1.8; overflow-y: scroll; height: 9vw; margin-bottom: 26px; } .aboutX-a .mainQh {background-color: rgba(255,255,255,0); z-index: 10; border:1px solid #009672; } .aboutX-b .con .c{ scrollbar-color: #009672 rgba(0,0,0,0.2); /* 绗竴涓柟鍧楅鑹诧紝绗簩涓建閬撻鑹?鐢ㄤ簬鏇存敼鐏嫄娴忚鍣ㄦ牱寮? */ scrollbar-width: thin; /* 鐏嫄婊氬姩鏉℃棤娉曡嚜瀹氫箟瀹藉害锛屽彧鑳介€氳繃姝ゅ睘鎬т娇婊氬姩鏉″搴﹀彉缁 */ -ms-overflow-style:none; /* 闅愯棌婊氬姩鏉★紙鍦↖E鍜孍dge涓や釜娴忚鍣ㄤ腑寰堥毦鏇存敼鏍峰紡锛屽浐閲囧彇闅愯棌鏂瑰紡锛 */ } /* 浠ヤ笅鏄痗hrome娴忚鍣ㄨ嚜瀹氫箟婊氬姩鏉℃牱寮忔柟寮 */ .aboutX-b .con .c::-webkit-scrollbar {/*婊氬姩鏉℃暣浣撴牱寮?/ width: 3px; /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/ height: 1px; } .aboutX-b .con .c::-webkit-scrollbar-thumb {/*婊氬姩鏉¢噷闈㈠皬鏂瑰潡*/ border-radius: 3px; -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); background: #009672; } .aboutX-b .con .c::-webkit-scrollbar-track {/*婊氬姩鏉¢噷闈㈣建閬?/ -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); border-radius: 3px; background: rgba(0,0,0,0); } .aboutX-a .mainQh.next:hover { background: url(../images/nextbg.png) no-repeat center #009672; } .aboutX-a .mainQh.prev:hover { background: url(../images/prevbg.png) no-repeat center #009672; } @media(max-width: 1480px){ .aboutX-b .con .c { font-size: 14px; line-height: 1.8; min-height: 150px; } } @media(max-width: 1280px){ .aboutX-b .t { width: 24vw; } .aboutX-b .t { font-size: 20px; } } @media(max-width: 1024px){ .aboutX { padding: 30px 0 40px; } .aboutX-b .t { font-size: 18px; } .aboutX-b .con .c { height: 120px; margin-bottom: 18px; } } @media(max-width: 800px){ .aboutX-a .prev { left: 10px; } .aboutX-a .next { right: 10px; } .aboutX-b .t { font-size: 20px; } .aboutX-b .t { width: 60vw; } .aboutX-b .img { height: 50px;} .aboutX-b .t { height: 50px; } .aboutX-b .img img { height: 50px; } .aboutX-b .topTit { padding:15px 12px; } .aboutX-b .con { padding: 16px 12px 20px; } .aboutX-b .con .c { height: 90px; margin-bottom: 18px; } } @media(max-width: 500px){ .aboutX-b .t { font-size: 18px; } .aboutX-b .t { width: 56vw; } } @media(max-width: 400px){ .aboutX-b .t { font-size: 16px; } } .aboutW { width: 100%; overflow-y: hidden; padding: 7vw 0 5.5vw; background: url(../images/bg16.png) no-repeat top left/cover #f7f7f7; } .aboutW-a .c { float: right; width: 73%; font-size: 16px;color:#666666; line-height: 1.8; } .aboutW-a .mainTit { float: left; width: 25%; } .aboutW-a .mainTit .t { line-height: 1; } .aboutW .mainTop span:after { width: 100px; } .aboutW-b { margin-top:4vw; } .aboutW-c { float: left; width: 25%; } .aboutW-d { float: right; width: 73%; } .aboutW-c ul { position: relative; } .aboutW-c ul:after { content:''; width: 1px; height: 1000px; position: absolute; left:0; top:0; background: #dedede; } .aboutW-c ul li { line-height: 1; position: relative; margin-bottom:1.5vw; font-size: 1.1vw; color:#333333; cursor: pointer; padding-left:30px; } .aboutW-c ul li.cur:after { content:''; width: 3px; height: 100%; position: absolute; left: -1px; top:0; background: #009672; color:#009672; z-index: 1; } .aboutW-c ul li.cur { color:#009672; } .aboutW-e { background: url(../images/bg21.png) no-repeat right center #fff; background-size: auto 100%; border-radius: 6px; overflow: hidden; padding:2vw 6vw 20px 2.5vw; } .aboutW-e .icon img { height: 4.4vw; } .aboutW-e .tit .t { margin-top: 12px; font-size: 1.56vw; color:#333333; } .aboutW-e .con { font-size: 16px;color:#666666; line-height: 1.8; min-height: 200px; margin-top: 30px; } @media(max-width: 1480px){ .aboutW-c ul li { font-size: 18px; margin-bottom: 20px; } .aboutW-e .con { margin-top: 20px; font-size: 14px; } } @media(max-width: 1024px){ .aboutW-a .mainTit { width: 100%; } .aboutW-a .c { margin-top: 20px; width: 100%;} .aboutW-c { display: none; } .aboutW-d { width: 100%; } .aboutW-d .tabBox>div { display: block!important; margin-top: 15px; } .aboutW-e .con { min-height: 10px; } .aboutW-e { padding: 16px 12px 20px; } .aboutW-e .tit .t { font-size: 20px; } .aboutW-e .icon img { width: 50px; height: auto;} .mainTop span { padding-bottom: 12px; } .aboutW-e .mainTop span { padding-bottom: 0; } .aboutW-e .mainTop { border:none; } .aboutW-e .mainTop span:after { display: none; } .aboutW-e .con { display: none; } .aboutW-d .tabBox>div.cur .aboutW-e .mainTop span { padding-bottom: 12px; } .aboutW-d .tabBox>div.cur .aboutW-e .mainTop { border-bottom: 1px solid #ddd; } .aboutW-d .tabBox>div.cur .aboutW-e .mainTop span:after { display: block; } .aboutW-d .tabBox>div.cura .aboutW-e .mainTop span { padding-bottom: 12px; } .aboutW-d .tabBox>div.cura .aboutW-e .mainTop { border-bottom: 1px solid #ddd; } .aboutW-d .tabBox>div.cura .aboutW-e .mainTop span:after { display: block; } .aboutW-d .tabBox>div:nth-child(1) .aboutW-e .con { display: block; } .aboutW-e { background: #fff; } .aboutW-d .tabBox>div.cura .aboutW-e { background: url(../images/bg21.png) no-repeat right center #fff; } .aboutW-e .topTit { position: relative;} .aboutW-e .topTit:after { content:''; width: 37px;height: 37px;position: absolute;right: 0px;top: 50%;transform: translateY(-50%);background: url(../images/anb.png) no-repeat center/cover;} .aboutW-d .tabBox>div.cura .aboutW-e .topTit:after { background: url(../images/ana.png) no-repeat center/cover;} } @media(max-width: 500px){ .aboutW-e .icon img { width: 40px; } .aboutW-e .tit .t { margin-top: 5px;} } .proListA { margin-top: 3vw;} .proListA ul { display: flex; flex-wrap: wrap; } .proListA ul li { float: left; width: 32%; margin-right:2%; } .proListA ul li:nth-child(3n) { margin-right:0; } .proListA ul li:nth-child(n+4) { margin-top:3%; } .proListA ul li a { display: block; border-radius: 6px; overflow: hidden;; } .proListA-b { width: 100%; text-align: center; left:0; top:50%; transform: translateY(-50%); position: absolute; } .proListA-b .t { font-size: 1.1vw; color:#fff; margin-top: 8px; } .proListA-c { width: 100%; background: #009672; border-radius: 6px; overflow: hidden;; } .proListA-d { padding: 1.4vw 1.5vw 2vw; height: 15.6vw; box-sizing: border-box; } .proListA-d .tit { padding-left:80px; position: relative; font-size: 1.1vw; color:#fff; line-height: 24px; height: 55px; } .proListA-d .tit .icon { position: absolute; left: 0; top:0; } .proListA-d .tit .t { position: absolute; left: 80px; top:50%; transform: translateY(-50%); } .proListA-d .con { height: 8vw; overflow-y: scroll; font-size: 16px;color:#fff; line-height: 1.8; margin-top:12px; } .proListA-c .swiper-pagination { width: 100%; text-align: left; bottom: 2vw!important; padding: 0 1.5vw; } .proListA-c .swiper-pagination span { background: #fff; } .proListA-d .con{ scrollbar-color: #fff rgba(0,0,0,0.2); /* 绗竴涓柟鍧楅鑹诧紝绗簩涓建閬撻鑹?鐢ㄤ簬鏇存敼鐏嫄娴忚鍣ㄦ牱寮? */ scrollbar-width: thin; /* 鐏嫄婊氬姩鏉℃棤娉曡嚜瀹氫箟瀹藉害锛屽彧鑳介€氳繃姝ゅ睘鎬т娇婊氬姩鏉″搴﹀彉缁 */ -ms-overflow-style:none; /* 闅愯棌婊氬姩鏉★紙鍦↖E鍜孍dge涓や釜娴忚鍣ㄤ腑寰堥毦鏇存敼鏍峰紡锛屽浐閲囧彇闅愯棌鏂瑰紡锛 */ } /* 浠ヤ笅鏄痗hrome娴忚鍣ㄨ嚜瀹氫箟婊氬姩鏉℃牱寮忔柟寮 */ .proListA-d .con::-webkit-scrollbar {/*婊氬姩鏉℃暣浣撴牱寮?/ width: 3px; /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/ height: 1px; } .proListA-d .con::-webkit-scrollbar-thumb {/*婊氬姩鏉¢噷闈㈠皬鏂瑰潡*/ border-radius: 3px; -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); background: #fff; } .proListA-d .con::-webkit-scrollbar-track {/*婊氬姩鏉¢噷闈㈣建閬?/ -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); border-radius: 3px; background: rgba(0,0,0,0); } @media(max-width: 1680px){ .proListA-b img,.proListA-d .tit .icon img { width: 45px; } .proListA-d .tit { height: 45px; padding-left: 54px;} .proListA-d .tit .t { left: 54px;} .proListA-c .swiper-pagination { bottom: 16px!important; } .proListA-d .con { font-size: 15px;} } @media(max-width: 1480px){ .proListA-d { height: 17vw; } .proListA-d .con { height: 8vw; } } @media(max-width: 1280px){ .proListA-b img,.proListA-d .tit .icon img { width: 40px; } .proListA-d .tit { height: 40px; line-height: 20px; padding-left: 50px;} .proListA-c .swiper-pagination { bottom: 12px!important; } .proListA-d .con { font-size: 14px; line-height: 1.6;} .proListA-b .t,.proListA-d .tit { font-size: 16px; } .proListA-d .tit .t { left: 50px;} .proListA-d { height: 18vw; } } @media(max-width: 1024px){ .proListA-d { height: 29.2vw; } .proListA-d .con { height: 14vw; } } @media(max-width: 640px){ .proListA ul li { width: 49%; } .proListA ul li:nth-child(3n) { margin-right:2%; } .proListA ul li:nth-child(2n) { margin-right:0; } .proListA ul li.sign { display: none; } .proListA ul li:nth-child(n+3) { margin-top:3%; } } .proMore a { display: inline-block; padding:10px 36px; border:1px solid #009672; border-radius: 50px; } .proMore a span { display: inline-block; font-size: 16px; line-height: 24px; } .proMore a.back span { padding-left: 22px; background: url(../images/prev.png) no-repeat left center; } .proMore a.down span { padding-right: 24px; background: url(../images/downaa.png) no-repeat right center; } .proMore a.down:hover span { background: url(../images/downaabg.png) no-repeat right center; } .proMore a.back:hover span { background: url(../images/prevbg.png) no-repeat left center; } .proMore a.down { margin-right: 12px; } .proMore a:hover { color:#fff; background: #009672; } @media(max-width: 1024px){ .proMore a { padding: 5px 20px; } .croDetA { padding: 0 0 40px; } } .croDetA-l { padding: 1.6vw 1.2vw; margin-top: 20px; font-size: 16px; background: #fff; border-radius: 6px; color:#666666; } .croDetA-l p { margin: 8px 0; } @media(max-width: 640px){ .croDetA-l { padding: 10px 8px 16px;} } /* 澶у垎瀛 */ .dfzA { background: #f7f7f7; padding: 0 0 4vw; } .dfzA-a .c { font-size: 21px; color:#666666; line-height: 1.8; padding: 4vw 0 2.5vw; border-bottom: 1px solid #ddd; } .dfzA-b .tit { font-size: 2.1vw; padding: 2.5vw 0 2vw; color:#333333; line-height: 1; text-align: center; } .dfzA-c ul li { float: left; width: 32%; margin-right:2%; } .dfzA-c ul { display: flex; flex-wrap: wrap; } .dfzA-c ul li:nth-child(3n) { margin-right:0; } .dfzA-c ul li:nth-child(n+4) { margin-top:3%; } .dfzA-c ul li { transition: all 0.5s; border-radius: 8px; background: #fff; border-bottom: 3px solid #fff; overflow: hidden;; } .dfzA-d .topTit { transition: all 0.5s; font-size: 1.5vw; color:#fff; padding:0.8vw 2vw; background: #009672; } .dfzA-d .con { font-size: 16px;color:#666666; line-height: 1.8; padding:0.5vw 2vw 2vw; } .dfzA-d .con p { position: relative; padding-left: 12px; margin: 8px 0; } .dfzA-d .con p:before { content:''; width: 5px; height: 5px; border-radius: 50%; background: #009672; position: absolute; left:0; top: 12px; } .dfzA-c ul li:hover { border-color: #009672; box-shadow: 0 0 6px 6px rgba(120,120,120,0.1); } .dfzA-c ul li:hover .dfzA-d .topTit { background: url(../images/bg26.png) no-repeat center/cover; } /*.dfzA-c ul li:hover .dfzA-d .con { color: #009672; }*/ /*.dfzA-c ul li:hover .dfzA-d .con p:before { background: #ffffff; }*/ @media(max-width: 1480px){ .dfzA-d .con p { font-size: 14px; } .dfzA-d .con p:before { top: 10px; } .dfzA-a .c { font-size: 18px; } } @media(max-width: 1024px){ .dfzA-a .c { font-size: 16px; } .dfzA-b .tit { font-size: 24px; padding: 20px 0 16px;} .dfzA-d .topTit { font-size: 20px; padding: 12px 8px; } .dfzA-d .con { padding: 8px 8px 16px; } .dfzA-c ul li { width: 49%; } .dfzA-c ul li:nth-child(3n) { margin-right:2%; } .dfzA-c ul li:nth-child(2n) { margin-right:0;} .dfzA-d .con p { font-size: 14px; } .dfzA-d .con p:before { top: 10px; } .dfzA-c ul li:nth-child(n+3) { margin-top:3%; } } @media(max-width: 500px){ .dfzA-d .topTit { font-size: 18px; } .dfzA-c ul li { width: 100%; margin-right:0; } .dfzA-c ul li:nth-child(3n) { margin-right:0; } .dfzA-c ul li:nth-child(n+2) { margin-top:16px; } } .dfzB { padding:4vw 0 5.4vw; } .dfzB .dfzA-b .tit { padding: 0; } .dfzB-a { margin-top:20px; } .dfzB-a ul li { border-bottom: 2px solid #009672; border-radius: 6px; overflow: hidden;; float: left; width: 32%; margin-right: 2%; background: #f9f9f9; } .dfzB-a ul li:nth-child(3n) { margin-right: 0; } .dfzB-a ul li:nth-child(n+4) { margin-top: 20px; } .dfzB-a ul li a { display: block; } .dfzB-a ul li .t { font-size: 1.1vw; color:#333333; display: block; width: 100%; padding:1.2vw 2vw 1.2vw 2.5vw; } .dfzB-a ul li .t span { display: block; padding-right: 20px; background: url(../images/tala3.png) no-repeat right center; } .dfzB-a ul li:hover a .t { color:#009672; } @media(max-width: 1480px){ .dfzB-a ul li .t { font-size: 16px; padding: 16px 16px; } } @media(max-width: 1024px){ .dfzB-a ul li { width: 32%; margin-right:2%; } .dfzB-a ul li:nth-child(4n) { margin-right: 2%; } .dfzB-a ul li:nth-child(3n) { margin-right: 0; } .dfzB-a ul li:nth-child(n+4) { margin-top: 20px; } .dfzB { padding:30px 0 40px; } } @media(max-width: 750px){ .dfzB-a ul li { width: 49%; margin-right:2%; } .dfzB-a ul li:nth-child(3n) { margin-right: 2%; } .dfzB-a ul li:nth-child(2n) { margin-right: 0; } .dfzB-a ul li:nth-child(n+3) { margin-top: 16px; } } @media(max-width: 500px){ .dfzB-a ul li { width: 100%; margin-right:0; } .dfzB-a ul li:nth-child(3n) { margin-right:0; } .dfzB-a ul li:nth-child(n+2) { margin-top: 16px; } } /* 娲诲姩棰勭害 */ .yuyueA { display: none; position: fixed; width: 100%; height: 100%; left:0; top:0; background: rgba(0,0,0,0.6); z-index: 1000; } .yuyueA-a { width: 750px; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); background: #fff; border-radius: 8px; } .yuyueA-b { padding:1.6vw 2vw 2vw; } .yuyueA-b .tit { font-size: 1.56vw; color:#009672; } .yuyueA-b .close { position: absolute; right: 1vw; top: 1vw; width: 35px; height: 35px; border-radius: 50%; border:1px solid #999999; color:#999999; cursor: pointer; text-align: center; line-height: 33px; font-size: 20px; } .yuyueA-b ul { margin-top:30px; } .yuyueA-b ul li { float: left; width: 49%; margin-right:2%; } .yuyueA-b ul li:nth-child(2n) { margin-right: 0; } .yuyueA-b ul li:nth-child(n+3) { margin-top: 16px; } .yuyueA-b .inp { width: 100%; font-size: 16px; padding-left: 10px; border:1px solid #ededed; line-height: 46px; } .yuyueA-b .inp.text { height: 120px; } .yuyueA-b ul li:nth-child(n+5) { width: 100%; } .yuyueA-b .sub { border:none; font-size: 16px;color:#fff; border-radius: 50px; width: 200px; height: 46px; background: #009672;; } @media(max-width: 1480px){ .yuyueA-b .tit { font-size: 20px; } .yuyueA-b ul { margin-top: 20px; } .yuyueA-b .inp { line-height: 40px; } .yuyueA-b ul li:nth-child(n+3) { margin-top: 12px; } .yuyueA-a { width: 600px; } } @media(max-width: 1024px){ .yuyueA-b .tit { font-size: 20px; } .yuyueA-b ul { margin-top: 20px; } .yuyueA-b .inp { line-height: 40px; font-size: 16px; } .yuyueA-b ul li:nth-child(n+2) { margin-top: 8px; } .yuyueA-b ul li { width: 100%; } .yuyueA-b { padding: 18px 16px; } .yuyueA-b .close { width: 30px; height: 30px; line-height: 28px; } .yuyueA-a { width: 90%; } } /* 鍏徃娌荤悊 */ .gszlA-a { margin-top:4vw; } .gszlA { padding: 0 0 6vw; background: url(../images/bg3.jpg) no-repeat center/cover; } .gszlA-b { margin-top:2.5vw; background: #fff; border-radius: 8px; overflow: hidden;; } .gszlA-d { padding:3vw 0 0 3.6vw; position: relative; background: url(../images/gszla.jpg) no-repeat center/cover; float: left; width: 30%; height: 21vw; } .gszlA-d ul li { cursor: pointer; position: relative; padding-left:0; transition: all 0.6s; font-size: 1.25vw; color:#aae0d3; line-height: 2; margin: 8px 0; } .gszlA-d ul li:after { content:''; width: 0px; transition: all 0.6s; height: 1px; background: #fff; position: absolute; left:0; top:50%; } .gszlA-d ul li.cur:after { width: 50px; } .gszlA-d ul li.cur { color:#fff; padding-left:56px; } .gszlA-d ul li.cur:before { content:''; width: 10px; height: 19px; right: -10px; top: 50%; transform: translateY(-50%); background: url(../images/gszlb.png) no-repeat center/cover; position: absolute; } .gszlA-e { width: 70%; float: right; } .gszlA-f { height: 21vw; border-bottom: 3px solid #009672; } .gszlA-e ul { display: flex; flex-wrap: wrap; position: absolute; width: 100%; left:0; top: 50%; transform: translateY(-50%);} .gszlA-e ul li { text-align: center; border-right: 1px solid #f2f2f2; float: left; width: 33.3333%; } .gszlA-e ul li:last-child { border:none;} .gszlA-e ul li .icon { display: inline-block; width: 5.5vw; border:1px solid #ededed; border-radius: 50%; height: 5.5vw; } .gszlA-f .t { font-size: 1.25vw; color:#333333; margin: 0.8vw 0 0.3vw; } .gszlA-f .c { font-size: 0.9vw; color:#666666; line-height: 2; } .gszlA-f .c p span { display: inline-block; padding-left:15px; position: relative; } .gszlA-f .c p span:after { content:''; width: 9px; height: 9px; border-radius: 50%; border:3px solid #4bb49b; box-sizing: border-box; position: absolute; left:0; top:50%; transform: translateY(-50%); } .gszlA-e ul li .con .c { display: inline-block; text-align: left; } @media(max-width: 1480px){ .gszlA-f,.gszlA-d { height: 24vw; } .gszlA-e ul li .icon { width: 80px; height: 80px; } .gszlA-d ul li { font-size: 24px; } .gszlA-d ul li.cur:after { width: 40px; } .gszlA-d ul li.cur { padding-left:46px; } .gszlA-f .t { font-size: 18px; } .gszlA-f .c { font-size: 14px; } } @media(max-width: 1280px){ .gszlA-f,.gszlA-d { height: 28vw; } .gszlA-f .t { font-size: 16px; } .gszlA-f .c { font-size: 12px; } } @media(max-width: 1024px){ .gszlA-f,.gszlA-d { height: auto; } .gszlA-d { width: 100%; padding: 20px 0; text-align: center; } .gszlA-e { width: 100%; padding: 20px 0;} .gszlA-e ul { position: relative; top:0; transform: translate(0);} .gszlA-d ul li { float: left; width: 33.333%; text-align: center; line-height: 1; margin: 0; padding: 0;} .gszlA-d ul li.cur:after { width: 0; } .gszlA-d ul li.cur { padding-left:0; } .gszlA-f { border:none; } .gszlA-e { border-bottom: 3px solid #009672; } .gszlA-d ul li.cur:before { right: auto; left:50%; top:auto; margin-left: -7px; transform: translateY(0); bottom: -33px; transform: rotate(90deg); } } @media(max-width: 640px){ .gszlA-e ul li .icon { width: 60px; height: 60px; } .gszlA-d ul li { font-size: 20px; } .gszlA-f .t { font-size: 16px; } .gszlA-f .c { font-size: 14px; } .gszlA { padding-bottom: 50px; } } @media(max-width: 500px){ .gszlA-e ul li .icon { width: 50px; height: 50px; } .gszlA-d ul li { font-size: 18px; } .gszlA-f .t { font-size: 16px; } .gszlA-f .c { font-size: 14px; } .gszlA-e ul li { width: 100%; } .gszlA-e ul li:nth-child(n+2) { margin-top: 20px; padding-top: 20px; border-top: 1px solid #f2f2f2; } } @media(max-width: 400px){ .gszlA-d ul li { font-size: 16px; } } .gszlB { padding:6vw 0 8vw; } .gszlB-a .mainTit { float: left; width: 30%; } .gszlB-a .mainTit .icon { margin-top: 18px; } .gszlB-a .con { float: right; width: 70%; } .gszlB-a .con .et { font-size: 1.1vw; color:#fff; line-height: 1.8; } .gszlB-a .con .c { font-size: 1vw; margin-top: 2vw; opacity: 1; color:#fff; line-height: 1.8; } @media(max-width: 1480px){ .gszlB-a .mainTit .icon img { width: 50px; height: auto; } .gszlB-a .con .et { font-size: 18px; } .gszlB-a .con .c { font-size: 16px; } } @media(max-width: 1024px){ .gszlB-a .mainTit { width: 100%; } .gszlB-a .con { width: 100%; margin-top: 20px; } } @media(max-width: 1480px){ .gszlB-a .con .et { font-size: 16px; } .gszlB-a .con .c { font-size: 14px; margin-top: 16px; } } .gszlC { padding:5vw 0 5.6vw; background: #f7f7f7; } .gszlC-b { margin-top: 2vw;} .gszlC-b .swiper-slide { overflow: hidden; background: #fff; border-radius: 5px; } .gszlC-b a { display: block; padding:1.2vw; border-bottom: 3px solid #009672; } .gszlC-b .img { border:1px solid #ededed; } .gszlC-b .con { margin-top: 1vw; } .gszlC-b .con .code { font-size: 16px;color:#999; } .gszlC-b .con .t { height: 60px; line-height: 28px; font-size: 1.1vw;color:#333; padding-right: 30px; } .gszlC-b .con .c { background: url(../images/gszle.png) no-repeat right center; } .gszlC-b .con .more { font-style: normal; display: inline-block; border-radius: 50px; border:1px solid #009672; padding:12px 30px; margin-top: 16px; } .gszlC-b .con .more span { display: inline-block; font-size: 16px;color:#666666; line-height: 20px; padding-right: 28px; background: url(../images/downaa.png) no-repeat right center; } .gszlC-c:hover .con .more span { color:#fff; background: url(../images/downaabg.png) no-repeat right center; } .gszlC-c:hover .con .more { background: #009672; } .gszlC-c:hover .con .t { color:#009672; } .gszlC-b .mainQh { background-color: rgba(255,255,255,0); z-index: 10; border:1px solid #009672; } .gszlC-b .mainQh.next:hover { background: url(../images/nextbg.png) no-repeat center #009672; } .gszlC-b .mainQh.prev:hover { background: url(../images/prevbg.png) no-repeat center #009672; } @media(max-width: 1680px){ .gszlC-b .con .more { padding:8px 20px; font-size: 14px; } .gszlC-b .con .c { background: url(../images/gszle.png) no-repeat right center; background-size: 26px auto; } } @media(max-width: 1480px){ .gszlC-b .con .t { font-size: 16px; padding-right: 30px; line-height: 20px; } .gszlC-b .con .c { background: url(../images/gszle.png) no-repeat right center; background-size: 26px auto; } } @media(max-width: 1028px){ .gszlC-b { margin-top: 20px;} .gszlC-b .next { right: 20px; } .gszlC-b .prev { left: 20px; } .gszlC-b a { padding: 16px 12px; } } /* 鑱旂郴鎴戜滑 */ .contact { background: #f9f9f9; } .contactA { padding:6vw 0 2.5vw; } .contactA-a { position: relative; } .contactA-a .tit { position: absolute; left:0; top:50%; transform: translateY(-50%); float: left; font-size: 2.1vw; color:#009672; } .contactA-b { float: right; } .contactA-b ul li { float: left; padding-left:1.5vw; border-left: 1px solid #dedede; margin-left: 1.5vw; } .contactA-b ul li:first-child { border:none; padding-left:0; margin-left:0;} .contactA-c { padding-left: 4vw; position: relative; } .contactA-c .icon { position: absolute; left:0; width: 3.4vw; height: 3.4vw; top:50%; transform: translateY(-50%); border: 1px solid #dedede; border-radius: 50%; } .contactA-c .icon img { width: 100%; } .contactA-c .t { font-size: 1.1vw; color:#666666; } .contactA-c .c { font-size: 0.8vw; color:#666666; } @media(max-width: 1480px){ .contactA-c { padding-left: 4.8vw; } .contactA-c .icon { width: 4.2vw; height: 4.2vw; } .contactA-c .t { font-size: 18px; } .contactA-c .c { font-size: 14px; } } @media(max-width: 1280px){ .contactA-c .t { font-size: 16px; } .contactA-c .c { font-size: 12px; } } @media(max-width: 1024px){ .contactA-a .tit { position: relative; left:0; top:0; transform: translateY(0); float: left; font-size: 24px; width: 100%; } .contactA-b { width: 100%; margin-top: 20px; } .contactA-b ul li { border:none; padding-left:0; margin-left: 0; width: 50%; } .contactA-b ul li:first-child { border:none; padding-left:0; margin-left:0;} .contactA-c { padding-left: 60px; } .contactA-c .icon { width: 52px; height: 52px; } .contactA-c .t { font-size: 16px; } .contactA-c .c { font-size: 14px; } .contactA-b ul li:nth-child(n+3) { margin-top: 20px; } } @media(max-width: 500px){ .contactA-b ul li { width: 100%; } .contactA-b ul li:nth-child(n+2) { margin-top: 20px; } .contactA { padding: 30px 0 40px; } } .contactD-b { position: absolute; width: 100%; height: 100%; left:0; top:0; } .contactD-b .add { width: 19px; height: 25px; position: absolute; transform: translate(-50%, -50%); } .contactD-b .add .icon { width: 100%; height: 100%; background: url(../images/adda.png) no-repeat center/cover; } .contactD-b .add.cur .icon,.contactD-b .add:hover .icon { background: url(../images/addb.png) no-repeat center/cover; } .contactD-c {border-radius: 6px; display: none; width: 280px; background: #fff; position: absolute; left: 50%; transform: translateX(-50%); bottom: 70px; } .contactD-d { padding: 16px; } .contactD-d:after { content:''; width: 36px; height: 41px; background: url(../images/conj.png) no-repeat center/cover; position: absolute; left: 50%; bottom: -38px; } .contactD-c.sign { width: 160px; text-align: center; } .contactD-c .t { font-size: 16px;color:#666; text-align: center;} .contactD-c .imgA {/* margin-top: 8px;*/ position: relative; } .contactD-c .imgA .t { width: 100%; left:0; top:50%; transform: translateY(-50%); font-size: 18px;color:#fff; padding: 0 10px 0 14px;; position: absolute; } .contactD-c a.sign { display: block; width: 100%; padding: 8px 30px 8px 8px; background: url(../images/tala3.png) no-repeat 94% center; border:1px solid #009672; border-radius: 5px; margin-top: 10px; } .contactD-c a { display: block; } .contactD-b .add.cur .contactD-c,.contactD-b .add:hover .contactD-c { display: block; } .contactD-c a.signA { background: none; } .contactD-c a.sign img { width: 100%; } @media(max-width: 750px){ .contactD-c { width: 180px; } .contactD-c.sign { width: 120px; } .contactD-c .t { font-size: 14px;} .contactD-c .imgA .t { font-size: 14px; padding-left: 6px;} .contactD-b .add { width: 8px; height: 11px; } } .contactB { padding:0; margin-top: 0.5vw; position: relative; z-index: 10; } .contactB-b { margin-top: 0; } .contactB-b ul li { float: left; width: 32%; margin-right:2%; } .contactB-b ul li:nth-child(3n) { margin-right: 0;} .contactB-b ul li:nth-child(n+4) { margin-top: 2%; } .contactB-b ul li:nth-child(7),.contactB-b ul li:nth-child(8) { margin-right: 0; width: 100%; } .contactB-b ul li:nth-child(9),.contactB-b ul li:nth-child(10) { margin-right: 0; width: 100%; } .contactB-b .inp { width: 100%; height: 54px; font-size: 18px; padding-left: 12px; color:#666666; line-height: 52px; border:1px solid #ededed; border-radius: 6px; background: none; } .contactB-b .text { height: 120px; } .contactB-b .inp::-webkit-input-placeholder {color: #666666;} .contactB-b .inp:-moz-placeholder {/* Firefox 18- */color: #666666;} .contactB-b .inp::-moz-placeholder{/* Firefox 19+ */color: #666666;} .contactB-b .inp:-ms-input-placeholder {color: #666666;} .contactB-b dl { float: left; width: 49%!important; position: relative; } .contactB-b dl#typeHtmlB { float: right; } .contactB-b dl dd { display: none; position: absolute; left:0; background: #f2f2f2; color:#333; top: 52px; padding: 8px 0; border:1px solid rgba(255,255,255,0.4); width: 100%; } .contactB-b dl dd p { padding: 0px 12px; cursor: pointer; } .contactB-b dl dd p:hover { color:#fff; background: #009672;} .contactB-b dl.cur dd { display: block; } .contactB-b dl:after { content:''; width: 18px; height: 10px; background: url(../images/selebg.png) no-repeat center; position: absolute; right: 20px; top:50%; transform: translateY(-50%); } .contactB-b li>p { line-height: 52px; font-size: 20px; color:#fff; } .contactB-b li>p .btn { font-size: 20px; line-height: 52px; border:none; width: 240px; background: #009672; color:#ffffff; border-radius: 50px; } .contactB-b li>p span { display: inline-block; margin-left: 20px; line-height: 52px; } .contactB-c { border-radius: 8px; } .contactB-a { border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .contactB-b { border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .contactB-a { float: left; width: 27%; height: 27vw; min-height: 530px; background: url(../images/bg23.jpg) no-repeat right center/cover; } .contactB-b { float: left; width: 73%; background: #fff; } .contactB-e { position: absolute; left:0; top:40%; padding: 0 2vw 0 3vw; transform: translateY(-50%); } .contactB-e .mainTit .t { font-size: 2.1vw; margin: 8px 0 6px; } .contactB-e .mainTit .c { margin-top: 10px; font-size: 0.8vw; } .contactB-b { height: 27vw; min-height: 530px; border-bottom: 3px solid #009672; } .contactB-f { position: absolute; padding: 0 2vw; width: 100%; left:0; top: 50%; transform: translateY(-50%); } @media(max-width: 1480px){ .contactB-b ul li:nth-child(n+4) { margin-top: 2%;} .contactB-b .inp { font-size: 16px; line-height: 42px; height: 44px; } .contactB-b .text { height: 110px; } .contactB-b dl.cur dd { top:42px; } .contactB-b li>p .btn { font-size: 18px; line-height: 46px; width: 200px; } .contactB-b li>p span { margin-left: 20px; line-height: 46px; font-size: 16px; } .contactB-e .mainTit .c { font-size: 16px; } .contactB-b,.contactB-a { min-height: 460px; } } @media(max-width: 1024px){ .contactB-a { border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 0px; } .contactB-b { border-top-right-radius: 0px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .contactB-e .mainTit .t { margin-top:0; font-size: 20px; } .contactB-e .mainTit { } .contactB-e .mainTit .icon { display: none; } .contactB-b,.contactB-a { min-height: 10px; height: auto; width: 100%; } .contactB-f,.contactB-e { position: relative; top:0; transform: translate(0);} .contactB-e { padding: 16px 2vw;} .contactB-f { padding: 16px 2vw 20px; } } @media(max-width: 750px){ .contactB-b dl { width:100%!important; } .contactB-b dl#typeHtmlB { margin-top:2%; } .contactB-b ul li { width: 49%; margin-right:2%; } .contactB-b ul li:nth-child(3n) { margin-right:2%; } .contactB-b ul li:nth-child(2n) { margin-right:0; } .contactB-b ul li:nth-child(n+3) { margin-top: 2%;} .contactB-b ul li:nth-child(8) { margin-right: 0; width: 100%; } .contactB-b li>p span { margin-left: 0px; display: block; width: 100%; margin-top: 10px; line-height: 24px; font-size: 16px; } } @media(max-width: 500px){ .contactB-b .inp { font-size: 16px; line-height: 36px; height: 38px; } .contactB-b .text { height: 90px; } .contactB-b dl.cur dd { top:36px; } .contactB-b li>p .btn { font-size: 16px; line-height: 40px; width: 200px; } } .contactC { padding:40px 0 40px; background: #f9f9f9; } .contactC-a ul li { border-bottom: 3px solid #009672; text-align: center; border-radius: 4px; overflow: hidden; background: #fff; padding: 2.6vw 1vw 3.4vw; float: left; width: calc(25% - 6px); margin-right:8px; } .contactC-a ul li a { display: block; } .contactC-a ul li:last-child { margin-right:0;} .contactC-b .t { font-size: 1.56vw; color:#333; margin: 12px 0 10px; } .contactC-b .c { font-size: 16px; color:#666666; } @media(max-width: 1280px){ .contactC-b img { width: 40px; } .contactC-b .t { font-size: 18px; margin: 8px 0 2px;} .contactC-b .c { font-size: 14px;} } @media(max-width: 1024px){ .contactC { padding: 30px 0 30px; } .contactC-b img { width: 50px; } .contactC-a ul li { width: calc(50% - 6px); margin-right: 12px; padding: 36px 12px 40px; } .contactC-a ul li:nth-child(2n) { margin-right:0;} .contactC-a ul li:nth-child(n+3) { margin-top:12px;} } @media(max-width: 640px){ .contactC-a ul li { padding: 24px 12px 28px; } } @media(max-width: 500px){ .contactC-b img { width: 40px; } .contactC-a ul li { padding: 18px 10px 20px; } .contactC-b .c { font-size: 12px;} } /* 鎼滅储涓嬫媺 */ .fixSear { position: fixed; top: -120px; transition: all 0.8s; left:0; width: 100%; height: 110px; background: #009672; z-index: 1001; } .fixSear-a { padding: 0 3%; width: 100%; position: absolute; left:0; top:50%; transform: translateY(-50%); } .fixSear-b .sub { float: left; width: 50px; height: 40px; cursor: pointer; background: url(../images/topsa.png) no-repeat left center; font-size: 0; border:none; border-right:1px solid #fff; } .fixSear-b .inp { height: 40px; background: none; border:none; width: calc(100% - 80px); margin-left: 16px; font-size: 18px;color:#fff; } .fixSear-b .inp::-webkit-input-placeholder {color: #fff;} .fixSear-b .inp:-moz-placeholder {/* Firefox 18- */color: #fff;} .fixSear-b .inp::-moz-placeholder{/* Firefox 19+ */color: #fff;} .fixSear-b .inp:-ms-input-placeholder {color: #fff;} .fixSear-b .close { position: absolute; right:0; top:50%; transform: translateY(-50%); width: 40px; height: 40px; background: url(../images/topsb.png) no-repeat center; cursor: pointer; } @media(max-width: 1480px){ .fixSear { height: 94px; } } @media(max-width: 1024px){ .fixSear { height: 60px; } .fixSear-b .sub { width: 40px; height: 24px; background: url(../images/topsa.png) no-repeat left center; background-size: auto 20px; } .fixSear-b .inp { height: 24px; width: calc(100% - 100px); font-size: 16px; } .fixSear-b .close { width: 40px; height: 24px; background: url(../images/topsb.png) no-repeat center; background-size: auto 20px;} } .sousuo_jg {padding: 7vw 0 8vw;background: #f7f7f7} .sousuo_jg .sousuo_jg_top {position: relative;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_a {float: left;width: 50%;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_a .bt {font-size: 40px;color: #222222;float: right;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_a .js {font-size: 18px;color: #444444;margin-top: 20px;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_a .js span {color: #009672;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_a .js a {display: inline-block;color: #444444;border-bottom: 1px solid #444444;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b {float: right;width: 22%;position: absolute; right:0; bottom:0;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b ul li {float: right;width: 100%;margin-right: 4%;text-align: center;position: relative;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b ul li:last-child {margin-right: 0;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b ul li .bt {font-size: 16px;color: #333;padding: 12px 16px;text-align: left;border: 1px solid #ededed;border-radius: 50px;background: #fff;position: relative;cursor: pointer;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b ul li .bt:before {position: absolute;width: 14px;height: 8px;background: url(../images/jiantou_0302.png);background-position-x: center;background-position-y: center;background-size: cover;background-repeat-x: initial;background-repeat-y: initial;background-attachment: initial;background-origin: initial;background-clip: initial;background-color: initial;content: "";right: 20px;top: 50%;transform: translateY(-50%);} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b ul li:hover .bt {border-bottom: none;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b ul li .box {border-top: 1px solid #e5e5e5;padding: 10px 0 0;position: absolute;top: 100%;width: 100%;left: 0;border-left: 1px solid #b6bbc1;border-bottom: 1px solid #b6bbc1;border-right: 1px solid #b6bbc1;border-top: none;background: #fff;display: none;overflow: hidden;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b ul li .box:before {position: absolute;top: 0;left: 0;right: 0;width: 90%;height: 1px;margin: 0 auto;content: "";background: #e5e5e5;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b ul li .box p {color: #666666;font-size: 16px;float: left;cursor: pointer;width: 50%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b ul li .box .box_a {padding: 14px 20px;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b ul li .box .box_a:nth-child(2n) {background: #f2f2f2;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b ul li .box span {color: #dd2226;font-size: 16px;float: right;cursor: pointer;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b ul li:hover .box {display: block;} .sousuo_jg .sousuo_bottom {margin-top: 50px;padding: 2.5vw;background: #fff;} .searCro ul li { padding-bottom:2vw; margin-bottom: 2vw; border-bottom: 1px solid #dedede; } .searCro ul li a {display: block; } .searCro .lanmT { font-size: 0.9vw; color:#009771; } .searCro .selmT { font-size: 1.56vw; color:#009771; margin: 6px 0; } .searCro .c { font-size: .8vw; color:#666666; line-height: 1.8; } .searCro ul li:last-child { margin-bottom: 0;} .sousuo_jg .container {padding-bottom: 80px; } @media(max-width: 1510px) { .sousuo_jg .container {padding-bottom: 60px;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_a .bt {font-size: 32px;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_a .js {font-size: 15px;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b ul li:hover .bt {font-size: 14px;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b ul li .box p {font-size: 14px;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b ul li .box .box_a {padding: 12px 20px;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b ul li .bt {font-size: 14px;} } @media(max-width: 1000px) { .sousuo_jg { padding: 100px 0 40px; } .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b {width: 40%;} .searCro .lanmT { font-size: 16px; color:#009771; } .searCro .selmT { font-size: 18px; color:#009771; margin: 6px 0; } .searCro .c { font-size: 14px; color:#666666; line-height: 1.8; } } @media(max-width: 500px) { .sousuo_jg .sousuo_jg_top .sousuo_jg_top_a { width: 100%; } .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b { position: relative; left:0; width: 100%;margin-top: 20px;} .sousuo_jg .container {padding-bottom: 40px;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_a .bt {font-size: 24px;} .sousuo_jg .sousuo_bottom {padding: 20px 18px 30px; margin-top: 20px; } .sousuo_jg .sousuo_jg_top .sousuo_jg_top_a .js {margin-top: 14px;} } /* cookies鏀跨瓥 */ .fixCooA { width: 100%; position: fixed; left:0; padding: 20px 3%; bottom:0; background: rgba(0,81,59,0.95); z-index: 10000; } .fixCooA-a { padding: 0; position: relative; } .fixCooA-a .tit { font-size: 21px;color:#ffffff; } .fixCooA-a .c { font-size: 15px;color:#d6e1de; margin:10px 0 0px; } .fixCooA-b { position: absolute; top:50%; transform: translateY(-50%); right:0; } .fixCooA-a .c a { color:#fff; text-decoration: underline; } .fixCooA-a .c a:hover { color:#009672; text-decoration: underline; } .fixCooA-b a { float: left; position: absolute; left: 0; transform: translateY(-50%); top: 50%; font-size: 16px;color:#2a846b;text-decoration: underline; } .fixCooA-c { float: right; } .fixCooA-c span { margin-left: 10px; cursor: pointer; display: inline-block; font-size: 16px; padding: 12px 36px; border-radius: 50px; color: #2a846b; background: #f1f1f1; } .fixCooA-c span:hover,.fixCooA-c span.cur { color: #fff; background: #2a846b; } @media(max-width: 1480px){ .fixCooA-a .c { font-size: 14px; } .fixCooA-c span { font-size: 14px; padding: 10px 28px; } } @media(max-width: 1280px){ .fixCooA-a { padding-right: 280px; } } @media(max-width: 1024px){ .fixCooA { padding: 20px 5%; } } @media(max-width: 750px){ .fixCooA-a { padding-right: 0; } .fixCooA-b { position: relative; top:0; transform: translate(0); left:0; margin-top: 20px; } } @media(max-width: 500px){ .fixCooA-a .tit { font-size: 16px; } .fixCooA-a .c { font-size: 13px; } } .headerSub { display: none; width: 100%; padding: 0px 0 30px;background: #009672;top: calc(1vw + 76px); position: fixed; left:0; } .fixed-head .headerSub { top:3.2vw; } .headerSubZ { border-top: 1px solid rgba(255,255,255,0.1); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; display: none; box-sizing: border-box; width: 270px; padding: 20px 0 25px; background: #009672; top: 46px; position: absolute; left:-30px; } .headerSubZ4 { width: 155px; } .headerSubZ5 { width: 134px; } .headerSubZ6 { width: 225px; } .fixed-head .headerSubZ { top:3.2vw; } .headerSubA { border-top:1px solid rgba(255,255,255,0.3); padding:30px 0 60px; } .nav ul li .headerSubB a { opacity: 0.6; background: url(../images/suba.png) no-repeat right center; width: 280px; position: relative; color: #fff!important; line-height: 2.4; margin-left:0; } .nav ul li .headerSubZ-b a { font-size: 18px; position: relative; color: #c0f1e5; line-height: 3.1; margin-left:0; } .nav ul li .headerSubZ-b a:hover { background-color:#008e6c; color:#fff; } .nav ul li .headerSubZ-b dd>a { padding-left: 30px; } /*.nav ul li .headerSubB a:after { content:''; width: 18px; height: 12px; position: absolute; top:50%; transform: translateY(-50%); right:0; opacity: 0.3; }*/ .nav ul li:hover .headerSub { display: block; } .nav ul li:hover .headerSubZ { display: block; } .headerSubB { margin-left: calc(86vw - 980px); } .headerSubZZ { display: block; width: 300px; } .nav ul li .headerSubY-a dd>a {padding-left: 30px; margin-left: 0; color:#c0f1e5; } .nav ul li .headerSubY-a dd:hover>a { background: #008e6c; color:#ffffff; } @media(max-width: 1920px){ .headerSubB { margin-left: calc(40vw - 60px); } .headerSub { top: 96px; } } @media(max-width: 1680px){ .headerSubB { margin-left: calc(40vw - 50px); } .headerSubA { padding:30px 0 30px; } .headerSub { top: calc(1vw + 76px); } } @media(max-width: 1480px){ /*.headerSubZ { padding: 10px 0 20px 2vw; }*/ .headerSubB { margin-left: calc(86vw - 710px); } .nav ul li .headerSubZ-b a { font-size: 16px; } .headerSubZ { width: 285px; } .headerSubZ4 { width: 142px; } .headerSubZ5 { width: 125px; } .headerSubZ6 { width: 204px; } } @media(max-width: 1280px){ .headerSubB { margin-left: calc(86vw - 780px); } } @media(max-width: 1200px){ .headerSubB { margin-left: calc(100vw - 830px); } } @media(max-width: 1024px){ /*.topHeader:hover { background: #fff; }*/ .headerSub{ display: none!important; } } .nav ul li .headerSubC a { opacity: 0.6; background: url(../images/suba.png) no-repeat right center; width: 280px; position: relative; color: #fff!important; line-height: 2.4; margin-left:0; } .nav ul li .headerSubC dd:hover>a, .nav ul li .headerSubC .ssA:hover>a, .nav ul li .headerSubC .headerSubC-e a:hover { opacity: 1; } .headerSubC { margin-left: 20vw; } .headerSubC-a { padding-left: 35px; position: absolute; top:0; left:280px; } .nav ul li .headerSubC dl dd:hover .headerSubC-a { display: block; } .headerSubC-b { min-height: 460px; padding-left: 35px; border-left:1px solid rgba(255,255,255,0.2); } .headerSubC-e { min-height: 460px; padding-left: 35px; border-left:none; } .headerSubC-d { padding-left: 35px; position: absolute; top:0; left:350px; display: none; } .headerSubC-a .ssA:hover .headerSubC-d { display: block; } .headerSub { min-height: 440px; overflow: hidden; } .nav ul li .headerSubC .headerSubC-d a { width: 560px; } @media(max-width: 1920px){ .headerSubC-b { min-height: 400px; } .headerSubC-e { min-height: 400px; } .headerSub { min-height: 450px; overflow: hidden; } .headerSubC { margin-left: 10vw; } } @media(max-width: 1680px){ .headerSubC-b { min-height: 340px; } .headerSubC-e { min-height: 340px; } .headerSub { min-height: 400px; overflow: hidden; } .headerSubC { margin-left: 5vw; } .nav ul li .headerSubC a { width: 250px; } .headerSubC-a { padding-left: 25px; left:250px;} .headerSubC-d { padding-left: 25px; left:300px;} .headerSubC-b,.headerSubC-d,.headerSubC-e { padding-left: 25px; } .nav ul li .headerSubC .headerSubC-d a { width: 450px; } } @media(max-width: 1280px){ .headerSubC { margin-left: 3vw; } .nav ul li .headerSubC a { width: 220px; } .headerSubC-a { left:215px;} .headerSubC-d { left:270px;} .nav ul li .headerSubC .headerSubC-d a { width: 450px; } } .headerSubZ { box-shadow: 0 5px 6px 8px rgba(100,100,100,0.1); } .headerSubY-a dl dd { } .headerSubZZ { border: none; box-shadow: 0 5px 6px 8px rgba(100,100,100,0); display: none; background: none; border-radius: 0; padding: 0; } .fixed-head .nav ul li .headerSubY-a dl dd a,.nav ul li .headerSubY-a dl dd a { font-size: 18px; line-height: 3.1; } .headerSubY-a>.relative { box-shadow: 0 5px 6px 8px rgba(100,100,100,0.1); height: 300px; transition: all 0.5s; background: #009672; border-bottom-right-radius: 6px;border-bottom-left-radius: 6px; padding: 20px 0 30px 0; } .headerSubC-a { z-index: 100; padding: 0; width: 0; transition: all 0.6s; overflow: hidden; height: 210px; border-bottom-right-radius: 6px; left: 279px; background: #009672; } .headerSubC-b { padding-top: 10px; padding:20px 30px 0 0px; border-left: 1px solid rgba(255,255,255,0.1); } .headerSubC-c { height: 460px; border-right: 1px solid rgba(255,255,255,0.1); } .headerSubC-a a { color:#c0f1e5!important; margin-left:0!important; } .headerSubY-a dl:hover { height: 470px; border-bottom-right-radius: 0px; } .headerSubY-a dl dd:hover .headerSubC-a { width: 360px; height: 470px; } .headerSubC-a .subScroll .ssA:hover>a { color:#fff!important; } .ssA a { position: relative; padding-left:25px; } .headerSubC-a .subScroll .ssA>a:after { content:''; width: 3px; height: 0; background: #fff; position: absolute; top:50%; transform: translateY(-50%); left: 0px; } .headerSubC-a .subScroll .ssA:hover>a:after { height: 24px; } .subScroll { max-height: 400px; overflow-y: scroll; } .subScroll{ scrollbar-color: #26a687 rgba(0,0,0,0.2); scrollbar-width: thin; -ms-overflow-style:none; } .subScroll::-webkit-scrollbar { width: 3px; height: 1px; } .subScroll::-webkit-scrollbar-thumb { border-radius: 3px; -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); background: #26a687; } .subScroll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); border-radius: 4px; background: rgba(0,0,0,0); } .headerSubC-d{ scrollbar-color: rgba(0,0,0,0) rgba(0,0,0,0.2); scrollbar-width: thin; -ms-overflow-style:none; } .headerSubC-d::-webkit-scrollbar { width: 3px; height: 1px; } .headerSubC-d::-webkit-scrollbar-thumb { border-radius: 3px; -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); background: rgba(0,0,0,0); } .headerSubC-d::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); border-radius: 4px; background: rgba(0,0,0,0); } .headerSubC-a .ssA .headerSubC-d { display: block; } .headerSubC-d { padding-left: 0px; position: relative; top:0; left:0; height: 0; display: block; overflow-y: scroll; transition: all 0.6s; } .headerSubC-e { padding-left:0; padding: 0px 0 10px; min-height: 10px; } .headerSubC-d a { line-height: 2!important; margin: 6px 0; padding-right: 16px; font-size: 14px!important; color:#95d5c6!important; } .headerSubC-d a:hover { color:#ffffff!important; } /*.headerSubC-a .ssA:hover .headerSubC-d11 { height: 250px; } .headerSubC-a .ssA:hover .headerSubC-d12 { height: 80px; } .headerSubC-a .ssA:hover .headerSubC-d13 { height: 180px; } .headerSubC-a .ssA:hover .headerSubC-d14 { height: 0; } .headerSubC-a .ssA:hover .headerSubC-d15 { height: 180px; } .headerSubC-a .ssA:hover .headerSubC-d16 { height: 0; } .headerSubC-a .ssA:hover .headerSubC-d17 { height: 200px; } .headerSubC-a .ssA:hover .headerSubC-d21 { height: 0; } .headerSubC-a .ssA:hover .headerSubC-d22 { height: 0; } .headerSubC-a .ssA:hover .headerSubC-d23 { height: 0; } .headerSubC-a .ssA:hover .headerSubC-d24 { height: 0; } .headerSubC-a .ssA:hover .headerSubC-d25 { height: 320px; } .headerSubC-a .ssA:hover .headerSubC-d26 { height: 0; } .headerSubC-a .ssA:hover .headerSubC-d27 { height: 0; } .headerSubC-a .ssA:hover .headerSubC-d37 { height: 200px; }*/ .headerSubC-a .ssA.cur .headerSubC-d11 { height: 250px; } .headerSubC-a .ssA.cur .headerSubC-d12 { height: 80px; } .headerSubC-a .ssA.cur .headerSubC-d13 { height: 180px; } .headerSubC-a .ssA.cur .headerSubC-d14 { height: 0; } .headerSubC-a .ssA.cur .headerSubC-d15 { height: 180px; } .headerSubC-a .ssA.cur .headerSubC-d16 { height: 0; } .headerSubC-a .ssA.cur .headerSubC-d17 { height: 200px; } .headerSubC-a .ssA.cur .headerSubC-d21 { height: 0; } .headerSubC-a .ssA.cur .headerSubC-d22 { height: 0; } .headerSubC-a .ssA.cur .headerSubC-d23 { height: 0; } .headerSubC-a .ssA.cur .headerSubC-d24 { height: 0; } .headerSubC-a .ssA.cur .headerSubC-d25 { height: 320px; } .headerSubC-a .ssA.cur .headerSubC-d26 { height: 0; } .headerSubC-a .ssA.cur .headerSubC-d27 { height: 0; } .headerSubC-a .ssA.cur .headerSubC-d37 { height: 200px; } .headerSubC-a .ssA { position: relative; } .headerSubC-a .ssA>a { display: inline-block; } .headerSubC-a .ssA span { opacity: 0.6; position: absolute; right:0; top:0; height: 55px; background: url(../images/downa.png) no-repeat center; cursor: pointer; width: 50px; top:0; } .headerSubC-a .ssA.cur span { background: url(../images/topa.png) no-repeat center; } .homeBoxEA { padding: 0 0 4vw; } .homeBoxEA-a { padding:2.5vw 3vw; background: #fff; border-radius: 8px; } .homeBoxEA-b { float: left; } .homeBoxEA-b .t { font-size: 2vw; color:#009672; } .homeBoxEA-b .c { font-size: 16px; color:#000000; line-height: 1.8; margin-top:10px; } .homeBoxEA-c { position: absolute; right:0; bottom: 0.5vw; width: 40%; } .homeBoxEA-c .emailInp { color:#666666; font-size: 0.8vw; padding-left: 20px; width: 100%; height: 54px; border-radius: 50px; border:2px solid #aee6d7; background: none; } .homeBoxEA-c #emailSend { opacity: 0; position: absolute; right:0; top:0; width: 1px; height: 1px; overflow: hidden; } .homeBoxEA-c .emailSend { padding: 0 40px; transition: all 0.6s; background: #009672; border-radius: 50px; position: absolute; top:0; right:0; } .homeBoxEA-c span { background: url(../images/hebg2bb.png) no-repeat left center; display: inline-block; padding-left:24px; line-height: 54px; font-size: 0.9vw; color:#fff; } .homeBoxEA-c .emailSend:hover { background: rgba(0,150,114,0.8); } .homeBoxEA-c .emailInp:-moz-placeholder {color: #666666;} .homeBoxEA-c .emailInp::-moz-placeholder { color: #666666;} .homeBoxEA-c .emailInp:-ms-input-placeholder{color: #666666;} .homeBoxEA-c .emailInp::-webkit-input-placeholder {color: #666666;} @media(max-width: 1680px){ .homeBoxEA-c .emailSend { padding: 0 30px;} .homeBoxEA-c .emailInp { height: 42px; } .homeBoxEA-c span { line-height: 42px;} } @media(max-width: 1480px){ .fixed-head .nav ul li .headerSubY-a dl dd a,.nav ul li .headerSubY-a dl dd a { font-size: 16px; } } @media(max-width: 1200px){ .fixed-head .nav ul li .headerSubY-a dl dd a,.nav ul li .headerSubY-a dl dd a { font-size: 15px; } } @media(max-width: 1024px){ .homeBoxEA-b { width: 100%; } .homeBoxEA-c { width: 100%; position: relative; top:0; transform: translate(0); float: left; margin-top: 16px; } .homeBoxEA-b .t { font-size: 20px; } .homeBoxEA-b .c,.homeBoxEA-c .emailInp,.homeBoxEA-c span { font-size: 14px; } } @media(max-width: 500px){ .homeBoxEA-c .emailSend { padding: 0 20px; } .homeBoxEA-b .c,.homeBoxEA-c .emailInp,.homeBoxEA-c span { font-size: 14px; } } .addSeaA { margin-top: 26px; background: #fff; border-radius: 6px; padding: 1.6vw 1.4vw; } .addSeaA ul { display: flex; flex-wrap: wrap; } .addSeaA ul li { margin-right: 2%; float: left; width: 49%; } .addSeaA ul li a { display: block; border-radius: 8px; overflow: hidden; } .addSeaA ul li:nth-child(2),.addSeaA ul li:nth-child(4) { margin-right:0; } .addSeaA ul li:nth-child(n+3) { margin-top: 2%; width: 49%; } .addSeaA ul li .tit { font-size: 20px;color: #ffffff; line-height: 1.8; position: absolute; width: 100%; text-align: center; left:0; top:50%; transform: translateY(-50%); } .addSeaA ul li .img img { transition: all 0.3s; } .addSeaA ul li:hover .img img { transform: scale(1.1); } @media(max-width: 1680px){ .addSeaA ul li .tit { font-size: 18px; } } @media(max-width: 1480px){ .addSeaA ul li .tit { font-size: 16px; line-height: 1.6; } } @media(max-width: 1280px){ .addSeaA ul li .tit { font-size: 14px; } } @media(max-width: 450px){ .addSeaA ul li { width: 100%; margin-right:0; } .addSeaA ul li:nth-child(n+2) { margin-top: 16px; width: 100%; } .addSeaA ul li .img { height: 40vw; overflow: hidden; } } /* cookies鏀跨瓥 */ .fixEmA { width: 100%; height: 100%; position: fixed; left:50%; transform: translate(-50%, -50%); top:50%; background: rgba(0,0,0,0.6); z-index: 10001; display: none; } .fixEmA-b { padding: 45px 30px 50px 45px; width: 460px; position: absolute; top:50%; left:50%;transform: translate(-50%, -50%); background: #fff; border-radius: 8px; overflow: hidden; } .fixEmA-b .tit { font-size: 28px;color:#009672; } .fixEmA-b .c { font-size: 18px;color:#666666; margin:15px 0 0px; } .fixEmA-b .btn { margin-top: 30px; cursor: pointer; cursor: pointer; display: inline-block; font-size: 16px;color:#009672; padding:12px 50px; border-radius: 50px; border:1px solid #dedede; } .fixEmA-b .btn:hover { color:#fff; background: #009672; border-color:#009672; } @media(max-width: 1024px){ .fixEmA-b .tit { font-size: 24px; } .fixEmA-b .c { font-size: 16px; } .fixEmA-b { padding: 30px 20px 40px; width: 80%; } } @media(max-width: 640px){ .fixEmA-b .c { margin-top: 10px; } .fixEmA-b .btn { margin-top: 20px; } .fixEmA-b { padding: 20px 12px 20px; width: 90%; } } /* 鏂伴椈鏂板椤甸潰鏀圭増 */ .newsA-d { background: #fff; } .newsA-b { max-width: 520px; } .newsA-d { width: 210px; padding-left: 0; } .newsA-d select { width: 46%; padding-left: 16px; } .newsA-d select:nth-child(2) { margin-left:0; } .newsA-e { background: #fff; width: 300px; padding-left: 12px; } .newsA-e .inpSear,.newsA-d select { height: 42px; } .newsA-e .seaBtn { width: 50px; height: 42px; } @media(max-width: 1024px){ .newsA-e { margin-top:0; } } @media(max-width: 640px){ .newsA-b { max-width: 100%; width: 100%; } .newsA-d { width: 40%; } .newsA-e { margin-top:0; width: 57%; } .newsA-d select { font-size: 13px; padding-left: 5px; } .newsA-d select:nth-child(2) { margin-left:2%; } .newsA-e .inpSear, .newsA-d select { height: 36px; } } .topNews { padding-bottom: 20px; background: #fff; border-radius: 8px; overflow: hidden; } .topNews .img { padding:2.5vw 0 2.5vw 2.5vw; } .topNews:after { display: none; } .topNews:hover .mainMoreA:after { height: 100%; } .topNewsA .swiper-pagination { bottom: 1.6vw!important; } .topNewsA .swiper-pagination span { position: relative; width: 6vw; border-radius: 0; opacity: 1; background: #d6d6d6; height: 2px; } .topNewsA .swiper-pagination span:after { background: #009672; content:''; transition: all 1s; width: 0; height: 2px; position: absolute; left:0; top: 0; } .topNewsA .swiper-pagination span.swiper-pagination-bullet-active:after { width: 100%; } @media(max-width: 1024px){ .topNewsA .swiper-pagination { bottom: 20px!important; } .topNews .img { padding: 20px 20px 0px; } } @media(max-width: 640px){ .topNews .con .t { height: 50px; } .topNews .img { padding: 12px 12px 0px; height: 58vw; overflow: hidden; } } .newsC ul { display: flex; flex-wrap: wrap; } .newsC ul li { float: left; width: 32%; margin-right:2%; padding: 0 0 30px; } .newsC ul li:nth-child(3n) { margin-right:0; } .newsC-a .newsC-b { position: relative; width: 100%; top:0; transform: translate(0); } .newsC-b .t { margin: 0; font-size: 20px; line-height: 1.6; color:#333333; } .newsC-b { float: none; padding: 15px 30px 0; } .newsC-a .img { float: none; width: 100%; } @media(max-width: 1680px){ .newsC-b .t { font-size: 18px; } .newsC-b { padding: 15px 20px 0; } } @media(max-width: 1480px){ .newsC-b .t { font-size: 16px; } .newsC-b { padding: 12px 16px 0; } } @media(max-width: 1280px){ .newsC-b .t { font-size: 16px; } .newsC-b { padding: 10px 12px 0; } } @media(max-width: 1024px){ .newsC ul li { float: left; width: 49%; margin-right:2%; padding: 0 0 20px; } .newsC ul li:nth-child(3n) { margin-right:2%; } .newsC ul li:nth-child(2n) { margin-right:0%; } .newsC-b .t { font-size: 14px; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; } } .nav_box { display: none!important;} @media(max-width: 1024px){ .nav {display: inline-block;} .nav .search,.nav .clearfix { display: none; } .header .lang p,.fixed-head .header .lang p,.fixed-headA .header .lang p { color:rgba(255,255,255,0.6); position: relative; padding: 0 15px 0 0; background: url(../images/langbg.png) no-repeat right center; } .header .navBtn { height: 50px; margin-top:-1px; float: left; left:3%; } .header .lang p:after { display: none; } .fixed-head .header .logo, .fixed-headA .header .logo { padding: 10px 0; } .fixed-head .header .lang, .fixed-headA .header .lang { display: block; } .header .logo { margin-left: calc(3% + 40px); } .header .navBtn { background: none; } .menu-i { height: 2px; right: 10px; position: absolute; border-radius: 1px; font-style: normal; background-color: #fff; display: block; transition: all 0.5s; border-radius: 2px; } .menu-i-1 { width: 24px; top: 13px; } .menu-i-2 { width: 32px; top: 23px; }.menu-i-3 { width: 24px; top: 33px; } .mobile-menu { width: 50px; height: 50px; position: relative; display: block; background: none; border: none; } .mobile-menu-on { z-index: 1001; } .mobile-menu-on .menu-i-1 { transform: translateY(10px) rotate(45deg); background-color: #fff; } .mobile-menu-on .menu-i-2 { opacity: 0; } .mobile-menu-on .menu-i-3 { transform: translateY(-10px) rotate(-45deg); background-color: #fff; } .nav_box { display: block!important; top: 50px; width: 80%; border-top: 1px solid rgba(255,255,255,0.2); height: calc(100% - 50px); } .nav_box { background: #009672; } .bgGreen { background: #009672; } .nav_box .navlist { padding-top: 10px; } .nav_box .navlist ul>li { border:none; line-height: 50px; } .navSear { margin-top: 30px; padding: 0 15px;} .navSear .search { padding-top: 20px; border-top:1px solid rgba(255,255,255,0.3); } .navSear .search .subsearch { z-index: 9;} .navSear .search .subsearch .subsearcha { border-radius: 3px;position: relative; padding-left: 30px; height: 30px;} .navSear .search .subsearch .subsearcha .inp {width: 90%;height: 30px;border: 0; font-size: 14px;color: #fff; padding-left: 0px; background: none; } .navSear .search .subsearch .subsearcha .sub { opacity: 0.7; border: none;outline: none;position: absolute;left: 0px;top: 50%;height: 26px;background: url(../images/searchx.png) no-repeat left center;font-size: 0;width: 26px;transform: translateY(-50%);} .navSear .search:hover .subsearch {display: block;} .navSear .search .subsearch .subsearcha .inp:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: rgba(255,255,255,0.7); } .navSear .search .subsearch .subsearcha .inp::-moz-placeholder { /* Mozilla Firefox 19+ */ color: rgba(255,255,255,0.7); } .navSear .search .subsearch .subsearcha .inp:-ms-input-placeholder { color: rgba(255,255,255,0.7); } .navSear .search .subsearch .subsearcha .inp::-webkit-input-placeholder { color: rgba(255,255,255,0.7); } .nav_box .navlist ul>li .navlist2,.nav_box .navlist ul>li .secondNav .navlist3,.nav_box .navlist ul>li .fourthNav .navlist4 { position: fixed; left:-102%; transition: all 0.6s; display: block; top:50px; width: 100%; height: calc(100% - 50px); background: #009672; z-index: 10000; } .nav_box .navlist ul>li .navlist2 a,.nav_box .navlist ul>li .secondNav .navlist3 a,.nav_box .navlist ul>li .fourthNav .navlist4 a { padding: 0 15px; line-height: 50px; font-size: 16px; color:rgba(255,255,255,0.8); } .nav_box .navlist ul>li.cur .navlist2,.nav_box .navlist ul>li .secondNav.cur .navlist3,.nav_box .navlist ul>li .fourthNav.cur .navlist4 { left:0; } .nav_box .navlist ul>li .backNav { padding: 0 15px; } .nav_box .navlist ul>li .backNav span { display: block; padding: 5px 0 5px 25px; border-top: 1px solid rgba(255,255,255,0); background: url(../images/back.png) no-repeat left center; font-size: 18px;color:#fff; border-bottom:1px solid rgba(255,255,255,0.3); margin-bottom: 10px; } .nav_box .navlist ul>li a.cur { font-weight: bold; color:#fff!important; } } .shgzC-a a.moreAA { padding: 0; } .shgzC-a a.moreAA .pic2 { display: none; } .shgzC-a a.moreAA:hover .pic1 { display: none; } .shgzC-a a.moreAA:hover .pic2 { display: block; } @media(max-width: 1480px){ .shgzC-a a.moreAA img { height: 45px; } } @media(max-width: 1024px){ .shgzC-a a.moreAA img { height: 45px; } } .zyA { position: relative; line-height: 24px; padding: 12px; border:1px solid #dddddd; background: #ededed; font-size: 16px; color:#666; } /*.zyA span { position: absolute; left:12px; top:12px; line-height: 24px; width: 50px; }*/ @media(max-width: 1024px){ .homeBoxD-d { background: #fff; } .homeBoxD-d .con { padding: 10px 12px 16px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; position: relative; width: 100%; bottom:0; } .homeBoxD-d .con .d,.homeBoxD-d:hover .con .d { color:#666; } .homeBoxD-d .con .t,.homeBoxD-d:hover .con .t { color:#333; margin-bottom:0; } .homeBoxD-d .con .smallMore { display: none; color:#666; } } .nav_box .navlist ul>li .fourthNav.cur .navlist2 { z-index: 3; overflow-y: scroll; } .nav_box .navlist ul>li .fourthNav.cur .navlist3 { z-index: 4; overflow-y: scroll; } .nav_box .navlist ul>li .fourthNav.cur .navlist4 { z-index: 5; overflow-y: scroll; } /*.nav_box .box { overflow: hidden; }*/ .nav_box .navlist ul>li.cur .navlist2, .nav_box .navlist ul>li .secondNav.cur .navlist3, .nav_box .navlist ul>li .fourthNav.cur .navlist4 { overflow-y: scroll; } .addMap { display: none; } @media(max-width: 1024px){ .contactD { display: none; } .addMap { display: block; } .contactB { margin-top:30px; } .addMap-b { margin-top: -8vw; } .addMap-c { background: #fff; border-radius: 8px; padding:16px 0 30px; } .addMap-c .tabTit { padding: 0 18px; border-bottom:1px solid #dedede; } .addMap-c .tabTit span { position: relative; display: inline-block; padding-bottom: 15px; margin-right: 20px; font-size: 18px; color:#666666; } .addMap-c .tabTit span.cur { color:#009672; } .addMap-c .tabTit span.cur:after { content: ''; width: 100%; height: 2px; background-color:#009672; position: absolute; left:0; bottom:-1px; } .addMap-c .tabTit span:last-child { margin-right:0; } .addMap-c .tabBox { padding:16px 18px 0; } .addMap-d .imgA { /*margin-top: 8px;*/ position: relative; } .addMap-d .imgA .t { font-weight: bold; width: 100%; left:0; top:50%; transform: translateY(-50%); font-size: 18px;color:#fff; padding: 0 10px 0 14px;; position: absolute; } .addMap-d a.sign { display: block; width: 100%; padding: 5px 30px 5px 5px; background: url(../images/tala3.png) no-repeat calc(100% - 10px) center; border:1px solid #009672; border-radius: 5px; margin-top: 10px; } .addMap-d a.signA { background: none; } .addMap-d a { display: block; } .addMap-d a.sign img { width: 100%; } } @media(max-width: 400px){ .addMap-c .tabTit span { font-size: 16px; margin-right: 15px; } } @media(max-width: 360px){ .addMap-c .tabTit span { font-size: 14px; margin-right: 12px; } } /**2022-5-19鏂板**/ .banner .swiper-wrapper .swiper-slide-active .pcbg,.ibannerbg .pic2,.ibannerbg .pic1{ -webkit-animation:hahae 5000ms linear both; animation:hahae 5000ms linear both; } @-webkit-keyframes hahae{ 0%{ transform: scale(1.1) } 10%{ transform: scale(1.09) } 20%{ transform: scale(1.08) } 30%{ transform: scale(1.07) } 40%{ transform: scale(1.06) } 50%{ transform: scale(1.05) } 60%{ transform: scale(1.04) } 70%{ transform: scale(1.03) } 80%{ transform: scale(1.02) } 90%{ transform: scale(1.01) } 100%{ transform: scale(1) } } .homeBox .homeBoxB .homeBoxB-a .img{ overflow: hidden; } .homeBox .homeBoxB .homeBoxB-a .img img{ transform: scale(1); transition: all 0.5s; } .homeBox .homeBoxB .homeBoxB-a:hover .img img{ transform: scale(1.1); transition: all 0.5s; } .homeBoxD-c a .homeBoxD-d .img img{ transition: all 0.8s; transform: scale(1); } .homeBoxD-c a:hover .homeBoxD-d .img img{ transition: all 0.8s; transform: scale(1.05); } .mainVidA ul li .mainVid .img{ overflow: hidden; } .mainVidA ul li .mainVid .img img{ transform: scale(1); transition: all 0.5s; } .mainVidA ul li .mainVid:hover .img img{ transform: scale(1.1); transition: all 0.5s; } /**鏂板**/ .cdmoB-a:nth-child(4) .cdmoB-b{ background: url(../images/bg1w.jpg) no-repeat center/cover; } .cdmoB-a:nth-child(4) .cdmoB-e ul li { border-bottom: 1px solid #ededed; float: left; width: 48%; margin-right:4%; } .cdmoB-a:nth-child(4) .cdmoB-e ul li:nth-child(3n) { margin-right:4%; } .cdmoB-a:nth-child(4) .cdmoB-e ul li:nth-child(2n) { margin-right:0; } @media(max-width: 640px) { .cdmoB-a:nth-child(4) .cdmoB-e ul li { width: 100%; margin-right:0%; } .cdmoB-a:nth-child(4) .cdmoB-e ul li:nth-child(3n) { margin-right:0; } .cdmoB-a:nth-child(4) .cdmoB-e ul li:nth-child(2n) { margin-right:0; } } .croDetAA,.croDetAA .aboutA { background: #ffffff; } .croDetAA .aboutA { padding-top: 6vw; } .croDetBB { position: relative; padding: 7.5vw 0 10vw; background: url(../images/addfwa.png) no-repeat left center/cover #f7f7f7; } .croDetBB .croDetA-d { padding: 2.5vw 2vw; border-radius: 6px; background: #fff; } .croDetBB-a .tt { font-size: 16px;color:#666666; margin-top: 26px; padding: 30px 0 20px; border-top: 1px solid #ededed;font-weight: bolder; } @media(max-width: 1280px){ .croDetBB .croDetA-d { padding: 20px 12px 30px; } .croDetBB-a .tt { margin-top: 16px; padding: 20px 0 16px; } } @media(max-width: 1024px){ .croDetBB-a .tt { margin-top: 12px; padding: 16px 0 12px; } } /**2023-12-14鏂板**/ .bpmoutA { background: url(../images/bpmoutA.jpg)no-repeat center center/cover; padding-bottom: 6.66666vw; } .bpmoutA .outtop { font-size: 20px; color: #666666; line-height: 1.8; padding: 3.54166vw 0 0; } .bpmoutA .oubbom { background: url(../images/bpmoutA1.jpg)no-repeat center center/cover; position: relative; margin-top: 3.59374vw; } .bpmoutA .oubbom .ombt { font-size: 2.08333vw; line-height: 1; position: absolute; width: 100%; text-align: center; top: 3.90625vw; color: #fff; } .bpmoutA .oubmns { display: none; } .manbt { font-size: 2.08333vw; color: #333333; line-height: 1; } .bpmoutB { background: #f5f5f5; padding: 5.88541vw 0 6.35416vw; } .bpmoutB .manbt { text-align: center; margin-bottom: 2.08333vw; } .bpmoutB .moutbott .uottme { margin-bottom: 20px; border-radius: 12px; overflow: hidden; position: relative; } .bpmoutB .moutbott .uottme::before { position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 3px; background: #2daf8d; } .bpmoutB .moutbott .uottme:last-child { margin-bottom: 0; } .bpmoutB .moutbott .uottme .tmebt { position: relative; } .bpmoutB .moutbott .uottme .tmebt::before { position: absolute; content: ""; right: 10.41666vw; top: 0; width: 15.20833vw; height: 100%; background: url(../images/tmebt.png)no-repeat center center/cover; } .bpmoutB .moutbott .uottme .tmebt a { display: block; position: relative; padding: 30px 0 30px 38px; } .bpmoutB .moutbott .uottme .tmebt a::before { position: absolute; content: ""; right: 30px; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; transition: all .5s; background: url(../images/transf.png)no-repeat center center/cover; } .bpmoutB .moutbott .uottme .tmebt a:hover::before { background: url(../images/transfa.png)no-repeat center center/cover; } .bpmoutB .moutbott .uottme .tmebt a .btl { position: relative; padding-left: 40px; color: #fff; font-size: 30px; line-height: 1; } .bpmoutB .moutbott .uottme .tmebt a .btl span { position: absolute; top: 50%; transform: translateY(-50%); left: 0; } .bpmoutB .moutbott .uottme .ebntm { background: #fff; padding: 23px 38px 52px 38px; } .bpmoutB .moutbott .uottme .ebntm ul { display: flex; flex-wrap: wrap; } .bpmoutB .moutbott .uottme .ebntm ul li { float: left; width: 47%; margin-right: 6%; border-bottom: 1px solid #eeeeee; padding:18px 0 21px; } .bpmoutB .moutbott .uottme .ebntm ul li:nth-child(2n) { margin-right: 0; } .bpmoutB .moutbott .uottme .ebntm ul li .xbt a { display: block; color: #666666; transition: all .5s; font-size: 18px; line-height: 1.44; padding: 0 0 0 20px; position: relative; } .bpmoutB .moutbott .uottme .ebntm ul li .xbt a:hover { color: #009672; } .bpmoutB .moutbott .uottme .ebntm ul li .xbt a::before { position: absolute; content: ""; left: 0; top: 9px; border-radius: 50%; width: 7px; height: 7px; background: #009672; } .bpmoutB .moutbott .uottme .ebntm ul li .xxq { color: #999999; font-size: 15px; margin-top: 2px; } .bpmoutB .moutbott .uottme .ebntm ul li.jia .xbt a:after { position: absolute; content: ""; right: 0; top: 50%; transition: all .5s; transform: translateY(-50%); width: 12px; height: 12px; background: url(../images/jia.png)no-repeat center center/cover;display: none; } .bpmoutB .moutbott .uottme .ebntm ul li.jia:hover .xbt a:after { background: url(../images/jiaa.png)no-repeat center center/cover; } .bpmoutB .moutbott .uottme1 .tmebt { background: #2daf8d; } .bpmoutB .moutbott .uottme2 .tmebt { background: #28b4a7; } .bpmoutB .moutbott .uottme3 .tmebt { background: #245dab; } .bpmoutB .moutbott .uottme4 .tmebt { background: #2daf8d; } .bpmoutB .moutbott .uottme5 .tmebt { background: #28b4a7; } .bpmoutB .moutbott .uottme2::before { background: #28b4a7; } .bpmoutB .moutbott .uottme3::before { background: #245dab; } .bpmoutB .moutbott .uottme4::before { background: #2daf8d; } .bpmoutB .moutbott .uottme5::before { background: #28b4a7; } .bpmoutC { padding: 6.04166vw 0 5.98958vw; } .bpmoutC .manbt { text-align: center; margin-bottom: 1.97916vw; } .bpmoutC .mouzm { position: relative; } .bpmoutC .mouzm .swiper-container .swiper-slide { padding: 0 50px; opacity: .2; transition: all .3s; } .bpmoutC .mouzm .swiper-container .swiper-slide .img { overflow: hidden; border-radius: 5px; } .bpmoutC .mouzm .swiper-container .swiper-slide .img img { transition: all .5s; transform: scale(1.01); } .bpmoutC .mouzm .swiper-container .swiper-slide .img:hover img { transition: all .5s; transform: scale(1.05); } .bpmoutC .mouzm .swiper-container .swiper-slide-active { opacity: 1; } .bpmoutC .mouzm .gopzm { margin-top: 0; top: 50%; transform: translateY(-50%); width: 58px; height: 58px; transition: all .5s; } .bpmoutC .mouzm .gopzm:after { opacity: 0; } .bpmoutC .mouzm .swiper-button-prev { background: url(../images/uprev.png)no-repeat center center/cover; left: calc(10.9% - 28px); } .bpmoutC .mouzm .swiper-button-next { background: url(../images/unext.png)no-repeat center center/cover; right: calc(10.9% - 28px); } .bpmoutC .mouzm .swiper-button-prev:hover { background: url(../images/upreva.png)no-repeat center center/cover; } .bpmoutC .mouzm .swiper-button-next:hover { background: url(../images/unexta.png)no-repeat center center/cover; } .bpmoutD { background: #f5f5f5; padding: 6.25vw 0 6.61458vw; } .bpmoutD .contactB { margin-top: 0; } .bpmoutD .contactB-a { background: url(../images/bg23.jpg) no-repeat right center/cover; overflow: hidden; } .bpmoutD .contactB-e { padding: 0 2vw 0 1.875vw; width: 100%; top: 43%; } .bpmoutD .contactB-e .mainTit .t { margin-bottom: 19px; } .bpmoutD .contactB-e .mainTit .e { font-size: 14px; color: #cdede7; } .bpmoutD .contactB-e .mainTit .o { margin: 7px 0 5px; } .bpmoutD .contactB-e .mainTit .o a { display: inline-block; color: #cdede7; border-bottom: 1px solid #cdede7; line-height: 1; } @media(max-width:1480px) { .bpmoutA .outtop { font-size: 18px; } .bpmoutB .moutbott .uottme .tmebt a .btl { font-size: 24px; } .bpmoutB .moutbott .uottme .tmebt a .btl span { width: 25px; } .bpmoutB .moutbott .uottme .tmebt a { padding: 20px 0 20px 24px; } .bpmoutB .moutbott .uottme .tmebt a::before { right: 24px; width: 37px; height: 37px; } .bpmoutB .moutbott .uottme .ebntm ul li .xbt a { font-size: 16px; } .bpmoutB .moutbott .uottme .ebntm ul li .xxq { font-size: 14px; } .bpmoutB .moutbott .uottme .ebntm { padding: 23px 24px 52px 24px; } } @media(max-width:1024px) { .bpmoutB .manbt { font-size: 24px; } .manbt { font-size: 24px; } .bpmoutA { padding-bottom: 0; } .bpmoutA .outtop { padding: 0 0 0; border-bottom: 0; } .bpmoutA .oubbom { display: none; } .bpmoutA .oubbom .ombt { font-size: 24px; } .bpmoutA .oubmns { display: block; margin-top: 20px; height: 176vw; background: url(../images/oubmns.png)no-repeat center center/cover; padding: 5.88541vw 26px 6.35416vw; } .bpmoutA .oubmns .bmnsbt { color: #fff; font-size: 24px; margin-bottom: 2.8vw; text-align: center; width: 100%; } .bpmoutA .oubmns .bmnss-swiper { padding-bottom: 40px; } .bpmoutA .oubmns .bmnss-swiper .swiper-slide { background: #0cbcb8; padding: 20px; border-radius: 10px; border: 1px solid #3dc9c5; } .bpmoutA .oubmns .bmnss-swiper .swiper-slide::before { position: absolute; content: ""; top: 50%; transform: translateY(-50%); right: -63px; width: 40px; height: 14px; background: url(../images/sdjaxzn.png)no-repeat center center/cover; } .bpmoutA .oubmns .bmnss-swiper .swiper-slide .mogu { color: #fff; font-size: 18px; padding-bottom: 5px; border-bottom: 1px solid #3dc9c6; position: relative; padding-left: 8px; } .bpmoutA .oubmns .bmnss-swiper .swiper-slide .mogu::before { position: absolute; left: 0; top: 3px; height: 20px; content: ""; background: #fff; width: 3px; } .bpmoutA .oubmns .bmnss-swiper .swiper-slide .mogm { color: #fff; font-size: 14px; margin-top: 7px; position: relative; padding-left: 12px; } .bpmoutA .oubmns .bmnss-swiper .swiper-slide .mogm::before { position: absolute; top: 8px; content: ""; left: 0; height: 4px; width: 4px; overflow: hidden; border-radius: 50%; background: #fff; } .bpmoutA .oubmns .bmnss-swiper .swiper-scrollbar { background: #338b90; height: 6px; } .bpmoutA .oubmns .bmnss-swiper .swiper-scrollbar-drag { background: #00ffe4; } .bpmoutB .moutbott .uottme .tmebt a { padding: 15px 0 15px 20px; } .bpmoutB .moutbott .uottme .tmebt a .btl { font-size: 18px; padding-left: 35px; } .bpmoutB .moutbott .uottme .tmebt a::before { width: 30px; height: 30px; } .bpmoutB .moutbott .uottme .tmebt::before { display: none; } .bpmoutB .moutbott .uottme .ebntm { padding: 20px; } .bpmoutB .moutbott .uottme .ebntm ul li { width: 100%; padding: 10px 0; margin-right: 0; } .bpmoutB .moutbott .uottme .ebntm ul li .xxq { margin-top: 5px; } .bpmoutC .mouzm .gopzm { width: 40px; height: 40px; } .bpmoutC .mouzm .swiper-button-prev { left: 6%; } .bpmoutC .mouzm .swiper-button-next { right: 6%; } .bpmoutC .mouzm .swiper-container .swiper-slide { padding: 0 5%; } .bpmoutD .contactB-e { padding: 16px 2vw; } } /**2024-1-4**/ .woshomankt .croDetA { padding-bottom: 5.46875vw; } .woshomankt .rongyu_a .btm .ol > li { padding: 0 30px 0 30px; border-radius: 10px; } .woshomankt .rongyu_a .btm .ol > li .t .bt { padding: 24px 0 24px 0; font-size: 20px; } .woshomankt .rongyu_a .btm .ol > li .t .anniu { right: 0; } .woshomankt .rongyu_a .btm .ol > li .b { padding: 34px 0 3vw; border-top: 1px solid #eeeeee; } .woshomankt .rongyu_a .btm .ol > li .b .mosje { border-top: 1px solid #eeeeee; } .woshomankt .rongyu_a .btm .ol > li .b .fenliangmoz .clearfix { display: flex; flex-wrap: wrap; } .woshomankt .rongyu_a .btm .ol > li .b .fenliangmoz .gmozl { width: 48.88%; margin-right: 2.2%; background: #f5f5f5; border-radius: 10px; float: left; padding: 23px 30px 26px 30px; transition: all .5s; } .woshomankt .rongyu_a .btm .ol > li .b .fenliangmoz .gmozl:last-child { margin-right: 0; } .woshomankt .rongyu_a .btm .ol > li .b .fenliangmoz .gmozl .oza { font-size: 20px; color: #333333; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; transition: all .5s; } .woshomankt .rongyu_a .btm .ol > li .b .fenliangmoz .gmozl .ozb { color: #666666; font-size: 16px; line-height: 1.75; padding-top: 13px; transition: all .5s; } .woshomankt .rongyu_a .btm .ol > li .b .fenliangmoz .gmozl .ozb p { position: relative; padding-left: 14px; } .woshomankt .rongyu_a .btm .ol > li .b .fenliangmoz .gmozl .ozb p:before { position: absolute; content: ""; left: 0; top: 11px; width: 5px; height: 5px; border-radius: 50%; background: #009672; transition: all .5s; } .woshomankt .rongyu_a .btm .ol > li .b .fenliangmoz .gmozl:hover { background: #009672; } .woshomankt .rongyu_a .btm .ol > li .b .fenliangmoz .gmozl:hover .oza { color: #fff; border-color: #33ab8e; } .woshomankt .rongyu_a .btm .ol > li .b .fenliangmoz .gmozl:hover .ozb { color: #fff; } .woshomankt .rongyu_a .btm .ol > li .b .fenliangmoz .gmozl:hover .ozb p:before { background: #4db69d; } .woshomankt .contactB-a { height: 32.8125vw; width: 35%; } .woshomankt .bpmoutD { background: none; padding: 0; margin-top: 20px; } .woshomankt .bpmoutD .container { width: 100%; } .woshomankt .contactB-b { height: 32.8125vw; width: 65%; } .woshomankt .contactB-b ul li { width: 48.95%; margin-right: 2.1%; } .woshomankt .contactB-b ul li:nth-child(2n) { margin-right: 0; } .woshomankt .contactB-b ul li:nth-child(n+3) { margin-top: 2.1%; } .woshomankt .contactB-b .inp { font-size: 16px; } .woshomankt .contactB-b ul li:nth-child(7), .woshomankt .contactB-b ul li:nth-child(8) { width: 100%; } .woshomankt .contactB-b dl { width: 100% !important; margin-bottom: 2.1%; } .woshomankt .contactB-b dl:last-child { margin-bottom: 0; } .woshomankt .contactB-b li>p .btn { width: 180px; } .woshomankt .rongyu_a .btm .ol > li .b .lvbt { width: 100%; padding: 14px 0 14px; background: #f2faf8; } .woshomankt .rongyu_a .btm .ol > li .b .lvbt p { padding-left: 13px; position: relative; color: #009672; font-size: 18px; } .woshomankt .rongyu_a .btm .ol > li .b .lvbt p::before { position: absolute; content: ""; top: 8px; height: 17px; width: 4px; background: #009672; left: 0; } .woshomankt .croDetA .maozspozp ul li { margin-bottom: 16px; border-radius: 10px; overflow: hidden; } .woshomankt .croDetA .maozspozp ul li.lvs .dbt { background: #2daf8d; } .woshomankt .croDetA .maozspozp ul li.qianl .dbt { background: #28b4a7; } .woshomankt .croDetA .maozspozp ul li.lans .dbt { background: #245dac; } .woshomankt .croDetA .maozspozp ul li .dbt { color: #fff; font-size: 20px; padding: 14px 20px 17px; } .woshomankt .croDetA .maozspozp ul li .wocmo { background: #fff; padding: 18px 23px 23px 23px; } .woshomankt .croDetA .maozspozp ul li .wocmo .cmo { font-size: 16px; color: #666666; line-height: 1.83; float: left; padding-left: 15px; width: 50%; position: relative; } .woshomankt .croDetA .maozspozp ul li .wocmo .cmo::before { position: absolute; content: ""; left: 0; top: 13px; width: 6px; height: 6px; background: #2daf8d; border-radius: 50%; } @media(max-width:1480px) { .woshomankt .rongyu_a .btm .ol > li .t .bt, .woshomankt .rongyu_a .btm .ol > li .b .fenliangmoz .gmozl .oza { font-size: 18px !important; } .woshomankt .rongyu_a .btm .ol > li .b .fenliangmoz .gmozl .ozb { font-size: 14px; } .woshomankt .rongyu_a .btm .ol > li .t .anniu { top: 50%; transform: translateY(-50%); } .woshomankt .croDetA .maozspozp ul li .dbt { font-size: 18px; } } @media(max-width:1280px) { .woshomankt .contactB-a, .woshomankt .contactB-b { height: 42vw; } } @media(max-width:1024px) { .woshomankt .rongyu_a .btm .ol > li .b .fenliangmoz .gmozl { width: 100%; margin-bottom: 20px; padding: 20px; margin-right: 0; } .woshomankt .rongyu_a .btm .ol > li .b .fenliangmoz .gmozl:last-child { margin-bottom: 0; } .woshomankt .contactB-a, .woshomankt .contactB-b{ width: 100%; height: auto; } .woshomankt .rongyu_a .btm .ol > li { padding: 0 12px; } .woshomankt .rongyu_a .btm .ol > li .b { padding-top: 20px; } .woshomankt .rongyu_a .btm .ol > li .t .bt { padding: 12px 0 12px; } .bpmoutD .contactB { margin-bottom: 15px; } .woshomankt .rongyu_a .btm .ol > li .b .lvbt { padding: 10px 0; } .woshomankt .rongyu_a .btm .ol > li .b .lvbt p { font-size: 16px; } .woshomankt .rongyu_a .btm .ol > li .b .lvbt p::before { top: 6px; height: 16px; } .woshomankt .croDetA .maozspozp ul li .wocmo .cmo { width: 100%; } .woshomankt .croDetA .maozspozp ul li .wocmo .cmo { font-size: 14px; } .woshomankt .rongyu_a .btm .ol > li .t .bt, .woshomankt .rongyu_a .btm .ol > li .b .fenliangmoz .gmozl .oza { font-size: 16px !important; } .woshomankt .croDetA .maozspozp ul li .wocmo .cmo::before { top: 10px; } .woshomankt .croDetA .maozspozp ul li .wocmo { padding: 15px; } .woshomankt .croDetA .maozspozp ul li .dbt { padding: 15px; font-size: 16px; } } /**04鎶椾綋**/ .asdfasdasls .fenliangmoz .gmozl .ozc { color: #666666; line-height: 28px; font-size: 18px; margin-top: 12px; transition: all .5s; } .asdfasdasls .fenliangmoz .gmozl:hover .ozc { color: #fff; } .asdfasdasls .rongyu_a .btm .ol > li .b .fenliangmoz .gmozl .ozb { font-size: 18px; padding-top: 0; } .asdfasdasls .rongyu_a .btm .ol > li .b .fenliangmoz .gmozl:hover { background: #2daf8d; } @media(max-width:1480px) { .asdfasdasls .fenliangmoz .gmozl .ozc { line-height: 1.6; font-size: 16px; margin-top: 12px;} .asdfasdasls .rongyu_a .btm .ol > li .b .fenliangmoz .gmozl .ozb { font-size: 16px; padding-top: 0; } } /**05**/ .nsdlwop ul li .wocmo { background: #f5f5f5 !important; } .woshomankt .croDetA .nsdlwop ul li .wocmo .cmo { width: 100%; } .woshomankt .croDetA .nsdlwop ul li:last-child { margin-bottom: 0; } .woshomankt .rongyu_a .btm .ol > li .b p a { display: inline-block; color: #2daf8d; border-bottom: 2px solid #2daf8d; } .contactB-b dl dd { z-index: 5; } /**2024-1-11**/ .bpmoutA .oingtaijin { padding-left: 50px; margin-top: 21px; border-bottom: 1px solid #eee; padding-bottom: 41px; } .bpmoutA .oingtaijin .aini { font-size: 24px; color: #333333; margin-bottom: 6px; } .bpmoutA .oingtaijin .aino { color: #666666; line-height: 1.81; font-size: 20px; } .bpmoutA .oingtaijin .aino p { position: relative; padding-left: 26px; } .bpmoutA .oingtaijin .aino p::before { position: absolute; content: ""; top: 14px; left: 0; width: 5px; height: 5px; background: #666666; border-radius: 50%; } .xinzengae { padding: 6.04166vw 0 7.29166vw; } .xinzengae .manbt { text-align: center; width: 100%; margin-bottom: 2.08333vw; } .xinzengae .zenge .flex { display: flex; flex-wrap: wrap; } .xinzengae .zenge .engel { width: 49.27%; margin-right: 1.45%; float: left; border-radius: 10px; overflow: hidden; background: #f5f5f5; padding: 43px 30px 48px 30px; position: relative; transition: all .5s; } .xinzengae .zenge .engel::before { position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 4px; background: #009672; } .xinzengae .zenge .engel:last-child { margin-right: 0; } .xinzengae .zenge .engel .gebt { font-size: 26px; color: #333333; border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; transition: all .5s; } .xinzengae .zenge .engel .geznbo { color: #666666; font-size: 18px; line-height: 1.81; margin-top: 25px; transition: all .5s; } .xinzengae .zenge .engel .geznbo p { padding-left: 20px; position: relative; } .xinzengae .zenge .engel .geznbo p::before { position: absolute; content: ""; top: 10px; left: 0; width: 7px; height: 7px; background: #009672; border-radius: 50%; transition: all .5s; } .xinzengae .zenge .engel:hover { background: #2daf8d; } .xinzengae .zenge .engel:hover::before { background: #2daf8d; } .xinzengae .zenge .engel:hover .gebt { color: #fff; border-color: #42b799; } .xinzengae .zenge .engel:hover .geznbo { color: #fff; } .xinzengae .zenge .engel:hover .geznbo p::before { background: #fff; } @media(max-width:1480px) { .bpmoutA .oingtaijin .aini { font-size: 22px; } .bpmoutA .oingtaijin .aino { font-size: 18px; } .bpmoutA .oingtaijin .aino p::before { top: 10px; } .xinzengae .zenge .engel .gebt { font-size: 24px; } .xinzengae .zenge .engel .geznbo { font-size: 16px; } .xinzengae .zenge .engel .geznbo p::before { top: 9px; } } @media(max-width:1024px) { .bpmoutB .manbt { font-size: 24px; } .manbt { font-size: 24px; } .bpmoutA { padding-bottom: 0; } .bpmoutA .outtop { padding: 0 0 0; border-bottom: 0; } .bpmoutA .oubbom { display: none; } .bpmoutA .oubbom .ombt { font-size: 24px; } .bpmoutA .oubmns { display: block; margin-top: 20px; height: auto; background: url(../images/oubmns.png)no-repeat bottom center #22a2a1; padding-bottom: 80vw; background-size: 100% auto; padding: 5.88541vw 26px 60vw; } .bpmoutA .oubmns .bmnsbt { color: #fff; font-size: 24px; margin-bottom: 2.8vw; text-align: center; width: 100%; } .bpmoutA .oubmns .bmnss-swiper { padding-bottom: 40px; } .bpmoutA .oubmns .bmnss-swiper .oubmnsAA { background: #0cbcb8; padding: 20px; border-radius: 10px; border: 1px solid #3dc9c5; } .bpmoutA .oubmns .bmnss-swiper .oubmnsAA .mogu { color: #fff; font-size: 18px; padding-bottom: 5px; border-bottom: 1px solid #3dc9c6; position: relative; padding-left: 8px; } .bpmoutA .oubmns .bmnss-swiper .oubmnsAA .mogu::before { position: absolute; left: 0; top: 3px; height: 20px; content: ""; background: #fff; width: 3px; } .bpmoutA .oubmns .bmnss-swiper .oubmnsAA .tuo { margin-top: 20px; } .bpmoutA .oubmns .bmnss-swiper .oubmnsAA .mogm { color: #fff; font-size: 14px; margin-top: 7px; position: relative; } .bpmoutA .oubmns .bmnss-swiper .oubmnsAA .mogm p { position: relative; padding-left: 12px; } .bpmoutA .oubmns .bmnss-swiper .oubmnsAA .mogm p::before { position: absolute; top: 8px; content: ""; left: 0; height: 4px; width: 4px; overflow: hidden; border-radius: 50%; background: #fff; } .bpmoutA .oubmns .bmnss-swiper .swiper-scrollbar { background: #338b90; height: 6px; } .bpmoutA .oubmns .bmnss-swiper .swiper-scrollbar-drag { background: #00ffe4; } .bpmoutB .moutbott .uottme .tmebt a { padding: 15px 0 15px 20px; } .bpmoutB .moutbott .uottme .tmebt a .btl { font-size: 18px; padding-left: 35px; } .bpmoutB .moutbott .uottme .tmebt a::before { width: 30px; height: 30px; } .bpmoutB .moutbott .uottme .tmebt::before { display: none; } .bpmoutB .moutbott .uottme .ebntm { padding: 20px; } .bpmoutB .moutbott .uottme .ebntm ul li { width: 100%; padding: 10px 0; margin-right: 0; } .bpmoutB .moutbott .uottme .ebntm ul li .xxq { margin-top: 5px; } .bpmoutC .mouzm .gopzm { width: 40px; height: 40px; } .bpmoutC .mouzm .swiper-button-prev { left: 6%; } .bpmoutC .mouzm .swiper-button-next { right: 6%; } .bpmoutC .mouzm .swiper-container .swiper-slide { padding: 0 5%; } .bpmoutD .contactB-e { padding: 16px 2vw; } .bpmoutA .oubmns .bmnss-swiper .oubmnsAA { position: relative; } .bpmoutA .oubmns .bmnss-swiper .oubmnsAA:nth-child(n+2) { margin-top: 50px; } .bpmoutA .oubmns .bmnss-swiper .oubmnsAA::before { position: absolute; content: ""; bottom: -36px; transform: translateX(-50%); left:50%; width: 10px; height: 24px; background: url(../images/sdjaxzn.png)no-repeat center center/cover; } .bpmoutA .oubmns .bmnss-swiper .oubmnsAA:last-child::before { display:none; } .bpmoutA .oingtaijin { padding-left: 0; margin-top: 10px; padding-bottom: 20px; } .xinzengae .zenge .engel { width: 100%; margin-bottom: 20px; padding: 20px; } .xinzengae .zenge .engel:last-child { margin-bottom: 0; } .xinzengae .zenge .engel .gebt { font-size: 20px; } .xinzengae .zenge .engel .geznbo { margin-top: 15px; } .xinzengae .zenge .engel .gebt { margin-bottom: 15px; } } @media(max-width: 600px){ .bpmoutB { padding: 40px 0 50px; } .bpmoutB .manbt { margin-bottom: 20px; } } /**鏂扮殑寮€濮?*/ .zmanxopzna { background: #fff; border-radius: 10px; overflow: hidden; margin-top: 40px; padding: 70px 30px 33px; } .zmanxopzna .xopnmzm { margin-top: 75px; } .zmanxopzna .xopnmzm .flexw { display: flex; flex-wrap: wrap; } .zmanxopzna .xopnmzm .nmz { float: left; background: #f5f5f5; margin-right: 2%; width: 48.99%; margin-bottom: 2%; border-radius: 10px; overflow: hidden; position: relative; padding: 28px 30px 27px; } .zmanxopzna .xopnmzm .nmz:nth-child(2n) { margin-right: 0; } .zmanxopzna .xopnmzm .nmz::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 3px; background: #22a485; } .zmanxopzna .xopnmzm .nmz .bt { font-size: 20px; color: #333333; border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; } .zmanxopzna .xopnmzm .nmz .mz { font-size: 16px; color: #666666; line-height: 1.75; margin-top: 15px; } .zmanxopzna .xopnmzm .nmz .mz p { padding-left: 16px; position: relative; } .zmanxopzna .xopnmzm .nmz .mz p:before { position: absolute; content: ""; left: 0; top: 11px; width: 5px; height: 5px; background: #2daf8d; border-radius: 50%; overflow: hidden; } .rangwozaikanni .toufa { margin-top: 40px; } .rangwozaikanni .toufa ul { display: flex; flex-wrap: wrap; } .rangwozaikanni .toufa ul li { float: left; border-radius: 10px; overflow: hidden; background: #f5f5f5; width: 48.88%; margin-right: 2.2%; margin-bottom: 2.2%; } .rangwozaikanni .toufa ul li:nth-child(2n) { margin-right: 0; } .rangwozaikanni .toufa ul li .boe { background: #22a485; color: #fff; padding: 0 30px; } .rangwozaikanni .toufa ul li .boe .oe { position: relative; padding-left: 40px; font-size: 22px; line-height: 70px; } .rangwozaikanni .toufa ul li .boe .oe span { position: absolute; top: 50%; left: 0; transform: translateY(-50%); line-height: 0; } .rangwozaikanni .toufa ul li .kaisb { padding: 23px 30px 24px; } .rangwozaikanni .toufa ul li .kaisb .be { font-size: 16px; color: #666666; line-height: 1.88; } .rangwozaikanni .toufa ul li .kaisb .p { font-size: 15px; color: #999999; line-height: 1.75; margin-top: 6px; } .rangwozaikanni .toufa ul li .kaisb .p p { position: relative; padding-left: 15px; } .rangwozaikanni .toufa ul li .kaisb .p p:before { position: absolute; content: ""; left: 0; top: 9px; width: 5px; height: 5px; background: #2daf8d; border-radius: 50%; overflow: hidden; } .rangwozaikanni .lvbt p { display: inline-block; } .rangwozaikanni .lvbt i { display: inline-block; margin-left: 20px; color: #333333; } .rangwozaikanni .worila { margin-top: 20px; } .rangwozaikanni .worila ul { display: flex; flex-wrap: wrap; } .rangwozaikanni .worila ul li { float: left; border: 1px solid #bce4da; border-radius: 10px; overflow: hidden; width: 32.29%; margin-right: 1.56%; margin-bottom: 1.56%; padding: 22px 30px 20px; } .rangwozaikanni .worila ul li:nth-child(3n) { margin-right: 0; } .rangwozaikanni .worila ul li .mbt { color: #333333; font-size: 18px; } .rangwozaikanni .worila ul li .mbz { overflow-y: auto; overflow-x: hidden; font-size: 15px; color: #666666; line-height: 1.6; margin-top: 2px; height: 190px; } .rangwozaikanni .worila ul li .mbz::-webkit-scrollbar { /*婊氬姩鏉℃暣浣撴牱寮?/ width: 4px; /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/ height: 4px; } .rangwozaikanni .worila ul li .mbz::-webkit-scrollbar-thumb { /*婊氬姩鏉¢噷闈㈠皬鏂瑰潡*/ border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15); background: #22a485; } .rangwozaikanni .worila ul li .mbz::-webkit-scrollbar-track { /*婊氬姩鏉¢噷闈㈣建閬?/ -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); border-radius: 0; background: #eeeeee; } .rangwozaikanni .worile { border: 1px solid #bce4da; border-radius: 10px; overflow: hidden; margin-top: 20px; padding: 30px 30px 21px; } .rangwozaikanni .worile ul li { width: 33.333%; float: left; font-size: 15px; color: #666666; line-height: 24px; } .rangwozaikanni .worile .rizr { text-align: right; width: 100%; font-size: 14px; color: #666666; margin-top: 23px; } @media(max-width:1100px) { .zmanxopzna .xopnmzm .nmz { padding: 20px; width: 100%; margin-bottom: 20px; } .zmanxopzna .xopnmzm .nmz:last-child { margin-bottom: 0; } .zmanxopzna { padding: 20px 12px 15px; margin-top: 30px; } .rangwozaikanni .toufa ul li .boe { padding: 0 20px; } .rangwozaikanni .toufa ul li { width: 100%; margin-bottom: 20px; } .rangwozaikanni .toufa ul li:last-child { margin-bottom: 0; } .rangwozaikanni .toufa ul li .kaisb { padding: 20px; } .rangwozaikanni .worila ul li { width: 100%; margin-bottom: 20px; padding: 20px; } .rangwozaikanni .worila ul li:last-child { margin-bottom: 0; } .rangwozaikanni .worile { padding: 20px; } .rangwozaikanni .worile ul li { width: 100%; } } /**2024-3-5鏂板**/ .croDetdhsksmA { position: relative; padding: 5.88541vw 0 7.18749vw; text-align: center; } .croDetdhsksmA::before { position: absolute; content: ""; left: 0; top: 0; width: 26.61458vw; height: 35vw; background: url(../images/croDetdhsksmA.png)no-repeat center center/cover; } .croDetdhsksmA .sma-top { color: #666666; font-size: 18px; line-height: 1.8; margin-bottom: 57px; } .croDetdhsksmA .sma-bottom .mainTit .t { font-size: 2.08333vw; font-weight: initial; color: #333333; margin-bottom: 25px; } .croDetdhsksmA .sma-bottom ul { display: flex; flex-wrap: wrap; } .croDetdhsksmA .sma-bottom ul li { float: left; width: 32.7%; margin-right: .95%; padding:65px 0 55px; border-radius: 10px; overflow: hidden; background: #f5f5f5; position: relative; transition: all .5s; } .croDetdhsksmA .sma-bottom ul li::before { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 4px; background: #009672; } .croDetdhsksmA .sma-bottom ul li:last-child { margin-right: 0; } .croDetdhsksmA .sma-bottom ul li .zns { color: #333333; font-size: 1.35416vw; position: relative; padding-bottom: 11px; transition: all .5s; } .croDetdhsksmA .sma-bottom ul li .zns::before { position: absolute; content: ""; bottom: 0; left: 50%; transform: translateX(-50%); width: 40px; height: 1px; background: #d2d2d2; transition: all .5s; } .croDetdhsksmA .sma-bottom ul li .zna { color: #666666; font-size: 16px; line-height: 1.78; width: 70%; margin-top: 16px; display: inline-block; transition: all .5s; text-align: left; } .croDetdhsksmA .sma-bottom ul li .zna p { position: relative; padding-left: 14px; } .croDetdhsksmA .sma-bottom ul li .zna p:before { position: absolute; content: ""; left: 0; top: 9px; width: 6px; height: 6px; border-radius: 50%; overflow: hidden; background: #2daf8d; } .croDetdhsksmA .sma-bottom ul li .icon { margin-bottom: 18px; } .croDetdhsksmA .sma-bottom ul li .icon .cueo { display: none; } /* .croDetdhsksmA .sma-bottom ul li:hover .icon .cueo { display: inline-block; } .croDetdhsksmA .sma-bottom ul li:hover .icon .cuew { display: none; } .croDetdhsksmA .sma-bottom ul li:hover { background: #2daf8d; } .croDetdhsksmA .sma-bottom ul li:hover .zns { color: #fff; } .croDetdhsksmA .sma-bottom ul li:hover .zns::before { background: #6cc7af; } .croDetdhsksmA .sma-bottom ul li:hover .zna { color: #fff; } .croDetdhsksmA .sma-bottom ul li:hover::before { background: #2daf8d; } */ .croDetdhsksmB { background: #f5f5f5; text-align: center; padding: 5.72916vw 0 7.13541vw; } .croDetdhsksmB .mainTit .t { font-size: 2.08333vw; font-weight: initial; color: #333333; margin-bottom: 41px; } .croDetdhsksmB .smanzne { margin-top: 115px; } .croDetdhsksmB .smanzne ul { display: flex; flex-wrap: wrap; position: relative; } .croDetdhsksmB .smanzne ul::before { position: absolute; top: -60px; content: ""; left: 50%; transform: translateX(-50%); width: 76%; height: 3px; background: #009572; } .croDetdhsksmB .smanzne ul li { float: left; width: 24.08%; border-radius: 10px; text-align: left; margin-right: 1.22%; background: #fff; position: relative; } .croDetdhsksmB .smanzne ul li:last-child { margin-right: 0; } .croDetdhsksmB .smanzne ul li:before { position: absolute; content: ""; top: -75px; left: 50%; transform: translateX(-50%); width: 32px; height: 32px; background: url(../images/smanzne.png)no-repeat center center/cover; } .croDetdhsksmB .smanzne ul li .nznet { background: #2daf8d; color: #fff; font-size: 1.14583vw; border-radius: 10px; overflow: hidden; padding-left: 25px; line-height: 70px; } .croDetdhsksmB .smanzne ul li .znexa { padding: 38px 20px 0; } .croDetdhsksmB .smanzne ul li .znexa .exaa { color: #333333; font-size: 1.04166vw; position: relative; padding-left: 14px;line-height: 1.52; margin-bottom: 18px; } .croDetdhsksmB .smanzne ul li .znexa .exaa::before { position: absolute; content: ""; left: 0; top: 0.3125vw; width: 4px; height: 1.04166vw; background: #2daf8d; border-radius: 10px; overflow: hidden; } .croDetdhsksmB .smanzne ul li .znexa .exab { color: #999999; line-height: 26px; font-size: 15px; border-top: 1px solid #eeeeee; padding-top: 14px; margin-bottom: 31px; } .croDetdhsksmB .smanzne ul li .znexa .exab p { padding-left: 14px; position: relative; } .croDetdhsksmB .smanzne ul li .znexa .exab p:before { position: absolute; content: ""; left: 0; top: 9px; width: 6px; height: 6px; border-radius: 50%; overflow: hidden; background: #2daf8d; } .croDetdhsksmC { padding:5.88541vw 0 6.25vw; } .croDetdhsksmC .mainTit { text-align: center; } .croDetdhsksmC .mainTit .t { font-size: 2.08333vw; font-weight: initial; color: #333333; margin-bottom: 32px; } .croDetdhsksmC .ssmbzotop ul { display: flex; flex-wrap: wrap; } .croDetdhsksmC .ssmbzotop ul li { float: left; border: 1px solid #eeeeee; border-radius: 10px; overflow: hidden; width: 24%; margin-right: 1.33%; } .croDetdhsksmC .ssmbzotop ul li:last-child { margin-right: 0; } .croDetdhsksmC .ssmbzotop ul li .img { overflow: hidden; border-radius: 10px; } .croDetdhsksmC .ssmbzotop ul li .oozmss { padding: 23px 30px 26px 30px; } .croDetdhsksmC .ssmbzotop ul li .oozmss .zmsa { color: #333333; font-size: 1.04166vw; } .croDetdhsksmC .ssmbzotop ul li .oozmss .zmsb { color: #999999; font-size: 16px; line-height: 1.75; margin-top: 3px; } .croDetdhsksmC .ssmbzotop ul li .oozmss .zmsb p { position: relative; padding-left: 14px; } .croDetdhsksmC .ssmbzotop ul li .oozmss .zmsb p:before { position: absolute; content: ""; top: 10.5px; left: 0; width: 6px; height: 6px; border-radius: 50%; background: #2daf8d; } .croDetdhsksmC .ssmbzobtoom { margin-top: 30px; } .croDetdhsksmC .ssmbzobtoom .kuoznsn { margin-bottom: 20px; } .croDetdhsksmC .ssmbzobtoom .kuoznsn .btzu .zu { float: left; background: #2daf8d; width: 32.37%; margin-right: 1.44%; line-height: 70px; border-radius: 10px; overflow: hidden; font-size: 1.04166vw; color: #fff; padding: 0 30px; position: relative; } .croDetdhsksmC .ssmbzobtoom .kuoznsn .btzu .zu::before { position: absolute; content: ""; right: 12px; top: 0; width: 6.45833vw; height: 100%; background: url(../images/kuoznsn.png)no-repeat center center/cover; } .croDetdhsksmC .ssmbzobtoom .kuoznsn .btzu .zu:last-child { margin-right: 0; } .croDetdhsksmC .ssmbzobtoom ul { display: flex; flex-wrap: wrap; margin-top: 20px; } .croDetdhsksmC .ssmbzobtoom ul li { float: left; width: 32.37%; margin-right: 1.44%; border-radius: 10px; overflow: hidden; border: 1px solid #b2dfd4; padding: 18px 28px 22px 28px; } .croDetdhsksmC .ssmbzobtoom ul li:last-child { margin-right: 0; } .croDetdhsksmC .ssmbzobtoom ul li .oza { font-size: 1.04166vw; color: #009572; border-bottom: 1px solid #e5e5e5; padding-bottom: 18px; margin-bottom: 25px; } .croDetdhsksmC .ssmbzobtoom ul li .ozb { font-size: 16px; line-height: 1.75; color: #999999; } .croDetdhsksmC .ssmbzobtoom ul li .ozb p { position: relative; padding-left: 14px; } .croDetdhsksmC .ssmbzobtoom ul li .ozb p:before { position: absolute; content: ""; top: 10.5px; left: 0; width: 6px; height: 6px; border-radius: 50%; background: #2daf8d; } @media(max-width:1480px) { .croDetdhsksmA .sma-top { font-size: 16px; } .croDetdhsksmA .sma-bottom ul li .zns { font-size: 18px; } .croDetdhsksmA .sma-bottom ul li .zna { font-size: 14px; } .croDetdhsksmB .smanzne ul li .nznet { font-size: 18px; line-height: 55px; } .croDetdhsksmB .smanzne ul li .znexa .exaa { font-size: 18px; } .croDetdhsksmB .smanzne ul li .znexa .exaa::before { height: 18px; top: 5px; } .croDetdhsksmB .smanzne ul li .znexa { padding-top: 25px; } .croDetdhsksmB .smanzne ul li .znexa .exab { font-size: 14px; } .croDetdhsksmC .ssmbzotop ul li .oozmss .zmsa { font-size: 18px; } .croDetdhsksmC .ssmbzotop ul li .oozmss .zmsb { font-size: 14px; } .croDetdhsksmC .ssmbzotop ul li .oozmss .zmsb p:before { width: 5px; height: 5px; top: 9px; } .croDetdhsksmC .ssmbzobtoom .kuoznsn .btzu .zu { font-size: 18px; line-height: 55px; } .croDetdhsksmC .ssmbzobtoom ul li .oza { font-size: 18px; } .croDetdhsksmC .ssmbzobtoom ul li .ozb { font-size: 14px; } } @media(max-width:1100px) { .croDetdhsksmA .sma-top { margin-bottom: 25px; } .croDetdhsksmA { padding: 35px 0 45px; } .croDetdhsksmA .sma-bottom .mainTit .t, .croDetdhsksmB .mainTit .t, .croDetdhsksmC .mainTit .t { font-size: 22px; margin-bottom: 20px; } .croDetdhsksmA .sma-bottom ul li { width: 100%; margin-bottom: 20px; padding: 30px 0 20px; } .croDetdhsksmA .sma-bottom ul li:last-child { margin-bottom: 0; } .croDetdhsksmA .sma-bottom ul li .zna { width: 80%; } .croDetdhsksmB { padding: 35px 0 45px; } .croDetdhsksmB .smanzne ul li:before { display: none; } .croDetdhsksmB .smanzne ul::before { display: none; } .croDetdhsksmB .smanzne { margin-top: 25px; } .croDetdhsksmB .smanzne ul li { width: 100%; margin-bottom: 20px; } .croDetdhsksmB .smanzne ul li:last-child { margin-bottom: 0; } .croDetdhsksmC { padding: 35px 0 45px; } .croDetdhsksmC .ssmbzotop ul li { width: 100%; margin-bottom: 20px; } .croDetdhsksmC .ssmbzotop ul li:last-child { margin-bottom: 0; } .croDetdhsksmC .ssmbzotop ul li .oozmss { padding: 20px; } .croDetdhsksmB .smanzne ul li .nznet { padding: 0 20px; } .croDetdhsksmB .smanzne ul li .znexa { padding: 20px 20px 0; } .croDetdhsksmC .ssmbzobtoom .kuoznsn .btzu .zu { width: 100%; margin-bottom: 20px; padding: 0 20px; } .croDetdhsksmC .ssmbzobtoom ul li { width: 100%; margin-bottom: 20px; padding: 20px; } .croDetdhsksmC .ssmbzobtoom ul li:last-child { margin-bottom: 0; } .croDetdhsksmC .ssmbzobtoom ul { margin-top: 0; } } .cdmoB-a:nth-child(5) .cdmoB-b { background: url(../images/bg1wes.png) no-repeat center/cover; } .cdmoB-a:nth-child(5) .cdmoB-e ul li { border-bottom: 1px solid #ededed; float: left; width: 48%; margin-right:4%; } .cdmoB-a:nth-child(5) .cdmoB-e ul li:nth-child(3n) { margin-right:4%; } .cdmoB-a:nth-child(5) .cdmoB-e ul li:nth-child(2n) { margin-right:0; } .me { display: none; } @media(max-width:1100px) { .me { display: block; } .croDetdhsksmC .ssmbzobtoom ul li { padding: 0; margin-right: 0; border-radius: 0; border: 0; } .croDetdhsksmC .ssmbzobtoom ul li .oozb { border: 1px solid #b2dfd4; padding: 20px; border-radius: 10px; overflow: hidden; } .croDetdhsksmC .ssmbzobtoom ul li .zu { background: #2daf8d; width: 100%; line-height: 55px; border-radius: 10px; overflow: hidden; color: #fff; padding: 0 20px; font-size: 18px; margin-bottom: 20px; position: relative; } .croDetdhsksmC .ssmbzobtoom ul li .zu::before { position: absolute; content: ""; right: 12px; top: 0; width: 100px; height: 100%; background: url(../images/kuoznsn.png)no-repeat center center/cover; } .croDetdhsksmC .ssmbzobtoom .kuoznsn .btzu { display: none; } .croDetdhsksmC .ssmbzobtoom .kuoznsn { margin-bottom: 20px; } .croDetdhsksmC .ssmbzobtoom .kuoznsn:last-child { margin-bottom: 0; } } /**2024/4/16**/ .xinznam { background: url(../images/xinznam.jpg)no-repeat center center/cover; padding: 6.77083vw 0; } .xinznam .namznil { width: calc(42.8% - 144px); float: left; padding-top: 25px; } .xinznam .namznil .mainTit .t { font-size: 2.08333vw; font-weight: initial; color: #fff; } .xinznam .namznil ul { margin-top: 30px; border-top: 1px solid rgba(255, 255, 255, .1); } .xinznam .namznil ul li { border-bottom: 1px solid rgba(255, 255, 255, .1); cursor: pointer; padding: 36px 0 34px; font-size: 1.25vw; color: #f0f0f0; position: relative; } .xinznam .namznil ul li::before { position: absolute; content: ""; top: 50%; transform: translateY(-50%); right: 0; width: 18px; height: 12px; background: url(../images/namznil.png)no-repeat center center/cover; transition: all .5s; } .xinznam .namznil ul li:after { position: absolute; bottom: -1px; left: 0; width: 0; content: ""; background: #fff; transition: all .5s; height: 1px; } .xinznam .namznil ul li.cur:after { width: 100%; } .xinznam .namznil ul li.cur::before { background: url(../images/namznila.png)no-repeat center center/cover; } .xinznam .namznir { background: #fff; float: right; border-radius: 10px; overflow: hidden; width: 57.7%; padding: 60px 70px 48px; } .xinznam .namznir .boxe .oxea { color: #333333; font-size: 1.5625vw; margin-top: 12px; } .xinznam .namznir .boxe .oxeb { margin-top: 23px; } .xinznam .namznir .boxe .oxeb ul li { float: left; margin-right: 6.8%; width: 46.6%; padding-bottom: 27px; border-bottom: 1px solid #e5e5e5; color: #333; font-size: 18px; margin-bottom: 26px; } .xinznam .namznir .boxe .oxeb ul li:nth-child(2n) { margin-right: 0; } .xinznam .namznir .boxe .oxeb ul li .wz { padding-left: 20px; position: relative; } .xinznam .namznir .boxe .oxeb ul li .wz::before { position: absolute; content: ""; left: 0; width: 6px; height: 6px; border-radius: 50%; background: #0c916f; top: 10px; } .xinznam .namznir .boxe .oxec { margin-top: 20px; } .xinznam .namznir .boxe .oxec a { border-color: #dcdcdc; color: #666666; } .xinznam .namznir .boxe .oxec a:hover { color: #fff; } .xinznam .namznir .boxe .oxec a:after { background: #049977; } .xinznam .namznil ul { margin-top: 20px; } .xinznam .namznil ul li { padding: 15px 0; } @media(max-width:1500px) { .xinznam .namznir { padding: 40px; } .xinznam .namznil ul li { padding: 25px 0 24px; } } @media(max-width:1100px) { .xinznam { padding: 35px 0 45px; } .xinznam .namznil { width: 100%; padding-top: 0; } .xinznam .namznil .mainTit .t { font-size: 22px; } .xinznam .namznil ul li { font-size: 16px; padding: 15px 0; } .xinznam .namznir { width: 100%; margin-top: 25px; padding: 20px; } .xinznam .namznir .boxe .oxea { font-size: 20px; } .xinznam .namznir .boxe .oxeb ul li { padding-bottom: 15px; margin-bottom: 15px; width: 100%; font-size: 14px; } .xinznam .namznir .boxe .oxeb ul li .wz::before { margin-top: 7px; } .xinznam .namznir .boxe .oxec { margin-top: 0; } } .ejsbs { position: relative; color: #009672 !important; padding-left: 10px; } .ejsbs::before { position: absolute; content: ""; width: 2px; height: 20px; background: #009672; left: 0; top: 7px; } .fr{float: right;} .fl{float: left;} /*瀛椾綋*/ body { font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial'; } .marginT40 { margin-top:40px; } .marginT60 { margin-top:60px; } .colorBlue { color:#0044B0; } .colorYellow { color:#FFA100; } .colorBlack { color:#000; } .font50 {font-size: 50px; line-height:1.2;} .font54 {font-size: 54px; line-height:1.2;} .font55 { font-size:55px; line-height: 1.2; } .font56 { font-size:55px; line-height: 1.2; } .font40 { font-size:40px; line-height: 1.2; } .font42 { font-size:42px; line-height: 1.2; } .font72 { font-size:72px; line-height: 1.2; } .font26 { font-size:26px; line-height: 1.2; } .font36 { font-size:36px; line-height: 1.2; } .font24 { font-size:24px; line-height: 1.2; } .font32 { font-size:32px; line-height: 1.2; } .font30 { font-size:30px; line-height: 1.2; } .font22 { font-size:22px; line-height: 1.2; } .font21 { font-size:21px; line-height: 1.2; } .font20 { font-size:20px; line-height: 1.2; } .font18 { font-size:18px; line-height: 1.6; } .font16 { font-size:16px; line-height: 1.6; } .font15 { font-size:15px; line-height: 1.6; } .font14 { font-size:14px; line-height: 1.6; } .bold { font-weight:bold; } @media(max-width:1900px){ .font50 {font-size: 2.6vw;} .marginT40 { margin-top:2vw; } .marginT60 { margin-top:3vw; } .font60{font-size:3.1vw; } .font54 {font-size: 2.81vw; line-height:1.2;} .font55 { font-size: 2.8vw; } .font56 { font-size: 2.8vw; } .font40 { font-size: 2vw; } .font36 { font-size: 1.8vw; } .font42 { font-size: 2.1vw; } .font72 { font-size: 3.75vw; } .font32 { font-size: 1.6vw; } .font30 {font-size:1.5vw } .font24 { font-size: 1.2vw; } .font26 { font-size: 1.3vw; } .font22 { font-size: 21px; } .font21 { font-size: 20px; } .font20 { font-size: 19px; } .font18 { font-size: 17px; } } @media(max-width:1700px){ .font21 { font-size: 19px; } .font22 { font-size: 20px; } .font20 { font-size: 18px; } } @media(max-width:1500px){ .font21 { font-size: 18px; } .font22 { font-size: 18px; } .font18 { font-size: 16px; } .font15 { font-size: 14px; } .font16 { font-size: 14px; } .font20 { font-size: 17px; } } @media(max-width:1300px){ .font21 { font-size: 17px; } .font20 { font-size: 16px; } .font22 { font-size: 18px; } } @media(max-width:1100px){ .marginT40 { margin-top:25px; } .marginT36 { margin-top:22px; } .marginT60 { margin-top:30px; } .font60{font-size:26px; } .font50 {font-size: 22px;} .font54 { font-size: 23px; } .font56 { font-size: 23px; } .font55 { font-size: 24px; } .font72 { font-size: 30px; } .font32 { font-size: 18px; } .font30 { font-size:18px;} .font24 { font-size: 18px; } .font26 { font-size: 18px; } .font16 { font-size: 14px; } .font15 { font-size: 14px; } .font21 { font-size: 16px; } .font20 { font-size: 16px; } .font22 { font-size: 17px; } .font18 { font-size: 16px; } .font40 { font-size: 22px; } .font42 { font-size: 24px; } .font36 { font-size: 22px; } } .ny_banner{ width: 100%; position: relative; } .ny_banner .pic2{ display: none; } .ny_banner .ny_banner_a{ width: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; } .ny_banner .ny_banner_a .bt{ color: #fff; padding-bottom: 30px; position: relative; } .ny_banner .ny_banner_a .bt:after{ content: ""; width: 150px; height: 1px; background: rgba(255,255,255,0.45); position: absolute; left: 0; bottom: 0; } .ny_banner .ny_banner_a .bt:before{ content: ""; width: 60px; height: 1px; background: #fff; position: absolute; left: 0; bottom: 0; z-index: 1; } .ny_banner .banner_qh{ position: absolute; bottom: 0; left: 0; width: 100%; } .ny_banner .banner_qh ul li{ width: 25%; float: left; background: rgba(0,0,0,0.3); border-right: 1px solid rgba(255,255,255,0.2); transition: all 0.6s; } .ny_banner .banner_qh ul li a{ display: block; width: 100%; color: #fff; text-align: center; padding: 1.1vw 0; } .ny_banner .banner_qh ul li:hover{ background: #099171; } .ny_banner .banner_qh ul .cur{ background: #099171; } .xwzx_a{ padding: 6.25vw 0 5.2vw; background: #f7f7f7; } .xwzx_a .xwzx_top .bt{ color: #009672; } .xwzx_top .sxs .sxs_a{ height: 55px; line-height: 55px; } .xwzx_top .sxs .sxs_a{ width: 540px; border-radius: 30px; border:1px solid #cccccc; overflow: hidden; } .xwzx_top .sxs .sxs_a .sxs_a1{ width: 50%; height: 100%; position: relative; } .xwzx_top .sxs .sxs_a select{ width: 100%; height: 53px; display: inline-block; border:none; padding-left: 34px; color: #666666; -webkit-appearance: none; position: relative; } .xwzx_top .sxs .sxs_a .sxs_a1:after{ content: ""; width: 13px; height: 8px; background: url(../images/sxs_jt.png)center center/cover; position: absolute; top: 50%; transform: translateY(-50%); right: 35px; } .xwzx_top .sxs .sxs_a .sxs_a2:before{ content: ""; position: absolute; height: 24px; width: 1px; background: #cccccc; top: 50%; transform: translateY(-50%); z-index: 1; left:0; } .sxs_b{ width: 318px; height: 55px; border-radius: 30px; border:1px solid #cccccc; overflow: hidden; position: relative; margin-left: 10px; } .sxs_b .sous_1{ width: 100%; height: 55px; padding-left: 34px; border:none; font-size: 16px; padding-right: 65px; color: rgba(102,102,102,0.3); } .sxs_b .fdj{ position: absolute; width: 19px; height: 20px; background: url(../images/fdj.png)center center/cover; top: 50%; transform: translateY(-50%); right: 35px; border:none; } .xwzx_b{ padding: 2.86vw 0 3.64vw; } .xwzx_b ul li{ float: left; width: 32%; background: #fff; border-radius: 15px; overflow: hidden; margin-right: 2%; position: relative; margin-top: 2%; } .xwzx_b ul li:nth-child(1), .xwzx_b ul li:nth-child(2), .xwzx_b ul li:nth-child(3){ margin-top: 0; } .xwzx_b ul li:after{ content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background: #0a9272; transition: all 0.8s; } .xwzx_b ul li:hover:after{ width: 100%; } .xwzx_b ul li:nth-child(3n){ margin-right: 0; } .xwzx_b ul li .img{ overflow: hidden; } .xwzx_b ul li .img img{ overflow: hidden; transform: scale(1); transition: all 0.6s ease 0s; } .xwzx_b ul li:hover .img img{ transform: scale(1.1); } .xwzx_b ul li .bt{ padding: 1.6vw 3.2vw 2.1vw 1.45vw; } .xwzx_b ul li .bt .b{ color: #009672; } .xwzx_b ul li .bt .t{ color: #333333; margin-top: 15px; line-height: 1.4; } .fyq { width: 100%; text-align: center; } .fyq a{ display: inline-block; width: 61px; height: 61px; line-height: 61px; background: #ffffff; border-radius: 5px; color: #888888; transition: all 0.6s; margin: 0 2px; } .fyq .cur{ background: #009771; color: #fff; } .fyq a:hover{ background: #009771; color: #fff; } .spxq{ background: url(../images/spxq_beij.png)top left #f7f7f7 no-repeat; padding-top: 20px; } .mbx{ position: relative; padding-left: 20px; } .mbx:after{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 16px; height: 14px; background: url(../images/fang.png)center center/cover; } .mbx a{ color: #999999; } .mbx span{ color: #999999; } .spxq .spxq_a{ padding: 4.1vw 0 5.7vw; } .spxq .spxq_a .bt{ color: #333333; padding-bottom: 2.2vw; } .spxq_a .spxq_l{ width: 31%; float: left; } .spxq_a .spxq_l .ship{ position: relative; width: 100%; border-radius:20px; overflow: hidden; } .spxq_a .spxq_l .ship .icon{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); cursor: pointer; } .spxq_a .spxq_l .ship .icon img{ transform: rotate(0); transition: all 2.6s; } .spxq_a .spxq_l .ship .icon:hover img{ transform: rotate(360deg); } .spxq_l_a{ margin-top: 2.34vw; } .spxq_l_a .nr{ margin-top: 1.56vw; } .spxq_l_a .nr p{ position: relative; color: #666666; padding-left: 13px; line-height: 1.8; } .spxq_l_a .nr p:after{ content: ""; position: absolute; top: 14px; transform: translateY(-50%); left: 0; width: 5px; height: 5px; border-radius: 50%; background: #0a9272; } .zbt{ color: #0a9272; width: 100%; border-bottom: 1px solid #e5e5e5; } .zbt .zbt1{ display: inline-block; position: relative; padding-bottom: 17px; padding-left: 12px; } .zbt .zbt1:after{ content: ""; position: absolute; bottom: -1px; left: 0; height: 1px; width: 100%; background: #0a9272; } .zbt .zbt1:before{ content: ""; position: absolute; top: 2px; left: 0; width: 4px; height: 22px; border-radius: 3px; background: #0a9272; } .spxq_a .spxq_r{ width: 65%; float: right; padding-left: 2.7vw; border-left: 1px solid #e5e5e5; } .spxq_a .spxq_r .nr p{ color: #666666; } .spxq_a .spxq_r .nr .b{ color: #0a9272; font-style: oblique; } .spxq_a .spxq_r .spxq_r_a{ margin-top: 3.1vw; } .jbjs .jbjs_a .jbjs_a1{ position: relative; margin-top: 1.56vw; } .jbjs .jbjs_a .jbjs_a1 .bt{ padding-left: 110px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; padding-bottom: 0; } .jbjs .jbjs_a .jbjs_a1 .bt .b{ color: #333333; } .jbjs .jbjs_a .jbjs_a1 .bt .t{ color: #0a9272; margin-top: 8px; } .jbjs .jbjs_a .jbjs_a2{ margin-top: 1vw; } .jbjs .jbjs_a .jbjs_a2 p{ color: #666666; } .spxq_a .spxq_r .spxq_r_b{ margin-top: 3.2vw; } .spxq_a .spxq_r .spxq_r_b .js_ann{ padding-bottom: 1vw; display: inline-block; border-bottom: 1px solid #d4d4d4; margin-top: 2vw; } .spxq_a .spxq_r .spxq_r_b .js_ann a{ color: #333333; } .spxq_a .spxq_r .spxq_r_b .js_ann a i{ display: inline-block; width: 18px; height: 12px; vertical-align: middle; background: url(../images/js_ann.png)center center/cover; margin-left: 7.8vw; margin-top: -3px; } .spxq_a .spxq_r .spxq_r_ann{ width: 175px; height: 59px; line-height: 59px; background: #0a9272; border-radius: 30px; text-align: center; color: #fff; margin-top: 2.6vw; cursor: pointer; } .spxq_a .spxq_r .spxq_r_ann i{ display: inline-block; width: 22px; height: 20px; background: url(../images/spxq_r_ann.png)center center/cover; vertical-align: middle; margin-top: -1px; margin-right: 10px; } .spxq_tc{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.7); display: none; } .spxq_tc.cur{ display: block; } .spxq_tc_a{ width: 42%; background: #fff; border-radius: 15px; padding: 4.9vw 4.9vw 3.8vw 4.9vw; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .spxq_tc_a .bt .b{ color: #009672; } .spxq_tc_a .bt .t{ color: #999999; margin-top: 18px; line-height: 1.6; } .spxq_tc_a .cha{ position: absolute; top: 1.56vw; right: 1.56vw; cursor: pointer; } .spxq_tc_a .spxq_tc_b{ padding-top: 1.66vw; } .spxq_tc_a .spxq_tc_b ul li{ width: 100%; margin-top: 14px; } .spxq_tc_a .spxq_tc_b ul li input{ width: 100%; border: 1px solid #e5e5e5; border-radius: 5px; padding: 1vw; font-size: 16px; color: #333333; } .spxq_tc_a .spxq_tc_b ul li input::-webkit-input-placeholder{ color: #333333; } .spxq_tc_a .spxq_tc_b ul li:first-child{ margin-top: 0; } .spxq_tc_a .spxq_tc_b .ystk{ color: #666666; margin-top: 1.77vw; padding-left: 28px; position: relative; } .spxq_tc_a .spxq_tc_b .ystk:after{ content: ""; width: 18px; height: 18px; border: 1px solid #e5e5e5; position: absolute; top: 55%; transform: translateY(-50%); left: 0; cursor: pointer; } .spxq_tc_a .spxq_tc_b .ystk.cur:after{ background: url(../images/tongyi.jpg)center center/cover; border: none; } .spxq_tc_a .spxq_tc_b .ystk a{ color: #009672; } .spxq_tc_a .spxq_tc_b .tijiao{ text-align: center; width: 100%; margin-top: 2vw; } .spxq_tc_a .spxq_tc_b .tijiao button{ width: 210px; background: #009672; height: 52px; border-radius: 30px; border: none; color: #ffff; cursor: pointer; } /*瑙嗛寮圭獥*/ .fixVideo { display: none; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; z-index: 10000000; } .fixVideoA { width: 100%; height: 100%; position: relative; } .fixVideoB { position: absolute; width: 60%; max-width: 1000px; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .fixVideoB .close { position: absolute; right: -1px; top: -40px; height: 40px; width: 40px; cursor: pointer; text-align: center; line-height: 40px; font-size: 30px; z-index: 10000; background: #000; color: #fff; } @media(max-width: 1600px){ .xwzx_top .sxs .sxs_a{ width: 400px; height: 45px; line-height: 45px; } .xwzx_top .sxs .sxs_a select{ height: 43px; } .sxs_b{ height: 45px; } .sxs_b .sous_1{ height: 45px; } } @media(max-width: 1100px){ .ny_banner .banner_qh ul li{ width: 50%; } .ny_banner .banner_qh ul li a{ padding: 15px 0; } .fixVideoB{ width: 92%; } .xwzx_top .sxs .sxs_a select{ height: 38px; } .sxs_b{ width: 100%; margin-top: 15px; height: 40px; } .sxs{ width: 100%; margin-top: 20px; } .xwzx_top .sxs .sxs_a{ width: 100%; height: 40px; line-height: 40px; } .xwzx_top .sxs .sxs_a .sxs_a1:after{ right: 25px; } .sxs_b .sous_1{ font-size: 14px; height: 40px; } .xwzx_b ul li{ width: 100%; margin-right: 0; margin-top: 4%; } .xwzx_b ul li:nth-child(2), .xwzx_b ul li:nth-child(3){ margin-top: 4%; } .xwzx_b ul li .bt{ padding: 20px 15px; } .xwzx_b{ padding: 20px 0 25px; } .xwzx_a{ padding: 30px 0 35px; } .fyq a{ width: 45px; height: 45px; line-height: 45px; } .spxq .spxq_a{ padding: 30px 0 35px; } .spxq_a .spxq_l{ width: 100%; } .spxq .spxq_a .bt{ padding-bottom: 20px; } .spxq_l_a{ margin-top: 20px; } .spxq_l_a .nr{ margin-top: 15px; } .spxq_a .spxq_r{ margin-top: 20px; width: 100%; padding-left: 0; border-left: 0; } .spxq_a .spxq_r .spxq_r_a{ margin-top: 20px; } .jbjs .jbjs_a .jbjs_a1, .jbjs .jbjs_a .jbjs_a2{ margin-top: 15px; } .spxq_a .spxq_r .spxq_r_b{ margin-top: 20px; } .spxq_a .spxq_r .spxq_r_b .js_ann{ margin-top: 20px; padding-bottom: 10px; } .spxq_a .spxq_r .spxq_r_ann{ width: 150px; height: 45px; line-height: 45px; margin-top: 20px; } .spxq_tc_a{ width: 90%; } .spxq_tc_a .spxq_tc_b ul li input{ padding: 10px; } .spxq_tc_a .spxq_tc_b .ystk{ margin-top: 15px; } .spxq_tc_a{ padding: 20px; } .spxq_tc_a .cha{ top: 10px; right: 10px; } .spxq_tc_a .cha img{ height: 35px; } .spxq_tc_a .spxq_tc_b{ padding-top: 15px; } .spxq_tc_a .bt .t{ margin-top: 15px; } .spxq_tc_a .spxq_tc_b .tijiao{ margin-top: 20px; } .spxq_tc_a .spxq_tc_b .tijiao button{ width: 150px; height: 45px; line-height: 45px; } }