charset "utf-8"; .topHeader { position: relative; z-index:101; } .topNav {padding-top:24px; width: 94%; position: absolute; top:0; left:3%; background:url(../images/navbg.jpg) no-repeat bottom center; background-size: 100% 7px; z-index: 100; } .navBlue { background:url(../images/navblue.jpg) no-repeat bottom center;-webkit-background-size: 100% 7px;background-size: 100% 7px; } .navBlue2 { background:url(../images/navblue2.jpg) no-repeat bottom center;-webkit-background-size: 100% 7px;background-size: 100% 7px; } .navBlue3 { background:url(../images/navblue.jpg) no-repeat bottom center;-webkit-background-size: 100% 7px;background-size: 100% 7px; } /*.navBlue3 { background:url(../images/navblue3.jpg) no-repeat bottom center;-webkit-background-size: 100% 7px;background-size: 100% 7px; }*/ .navBlue4 { background:url(../images/navblue4.jpg) no-repeat bottom center;-webkit-background-size: 100% 7px;background-size: 100% 7px; } .navBlue5 { background:url(../images/navblue5.jpg) no-repeat bottom center;-webkit-background-size: 100% 7px;background-size: 100% 7px; } .navBlue6 { background:url(../images/navblue6.jpg) no-repeat bottom center;-webkit-background-size: 100% 7px;background-size: 100% 7px; } .navBlue7 { background:url(../images/navblue7.jpg) no-repeat bottom center;-webkit-background-size: 100% 7px;background-size: 100% 7px; } .topNav .logo { float: left; padding-bottom:30px; } .topNavR,.search { float: right; } .topNavR .menu { float: right; padding: 8px 0 0; } .topNavR .menu span {display: inline-block;color:#fff; font-size:14px;padding-right:30px;background: url(../images/menu.png) no-repeat right center; } .search { margin: 0px 20px; position: relative; } .search:after { content:'';width: 1px;height: 14px; background:rgba(255,255,255,0.2); position: absolute; left:-20px; top:50%; margin-top:-7px; } .search span,.search>a { cursor: pointer; position: relative; display: inline-block; width: 25px; height: 35px; margin:0 7px; } .search span.iconA { background:url(../images/search.png) no-repeat center; } .search span.iconB { background:url(../images/lan.png) no-repeat center; } .search a.iconC { background:url(../images/member.png) no-repeat center; margin-right: -30px; } @media(max-width: 640px){ .search { margin: 0 40px 0 0; } } .subsearch { display: none; width: 330px; position: absolute; top:15px; right:-30px; padding-top:25px; } .subsearch form {background: rgba(255,255,255,0.9); border-radius: 3px; padding:15px 20px; position: relative;width: 100%;height: 50px; } .subsearch form:after { content:''; position: absolute;right:36px; top:-8px; line-height: 0;border-width: 8px;border-color: rgba(255,255,255,0.9);border-top-width: 0;border-style: dashed;border-top-style: solid;border-left-color: transparent;border-right-color: transparent;} .subsearch form input.inp {width: 100%; border:none;border-left:2px solid #93969d;background: none; outline: none; padding-left:10px; } .subsearch form input.sub { border:none; outline: none; position: absolute; right:20px; top:15px;height: 20px;background: url(../images/searchx.png) no-repeat center; font-size: 0;width: 20px; } .search span.iconA:hover .subsearch { display: block; } .search span.iconB:hover .subsearch { display: block; } .subsearch .lanSub { text-align: center; background: rgba(255,255,255,0.9); border-radius: 3px; padding:15px 20px; position: relative;width: 100%;height: 50px; } .subLan { width: 200px; } .subsearch .lanSub:after { content:''; position: absolute;right:36px; top:-8px; line-height: 0;border-width: 8px;border-color: rgba(255,255,255,0.9);border-top-width: 0;border-style: dashed;border-top-style: solid;border-left-color: transparent;border-right-color: transparent;} .subsearch .lanSub a { display: inline-block; margin: 0 10px;line-height: 20px; font-size: 14px;color:#343945; } .subsearch .lanSub a:hover,.subsearch .lanSub a.cur { color:#f11053; border-bottom:1px solid #f11053; } .nav { float: right;margin-right:0px; } .nav ul li {float: left;margin-right:40px; font-family: SourceHanSansCN-Medium; } .nav ul li span { font-size:12px;vertical-align: top; font-family: SourceHanSansCN-Medium; } .nav ul li>a {font-size:16px;color:#ffffff; padding: 5px 0 37px; display: inline-block;font-family: SourceHanSansCN-Medium; } .nav ul li i { display: inline-block; width: 8px;height: 4px;background: url(../images/jt.png) no-repeat center;vertical-align: middle;margin-left:6px;font-family: SourceHanSansCN-Medium; } .nav ul li { position: relative; } .nav ul li .navSub { position: absolute; left:-35px;background: rgba(255,255,255,0.9); top:45px; border-radius: 4px; display: none; padding:14px 0;width: 160px;z-index:1000; } .nav ul li .navSub dd a { display: block; font-size: 14px;color:#3e4145; padding: 10px 30px; } .nav ul li .navSub dd:hover a { color:#f11053; } .nav ul li:hover .navSub { display: block; } .nav ul li .navSub dd { position: relative; } .nav ul li .navSub dd a { position: relative;z-index: 10; } .nav ul li .navSub dd .sub { background: #fff; padding: 10px 20px; width: 180px; display: none; position: absolute; top:-10px; left:160px; } .nav ul li .navSub dd .sub a { padding: 10px 0; color:#333; } .nav ul li .navSub dd .sub a:hover { color:#f11053; } .nav ul li .navSub dd:hover .sub { display: block; } .banner { overflow: hidden; max-width: 100%; height:1200px; } .pcBanner { height: 100%; width:100%; overflow:hidden; } .banner .swiper-slide { position: relative;max-width: 2560px; } .banner .swiper-slide .img { display: block; width: 100%; height: 100%; } .banner .swiper-slide .con { position: absolute; left:6%; bottom:8%; z-index: 10; } .banner .swiper-slide .con .t1 { font-size:14px;color:#f91150;text-transform: uppercase;font-weight: bold; } .banner .swiper-slide .con .t2 { font-weight: lighter; font-size:52px;color:#fff; line-height: 60px;margin-top:10px;font-family: SourceHanSansCN-Medium;} .banner .swiper-slide .con .c { text-align: justify; font-size:14px;color:#fff; line-height: 20px;margin-top:5px; text-transform: uppercase;} .banner .swiper-slide a,.banner .swiper-slide a img { vertical-align: top; } .bannerBtn { width: 186px; height: 56px; position: absolute;right:0;bottom:8%; z-index: 10; } .bannerBtnA { position: relative; height: 56px; } .bannerBtnA:after { content:''; height: 1px; width: 110px; position: absolute; right:0;top:50%;background:rgba(255,255,255,0.2); } .bannerBtnA .swiper-button-prev { transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg); top:-15px; margin:0; right:50px;left:auto; } .bannerBtnA .swiper-button-next {transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);top:auto;bottom:-15px; margin:0; right:50px;left:auto; } .bannerBtnA .swiper-button-prev:after, .bannerBtnA .swiper-button-next:after { font-size:14px;color:#fff; font-weight: bold;opacity: 1!important; } .bannerBtnA .page { position: absolute;left:0;top:42%; transform: translateY(-50%); } .bannerBtnA .page p span.active { font-size:30px;color:#fff; } .bannerBtnA .page p i,.bannerBtnA .page p { font-size:16px; font-style: normal; color:#fff; } .bannerbg { width: 100%; position: absolute; left:0;bottom:0; } .bannerbg img { vertical-align: top; max-width: 200%; width: 100%; } .leftNav { position: fixed; left:10px; top:50%; transform: translateY(-50%); z-index: 100; } .leftNav ul li { position: relative; } .leftNav ul li span { opacity: 0.5; display: inline-block;width: 30px;height: 30px;background: url(../images/leftNav.png) no-repeat center; } .leftNav ul li:hover span,.leftNav ul li.cur span { opacity: 1; } .leftNav ul li p { font-size: 13px; color:#fff; left:29px; position: absolute; opacity: 0; transition: all 0.6s; width: 80px; top:44%; transform: translateY(-50%); } .leftNav ul li:hover p,.leftNav ul li.cur p { opacity: 1; } /*内页BANNER*/ .ibanner { position: relative; width:100%; overflow:hidden; } .ibanner img { max-width: 500%; width: 100%; } .ibannerA { position: absolute; left:8.33333%; bottom:1.4rem; } .ibannerA .entit { font-size: 14px;color:#476fff; font-family: "Arial"; font-weight: bold; text-transform: uppercase; } .ibannerA .entit.color2 { color:#14e3f6; } .ibannerA .entit.color3 { color:#802cf1; } .ibannerA .entit.color1 { color:#f91150; } .ibannerA .tit { font-size: 54px;color:#ffffff; font-family: SourceHanSansCN-Light; font-weight: lighter; } .ibannerA .c { font-size: 20px; margin-top:10px; color:#ffffff; max-width: 560px; text-align: justify; } @media(max-width: 1480px){ .ibannerA .c { width: 460px; } } @media(max-width: 1380px){ .ibannerA .c { width: 400px; } } /*详情页BANNER*/ .detailBanner { position: relative; padding:230px 0 50px; background: url(../images/footbg.jpg) repeat-y center;-webkit-background-size: 100% auto;background-size: 100% auto; } /*.detailBanner2 { background: url(../images/bannerbg2.jpg) repeat-y center;-webkit-background-size: 100% auto;background-size: 100% auto; }*/ .ss { } .ss_1{background: #f9f9f9;} .ss a.mainMore { float: right; color:#666;box-sizing: border-box; display: inline-block; line-height: 1.5; background: url(../images/hztyxq1.png) repeat-y right; font-size: 14px; border: 1px solid rgba(220,220,220,0.5); padding: 14px 80px 14px 12px; position: relative; } .ss a.mainMore:hover { float: right; color:#fff; } .detailBanner:after { content:''; display: block;width: 100%;height: 150px;background: url(../images/fixab.png) no-repeat left bottom;-webkit-background-size: auto 100%;background-size: auto 100%; position: absolute; left:0; bottom:0; } .detailBanner .tit { float: left; } .detailBanner .tit .t { font-size: 46px;color:#fff; } .detailBanner .con { margin-top:10px; font-size: 16px; max-width: 1500px; color:#fff; text-align: justify; } .detailBanner .tit .c { font-size: 14px;color:#fff; vertical-align: middle; } .detailBanner .tit .c span { line-height: 30px; display: inline-block; padding-left:19px; } .detailBanner .tit .c span.icon1 {padding-left:25px; margin-right:15px; background: url(../images/bannericon1.png) no-repeat left center; } .detailBanner .tit .c span.icon2 {margin-left:15px; margin-right:15px; background: url(../images/bannericon2.png) no-repeat left center; } .detailBanner .tit .c span.icon3 {margin-left:15px; margin-right:15px; background: url(../images/bannericon3.png) no-repeat left center; } .detailBanner .mainMore { position: relative; z-index: 10; margin: 18px 0 0; float: right; } /*手机导航*/ .mh { display: none; } .mheader { padding: 15px 0.3rem; box-sizing: border-box; height: 60px; position: fixed; left:0; top:0; z-index: 100; background: #fff; width: 100%; background: #fff; } .mheader .logo img { width: auto; height: 30px; } .mh .menu {position: relative; z-index: 1000000000000000000000; float: right; margin-top:5px;-webkit-transition: all 800ms;-moz-transition: all 800ms;-ms-transition: all 800ms;-o-transition: all 800ms;transition: all 800ms; } .mh .menu span { width: 28px;display: block;height: 3px;margin-bottom: 6px;background: #000000;-webkit-transition: all 800ms;-moz-transition: all 800ms;-ms-transition: all 800ms;-o-transition: all 800ms;transition: all 800ms } .g-wp { -webkit-transition: all 800ms;-moz-transition: all 800ms;-ms-transition: all 800ms;-o-transition: all 800ms;transition: all 800ms } .m-nav { width:100%; height:100%; right:-100%; top:0; background:#222222; position:fixed; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index:1000; } body.z-open .g-wp {transform:translate3d(-65%,0,0);-webkit-transform:translate3d(-65%,0,0);} .u-mask { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:999; } .m-nav { max-width: 320px; transition: all 0.5s; background: #fff; } body.z-open .m-nav { right:0; } .m-nav dl dt { text-align: right; padding: 30px 30px 20px 0; border-bottom:1px solid #686868; } .m-nav dl dt img { cursor: pointer; } .m-nav dl dd li { border-bottom:1px solid #686868; padding: 20px 30px; } .m-nav dl dd li>a { position: relative; display: block; padding-left:20px; background: url(../images/ss1.png) no-repeat left center; color: #FFFFFF; } .m-nav dl dd li>a:after { content:'';font-size: 16px;color:#3e4145;width: 13px;height: 7px; position: absolute; right:0; top:50%; transform: translateY(-50%);background: url(../images/ss2.png) no-repeat center; } .m-nav dl dd li .sub { display: none; padding: 10px 0; background-color: #e9e9f3; } .m-nav dl dd li .sub a { display: block; font-size: 14px;color:#00246E; padding-left:20px; line-height: 2; } /*.m-nav dl dd li:hover .sub { display: block; }*/ .m-nav dl dd li.cur>a,.m-nav dl dd li:hover>a { color:#FFFFFF; } .m-nav dl dd li.cur>a:after { background: url(../images/ss3.png) no-repeat left center; } @media (max-width: 640px) { .m-nav { max-width: 100%;} .m-nav dl dt { text-align: right; padding: 20px 20px 20px 0; } .m-nav dl dd li { padding: 14px 20px; } } @media (max-width: 400px) { .m-nav { max-width: 100%;} .m-nav dl dt { text-align: right; padding: 16px 20px 16px 0; } .m-nav dl dd li { padding: 8px 20px; } } .homeBox { position: relative; } .homeBoxbg { position: absolute; left:0;top:0; width: 100%; } .homeBoxbg img { vertical-align: top; } .homeBoxA { padding: 3.6rem 0; } .homeBoxA-a { width: 30%; margin-left:8%; } .homeBoxA-a .tit .t { font-size:46px;color:#fff;line-height: 56px;font-family: SourceHanSansCN-Light; font-weight: lighter; } .homeBoxA-a .tit .t1 { letter-spacing: 18px;font-family: SourceHanSansCN-Light; } .homeBoxA-a .con { text-align: justify; font-size: 17px;color:#fff;line-height: 1.8;margin-top:18px; } .homemore { margin-top:40px; } .homemore span { text-align: center; cursor: pointer; display: inline-block; font-size: 14px;color:#fff; text-transform: uppercase; font-family: "Arial";width: 141px;line-height: 141px; position: relative; } .homemore span:after { content:'';width: 100%;height: 100%;background: url(../images/homemorea.png) no-repeat center/cover;position: absolute; left:0; top:0; } .homemore span:hover:after{-webkit-animation:haha1 5s linear infinite;} @-webkit-keyframes haha1{ 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);} } /*改版临床解决方案*/ .ibanner img { vertical-align: top; } .addSol { overflow: hidden; width: 100%; position: relative; margin-top:-3px; padding:190px 0 0; background: url(../images/addsola.jpg) no-repeat top center/cover; } .addSolA { position: relative; } .addSolA-a { position: absolute; left:6%; top: 20%; } .addSolA-a .mainTit { color:#fff; } .addSolA-a .con { width: 100%; font-size: 16px;color:#fff;line-height: 1.8; margin-top:10px; max-width: 390px; } .addSolA-b { float: right; margin-right:15%; } .addSolA-b .img { position: relative; } .addSolA-b .img img {width: 440px;height: 905px; } .addSolB-a { cursor:pointer; position: absolute; } .addSolB-b { position: relative; width: 100%; height: 100%; } .addSolB-c { display: none; width: 100%; height: 100%; background: rgba(255,255,255,0.83); border-radius: 10px; padding: 15px 20px;width: 200px; } .addSolB-b .xian { display: none; content:''; width: 105px;height: 1px;background: #fff; position: absolute; top:64px; left:-105px; } .addSolB-b .tit { position: absolute; top:55px; left:-110px; } .addSolB-b .tit span { display: inline-block; position: relative; width: 11px;height: 11px; background: #fff; border-radius: 50%; } .addSolB-b .tit span:after { content:''; width: 33px;height: 33px; background: rgba(255,255,255,0.2); border-radius: 50%; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); } .addSolB-b .tit span.cur:after { content:''; width: 33px;height: 33px; background: rgba(255,255,255,0.2); border-radius: 50%; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); } .addSolB-b .tit.cur span:after{-webkit-animation:haha2 2s linear infinite;} .addSolC { display: none; } @-webkit-keyframes haha2{ 0%{ width: 33px;height: 33px; } 50%{ width: 38px;height: 38px; } 100%{ width: 33px;height: 33px; } } .addSolB-a .t { font-size: 20px;color:#333333; } .addSolB-a .con { font-size: 14px;color:#666666; margin: 12px 0 20px; } .addSolB-a1 .addSolB-b .xian,.addSolB-a1 .addSolB-c { display:block; } .addSolB-a1 { top:-34px; left:347px; } .addSolB-a2 { top:146px; left:358px; } .addSolB-a3 { top:210px; left:325px; } .addSolB-a4 { top:325px; left:285px; } .addSolB-a5 { top:376px; left:265px; } .addSolB-a6 { top:555px; left:260px; } .addSolC { text-align: center; } @media(max-width: 1450px){ .addSol { padding-top:100px; } .addSolA-b { margin-right:25%; } } @media(max-width: 1000px){ .addSolA-a { position: relative; left:2%; width: 96%; top:0; transform: translateY(0); margin-bottom:20px; } .addSolA-b { width: 100%; text-align: center; margin-right:0; } .addSolA-b .img { display: inline-block; } .addSolB-c { text-align: left; padding: 10px 20px; width: 200px; } } @media(max-width: 900px){ .addSolB-c { width: 200px; } } @media(max-width: 750px){ .addSolC { display: block; } .addSolA-b { display: none; } } .addSolC .img { position: relative; padding:0 1.55rem; } .addSolC .img a{position: absolute;top: 0;left: 50%;color: #fff;font-size: 0.26rem;background: url(../images/ylfa_bg.png)center center/cover;line-height: 0.45rem;padding: 0 0.34rem;border:2px solid #fff;border-radius: 5px;background-size: 100% 100%;} .addSolC .img a:before{width: 0.6rem;height: 0.02rem;content: "";position: absolute;right: -43%;top: 50%;display: block;background: #8691c9;} .addSolC .img a:after{position: absolute;width: 0.11rem;height: 0.11rem;background: #fff;border:2px solid #8b9dc4;top: 32%;right: -52%;content: "";border-radius: 50%;} .addSolC .img a span{font-family: 宋体;font-weight: bold;margin-left: 0.15rem;} .addSolC .img a.ylfa_nr_lj_1{top: 0.04rem;right: 1.2rem;left: auto;} .addSolC .img a.ylfa_nr_lj_2{top: 1.66rem;right: 1.1rem;left: auto;} .addSolC .img a.ylfa_nr_lj_3{top: 2.1rem;left: 1.4rem;} .addSolC .img a.ylfa_nr_lj_4{top: 3.1rem;right: 1.36rem;left: auto;} .addSolC .img a.ylfa_nr_lj_5{top: 3.7rem;left: 0.55rem;} .addSolC .img a.ylfa_nr_lj_5:before{right: -36%;} .addSolC .img a.ylfa_nr_lj_5:after{right: -44%;} .addSolC .img a.ylfa_nr_lj_6{top: auto;bottom:2.5rem;left: 0.54rem;} .addSolC .img a.ylfa_nr_lj_6:before{right: -36%;} .addSolC .img a.ylfa_nr_lj_6:after{right: -44%;} .addSolC .img a.ylfa_nr_lj_1:before,.addSolC .img a.ylfa_nr_lj_2:before,.addSolC .img a.ylfa_nr_lj_4:before{left: -42%;right: auto;} .addSolC .img a.ylfa_nr_lj_1:after,.addSolC .img a.ylfa_nr_lj_2:after,.addSolC .img a.ylfa_nr_lj_4:after{left: -52%;right: auto;} .addSolB-c .mainMoreA { border-color:#bdc2d4; } .homeBoxRelative { z-index: 10; position: relative; } .homeBoxA-b { max-width: 50%; position: absolute; top:50%; margin-top:-200px; right:3.125%; } .homeBoxA-b img { max-width: 100%; } .homeBoxB { padding:3.4rem 0; border-top:1px dashed rgba(255,255,255,0.2); } .homeBoxB-a { position: relative; z-index: 10; margin-left:8%; } .homeBoxB-a .con p { font-size: 46px;color:#fff;line-height: 1.4;font-family: SourceHanSansCN-Light; font-weight: lighter; } .homeBoxB-b { max-width: 55%; position: absolute; right:3%; top:2rem; } .homeBoxB-b p { margin-top:-100px; position: relative; font-size: 316px;color:#fff;text-align: center; line-height: 120px; font-weight: lighter; font-family: "Arial"; color:#f70b43; } .homeBoxC { border-top:1px dashed rgba(255,255,255,0.2); } .homeBoxC { padding:3rem 8.33333%; } .homeBoxC-b { margin-top:40px; } .homeBoxC-b .t { font-size: 46px;color:#fff;line-height: 1.2;text-align: center;font-family: SourceHanSansCN-Light; font-weight: lighter; } .homeBoxC-b .con{font-size: 17px; line-height: 1.8; width: 735px; margin: 20px auto; color: #fff;} .homeBoxC-b .t1 { letter-spacing: 23px; padding-left:18px; } .homeBoxC .homemore { text-align: center; } .homeBoxD { padding-top:3.4rem; border-top:1px dashed rgba(255,255,255,0.2); } .homeBoxD-a { text-align: center; } .homeBoxD-a .t { font-size: 46px;color:#fff;font-family: SourceHanSansCN-Light; font-weight: lighter; } .homeBoxD-a .con { text-align: justify; font-size: 17px; line-height: 1.8; width: 680px; margin:20px auto; color:#fff; } .copyright { position: absolute; width: 100%; text-align: center;left:0; bottom:20px; } .copyright p { font-size: 14px;color:#4a4f65; } .homeBoxClose { z-index: 10; cursor: pointer; width: 61px;height: 61px; position: absolute; right:5%; top:30px;background: url(../images/close.png) no-repeat center;} .homeBoxT { display: none; left:0; top:0; z-index: 10000; position: fixed; width: 100%;height: 100%; } .homeBoxTA { } .homeBoxT-a {position: relative; width: 100%; height: 100%; } .homeBoxTA-a ul { height: 100%;} .homeBoxTA-a ul li { position: relative; height: 100%; padding:1.7rem 5% 0; width: 33.333%; text-align: center;float: left; } .homeBoxTA-a ul li:after { content:'';width: 100%;height: 73px; position: absolute; left:0; top:0.4rem;background: url(../images/fixab.png) no-repeat left center;} .homeBoxTA-a ul li .t { font-size: 36px;color:#ffffff;font-family: SourceHanSansCN-Light; font-weight: lighter; } .homeBoxTA-a ul li .con {margin-top:20px;line-height: 28px;opacity: 0.6; font-size: 16px;color:#ffffff;height:150px ; text-align: justify;} .mainMore { font-size: 16px;color:#fff;text-align: left; padding-left:20px;display: block;width: 168px;height: 50px;line-height: 50px; margin:50px auto 0;background: url(../images/more.png) no-repeat center/cover; } .homeBoxTA-a ul li:nth-child(1) { background: url(../images/fixa.jpg) no-repeat center bottom #002161;-webkit-background-size: 100% auto;background-size: 100% auto;} .homeBoxTA-a ul li:nth-child(2) { background: url(../images/fixaa.jpg) no-repeat center bottom #00246a;-webkit-background-size: 100% auto;background-size: 100% auto;} .homeBoxTA-a ul li:nth-child(3) { background: url(../images/fixac.jpg) no-repeat center bottom #002161;-webkit-background-size: 100% auto;background-size: 100% auto;} .homeBoxTB { background: url(../images/fixb.jpg) no-repeat center/cover;} .homeBoxTB-b { position: absolute; left:8.33333%; top:50%; transform: translateY(-46%); } .homeBoxTB-b .con {width: 590px; font-size: 16px;color:#fff; margin-top:35px; text-align: justify; line-height: 2;} .homeBoxTB-b a.mainMore { margin: 50px 0 0; } .homeBoxTB-c { width: 1080px; margin-top:70px;} .homeBoxTB-c ul li {float: left;width: 260px; } .homeBoxTB-c ul li:nth-child(n+5){ margin-top:45px;} .homeBoxTB-c ul li .tit { font-size: 57px;color:#fff; } .homeBoxTB-c ul li .tit i { font-style: normal; font-size: 20px; } .homeBoxTB-c ul li p { font-size: 17px;color:#fff; } .homeBoxTC { background: url(../images/fixc.jpg) no-repeat center/cover;} .homeBoxTC-b { width: 420px; position: absolute; bottom:1.4rem; } .homeBoxTC-b .topTit .t { font-size: 36px;color:#fff;font-family: SourceHanSansCN-Light; font-weight: lighter;} .homeBoxTC-b .topTit p { font-size: 16px;color:#fff; margin-top:6px;} .homeBoxTC-b .midList ul { margin-top:35px; border-top:1px solid rgba(255,255,255,0.1);} .homeBoxTC-b .midList ul li { position: relative; padding:16px 0; border-bottom:1px solid rgba(255,255,255,0.1); } .homeBoxTC-b .midList ul li .t { padding-left:18px; background: url(../images/fixca.png) no-repeat left center; font-size: 20px;color:#fff;} .homeBoxTC-b .midList ul li .c { padding-left:18px; font-size: 14px;color:#fff; opacity: 0.8;} .homeBoxTC-b .midList ul li:after { content:'';width: 7px;height: 12px;background: url(../images/fixcb.png) no-repeat center; position: absolute; right:5px; top:50%; margin-top:-5px; } .homeBoxTC-b a.mainMore { margin:42px 0 0;} .homeBoxTC-c { left:6.25%;} .homeBoxTC-d { right:6.25%;} .homeBoxTD { background: url(../images/fixd.jpg) no-repeat center/cover;} .homeBoxTD-b { position: absolute; left:8.33333%; bottom:2.1rem;} .homeBoxTD-b .topTit { font-size: 36px;color:#fff;font-family: SourceHanSansCN-Light; font-weight: lighter; } .homeBoxTD-b .con { font-size: 16px;color:#fff;line-height: 2;width: 410px; margin-top:20px;text-align: justify; } .homeBoxTD-b a.mainMore { margin:45px 0 0 ; } /*内页底部样式*/ .footer { position: relative; } .footer:after { content:''; display: block;width: 100%;height: 80%; position: absolute; left:0; bottom:0;background: #e0e0e0; } .footerA { z-index: 10;position: relative; width: 97.4%; margin: 0 auto; padding:65px 0; border-radius:6px;background: url(../images/footbg.jpg) repeat-y center;-webkit-background-size: 100% auto;background-size: 100% auto; } .footerANav { float: right; margin-right:7%; } .footerANav dl { float: left; margin-left:60px; } .footerANav dl dt a { font-size: 16px;color:#fff; display: block; margin-bottom:15px;} .footerANav dl dd a { font-size: 14px;line-height: 2; color:#fff; } .footerB { position: absolute; left:7%; bottom:65px; } .footerB-c { position: absolute; left:7%; top:65px; } .footerB-a { width: 230px; border-top:1px solid rgba(255,255,255,0.2); padding-top:30px; } .footerB-a .bshare-custom a { width: 74px;height: 74px; } .footerB-a .bshare-custom .bshare-weixin { background: url(../images/foot1.png) no-repeat center; } .footerB-a .bshare-custom .bshare-sinaminiblog { background: url(../images/foot2.png) no-repeat center; } .footerB-a .bshare-custom .bshare-qqim { background: url(../images/foot3.png) no-repeat center; } .footerB-a .bshare-custom .bshare-erweima { background: url(../images/foot4.png) no-repeat center; } .footerB-b { margin-top:20px; } .footerB-b p,.footerB-b p a { line-height: 2; font-size: 12px;color:#fff; } .footerD { position: relative;z-index: 10; text-align: center; padding: 30px 2% 36px; } .footerD p,.footerD p a { vertical-align: middle; line-height: 2;font-size: 12px;color:#666666; } .footerD p a img { vertical-align: middle; } /*人力资源*/ /*内页Title*/ .container { max-width: 83.333333%; margin: 0 auto;} .mainTit { font-size: 40px;color:#002571; } .mainTit .c { margin-top:5px; font-size: 16px;color:#3e4145;} .alignCenter { text-align: center; } /*分页*/ .page a:hover,.page a.cur {background: #476fff;color: #fff;border: none; } .page2 {margin-top: 40px;text-align: center;} .page {text-align: center;} .page a {display: inline-block;line-height: 50px;width: 60px; font-size: 16px; border:1px solid #e2e2e2; height: 52px; color: #999;margin: 0 3px;} .joinA { padding:100px 0; position: relative; } .joinA:before { content:'';width: 100%;height: 99px; position: absolute; left:0; top:76px;background: url(../images/joba-1.png) no-repeat left center;} .joinA:after { content:'';width: 516px;height: 269px; position: absolute; right:0; bottom:0px;background: url(../images/joba-2.png) no-repeat left center;} .joinA-a { position: relative; z-index: 10; } .joinA .mainTit { text-align: center; } .joinA .con { text-align: justify; max-width: 1000px; margin: 0 auto; font-size: 16px;color:#3e4145; line-height: 1.5; margin-top:20px; } .joinA-b { margin-top:35px; text-align: center; } .joinA-b ul li { background: url(../images/joina-3.png) no-repeat center 50px; padding-top:95px; position: relative; display: inline-block;width: 280px;margin:0; height: 280px; border:1px solid #e5e5e5; border-radius: 50%; overflow: hidden;} .joinA-b ul li:nth-child(1) { margin-right:-4px; } .joinA-b ul li:nth-child(3) { margin-left:-4px; } .joinA-b ul li .t { font-size: 26px;color:#002571;font-family: SourceHanSansCN-Light; font-weight: lighter;} .joinA-b ul li .c { width: 90%; margin:0 auto; font-size: 14px; text-align: justify; margin-top:6px;color:#666666; } .joinA-c {text-align: center; margin-top:35px; } .joinA-c p { font-size: 16px;color:#3e4145; line-height: 2; } .joinA-c p a { color:#476fff;} .joinA-b ul li:nth-child(1)::after,.joinA-b ul li:nth-child(3)::after { display: block; position: absolute; z-index: 10; content:''; width: 30px; height: 30px;background: url(../images/joina-4.png) no-repeat center; top:50%; margin-top:-15px; } .joinA-b ul li:nth-child(1)::after { right:-16px; } .joinA-b ul li:nth-child(3)::after { left:-16px; } .joinB { position: relative; background: #f5f5f5; } .joinB-a {float: left; width: 50%; } .joinB-b { position: absolute; width: 50%; top:50%; transform: translateY(-50%); right:0; padding: 0 8.333333333% 0 6.77%; } .joinB-b .con { font-size: 16px;color:#333333; text-align: justify; margin-top:20px; line-height: 1.9; } .joinB-b a.mainMore { margin:55px 0 0; } .joinC { padding:105px 0 110px; } .joinC-A .mainTit { text-align: center; } .joinC-B { position: relative; margin-top:85px; padding-bottom:40px; } .joinC-B:after { content:''; width: 110%; height: 200px; position: absolute; left:-5%; bottom:0;background: url(../images/joinc-4.png) no-repeat center bottom;-webkit-background-size: 100% auto;background-size: 100% auto; } .joinC-B ul li { position: relative; z-index: 10; background: #eeeeee; border-radius: 6px; height: 240px; float: left; width: 32%; margin-right:2%; } .joinC-B ul li .icon { position: absolute; right:30px; top:-30px; } .joinC-B ul li:last-child { margin-right:0; } .joinC-B ul li .con { width: 80%; position: absolute; left:26px; top:90px; } .joinC-B ul li .con .t { font-size: 20px;color:#333333; } .joinC-B ul li .con .c { text-align: justify; font-size: 14px;color:#333333; margin-top:6px; line-height: 1.8; } .joinD { position: relative; } .joinD-a img { width: 100%; max-width: 400%; } .joinD-b { position: absolute; left:8.3333%; top:50%; transform: translateY(-50%); } .joinD-b .con { font-size: 16px; margin-top:30px;color:#fff; max-width: 820px; line-height: 1.8; } .joinD-b .con p { margin:9px 0; } .joinD-b .mainTit .t { color:#fff; } .joinE { padding:90px 0 80px;} .joinE-b { margin-top:40px; padding: 0 5%; } .joinE-b dl { border-top:2px solid #0c2873; } .joinE-b dl .t { text-align: center; float: left; } .joinE-b dl dt { padding: 20px 0 18px; font-size: 18px;color:#0c2873; border-bottom:1px solid #0c2873; } .joinE-b dl dd { padding: 20px 0 18px; font-size: 16px;color:#333333; border-bottom:1px solid #ededed; } .joinE-b dl .t1 { text-align: left; padding-left:25px; width: 30%; } .joinE-b dl .t2 { width: 15%; } .joinE-b dl .t3 { width: 10%; } .joinE-b dl .t4 { width: 20%; } .joinE-b dl .t5 { width: 13%; } .joinE-b dl .t6 { width: 12%; } .joinE-b dl dd:hover { color:#476fff; background: #fcfcfc; } .joinE-b dl dd:hover a { color:#476fff; } @media(max-width:1200px){ .joinC-B ul li .con { top:50px; } } @media(max-width:1000px){ .joinC-B ul li .con { top:auto; } } /*医疗专业人员聚合页*/ .ylzyryA { padding:100px 0 80px; } .ylzyryA-b { margin-top:75px; position: relative; } .ylzyryA-b:after { content:''; width: 110%; height: 200px; position: absolute; left:-5%; bottom:0;background: url(../images/joinc-4.png) no-repeat center bottom;-webkit-background-size: 100% auto;background-size: 100% auto; } .ylzyryA-b ul li {margin-bottom:60px; height: 200px;background: #f0f0f0; position: relative; border-radius: 6px; float: left; width: 19.0625%; margin-right:1.1718%; z-index: 10; } .ylzyryA-b ul li .icon { position: absolute; right:25px; top:-35px; } .ylzyryA-b ul li .con { position: absolute; left:24px; bottom: 25px;} .ylzyryA-b ul li:nth-child(5n){ margin-right:0;} .ylzyryA-b ul li .con .t { font-size: 18px;color:#222222; } .ylzyryA-b ul li .con .c { font-size: 14px;color:#666666; margin: 5px 0 10px; } .ylzyryA-b ul li .con a { font-size: 14px; color:#0c2873; } .ylzyryB .joinD-b a.mainMore { margin: 55px 0 0 ; } .ylzyryC { padding:120px 0 80px; } .ylzyryC-a ul li { float: left; width: 49%; } .ylzyryC-b .img img { width: 100%; } .ylzyryC-a { position: relative; padding-bottom:60px; } .ylzyryC-b { position: relative; } .ylzyryC-a:after { content:''; width: 110%; height: 200px; position: absolute; left:-5%; bottom:0;background: url(../images/joinc-4.png) no-repeat center bottom;-webkit-background-size: 100% auto;background-size: 100% auto; } .ylzyryC-b .con { position: absolute; left:40px; bottom:42px;} .ylzyryC-b .con .t { font-size: 36px; color:#fff;font-family: SourceHanSansCN-Light; font-weight: lighter; } .ylzyryC-b .con .c { font-size: 16px; margin-top:10px; color:#fff; } .ylzyryC-b .con a.mainMore { margin:25px 0 0; } .ylzyryC-a ul { position: relative; z-index: 10; } .ylzyryC-a ul li:last-child { float: right; } /*医疗专业人士-良知创意中心*/ .lzcyA { padding:130px 0 140px; background: url(../images/lzcya.png) no-repeat left center #fff; } .lzcyA-b { float: left; margin-top:-5px; } .lzcyA-c { text-align: justify; float: right; width: 65.625%; font-size: 16px;color:#666666; line-height: 1.8;} .lzcyB { padding:110px 0 130px; background: #f8f8f8; } .lzcyB-b { margin-top:35px; } .lzcyB-b ul li { float: left; width: 32%; margin-right:2%; margin-top:2%; position: relative;} .lzcyB-b ul li .img img { width: 100%; } .lzcyB-b ul li .con { position: absolute; left:40px; top:0.8rem; width: 80%;} .lzcyB-b ul li:nth-child(3n){ margin-right:0;} .lzcyB-b ul li .con .t { font-size: 20px; color:#fff; } .lzcyB-b ul li .con .c { font-size: 16px; margin-top:10px; color:#fff; width: 85%; height: 70px; text-align: justify; } .lzcyB-b ul li .con a.mainMore { margin:25px 0 0; } /*创新合作*/ .cxhzA { background: #fff; } .cxhzA-a .mainTit .c { max-width: 980px; margin: 6px auto 0; line-height: 1.8; } .cxhzB { padding:110px 0; background: #f8f8f8; } .cxhzB-b { max-width: 980px; margin: 15px auto 0; font-size: 16px;color:#333333; line-height: 1.8;; text-align: justify; } .cxhzB-c { margin-top:50px; } /*产品详情页*/ .detailA { background: #fff; padding:76px 0 100px; } .detailA-b { margin-bottom:50px; } .detailA-b .t { margin-bottom:15px; font-size: 30px; color:#002774; padding-left:28px;background: url(../images/detaila.png) no-repeat left center; } .detailA-b .con { padding-left:28px; font-size: 16px;color:#333333; line-height: 1.8; } .detailA-b .con ul {margin-left:18px; list-style: disc; } .detailA-c .con { padding-left:0; } .detailA-c table thead { border-top:2px solid #002774; } .detailA-c table tr th { padding:20px 0 18px;line-height: 1.2; } .detailA-c table thead th { font-size: 20px;color:#002774; } .detailA-c table tbody { border-top:1px solid #002774; } .detailA-c table tbody tr { border-bottom:1px solid #eeeeee; } .detailA-c table tbody tr td { padding: 20px 0 18px; font-size: 16px;color:#333333; } .detailA-c table tbody tr:nth-child(2n-1) { background: #f9f9f9;} .detailB { padding:130px 0 146px; } .detailB-a .mainTit { color:#fff; } .detailB-a .con { text-align: justify; margin-top:20px; font-size: 16px;color:#fff; line-height: 1.8; max-width: 700px; } .detailB-a a.mainMore { margin: 45px 0 0; } .detailC { padding:100px 0 85px; background: #fff; } .detailC-b { margin-top:40px; position: relative; } .detailC-b .tit { padding-top:10px;} .detailC-b .tit .t { font-size: 22px; color:#333333;overflow: hidden; white-space: nowrap;text-overflow: ellipsis; } .detailC-b .tit .c { font-size: 14px;color:#486fff; vertical-align: middle; } .detailC-b .tit .c span { line-height: 30px; display: inline-block; padding-left:19px; } .detailC-b .tit .c span.icon1 {padding-left:25px; margin-right:15px; background: url(../images/detailc-1.png) no-repeat left center; } .detailC-b .tit .c span.icon2 {margin-left:15px; margin-right:15px; background: url(../images/detailc-2.png) no-repeat left center; } .detailC-b .tit .c span.icon3 {margin-left:15px; margin-right:15px; background: url(../images/detailc-3.png) no-repeat left center; } .swiper-button-preva,.swiper-button-prevb { top:40%; position: absolute; left:-54px;width: 23px;height: 44px;background: url(../images/left.png) no-repeat center; } .swiper-button-nexta,.swiper-button-nextb { top:40%; transform: rotate(180deg); position: absolute; right:-54px;width: 23px;height: 44px;background: url(../images/left.png) no-repeat center; } .swiper-button-preva:hover,.swiper-button-prevb:hover { transform: rotate(180deg); background: url(../images/right.png) no-repeat center; } .swiper-button-nexta:hover,.swiper-button-nextb:hover { transform: rotate(0deg); background: url(../images/right.png) no-repeat center; } .swiper-button-preva:after, .swiper-button-nexta:after,.detailC-b .swiper-button-prev:after,.detailC-b .swiper-button-next:after { display: none!important; } .detailD { background: #f8f8f8; padding:90px 0 110px; } /*知行学院*/ .zxxyA { background: url(../images/xzxya-1.png) no-repeat left center; } .zxxyA-b .con { margin-top:26px; font-size: 16px;color:#333333; width: 290px;line-height: 2; } .zxxyA-c a.mainMore {width: 193px; margin: 28px 0 0; box-sizing: border-box; display: inline-block; line-height: 1.5; font-size: 14px; border: 1px solid rgba(220,220,220,0.5); padding: 14px 80px 14px 12px; position: relative;} .zxxyB-a { position: relative; } .zxxyB-a:after {right:3.18%; margin-right:-18px; display: block; content:''; width: 36px;height: 36px;background: url(../images/xzxyb-2.png) no-repeat center;position: absolute; bottom:-18px; } .zxxyB-a .mainTit { color:#fff; position: absolute; left:0; top:100px; width: 100%; } .zxxyB-a .mainTit .c { color:#fff; } .zxxyB-a img { vertical-align: top; width: 100%; max-width: 150%; } .zxxyB-b { padding: 0 0 110px; background: url(../images/zxxyb-2.jpg) no-repeat center/cover; } .zxxyB-c ul li { float: left; width: 25%; text-align: center; position: relative; } .zxxyB-c ul li .tit { position: absolute; top:-85px; width: 100%; } .zxxyB-c ul li:after { content:''; width: 36px;height: 36px;background: url(../images/xzxyb-1.png) no-repeat center;position: absolute; left:50%;margin-left:-18px; top:-18px; } .zxxyB-c ul li .tit .t1 { font-size: 24px;color:#fff; } .zxxyB-c ul li .tit .t2 { font-size: 20px;color:#fff; } .zxxyB-c ul li .con { margin-top:50px; font-size: 16px;color:#002774; line-height: 2;} .zxxyC { padding:90px 0; } .zxxyC-a { text-align: center; } .zxxyC-a ul { background: #f1f3f4; border-radius: 80px; padding: 0 30px; display: inline-block; max-width: 90%;} .zxxyC-a ul li { float: left; border-radius: 80px; padding:15px 45px; font-size: 18px;color:#333333; } .zxxyC-a ul li:hover,.zxxyC-a ul li.cur { background: #4564ff; color:#fff; cursor: pointer; } .zxxyC-b { margin-top:70px; } .zxxyC-b .swiper-container .swiper-slide {width: 83.333333%;background: #f4f4f4; } .zxxyC-e { float: left; width: 30%;box-sizing: border-box; padding:10% 0 0 0.8rem; } .zxxyC-b { background: url(../images/lzcya.png) no-repeat 8.5% bottom;} .zxxyC-b .swiper-container {padding-bottom:80px; } .zxxyC-b .swiper-container .swiper-slide-next .zxxyC-e { float: right; } .zxxyC-b .swiper-container .swiper-slide-next .zxxyC-f { float: left; } .zxxyC-e .con { font-size: 16px;color:#666666; margin-top:20px; } .zxxyC-f { float: right;width: 64.125%; } .zxxyC-b .swiper-container .swiper-slide img { width: 100%; } .zxxyC-c .swiper-button-prev {width: 50px;height: 50px; background: url(../images/iconWhite.png) no-repeat center/cover; left:11.6%;top:auto;margin-top:0;bottom:150px; } .zxxyC-c .swiper-button-next {width: 50px;height: 50px; background: url(../images/iconWhite.png) no-repeat center/cover; left:14.6%;top:auto;margin-top:0;bottom:150px; } .zxxyC-c .swiper-button-prev:after,.zxxyC-c .swiper-button-next:after { font-size: 0px; } .zxxyC-c .swiper-button-prev:hover,.zxxyC-c .swiper-button-next:hover { background: url(../images/iconBluebg.png) no-repeat center/cover; } .zxxyC-c .swiper-button-next { transform: rotate(180deg); } .zxxyC-c .swiper-button-next:hover { transform: rotate(0deg); } .zxxyC-c .swiper-button-prev:hover { transform: rotate(180deg); } .zxxyC-c .swiper-pagination-bullet {width: 15px;height: 15px;opacity: 1;background: url(../images/xzxyd-1.png) no-repeat center; } .zxxyC-c .swiper-pagination-bullet-active { background: url(../images/xzxyd-2.png) no-repeat center; } /*投资者关系*/ .tzzgxA { padding:40px 0 100px; } .tzzgxA-a { background: #f4f4f4; padding:50px 80px; } .tzzgxA-b {float: left;width: 30%; position: relative; } .tzzgxA-b:after { content:'';width: 1px;height: 100%; position: absolute; right:0; top:0;background: #e3e3e3; } .tzzgxA-b .t { font-size: 20px; color:#333333;font-family: SourceHanSansCN-Light; font-weight: lighter; } .tzzgxA-b .c { font-size: 68px; color:#4870ff; } .tzzgxA-b .c span { display: inline-block; margin-left:50px; font-size: 16px; line-height: 1; padding-top:25px; vertical-align: middle; background: url(../images/tzzgxa.png) no-repeat top center; } .tzzgxA-b .change { font-size: 16px; color:#333333; margin-top:15px; } .tzzgxA-c { width: 60%; float: right; } .tzzgxA-c ul li { float: left;width: 21%; } .tzzgxA-c ul li:last-child { width: 16%; } .tzzgxA-c ul li .t { font-size: 16px;color:#333333; } .tzzgxA-c ul li .c { font-size: 30px;color:#4870ff; margin-top:12px; } .tzzgxA-d { margin-top:20px; } .tzzgxA-d p { font-size: 14px;color:#666666; line-height: 2; } .tzzgxB-a { padding-bottom:40px; position: relative; margin-bottom:80px; } .tzzgxB-a:after { content:''; width: 110%; height: 200px; position: absolute; left:-5%; bottom:0;background: url(../images/joinc-4.png) no-repeat center bottom;-webkit-background-size: 100% auto;background-size: 100% auto; } .tzzgxB-a ul li { z-index: 10; float: left;height: 206px;background: #f0f0f0; border-radius: 6px; margin-bottom:1.333%; position: relative; width: 24%; margin-right:1.3333%; } .tzzgxB-a ul li .icon { position: absolute; right:30px; top:20px; } .tzzgxB-a ul li:nth-child(4n) { margin-right:0; } .tzzgxB-a ul li .con { position: absolute; left:30px; bottom:40px; } .tzzgxB-a ul li .con .t { font-size: 18px;color:#333333;font-family: SourceHanSansCN-Light; font-weight: lighter; } .tzzgxB-a ul li .con .c { display: block; font-size: 14px; margin-top:10px; color:#0c2873; } .tzzgxC { padding:120px 0 230px; margin-bottom:-120px; } .tzzgxC-a .mainTit { color:#fff; } .tzzgxC-b { margin-top:;} .tzzgxC-b ul li { margin-top:42px; padding-left:68px; } .tzzgxC-b ul li .t { font-size: 18px;color:#fff; } .tzzgxC-b ul li .c { font-size: 16px;color:#fff; } .tzzgxC-b ul li:nth-child(1) { background: url(../images/tzzgxc-1.png) no-repeat left center;} .tzzgxC-b ul li:nth-child(2) { background: url(../images/tzzgxc-2.png) no-repeat left center;} .tzzgxC-b ul li:nth-child(3) { background: url(../images/tzzgxc-3.png) no-repeat left center;} /*微创医疗-关于我们*/ .aboutA { padding:70px 0 170px; margin-bottom:30px;background: url(../images/abouta-1.jpg) no-repeat left bottom;-webkit-background-size: 90% auto;background-size: 90% auto; } .aboutA-a { position: relative; } .aboutA-b { position: absolute; bottom:0; left:8.3333%; width: 39%; } .aboutA-b .con { text-align: justify; margin-top:20px; font-size: 16px;color:#3e4145;line-height: 2; } .aboutA-c { position: relative; float: right; width: 43.85%; } .aboutA-c:after { content:'';width: 90%;height: 6px; position: absolute; left:5%; bottom:-20px;background: url(../images/abouta-3.jpg) no-repeat center/cover; } .aboutA-c img { width: 100%; } .aboutA-d { margin-top:100px; } .aboutA-d ul { max-width: 1530px; } .aboutA-d ul li { position: relative; float: left; margin-right:180px; margin-bottom: 15px;} .aboutA-d ul li:after { content:'';width: 30px;height: 30px;background: url(../images/abouta-4.png) no-repeat center; position: absolute; right:-90px; margin-right:-15px; top:50%; margin-top:-25px; } .aboutA-d ul li:last-child { margin-right:0; } .aboutA-d ul li:last-child:after { display: none; } .aboutA-d ul li .t { font-size: 50px;color:#0c2873; } .aboutA-d ul li .c { font-size: 16px;color:#3e4145; } @media(max-width: 1820px){ .aboutA-d ul li:nth-child(6) { margin-right:220px; } .aboutA-d ul li:nth-child(6):after { right:-138px; } } @media(max-width: 1680px){ .aboutA-d ul { max-width: 1200px; } .aboutA-d ul li:nth-child(6) { margin-right:165px; } .aboutA-d ul li:nth-child(6):after { right:-105px; } } @media(max-width: 1400px){ .aboutA-d ul { max-width: 900px; } .aboutA-d ul li:nth-child(6) { margin-right:147px; } .aboutA-d ul li:nth-child(6):after { right:-102px; } } @media(max-width: 1000px){ .aboutA-d ul { max-width: 100%; } .aboutA-d ul li:nth-child(6) { margin-right:0; } .aboutA-d ul li:nth-child(6):after { right:-102px; } } .aboutB { padding:100px 0 110px; background: url(../images/about_backg.png) no-repeat center/cover; } .aboutB-a { max-width: 1600px; margin: 0 auto; } .aboutB-b { margin-top:0px; } .aboutB-f .mainTit,.aboutB-f .mainTit .t,.aboutB-f .mainTit .c { color:#fff;font-family: SourceHanSansCN-Light; font-weight: lighter; } .aboutB-b { float: left; position: relative; } .aboutB-d { padding-top:100px; } .aboutB-e .t { font-size: 60px;color:#fff; } .aboutB-g { height: 260px; margin-top:20px; overflow-y: scroll; } .aboutB-e .c { text-align: justify; width: 80%; font-size: 34px;color:#fff;line-height: 1.6;opacity: 0.8; display: initial;} .aboutB-g{ /*滚动条滑块按钮的颜色*/ scrollbar-face-color: rgba(255,255,255,0.2); /*滚动条整体颜色*/ scrollbar-highlight-color: #fff; /*滚动条轨道颜色*/ scrollbar-track-color: rgba(255,255,255,0.2); } /*滚动条整体部分,必须要设置*/ .aboutB-g::-webkit-scrollbar{ background-color: rgba(255,255,255,0.2); width:5px; height:10px; } /*滚动条的轨道*/ .aboutB-g::-webkit-scrollbar-track{ background-color: rgba(255,255,255,0.2); border-radius: 10px; } /*滚动条的滑块按钮*/ .aboutB-g::-webkit-scrollbar-thumb{ border-radius: 10px; background-color: #fff; } .aboutB-c .next,.aboutB-c .prev { background: url(../images/iconBlue.png) no-repeat center/cover; cursor: pointer; opacity: 1; font-family: "微软雅黑"; font-size: 0px; color:#fff;width: 60px;height: 60px; text-align: center; position: absolute; bottom:0; } .aboutB-c .next:hover,.aboutB-c .prev:hover { background: url(../images/iconBluebg.png) no-repeat center/cover; } .aboutB-c .prev { transform: rotate(180deg); } .aboutB-c .prev:hover { transform: rotate(0deg); } .aboutB-c .next:hover { transform: rotate(180deg); } .aboutB-c .prev { left:80px; } .aboutB-c .next { left:0px; } .aboutB-c .next:hover,.aboutB-c .prev:hover { opacity: 1; } .aboutB-c { padding-bottom:180px; position: relative; float: right;width: 50.6%; } /*.inner{width:100%;height:auto;margin:0px auto;}*/ /*.out{margin-top:20px;overflow: hidden;position: relative;}*/ /*.scrollbar{border-radius: 4px;width:4px;height:260px;background:rgba(255,255,255,0.2);position: absolute;right:0;top:0;}*/ /*.scrollbtn{width:100%;height:20px;background:#fff;border-radius:20px;position: absolute;}*/ .aboutB-c { padding-bottom:140px; position: relative; float: right;width: 55.6%; } .aboutB-b .c-menu { height: 600px; margin-left:300px; width: 350px; overflow: hidden; } .aboutB-b .img-box, .hide { top: 50px; width: 500px; height: 500px; opacity: 1; transition: opacity, 2s; } .aboutB-b .img-box {background-size:vover; } .aboutB-b .items-list { left: -350px; width: 600px; height: 600px; } .aboutB-b .item { width: 600px; padding-left: 25px; font-size: 18px; transition: font-size 1s; text-align: left; cursor: pointer;} .aboutC { padding:110px 0 60px; } .caboutC-c { margin-top:20px; } .caboutC-c .con { margin: 0 auto; max-width: 1230px; text-align:justify; font-size: 16px; color:#3e4145; line-height: 1.8; } .caboutC-d { margin-top:50px; padding-bottom:75px; position: relative; } .caboutC-d:after { content:''; width: 110%; height: 200px; position: absolute; left:-5%; bottom:0;background: url(../images/joinc-4.png) no-repeat center bottom;-webkit-background-size: 100% auto;background-size: 100% auto; } .caboutC-d ul li{ position: relative; z-index: 10; box-sizing: border-box; width: 25%; margin-right:0%; float: left; padding:10px; overflow: hidden;} .caboutC-d ul li .img { position: relative; } .caboutC-d ul li .img img { vertical-align: top; width: 100%; } .caboutC-d ul li .img:after { content:'';width: 208px;height: 208px; position: absolute; left:0; bottom:0;background: url(../images/aboutc-2.png) no-repeat center; } .caboutC-d ul li .img .t { font-size: 20px;color:#fff; position: absolute; left:30px; bottom:30px; z-index: 10; } .caboutC-d .con {width: 100%;height: 100%; position: absolute; left:0; top:-500px; transition: all 0.8s; background: url(../images/aboutc-3.jpg) no-repeat right top #032b72; z-index: 11; } .caboutC-d .con .conA { position: relative;width: 100%;height: 100%; } .caboutC-d .con .conB { position: absolute;left:5%; width: 80%; top:52%; transform: translateY(-50%);} .caboutC-d .con .conB .t { font-size: 20px;color:#fff; } .caboutC-d .con .conB .c { font-size: 14px; margin-top:10px; line-height: 1.8; color:#fff; } .caboutC-d ul li:hover .con { top:0; } .aboutD { padding:115px 0 100px; background: #f6f6f6; } .aboutD-b { margin-top:50px; } .aboutE { padding:100px 0 60px; } .aboutE-c { margin-top:20px; } .aboutE-c .t1 { font-size: 20px;color:#333; } .aboutE-c .con { max-width: 1220px; margin: 0 auto; font-size: 16px;color:#3e4145; text-align: justify; margin-top:30px; line-height: 1.8; } .aboutE-d { margin-top:90px; padding-bottom:75px; position: relative; } .aboutE-d:after { content:''; width: 110%; height: 200px; position: absolute; left:-5%; bottom:0;background: url(../images/joinc-4.png) no-repeat center bottom;-webkit-background-size: 100% auto;background-size: 100% auto; } .aboutE-d ul li { float: left; position: relative; z-index: 10;width: 24%; margin-right:1.3333%;background: #ececec;height: 240px; border-radius: 6px; } .aboutE-d ul li .con { position: absolute; left:28px; bottom:30px; } .aboutE-d ul li .con .t { font-size: 18px;color:#0c2873; } .aboutE-d ul li .con .c { font-size: 14px;color:#666666; margin: 5px 0 15px; } .aboutE-d ul li .con a { font-size: 14px;color:#0c2873; } .aboutE-d ul li:last-child { margin-right:0; } .aboutE-d ul li:after { content:'';width: 127px;height: 127px;background: url(../images/aboute-1.png) no-repeat center/cover; position: absolute; right:30px; top:-40px; } /*微创医疗-患者与健康*/ .hzyjkA { padding:125px 0 80px; } .hzyjkA-a { padding-bottom:35px; position: relative; } .hzyjkA-a:after { content:''; width: 110%; height: 200px; position: absolute; left:-5%; bottom:0;background: url(../images/joinc-4.png) no-repeat center bottom;-webkit-background-size: 100% auto;background-size: 100% auto; } .hzyjkA-b { position: relative; float: left; width: 49%; overflow: hidden; z-index: 10; } .hzyjkA-b .img img {width: 100%;height: auto; } .hzyjkA-c { position: absolute; left:6%; bottom:7%; } .hzyjkA-c .t { font-size: 40px;color:#fff;font-family: SourceHanSansCN-Light; font-weight: lighter;} .hzyjkA-c .c { font-size: 14px;line-height: 1.8; color:#fff; max-width: 230px; text-align: justify; } .hzyjkA-c a.mainMore { margin:25px 0 0; } .hzyjkA-b:nth-child(2) { float: right; } .hzyjkA-d { width: 100%;height: 100%;background: rgba(0, 39, 116, 0.96); position: absolute; transition: all 0.8s; left:-120%; top:0; } .hzyjkA-e {width: 100%;height: 100%; position: relative; } .hzyjkA-f { position: absolute; top:52%; transform: translateY(-50%); width: 90%; left:5%; } .hzyjkA-f .t { font-size: 40px;color:#fff; } .hzyjkA-f .c { font-size: 14px; margin: 5px 0 15px; color:#fff; } .hzyjkA-f ul li { border-bottom:1px solid rgba(255,255,255,0.1); width: 49%; float: left; } .hzyjkA-f ul li a {display: block; font-size: 16px;color:#fff; padding:15px 0 15px 14px; background: url(../images/fixca.png) no-repeat left center; position: relative; } .hzyjkA-f ul li a:after { content:'';width: 6px;height: 10px;background: url(../images/hzyjka-4.png) no-repeat center; position: absolute; right:10px; top:50%; margin-top:-5px; } .hzyjkA-f ul li:nth-child(2n) { float: right; } .hzyjkA-b:hover .hzyjkA-d { left:0; } .hzyjkA-b:hover .hzyjkA-c { display: none; } .hzyjkA-f a.mainMore { margin:45px 0 0; } .hzyjkC { margin-bottom:-150px; z-index: 10; position: relative; background: #ededed; } .hzyjkC-a { position: relative; } .hzyjkC-b { float: left; width: 100%; } .hzyjkC-b img { vertical-align: top; } .hzyjkC-c { position: absolute; left:55%; top:50%; transform: translateY(-50%); width: 37%; } .hzyjkC-c .con { margin-top:25px; font-size: 16px;color:#3e4145; line-height: 2; } /*患者体验详情*/ .hztyxqA { padding-top:60px; } .hztyxqA .article { font-size: 16px; color:#333333; line-height: 1.8; } .hztyxqB-a { margin-bottom:80px; position: relative;} .hztyxqB-b {position: relative; padding:50px 0; z-index: 10; height: 218px;display: none; } /*.hztyxqB-a:after { content:''; width: 110%; height: 180px; position: absolute; left:-5%; bottom:-30px;background: url(../images/joinc-4.png) no-repeat center bottom;-webkit-background-size: 100% auto;background-size: 100% auto; }*/ .hztyxqB-c { position: absolute; right:50px; top:50%; transform: translateY(-50%); } .hztyxqB-c .con { float: left; margin-right:30px; text-align: center; font-size: 18px;color:#333333;line-height: 27px; padding-top:36px; } .hztyxqB-c .img { float: right; } .hztyxqC { padding-bottom:90px; margin-top:0px; } .mainMoreA { box-sizing: border-box; display: inline-block; line-height: 1.5; background: url(../images/hztyxq1.png) repeat-y right; font-size: 14px; border:1px solid rgba(220,220,220,0.5); padding:14px 80px 14px 12px; position: relative; } .mainMoreA:before { content:'';width: 13px;height: 13px; position: absolute; left:-7px; top:50%; margin-top:-7px; background: url(../images/hztyxq2.png) no-repeat center; } .mainMoreA:after { content:'';width: 7px;height: 11px; position: absolute; right:20px; top:50%; margin-top:-5px; background: url(../images/hztyxq3.png) no-repeat center; } .mainMoreA.next { float: right; } .mainMoreA.prev { float: left; } .mainMoreA:hover { background:url(../images/hztyxq1bg.png) repeat-y right #032b72; color:#fff; } .mainMoreA:hover:after { margin-top:0px; background: url(../images/morebgx.png) no-repeat right center;-webkit-background-size: auto 100%;background-size: ; height: 104%; width: 100px; right:-1px; transform: translateY(0); top:-1px; } /*患者关爱列表*/ .hzgaA { padding:105px 0; } .hzgaA-a { } .hzgaA-b .img { height: 17vw; overflow: hidden; } .hzgaA-a ul li {float: left; width: 32%; padding:20px; background: #fff; margin-right:2%; margin-bottom:2%; } .hzgaA-a ul li .img a img { vertical-align: top; } .hzgaA-a ul li .img a { display: block; vertical-align: top;position: relative; } .hzgaA-a ul li .img a span { display: block; left:0; top:0;width: 100%;display: block; position: absolute;left:0; top:0;height: 100%;background: url(../images/hzgab.png) no-repeat center/cover; } .hzgaA-a ul li:nth-child(3n) { margin-right:0; } .hzgaA-a ul li .con { padding:24px 0 10px; } .hzgaA-a ul li .con .t { overflow: hidden;white-space: nowrap;text-overflow: ellipsis; width: 100%; float: left; font-size: 22px;color:#333333; } .hzgaA-a ul li .con .c { width: 100%; height: 56px;overflow: hidden; float: left; font-size: 14px;color:#666666; line-height: 2; margin-top:6px; } .hzgaA-a ul li .con a { float: left; margin-top:20px; } .ylzyryA-b ul li {margin-bottom:60px; height: 200px;background: #f0f0f0; position: relative; border-radius: 6px; float: left; width: 19.0625%; margin-right:1.1718%; z-index: 10; } .ylzyryA-b ul li .icon { position: absolute; right:25px; top:-35px; } .ylzyryA-b ul li .con { position: absolute; left:24px; bottom: 25px;} .ylzyryA-b ul li:nth-child(5n){ margin-right:0;} .ylzyryA-b ul li .con .t { font-size: 18px;color:#032b72; } .ylzyryA-b ul li .con .c { font-size: 14px;color:#666666; margin: 5px 0 10px; } .ylzyryA-b ul li .con a { font-size: 14px; color:#0c2873; } @media(max-width: 1000px){ .hzgaA-a ul li .con a,.ss a.mainMoreA,.lcjjfaB-b ul li .con a.mainMoreA,.hztyA-b .con a.mainMoreA{ background:url(../images/hztyxq1bg.png) repeat-y right #032b72; color:#fff; } .hzgaA-a ul li .con a.mainMoreA:after,.ss a.mainMoreA:after,.lcjjfaB-b ul li .con a.mainMoreA:after,.hztyA-b .con a.mainMoreA:after { margin-top:0px; background: url(../images/morebgx.png) no-repeat right center;-webkit-background-size: auto 100%;background-size: ; height: 104%; width: 100px; right:-1px; transform: translateY(0); top:-1px; } } /*医疗专业人员-临床解决方案*/ .lcjjfaA { background: #fff; padding-top:100px; padding-bottom:125px; position: relative; } .lcjjfaA:after { content:''; width: 100%; height: 200px; position: absolute; left:0%; bottom:90px;background: url(../images/joinc-4.png) no-repeat center bottom;-webkit-background-size: 90% auto;background-size: 90% auto; } .lcjjfaA-a { width: 100%; padding-left:8.333333%; } .lcjjfaA-b .swiper-button-next { top:60%; } .lcjjfaA-b .swiper-button-next:after { color:#133c93; } .lcjjfaA-b .swiper-slide { cursor: pointer; position: relative; width: 306px; padding-top:40px; z-index: 10; padding-bottom:15px; } .lcjjfaA-b .swiper-slide .lcjjfaA-c { height: 190px;background: #e6e6e6; position: relative; border-radius: 6px; float: left; width: 100%; z-index: 10; } .lcjjfaA-b .swiper-slide .icon { position: absolute; right:25px; top:-35px; } .lcjjfaA-b .swiper-slide .con { position: absolute; left:30px; bottom: 35px;} .lcjjfaA-b .swiper-slide .con .t { font-size: 18px;color:#222222; } .lcjjfaA-b .swiper-slide .con .more { font-size: 14px; color:#0c2873; margin-top:10px;display: block; } .lcjjfaA-b .swiper-slide.cur:after { content:''; z-index: 10; position: absolute;right:55px; bottom:3px; line-height: 0;border-width: 12px;border-color: #e6e6e6;border-bottom-width: 0;border-style: dashed;border-top-style: solid;border-left-color: transparent;border-right-color: transparent;} .lcjjfaB { padding:80px 0 120px;background-color: #f8f8f8; } .lcjjfaB-b ul li { position: relative; background: #fff; padding: 0px;margin: 30px 0; } .lcjjfaB-b ul li .img { float: left;width: 30%; line-height: 0;} .lcjjfaB-b ul li .img img {width: 100%;} .lcjjfaB-b ul li .con { position: absolute; right:0; top:50%; transform: translateY(-50%); float: right; width: 66%; } .lcjjfaB-b ul li .con .t {overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size: 26px;color:#333333; } .lcjjfaB-b ul li .con .c { height: 56px;overflow: hidden; width: 80%; margin: 10px 0 25px; font-size: 16px;color:#666666; line-height: 1.8; font-family: SourceHanSansCN-Light;} /*患者体验*/ .hztyA { padding: 80px 0 70px; } .hztyA-a ul li { position: relative; float: left; margin: 1% 0; padding: 20px 0 20px 20px; width: 49%; background: url(../images/hzty1.png) no-repeat right center #fff;-webkit-background-size: auto 100%;background-size: auto 100%;} .hztyA-a ul li:nth-child(2n) { float: right; } .hztyA-a ul li .data { position: absolute; top:20px; right:25px; } .hztyA-a ul li .data .d1 { font-size: 17px;line-height: 15px; color:#fff; } .hztyA-a ul li .data .d2 {line-height: 18px; font-size: 20px;color:#fff; } .hztyA-a ul li .img { overflow: hidden; position: relative; width: 40%; float: left; margin-right:3%; } .hztyA-a ul li .img img {width: 100%; vertical-align: top; } .hztyA-a ul li .img:after { content:'';width: 100%;height: 100%; position: absolute; left:0; top:0;background: url(../images/hzty3.png) no-repeat center/cover; } .hztyA-b .con { float: left; width: 55%; padding-top:4%; } .hztyA-b .con .c {min-height: 60px; } .hztyA-b .con .t { font-size: 22px;color:#333333; line-height: 1.5;width: 80%; height: 66px; } .hztyA-b .con { font-size: 14px;color:#486fff; vertical-align: middle; } .hztyA-b .con span { line-height: 30px; display: inline-block; padding-left:19px; } .hztyA-b .con span.icon1 {padding-left:25px; margin-right:15px; background: url(../images/detailc-1.png) no-repeat left center; } .hztyA-b .con span.icon2 {margin-left:15px; margin-right:15px; background: url(../images/detailc-2.png) no-repeat left center; } .hztyA-b .con span.icon3 {margin-left:15px; margin-right:15px; background: url(../images/detailc-3.png) no-repeat left center; } .hztyA-b .con a.mainMoreA { margin-top:25px; } /*解决方案详情*/ .jjfaxqA { padding:100px 0 130px; } .jjfaxqA-c { width: 46.875%; float: left; } .jjfaxqA-c .img { position: relative; } .jjfaxqA-c .img:after { content:'';width: 496px;height: 226px;background: url(../images/jjfaxq2.png) repeat center; position: absolute; left:-40px; bottom:-30px; } .jjfaxqA-c .img img { position: relative; z-index: 10; width: 100%; vertical-align: top; } .jjfaxqA-b { float: right; width: 47%; padding-top:15px } .jjfaxqA-b .c { margin-top:20px; font-size: 16px;color:#666666;line-height: 1.8; } .jjfaxqB { padding: 100px 0 80px; } .jjfaxqB-c { float: left; width: 38.4%; } .jjfaxqB-c .mainTit { margin-top:15px; } .jjfaxqB-c .mainTit .t { text-transform: uppercase; } .jjfaxqB-c .con .c { text-align: justify; font-size: 16px;color:#666666; line-height: 1.8; margin-top:20px; } .jjfaxqB-d { float: right; width: 52.5%; padding-bottom:50px; } .jjfaxqB-d img { width: 100%; } .jjfaxqB-d { position: relative; } .jjfaxqB-d:before { content:'';width: 50%;height: 6px;background: url(../images/jjfaxq6.jpg) no-repeat center/cover; position: absolute; right:10%; } .jjfaxqB-a .swiper-container { padding-bottom:70px; } .jjfaxqB-a .swiper-button-next,.jjfaxqB-a .swiper-button-prev {width: 55px;height: 55px; border-radius: 50%; border:1px solid #e2e2e2; left:0; top:auto; transform: translateY(0); bottom:60px; } .jjfaxqB-a .swiper-button-next:hover,.jjfaxqB-a .swiper-button-prev:hover { background: #4564ff; border-color:#4564ff; } .jjfaxqB-a .swiper-button-next { left:70px; right:auto; } .jjfaxqB-a .swiper-button-next:after,.jjfaxqB-a .swiper-button-prev:after { font-size: 20px; color:#999999; } .jjfaxqB-a .swiper-button-next:hover:after,.jjfaxqB-a .swiper-button-prev:hover:after { color:#fff; } .jjfaxqB .swiper-pagination-bullet {width: 15px;height: 15px;opacity: 1;background: url(../images/xzxyd-1.png) no-repeat center; } .jjfaxqB .swiper-pagination-bullet-active { background: url(../images/xzxyd-2.png) no-repeat center; } .jjfaxqB-a { position: relative; } .jjfaxqB-a:after { content:'';width: 44%;height: 80%;background: url(../images/jjfaxq7.png) no-repeat right bottom/cover; position: absolute; right:-7%; bottom:80px; } /*患者关爱详情*/ .hzgaxqA { padding:60px 0 80px; position: relative; background: #fff; } .hzgaxqA-a { position: relative; } .hzgaxqA-a:after { content:'';width: 110%;height: 70%;background: url(../images/hzgaxq1.png) no-repeat center bottom/cover; position: absolute; left:-5%; bottom:-40px;-webkit-background-size: 100% auto;background-size: 100% auto; } .hzgaxqA-b ul { display: inline-block; background: #f1f3f4; border-radius: 50px; } .hzgaxqA-b ul li { float: left; } .hzgaxqA-b { text-align: center;} .hzgaxqA-b a {border-radius: 50px; display: inline-block; padding: 15px 0;width: 300px;text-align: center; font-size: 18px;color:#333333; } .hzgaxqA-b ul li.cur a,.hzgaxqA-b ul li:hover a { color:#fff; background: #476fff; } .hzgaxqA-c { position: relative; margin-top:60px; z-index: 10; } .hzgaxqA-d { position: absolute; left:0;top:48%; transform: translateY(-50%); float: left; width: 46%; } .hzgaxqA-e { position: relative; float: right; width: 46%; } .hzgaxqA-e img { vertical-align: top; } .hzgaxqA-d .con { font-size: 16px;color:#666666; margin-top:25px; text-align: justify; line-height: 1.8; } .hzgaxqA-e:after { content:'';width: 100%;height: 100%;background: url(../images/hzgaxq3.png) no-repeat center/cover; position: absolute; left:0; top:0; } .hzgaxqB { padding:100px 0 170px; background: #f8f8f8; } .hzgaxqB-a ul li { margin-bottom:20px; } .hzgaxqB-b { position: relative; background: #ffffff; padding:50px 70px 50px 340px; } .hzgaxqB-c { padding-left:50px; position: absolute; left: 0; top:50px; width: 340px; } .hzgaxqB-e { position: relative; } .hzgaxqB-e .icon { position: absolute; right:38px; top:0; } .hzgaxqB-c .mainTit .t { line-height: 1; } .hzgaxqB-c .c { font-size: 18px;color:#999; margin-top:6px; } .hzgaxqB-d { padding-left:30px; border-left:1px solid #e2e2e2; min-height: 90px; } .hzgaxqB-d .c { font-size: 16px;color:#333333; line-height: 1.8; text-align: justify; } .hzgaxqC .con { max-width: 950px; } .detailB-a .mainMoreA { margin-top:35px; color:#fff; border-color:#fff; } /*.detailB-a .mainMoreA:after { background: url(../images/hztyxq3bg.png) no-repeat center; }*/ .detailB-a .mainMoreA:hover { background-color: none; border-color:rgba(255,255,255,0.2); } .hzgaxqD { background: #fff; } .hzgaxqE { background: #f8f8f8; } /*产品中心*/ .productA { background: url(../images/probg1.png) no-repeat left bottom #f8f8f8; padding:40px 0; } .productB { background: url(../images/probg2.jpg) no-repeat right bottom #fff; } .productA-a { position: relative; } .productA-b { float: left; width: 60%; } /* .productA-c { position: absolute; top:50%; transform: translateY(-50%); right:0; width: 40%; } */ .productA-c { float:right; width: 40%; } .productA-c .con { text-align: justify; font-size: 16px;color:#666666; line-height: 1.8; margin-top:20px;} .productA-c ul li { width: 48%; float: left; margin-bottom:10px; height: 43px; overflow: hidden; } .productA-c ul li:nth-child(2n) { float: right; } .productA-d { margin-top:45px; } .productA-d ul li a { display: block; font-size: 16px;color:#4870ff; padding-left:22px; background: url(../images/product5.png) no-repeat left 2px; } .productA-d ul li:hover a { text-decoration: underline; } .productB .productA-b { float: right; text-align: right; } .productB .productA-c { right:auto; left:0; } /*疾病与术式详情*/ .jbyssA { padding:90px 0 115px; background: #fff;} .jbyssA-b { margin-top:40px;} .jbyssA-b ul li { margin-bottom:20px; background: #fff; padding:40px 0 40px 0; } .jbyssA-c { position: relative; } .jbyssA-e { position: relative; text-align: right; width: 50%; float: right; padding:36px 0;} /*.jbyssA-e:before { content:'';width: 60%;height: 6px; position: absolute; top:0; right:-10%;background: url(../images/xianr.jpg) no-repeat center/cover; }*/ .jbyssA-e:before {z-index: 10; content:'';width: 60%;height: 6px; position: absolute; top:36px; right:0%; background:#fc134c;background-image: linear-gradient(to right,#fc134c, #032b71); } .jbyssA-e:after { content:'';width: 70%;height: 100%; position: absolute; bottom:0%; right:0%;background: url(../images/bg1.png) repeat-y left center;-webkit-background-size: 100% auto;background-size: 100% auto; } .jbyssA-b ul li:nth-child(2n) .jbyssA-e:after { width: 60%; left:0%;background: url(../images/bg2.png) no-repeat left center/cover; } .jbyssA-e img { width: 100%; position: relative; z-index: 10; } .jbyssA-d { width: 40%; position: absolute; left:70px; top:50%; transform: translateY(-50%); } .jbyssA-d .t { font-size: 26px;color:#333333; line-height: 1.2; } .jbyssA-d .con {text-align: justify; font-size: 16px;color:#666; line-height: 1.8; margin-top:10px; } .jbyssA-d a.mainMoreA { margin-top:25px; margin-left:10px; } .jbyssA-b ul li:nth-child(2n) .jbyssA-e { float: left; text-align: left; } .jbyssA-b ul li:nth-child(2n) .jbyssA-d { left:auto; right:70px; } .jbyssA-b ul li:nth-child(2n) .jbyssA-e:before { left:0%; } .jbyssB { background: #f8f8f8; padding:100px 0 120px;display: none;} .jbyssB-c { margin-top:45px; border-top:1px solid #e2e2e2;display: none;} .jbyssB-c ul li { position: relative; padding: 20px; border-bottom:1px solid #e2e2e2; } .jbyssB-c ul li span.t { line-height: 2; padding-left:22px; display: inline-block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; width: 80%; font-size: 18px;color:#333333; background: url(../images/bg3.png) no-repeat left center; } .jbyssB-c ul li a {padding:12px 70px 12px 12px; position: absolute; right:20px; top:50%; transform: translateY(-50%); } .jbyssB-c ul li span.d { font-size: 16px;color:#666; position: absolute; right:170px; top:50%; transform: translateY(-50%); } .jbyssA-b .swiper-pagination { position: absolute; right:20px; top:50%; transform: translateY(-50%); bottom:auto;left:auto; width: 20px; } .jbyssA-b .swiper-pagination .swiper-pagination-bullet {width: 15px;height: 15px; margin: 8px 2px;background: url(../images/pagea.png) no-repeat center;opacity: 1; } .jbyssA-b .swiper-pagination .swiper-pagination-bullet-active { background: url(../images/pageb.png) no-repeat center; } .jbyssA-b ul li:nth-child(2n) .swiper-pagination { left:20px; right:auto; } @media(max-width: 1000px){ .jbyssA-b .swiper-pagination { width: 100%; text-align: center; right:auto;left:0;transform: translateY(0); top:auto; bottom:10px; } .jbyssA-b .swiper-pagination .swiper-pagination-bullet { margin: 0 4px; } } /*公告通函*/ .ggthA { padding:80px 0 100px; } .ggthA-c { margin-right:1%; float: left; width: 25%; } .ggthA-d { position: relative; float: right; width: 48%; } .ggthA-d .inp,.ggthA-c input { background: url(../images/ggtha.png) no-repeat 30px center; width: 100%; font-size: 16px;color:#666666; padding-left:70px; height: 56px; border:1px solid #e2e2e2; border-radius: 40px; } .ggthA-d .inp { padding-left:20px; background: none; } .ggthA-d .sub { position: absolute; top:0; right:0;background: url(../images/ggthb.png) no-repeat 72px center #8195b9;text-align: left; padding-left:100px;width: 200px; border-radius: 50px; font-size: 16px;color:#ffffff; cursor: pointer; height: 56px; border:1px solid #8195b9; } /*董事详情*/ .ddxqA { padding:120px 0 130px; } .ddxqA-a { position: relative; } .ddxqA-b { float: left;width: 26%; } .ddxqA-b img {width: 100%; } .ddxqA-c { float: right;width: 68%; padding-top:30px; font-size: 16px;color:#333333; line-height: 1.8; } .ddxqA-d { margin-top:50px; } .ddxqA-d a { font-size: 30px; color:#999; text-align: center; line-height: 48px; font-family: "宋体"; font-weight: bold; display: inline-block;width: 50px;height: 50px;background: url(../images/hztyxq1.png) no-repeat center/cover; border:1px solid #e2e2e2; margin-right:10px; } .ddxqA-d a:hover { color:#fff;background: url(../images/hztyxq1bg.png) no-repeat center/cover #4a72ff; border-color:#4a72ff;} /*财务信息*/ .cwxxA { padding:75px 0 125px; } .cwxxA .cwxxA-a .t { float: left; } .cwxxA .cwxxA-a .c { padding-top:10px; float: right; font-size: 16px;color:#999; } .cwxxA .cwxxA-a .c span { color:#486fff; } .cwxxA .cwxxA-a .con { margin-top:35px; } /*全球管理团队*/ .gltdA ul li { text-align: center; float: left; width: 25%; } .gltdA ul li a { border-right:1px solid rgba(255,255,255,0.2); display: block; font-size: 16px;color:#fff; padding:20px 0;background: #082a70; } .gltdA ul li.cur a,.gltdA ul li:hover a { background: #3860df; } .gltdB { padding:80px 0 110px; } .gltdB-a .mainTit { float: left; } .gltdB-b { float: right; } .gltdB-b ul li { float: left; } .gltdB-b ul li a { padding:16px 0; text-align: center; display: block; border-radius: 40px; border:1px solid #e2e2e2; font-size: 16px;color:#666666; margin-left:10px; width: 196px; } .gltdB-b ul li.cur a,.gltdB-b ul li:hover a { color:#fff; background: #4870ff; border-color:#4870ff; } .gltdC { margin-top:30px; } .gltdC ul li { margin-bottom:1.333%; float: left;width: 24%; margin-right:1.3333%; } .gltdC ul li .img { position: relative; } .gltdC ul li .img:after { content:'';width: 43px;height: 100%;background: url(../images/dshb.png) no-repeat center/cover; position: absolute; left:0; bottom:0px; } .gltdC ul li .img:before { content:'';width: 24px;height: 24px;background: url(../images/dshc.png) no-repeat center/cover; position: absolute; left:31px; bottom:-12px; z-index: 10; } .gltdC ul li .img img { vertical-align: top; width: 100%; } .gltdC ul li:nth-child(4n) { margin-right:0; } .gltdC ul li .con { background: #fff; padding:26px 36px 36px; } .gltdC ul li .con .t { font-size: 20px;color:#333; } .gltdC ul li .con .c { font-size: 14px;color:#666666; margin-top:5px;line-height: 1.5;height: 42px; overflow: hidden; } .gltdC ul li .con a { font-size: 14px;color:#022b71; margin-top:5px; } .gltdC ul li:hover .con { background: #022b71; } .gltdC ul li:hover .con .t,.gltdC ul li:hover .con .c,.gltdC ul li:hover .con a{ color:#fff;} @media(max-width:750px){ .gltdA ul li { width:50%;} .gltdA ul li a { font-size:14px; } .gltdA ul li:nth-chilf(n+3) a {border-top:1px solid rgba(255,255,255,0.2);} } @media(max-width:350px){ .gltdA ul li a { font-size:12px; } } /*公司治理*/ .gszlA { background: #fff; padding-top:5px!important; } .gszlA-a ul li {width: 32%; margin-right:2%; margin-top:60px; } .gszlA-a ul li:nth-child(3n) { margin-right:0; } .gszlA .aboutE-d ul li .con { z-index: 100; } .gszlA .aboutE-d ul li .con .t { color:#333; width: 80%; margin-bottom:10px; } .gszlA .aboutE-d { margin-top:40px;} /*社会责任详情*/ .shzrA { } .shzrA-a { border-left:1px solid #e2e2e2; padding:100px 0 115px; } .shzrA-b { float: left; width: 20%; } .shzrA-b ul li { transition: all 0.6s; line-height: 1; margin:0 0 35px 0; font-size: 20px;color:#0c2873; padding-left:28px; position: relative; } .shzrA-b ul li a { color:#0c2873; } .shzrA-b ul li.cur:after,.shzrA-b ul li:hover:after { content:'';width: 1px;height: 100%; position: absolute; left:-1px; top:0;background: #0c2873; } .shzrA-b ul li.cur,.shzrA-b ul li:hover { font-size: 26px; } .shzrA-c { float: left; width: 80%; } .shzrA-e { margin-top:20px; } .shzrA-e .con { font-size: 16px;color:#333; line-height: 1.8; margin-top:25px; } /*媒体中心*/ .newsA { padding:80px 0 100px; } .newsA .ggthA{ padding: 30px 0 0; } .newsA .hzgaxqA-b a { width: 180px;} .newsA-c { margin-top:55px; } .newsA-d { float: left; width: 100%; } .newsA-d ul li { background: #fff; padding:40px 70px 40px 40px; margin-bottom:15px; } .newsA-d ul li .d { font-size: 16px;color:#4564ff; } .newsA-d ul li .t {overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size: 22px;color:#333333; margin: 10px 0 15px;font-family: SourceHanSansCN-Light; font-weight: lighter; } .newsA-d ul li .c { font-size: 16px;color:#666;line-height: 1.8; } .newsA-e { float: right; width: 23%; } .newsA-e ul li { margin-bottom:15px; padding: 20px; background: #fff; display: none;} .newsA-e ul li .img { overflow: hidden; border-radius: 6px; } .newsA-e ul li .img img { width: 100%; } .newsA-e ul li .d { margin: 15px 0 8px; font-size: 16px;color:#4564ff; } .newsA-e ul li .t { font-size: 18px;color:#333; } .newsA-f { margin-top:15px; padding:30px; background: url(../images/newsd.jpg) no-repeat center/cover; } .newsA-f .t { color:#fff; font-size: 14px; } .newsA-f .c { color:#fff; margin: 10px 0 25px; font-size: 18px; } .newsA-f a.mainMoreA { color:#fff;} .newsA-f .mainMoreA { color:#fff; } /*新闻详情*/ .newsB { padding-bottom:60px; } .newsB-d { padding:60px 45px; background: #fff; } .newsB-c { border-bottom:1px solid #e2e2e2; padding-bottom: } .newsB-c p { font-size: 16px;color:#333333; line-height: 2;background: url(../images/hztyxq2.png) no-repeat left 8px; margin-bottom:15px; padding-left:20px; } .mewsB-e { padding: 30px 0 40px; text-align: justify; border-bottom:1px solid #e2e2e2; color:#333; line-height: 2;font-size: 16px; } .mewsB-f { padding-top:20px; } .mewsB-f a.mainMoreA { width: 80%; display: block; float: none; margin-top:12px; } .mewsB-f a.mainMoreA span { display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; width: 100%; display: block; float: none; } /*传媒中心*/ .ggthA-c { position: relative; } .ggthA-c { border-radius: 50px; overflow: hidden; border:1px solid #e2e2e2; } .ggthA-c select { cursor: pointer; position: relative; width: 100%; font-size: 16px;color:#666666; background: #f8f8f8; padding-left:20px; height: 56px;background: none; border:none; border-radius: 40px; } .ggthA-c:after { content:'';width: 50px;height: 50px;background: url(../images/xx.jpg) no-repeat center #f8f8f8; position: absolute; right:1px; top:50%; margin-top:-25px; border-radius: 40px; z-index: 100; display: block; } .newsC-a { margin-top:50px; } .newsD { padding:36px 0 0; } .newsD-a ul li { background: #fff; margin-bottom:12px; padding: 20px 60px 20px 20px; } .newsD-b { position: relative; } .newsD-c { float: left; width: 20%; } .newsD-c img { width: 100%; } .newsD-d { float: right; position: absolute; right:0; top:50%; transform: translateY(-50%); width: 76%; } .newsD-d .t {overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size: 22px;color:#333; } .newsD-d .c {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; max-height: 64px; font-size: 16px;color:#666; margin: 8px 0 16px; line-height: 2; } .newsD-d .newsD-e a { font-size: 14px;color:#476fff; display: inline-block; padding-left:20px; margin-right:30px; } .newsD-d .newsD-e a.icon1 { background: url(../images/newicona.png) no-repeat left center; } .newsD-d .newsD-e a.icon2 { background: url(../images/newiconb.png) no-repeat left center; } .newsD-d .newsD-e a.icon3 { background: url(../images/newiconc.png) no-repeat left center; } /*联系我们*/ .contactA { padding: 30px 0; } .contactA ul li { float: left; margin-right:10px; } .contactA ul li a { padding:15px 35px; border:1px solid #e2e2e2; border-radius: 40px; } .contactA ul li.cur a,.contactA ul li:hover a { color:#fff; border-color:#476fff;background: #476fff; } .contactB { position: relative; overflow: hidden; } .contactB .map #allmap { width: 100%;height: 845px; } .contactB-a { z-index: 10; position: absolute; right:0; top:0; } .contactB-b { width: 100%; position: absolute; left:0;bottom:0;background: #fff; z-index: 5; } .contactB-b .top { padding-left:8.555%; border-bottom:1px solid #e2e2e2; padding: 30px 0; padding-left:8.555%;} .contactB-b .top .t { float: left; margin-right:30%; font-size: 20px;color:#002774; } .contactB-b .top .icon { float: left; } .contactB-b .middle { padding:20px 0 0px 8.555%; font-size: 16px;color:#333333; line-height: 2; } .contactB-b .bottom { padding:20px 0 40px 8.555%; } .contactB-b .bottom a { display: inline-block; font-size: 14px;color:#476fff; padding:12px 26px 12px 52px; border:1px solid #476fff; border-radius:40px; } .contactB-b .bottom a.icon1 { background: url(../images/add.png) no-repeat 30px center; } .contactB-b .bottom a.icon2 { background: url(../images/web.png) no-repeat 30px center; } .contactC { padding:90px 0 100px; } .contactC-b { margin-top:40px; } .contactE { font-size: 18px;color:#333; line-height: 2; padding:50px 0 0; } .lxwmC-d {float: left;width: 49%;} .lxwmC-d p,.lxwmC-e p { margin-bottom:10px;} .lxwmC-d p .inp1 {width: 100%;height: 54px; border:1px solid #e2e2e2;border-radius: 6px; padding-left:10px;font-size: 16px; color:#333;} .lxwmC-e p .inp1 {width: 100%;height: 245px;line-height: 48px; border:1px solid #e2e2e2;border-radius: 6px; padding-left:10px;font-size: 16px; color:#333;} .lxwmC-d p .inp2 {padding-right: 15px;cursor: pointer; line-height: 2;} .lxwmC-d p .inp2 option {height: 50px;line-height: 30px; } .lxwmC-e p .sub {width: 100%;height: 54px; border:1px solid #2d67e7;background: #2d67e7;font-size: 16px;color:#fff;cursor: pointer; border-radius: 6px; padding-left:10px;font-size: 16px; color:#fff;} .lxwmC-e {float: right;width: 49%;} .lxwmC-d p {position: relative;} .lxwmC-d p.sign:after { content:'';width: 120px;background: url(../images/contact8.jpg) no-repeat 70px center #fff;position: absolute;right:1px;top:50%;margin-top:-7px;height: 16px;} @media(max-width: 1920px){ .jjfaxqA-b { width: 49%; padding-top:0px } .jjfaxqA-b .c { font-size: 16px; line-height: 1.6; } .contactB-b .top .t { margin-right:20%;} } @media(max-width: 1820px){ .jjfaxqA-b .c { font-size: 15px; line-height: 1.5; } .jjfaxqB-a:after { height: 78%; } .productA-c .mainTit .t { font-size: 30px; } .productA-d { margin-top:30px; } .ddxqA-c { padding-top:10px; } } @media(max-width: 1660px){ .jjfaxqA { padding:60px 0 90px; } .jjfaxqB { padding: 60px 0 50px; } .hzgaxqB { padding:60px 0 100px; } .hzgaxqB-b { padding:30px 40px 30px 280px; } .hzgaxqB-c { padding-left:30px; position: top:30px; width: 280px; } .jjfaxqB-c { float: left; width: 43%; } .jjfaxqB-a .swiper-button-next,.jjfaxqB-a .swiper-button-prev { bottom:30px; } .ggthA { padding:40px 0 60px; } .ddxqA { padding:60px 0 80px; } .cwxxA { padding:45px 0 85px; } .gltdB { padding:50px 0 80px; } .cwxxA .cwxxA-a .con { margin-top:25px; } .gltdA ul li a { padding:14px 0;height: 68px;} .gltdC ul li .con { padding:16px 20px 20px; } .gszlA .aboutE-d ul li .con .t { font-size: 16px;} .shzrA-a { padding: 50px 0 80px; } .newsA-d ul li { padding:30px 50px 30px 30px; } .newsA-d ul li .t { font-size: 20px; } .newsA-e ul li .d { margin: 12px 0 6px; font-size: 14px; } .newsA-e ul li .t { font-size: 16px; } .contactB-b .top { padding: 20px 0; padding-left:5%;} .contactB-b .top .t { margin-right:15%; font-size: 20px; } .contactB-b .middle { padding:20px 0 0px 5%; font-size: 16px;color:#333333; line-height: 2; } .contactB-b .bottom { padding:20px 0 40px 5%; } } @media(max-width: 1500px){ .jjfaxqA-b .c { font-size: 14px; line-height: 1.5; } .jjfaxqA-c { width: 48.875%; float: left; } .jjfaxqB-c .con .c { font-size: 14px; line-height: 1.6; } .hzgaxqA-d .con { font-size: 14px; line-height: 1.6; } .jjfaxqB-a:after { height: 75%; } .hzgaxqA-b a { font-size: 16px; padding: 10px 0; } .jbyssA { padding: 40px 0 60px; } .jbyssA-d .t { font-size: 22px; } .jbyssB-c ul li span.t { width: 70%; } .jbyssB { padding: 40px 0 60px; } .ddxqA-d { margin-top:30px; } .contactB-b .top .t { margin-right:6%; font-size: 20px; } } @media(max-width: 1400px){ .ddxqA-d { margin-top:20px; } .ddxqA-c .c { font-size: 15px; } .gltdB-b ul li a { padding:12px 0; font-size: 15px; width: 160px; } .gszlA .aboutE-d { margin-top:10px; } .newsA-d ul li { padding:20px 40px 20px 20px; } .newsA-d ul li .d { font-size: 15px; } .newsA-d ul li .t { font-size: 18px; margin: 6px 0 10px; } .newsA-d ul li .c { font-size: 15px; } .newsA-e ul li { padding: 12px; } .newsA-c { margin-top:30px; } .newsA { padding: 40px 0 50px; } .newsA-e ul li .t { overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; height: 42px; } .newsA-f { padding:15px;} .newsA-f .c { margin: 6px 0 20px; font-size: 16px; } .newsD-a ul li { padding: 16px 30px 16px 16px; } .newsD-d .t { font-size: 18px; } .newsD-d .c { max-height: 50px; font-size: 14px; margin: 5px 0 10px; line-height: 1.8; } .contactB-a { width: 40%; } .contactB .map #allmap { height: 600px; } .productA { padding:30px 0; } } @media(max-width: 1300px){ .jjfaxqB-a .swiper-button-next,.jjfaxqB-a .swiper-button-prev { bottom:10px;width: 40px;height: 40px; } .jjfaxqB-a .swiper-button-next:after,.jjfaxqB-a .swiper-button-prev:after { font-size: 16px; color:#999999; } .jjfaxqB-a .swiper-button-next { left:55px; right:auto; } .productA-b { width: 50%; } .productA-c { width: 50%; } .productA-c .con { margin-top:5px; } .productA-d { margin-top:20px; } .productA-c .mainTit .t { font-size: 24px; } .gltdC ul li .con { padding:16px 12px 20px; } .gszlA .aboutE-d ul li .con .t { width: 90%; } } @media(max-width: 1200px){ .hzgaxqA { padding: 40px 0 50px; } .jjfaxqA { padding:40px 0 50px; } .jjfaxqA-c { width: 100%; float: left; } .jjfaxqA-b .c { font-size: 16px; line-height: 1.6; } .jjfaxqA-b { width: 100%; margin-bottom:20px; } .jjfaxqB-a .swiper-container { padding-bottom:40px; } .jjfaxqB-c { margin-bottom:40px; width: 100%; } .jjfaxqB-c .con .c { font-size: 16px; line-height: 1.6; } .jjfaxqB-d { width: 100%; } .jjfaxqB-a .swiper-button-next,.jjfaxqB-a .swiper-button-prev { display: none; } .jjfaxqB-a:after { content:'';width: 80%;height: 45%;background: url(../images/jjfaxq7.png) no-repeat right bottom/cover; position: absolute; right:-7%; bottom:50px; } .hzgaxqA-b a { padding: 10px 40px; width: auto; font-size: 16px; } .hzgaxqB { padding:30px 0 50px; } .hzgaxqB-b { padding:16px 20px 16px 180px; } .hzgaxqB-c { padding-left:16px; top:25px; width: 180px; } .hzgaxqB-e .icon { right:20px; } .hzgaxqB-e .icon img { width: 40px; } .hzgaxqB-d .c { font-size: 14px; line-height: 1.6; } .jbyssB-c ul li { padding: 12px 10px; } .jbyssB-c { margin-top:20px; } .jbyssB-c ul li a {padding:6px 60px 6px 12px; right:10px;} .jbyssB-c ul li span.t { font-size: 16px; } .ggthA-d .inp,.ggthA-c input,.ggthA-c select,.ggthA-d .sub { height: 40px; } .shzrA-c { width: 75%; } .shzrA-b { width: 25%; } .newsA .hzgaxqA-b a { padding:10px 0; } .newsC-a { margin-top:10px; } .contactB-a { display: none; } .contactB-b .top .t { margin-right:0; font-size: 18px; } .contactB-b .top .icon { float: right; margin-right:5%; } .contactB-b .top .icon { display: none; } .contactC { padding:30px 0 50px; } .contactC-b { margin-top:20px; } .productA { padding:20px 0; } } @media(max-width: 1100px){ .contactB-b .top,.contactB-b .middle,.contactB-b .bottom { padding-left:2%; padding-right:2%; } } @media(max-width: 1000px){ .hzgaxqA-d { width: 100%; position: relative; left:0; top:0; transform: translateY(0);margin-bottom:20px; } .hzgaxqA-d .con { font-size: 16px; line-height: 1.8; } .hzgaxqA-e { width: 100%; } .detailB-a .mainMoreA { margin-top:20px; } .productA-b { width: 100%; } .productA-c { width: 100%; position: relative; top:0;transform: translateY(0); padding-top:30px; } .productA-c .con { margin-top:15px; } .productA-c ul li { width: 100%; height: auto; } .jbyssA-b ul li { padding: 30px 20px; } .jbyssA-d { width: 100%; position: relative; left:0; top:0; transform: translateY(0); } .jbyssA-e { width: 100%; margin-top:30px; } .jbyssA-b ul li:nth-child(2n) .jbyssA-d { left:0; right:0; } .jbyssB-c ul li span.t { width: 70%; } .jbyssB-c ul li span.d { display: none; } .jbyssB,.jbyssA { padding: 30px 0 40px; } .ggthA-c { width: 49%; } .ggthA-c:nth-child(2) { margin-right:0; float: right; } .ggthA-d { width: 100%; margin-top:15px; } .ddxqA { padding: 30px 0 40px; } .ddxqA-d { margin-top:15px; } .ddxqA-c { padding-top:0; width: 70%; } .cwxxA { padding:40px 0 60px; } .gltdB { padding:30px 0 40px; } .cwxxA .cwxxA-a .con { margin-top:20px; } .gltdB-b { width: 100%; margin-top:20px; } .gltdB-b ul li a { padding:12px 0; margin: 0 10px 10px 0 ; font-size: 16px; width: 160px; } .gltdC ul li { width: 32%; margin-right:2%; margin-bottom:2%;} .gltdC ul li:nth-child(4n) { margin-right:2%; } .gltdC ul li:nth-child(3n) { margin-right:0; } .gltdC { margin-top:15px; } .gszlA .aboutE-d ul li { width: 49%; margin-top:40px; } .gszlA .aboutE-d ul li:nth-child(3n) { margin-right:2%; } .gszlA .aboutE-d ul li:nth-child(2n) { margin-right:0; } .gszlA .aboutE-d ul li .con .t { width: 80%; } .newsA-e { display: none; } .newsA-d { width: 100%; } .newsA-d ul li { padding: 12px; } .newsA-d ul li .t { font-size: 16px; } .newsA-d ul li .c { font-size: 14px; max-height: 50px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .newsA .hzgaxqA-b ul {width: 100%;background: none; } .newsA .hzgaxqA-b ul li {width: 32%; margin: 0 2% 12px 0; } .newsA .hzgaxqA-b ul li:nth-child(3n) { margin-right:0; } .newsA .hzgaxqA-b a { width: 100%;background: #f1f3f4; } .newsA-d { padding: 30px 14px 50px; } .newsD-c { width: 35%; } .newsD-d { width: 61%; } .contactA ul {width: 100%; } .contactA ul li { width: 32%; margin-right:2%; } .contactA ul li:nth-child(3n) { margin-right:0; } .contactA ul li:nth-child(n+4) { margin-top:10px; } .contactA ul li a { display: block; text-align: center; padding:15px 0px; width: 100%; border:1px solid #e2e2e2; border-radius: 40px; } .contactA ul li.cur a,.contactA ul li:hover a { color:#fff; border-color:#476fff;background: #476fff; } .productA { padding:0; } } @media(max-width: 900px){ .gszlA .aboutE-d { padding-top:40px;} .gszlA .aboutE-d ul li { margin-top:0; } .shzrA-a { padding: 30px 0 50px; border:none; } .shzrA-c { width: 100%; } .shzrA-b { width: 100%; } .shzrA-b ul li { padding-bottom:12px; margin-bottom:20px; float: left; font-size: 16px; margin-right:20px; padding-left:0; } .shzrA-b ul li.cur, .shzrA-b ul li:hover { font-size: 16px; } .shzrA-b ul li.cur:after,.shzrA-b ul li:hover:after { content:'';width: 100%; height:2px;position: absolute; top:auto; left:0; bottom:0;background: #0c2873; } } @media(max-width: 750px){ .jjfaxqB { padding: 30px 0 40px; } .newsA { padding-top:30px; } .jjfaxqA-c .img:after { content:'';width: 120%;height: 140px;background: url(../images/jjfaxq2.png) repeat center; position: absolute; left:-5%; bottom:-20px; } .jjfaxqB-a:after { content:'';width: 80%;height: 35%;background: url(../images/jjfaxq7.png) no-repeat right bottom/cover; position: absolute; right:-7%; bottom:50px; } .hzgaxqA-b a { padding: 8px 20px; font-size: 14px; } .hzgaxqA-c { margin-top:30px;} .hzgaxqB-b { padding:12px 20px 12px 100px; } .hzgaxqB-c { padding-left:16px; top:25px; width: 100px; } .hzgaxqB-e .icon { display: none;} .hzgaxqB-c .c { font-size: 16px; } .hzgaxqB-d { padding-left:15px; } .jbyssA-b ul li { padding: 20px 12px; } .jbyssA-b { margin-top:20px;} .cwxxA .cwxxA-a .con { max-width: 100%; overflow-x: scroll; } .mewsB-f a.mainMoreA { width: 100%; } .lxwmC-e,.lxwmC-d {width: 100%; } .lxwmC-d p .inp1,.lxwmC-e p .sub { height: 42px; } .lxwmC-e p .inp1 { height: 180px; } } @media(max-width: 650px){ .hzgaxqA-b ul { background: none; } .hzgaxqA-b ul li { display: inline-block; } .hzgaxqA-b ul li a { background: #f1f3f4; margin: 5px 0; } .jbyssB-c ul li { padding: 8px 0; } .jbyssB-c ul li span.t { font-size: 14px; } .jbyssB-c ul li a { right:0px;} .gltdC ul li { width: 49%; } .gltdC ul li:nth-child(3n) { margin-right:2%; } .gltdC ul li:nth-child(2n) { margin-right:0; } .contactA { padding:20px 0; } .newsD-a ul li { padding: 12px 20px 12px 12px; } .newsD-d .t { font-size: 18px; } .newsD-d .c { max-height: 25px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; font-size: 14px; margin: 3px 0 5px; line-height: 1.8; } .search span.iconB {margin-right: 0px;} } @media(max-width: 550px){ .ggthA-d .sub { background: url(../images/ggthb.png) no-repeat 22px center #8195b9; padding-left:46px;width: 100px; border:1px solid #e2e2e2; } .ddxqA-b {width: 100%; margin-bottom:20px; } .ddxqA-c { width: 100%; } .gltdB-b ul li { width: 49%; } .gltdB-b ul li:nth-child(2n) { float: right; } .gltdB-b ul li a { margin-right:0; width: 100%; } .contactA ul li a { padding: 10px 0; } } @media(max-width: 500px){ .gszlA .aboutE-d ul li { width: 100%; margin-right:0; } .shzrA-b ul { } .shzrA-b ul li { border-bottom:1px solid #e2e2e2; width: 33.3333%; margin-right:0; text-align: center; padding-bottom:0; } .shzrA-b ul li a { display: inline-block; position: relative; padding-bottom:12px; } .shzrA-b ul li.cur:after,.shzrA-b ul li:hover:after { display: none; } .shzrA-b ul li.cur a:after,.shzrA-b ul li:hover a:after{ content:'';width: 100%; height:2px;position: absolute; top:auto; left:0; bottom:-1px;background: #0c2873; } .shzrA-b ul li:last-child:before { content:'';width: 300%;height: 1px;background: #e2e2e2; position: absolute; left:0;bottom:-1px; } .newsD-d .newsD-e a { margin-right:10px; } } @media(max-width: 450px){ .jbyssB-c ul li span.t { width: 60%; } .jjfaxqB-a:after { content:'';width: 80%;height: 25%;background: url(../images/jjfaxq7.png) no-repeat right bottom/cover; position: absolute; right:-7%; bottom:50px; } .gltdC ul li { width: 100%; margin-bottom:20px; } .gltdC ul li:nth-child(4n) { margin-right:0; } .newsA .hzgaxqA-b ul li {width: 49%; margin: 0 2% 0px 0; } .newsA .hzgaxqA-b ul li:nth-child(3n) { margin-right:2%; } .newsA .hzgaxqA-b ul li:nth-child(2n) { margin-right:0; } } @media(max-width: 400px){ .ggthA-c input { padding-left:40px; background: url(../images/ggtha.png) no-repeat 12px center; } .gszlA .aboutE-d ul li { height: 160px; } .gszlA .aboutE-d ul li .con .t { width: 90%; } .newsD-d .newsD-e a { margin-right:5px; } .newsD-a ul li { padding: 10px; } .newsD-d .newsD-e a.icon3 { margin-right:0; } .contactB-b .middle { font-size: 14px; } } .homemainMoreA { color:#fff; margin-top:45px; } .homemainMoreA:after { background: url(../images/hztyxq3bg.png) no-repeat center; } .homemainMoreA { background:url(../images/hztyxq1bg.png) repeat-y right; color:#fff; } @media(max-width: 1400px){ .homemainMoreA { margin-top:25px; } } @media(max-width: 1000px){ .homemainMoreA { margin-top:20px; } } /*2020-11-25新增-投资者日历*/ .tzzrlA { padding: 80px 0 60px; background: #fff; position: relative; } .tzzrlA-e { text-align: center; z-index: 1; bottom:100px; position: absolute; left:50%; transform: translateX(-50%); } .tzzrlA-e p {width: 200px; font-size: 14px;color:#666666; margin-top:10px; } .tzzrlA-e p a { color:#666666; } .tzzrlA-a { position: relative; } .tzzrlA-b .swiper-container { position: relative; padding-bottom:160px; } .tzzrlA-c {height: 100px;position: relative;background: url(../images/swibg.png) no-repeat center 30px;-webkit-background-size: 100% 12px;background-size: 100% 12px;} .tzzrlA-c .tit { position: top:0; width: 100%; } .tzzrlA-c:after { content:'';width: 7px;height: 7px; border-radius: 3px;background: #aaaaaa; position: absolute; left:50%; margin-left:-3px; top:38px; } .tzzrlA-c .con { background: #fff; display: none; position: absolute; left:50%; margin-left:-90px; top:60px; } .tzzrlA-b .swiper-container .swiper-slide:nth-child(n+4) .tzzrlA-c .tzzrlA-d { left:auto; right:50%; margin-left:auto; margin-right:40px; } .tzzrlA-c .tzzrlA-d { background: #fff; position: relative; display: block; padding:25px; border-radius: 4px; border:1px solid #e2e2e2; min-width: 400px; } .tzzrlA-c .tzzrlA-d:after { content:'';width: 15px;height: 9px;background: url(../images/jt.jpg) no-repeat center;position: absolute; top:-9px; left:82px; } .tzzrlA-b .swiper-container .swiper-slide:nth-child(n+4) .tzzrlA-c .tzzrlA-d:after{ left:auto; right:82px; } .tzzrlA-c .con .t { font-size: 18px;color:#999999; } .tzzrlA-c .con .c { font-size: 16px; margin-top:5px; line-height: 1.5; color:#333333; } .tzzrlA-b .swiper-container .swiper-slide:hover { z-index: 10; } .tzzrlA-b .swiper-container .swiper-slide:hover .con {z-index: 100000; display: block; } .tzzrlA-b .swiper-container .swiper-slide:hover .tzzrlA-c:after { background: #486ffe; } .tzzrlA-c .tit { font-size: 18px;color:#666666; text-align: center; } .tzzrlA-c .tit.icon1 span { display: inline-block; padding-left:15px;background: url(../images/i1.png) no-repeat left center; } .tzzrlA-c .tit.icon2 span { display: inline-block; padding-left:15px;background: url(../images/i2.png) no-repeat left center; } .tzzrlA-c .tit.icon3 span { display: inline-block; padding-left:15px;background: url(../images/i3.png) no-repeat left center; } .tzzrlA-e .mainMoreA:after { background: url(../images/hztyxq3bg.png) no-repeat center; } .tzzrlA-e .mainMoreA { background:url(../images/hztyxq1bg.png) repeat-y right #032b71; border-color:#032b71; color:#fff; } .tzzrlB { padding:90px 0 100px; } .tzzrlB-b { margin-top:48px; } .tzzrlB-c { border-bottom:1px solid #e2e2e2; } .tzzrlB-d { float: left; } .tzzrlB-d ul li { float: left; margin-right:30px; } .tzzrlB-d ul li a { vertical-align: top; display: block; padding: 16px 0; font-size: 16px;color:#333; position: relative; } .tzzrlB-d ul li.cur a:after,.tzzrlB-d ul li:hover a:after { content:'';width: 100%;height: 2px;background: #486ffe; position: absolute; left:0; bottom:-1px; } .tzzrlB-d ul li:nth-child(2) a { padding-left:16px;background: url(../images/i1.png) no-repeat left center; } .tzzrlB-d ul li:nth-child(3) a { padding-left:16px;background: url(../images/i2.png) no-repeat left center; } .tzzrlB-d ul li:nth-child(4) a { padding-left:16px;background: url(../images/i3.png) no-repeat left center; } .tzzrlB-e { position: relative; float: right; } .tzzrlB-e p { font-size: 16px;color:#333333; height: 53px; overflow: hidden; line-height: 53px; } .tzzrlB-e p span { display: inline-block; color:#476fff;padding:0 20px 0 5px; margin-right:12px; background: url(../images/xjt.png) no-repeat right center; } .tzzrlB-e dl { display: none; padding: 20px 20px; position: absolute; right:0;width: 200px;background: #fff; box-shadow: 0px 1px 8px 0px rgba(235, 235, 235, 0.4); top:52px; } .tzzrlB-e dl dd { float: left; width: 50%; margin-bottom:15px; text-align: center; } .tzzrlB-e dl dd a { display: inline-block; padding: 4px 16px; border-radius: 20px; font-size: 18px;color:#333333; border:1px solid #fff; } .tzzrlB-e dl dd:hover a,.tzzrlB-e dl dd.cur a { border:1px solid #476fff; color:#476fff;} .tzzrlB-e:hover dl { z-index: 100; display: block; } .tzzrlC { margin-top:40px; } .tzzrlC ul li { padding: 16px 35px; background: #fff; margin-bottom:20px; } .tzzrlC ul li .d { float: left; font-size: 16px;color:#333333; line-height: 30px; } .tzzrlC ul li .t {overflow: hidden; text-overflow: ellipsis;white-space: nowrap; float: left; width: 60%; margin-left:70px; font-size: 16px;color:#333333; line-height: 30px; } .tzzrlC ul li a.dow { float: right; padding-right:26px; background: url(../images/dow.png) no-repeat right center; font-size: 14px;color:#999999; line-height: 30px; } .tzzrlC ul li:nth-child(n) .d { padding-left:16px;background: url(../images/i1.png) no-repeat left center; } .tzzrlC ul li:nth-child(2n) .d { padding-left:16px;background: url(../images/i2.png) no-repeat left center; } .tzzrlC ul li:nth-child(3n) .d { padding-left:16px;background: url(../images/i3.png) no-repeat left center; } .tzzrlC ul li:hover .d,.tzzrlC ul li:hover .t,.tzzrlC ul li:hover a.dow { color:#476fff; } @media(max-width: 1000px){ .tzzrlA { padding: 40px 0 20px;} .tzzrlB { padding:50px 0 80px; } .tzzrlC { margin-top:20px; } .tzzrlC ul li { padding: 12px 20px; margin-bottom:12px; } .tzzrlC ul li .t { margin-left:20px; width: 45%; } .tzzrlB-b { margin-top:20px; } } @media(max-width: 750px){ .tzzrlB { padding:30px 0 50px; } .tzzrlA-b .swiper-container .swiper-slide:nth-child(n+3) .tzzrlA-c .tzzrlA-d:after{ left:auto; right:82px; } .tzzrlA-b .swiper-container .swiper-slide:nth-child(n+3) .tzzrlA-c .tzzrlA-d { left:auto; right:50%; margin-left:auto; margin-right:40px; } } @media(max-width: 640px){ .tzzrlB-d ul li { margin-right:15px; } .tzzrlB-d { margin-top:10px; width: 100%; } } @media(max-width: 450px){ .tzzrlA { padding: 40px 0 0px;} .tzzrlA-b .swiper-container { padding-bottom:140px; } .tzzrlA-c .con { left:50%; margin-left:-150px; } .tzzrlA-b .swiper-container .swiper-slide:nth-child(n+4) .tzzrlA-c .tzzrlA-d { left:50%; margin-left:-150px; right:auto; margin-right:auto; } .tzzrlA-c .tzzrlA-d { padding:20px 15px; min-width: auto; width: 300px; box-sizing: border-box; } .tzzrlA-c .tzzrlA-d:after { content:'';width: 15px;height: 9px;background: url(../images/jt.jpg) no-repeat center;position: absolute; top:-9px; left:50%; margin-left:-7px; } .tzzrlA-b .swiper-container .swiper-slide:nth-child(n+4) .tzzrlA-c .tzzrlA-d:after{ left:auto; right:82px; } .tzzrlC ul li .t { margin-left:10px; width: 40%; } } @media(max-width: 390px){ .tzzrlC ul li { padding:10px 8px; } .tzzrlC ul li .t { margin-left:10px; width: 35%; } } .detailB-a .mainMoreB:hover { background: #032b72; } .mainMoreB { background: #032b72; color:#fff!important; } .mainMoreB:after { margin-top:0px; background: url(../images/morebgx.png) no-repeat right center;-webkit-background-size: auto 100%;background-size: ; height: 100%; width: 100px; right:0; transform: translateY(0); top:0; } .mainMoreB { vertical-align: top; right:0; background-size: auto 101%; border:none; color:#fff; } .mainMoreB:hover:after { margin-top:0px; background: url(../images/morebgx.png) no-repeat right center;-webkit-background-size: auto 100%;background-size: ; height: 100%; width: 100px; right:0; transform: translateY(0); top:0; } .mainMoreB:hover { background: #032b72; } .mainMoreC:before { display: none!important; } /*首页响应样式*/ .backTop { display: none; position: fixed; bottom:30px; right:30px; z-index: 1000; } .mHomeA { background: #002774; position: relative;} .mHomeA-a { position: absolute; width: 100%; left:0; top:0; } .mHomeA-b { position: relative; z-index: 10; padding:160px 2% 170px; background: url(../images/ma2.png) no-repeat center/cover; } .mHomeA-d .tit .t { font-size:46px;color:#fff;line-height: 56px;font-family: SourceHanSansCN-Light; font-weight: lighter; } .mHomeA-d .tit .t1 { letter-spacing: 18px; } .mHomeA-d .con { font-size: 17px;color:#fff;line-height: 1.8;margin-top:18px; } .mHomeA-e { margin-top:30px; } .homemore { margin-top:40px; } .homemore span { text-align: center; cursor: pointer; display: inline-block; font-size: 14px;color:#fff; text-transform: uppercase; font-family: "Arial";width: 141px;line-height: 141px; position: relative; } .homemore span:after { content:'';width: 100%;height: 100%;background: url(../images/homemorea.png) no-repeat center/cover;position: absolute; left:0; top:0; } .mhomemore span:after{-webkit-animation:haha1 5s linear infinite;} @-webkit-keyframes haha1{ 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);} } .mHomeB { background: #002774; padding:120px 2% 80px; } .mHomeB-a .con { } .mHomeB-a .con p { font-size: 46px;color:#fff;line-height: 1.4;font-family: SourceHanSansCN-Light; font-weight: lighter; } .mHomeB-b p { margin-top:-50px; text-align: center; } .mHomeB-b p img { width: 40%; max-width: 100%; } .mHomeC { padding:200px 0 200px;background: url(../images/cbg.png) no-repeat top center #2248b3; -webkit-background-size: 100% auto;background-size: 100% auto; } .mHomeC-b { margin-top:140px; } .mHomeC-b p { text-align: center; font-size: 46px;color:#fff;font-family: SourceHanSansCN-Light; font-weight: lighter; } .mHomeC-b p.xiaozi{font-size: 16px;margin-top: 20px;} .mHomeC-b p.sign { letter-spacing: 18px; padding-left:12px; } .mHomeC .mhomemore { margin:40px auto 0; text-align: center; } .mHomeD { position: relative; padding:150px 2% 650px; background: url(../images/mdbg.jpg) no-repeat bottom center #2248b3;-webkit-background-size: 100% auto;background-size: 100% auto; } .mHomeD-a { text-align: center; } .mHomeD-a .t { font-size: 46px;color:#fff;font-family: SourceHanSansCN-Light; font-weight: lighter; } .mHomeD-a .con { font-size: 17px; line-height: 1.8; margin:20px auto; color:#fff; text-align: justify; } .mHome,.mBanner { display: none; } @media(max-width: 1000px){ .banner .swiper-slide .con { bottom:80px; } .mHome,.mBanner { display: block; } .pcHome,.pcBanner,.leftNav { display: none; } .banner .swiper-slide .con { left:2%; } .banner .swiper-slide .con .t2 { font-size: 48px; } .banner .swiper-pagination { padding-left:2%; text-align: left; bottom:40px; } .banner .swiper-pagination .swiper-pagination-bullet {width: 15px;height: 15px; margin: 0 12px 0 0;background: url(../images/pagea.png) no-repeat center;opacity: 0.5; } .banner .swiper-pagination .swiper-pagination-bullet-active { background: url(../images/pageb.png) no-repeat center; opacity: 1; } } @media(max-width: 640px){ .banner .swiper-slide .con { width: 96%; text-align: left; } .banner .swiper-slide .con .c { text-align: left; } .banner .swiper-slide .con .t2 { font-size: 36px; line-height: 1.2; } .mHomeB-a .con p { font-size: 32px; } .mHomeC { padding:160px 0;} .mHomeC-b { margin-top:80px; } .mHomeC-b p { font-size: 40px; } .mHomeC-b p.sign { letter-spacing: 15px; padding-left:10px; } .mHomeC .mhomemore { margin:40px auto 0; } .mHomeD-a .t { font-size: 40px; } .mHomeD-a .con { font-size: 16px; } } @media(max-width: 540px){ .mHomeC { padding:100px 0;} .mHomeC-b { margin-top:60px; } .mHomeC-b p { font-size: 36px; } .mHomeC-b p.sign { letter-spacing: 15px; padding-left:10px; } .mHomeC .mhomemore { margin:40px auto 0; } .mHomeD { padding: 100px 2% 400px; } .mHomeD-a .t { font-size: 30px; } .mHomeD-a .con { font-size: 16px; } } @media(max-width: 500px){ .mHomeA-b { padding:100px 2% 120px; } .mHomeB { padding:80px 2% 60px; } .mHomeA-d .tit .t { font-size:36px; ;line-height: 1.4; } .mHomeA-d .tit .t1 { letter-spacing: 14px; } .mHomeA-d .con { font-size: 16px; margin-top:14px; } .homemore { margin-top:40px; } .homemore span { font-size: 12px;width: 100px;height: 100px;line-height: 100px; } .mHomeB-a .con p { font-size: 24px;line-height: 1.8; } .mHomeC { padding:60px 0;} .mHomeC-b { margin-top:50px; } .mHomeC-b p { font-size: 30px; } .mHomeC-b p.sign { letter-spacing: 12px; padding-left:8px; } .mHomeC .mhomemore { margin:30px auto 0; } } @media(max-width: 480px){ .mHomeA-b { padding:60px 2% 70px; } .mHomeB { padding:40px 2% 40px; } .banner .swiper-slide .con .t2 { font-size: 30px; } .mHomeD { padding: 60px 2% 240px; } .mHomeD-a .t { font-size: 30px; } .mHomeD-a .con { font-size: 16px; } } @media(max-width: 420px){ .mHomeC-b p, .mHomeD-a .t { font-size: 24px; } .mHomeC-b p.sign { letter-spacing: 10px; padding-left:6px; } .mHomeB-a .con p { font-size: 20px; } } @media(max-width: 380px){ .mHomeA-d .tit .t { font-size:31px; } .mHomeA-d .tit .t1 { letter-spacing: 12px; } .banner .swiper-slide .con .t2 { font-size: 24px; } .mHomeB-a .con p { font-size: 18px; } } .topNav.fixed-head{ z-index: 999;position: fixed;top: 0;margin-top:0;width: 100%; left:0; background: rgba(0,36,110,1); padding: 24px 3% 0; transition: All .4s ease;-webkit-transition: All .4s ease;-moz-transition: All .4s ease;-o-transition: All .4s ease;-webkit-animation: headerFix 1s ease 1;animation: headerFix 1s ease 1;} @media(max-width: 750px){ .topNav.fixed-head { padding:14px 2% 0; } } @-webkit-keyframes headerFix { from { -webkit-transform: translateY(-100%); } to { -webkit-transform: translateY(0); } } @keyframes headerFix { from { transform: translateY(-100%); } to { transform: translateY(0); } } .kongJ { margin-top:40px; } .newsA .newsA-d .ggthA-c{ width: 40%; } .newsA .newsA-d .ggthA-d{ width: 58%; } .newsA .newsA-d .newsC-a{ margin-top: 15px; margin-bottom: 25px; } /*定期报告*/ .dingqi{ background: #f9f9f9; padding: 75px 0 75px; } .dingqi .t{ float: left; font-size: 30px; color: #002774; padding-left: 28px; background: url(../images/detaila.png) no-repeat left center; } .dingqi .c{ float: right; margin-top: 8px; } .dingqi .dingqi_lb { padding-top: 30px; margin-top: 20px; border-top: 1px solid #ededed; } .dingqi .dingqi_lb li{ float: left; width: 24%; margin-right: 1.33%; padding: 26px; margin-bottom: 30px; background: #fff; } .dingqi .dingqi_lb li:nth-child(4n){ margin-right: 0; } .dingqi .dingqi_lb li .img{ line-height: 0; border:1px solid #eaeaea; } .dingqi .dingqi_lb li .text{ text-align: center; padding-top: 0.26rem; font-size: 18px; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .dingqi .c .box{ position: relative; } .dingqi .c .box .wenzi{ font-size: 16px; color: #333333; } .dingqi .c .box .wenzi #nf{ color: #476fff; font-size: 20px; margin: 0 20px; padding-right: 40px; cursor: pointer; position: relative; font-weight: bold; } .dingqi .c .box .wenzi #nf:before{ background: url(../images/dingqi_icon.png)center center/cover; width: 10px; height: 6px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: ""; } .dingqi .c .box .box_nr{ position: absolute; top: 58px; right: 0; background: #fff; padding: 22px 24px 10px; display: none; } .dingqi .c .box .box_nr li{ float: left; width: 45%; text-align: center; font-size: 18px; color: #666666; line-height: 28px; margin-bottom: 10px; border:1px solid #fff; cursor: pointer; margin-right: 10%; } .dingqi .c .box .box_nr li:nth-child(1){ font-size: 16px; } .dingqi .c .box .box_nr li:nth-child(2n){ margin-right: 0; } .dingqi .c .box .box_nr li.cur,.dingqi .c .box .box_nr li:hover{ border:1px solid #bfcdff; color: #476fff; border-radius: 25px; } .jianbao .dingqi_lb li{ margin-bottom: 25px; } .yanshi .dingqi_lb li:hover{ box-shadow: 1px 1px 11px 3px rgba(0,0,0,0.1); } /*2020-12-31新增人力资源样式*/ .addJoin { margin-top:50px; } .addJoin ul li { background: #fff; float: left; width: 32%; margin-right:2%; } .addJoin ul li:last-child { margin-right:0; } .addJoin ul li .img { position: relative; } .addJoin ul li .img img {width: 100%;height: auto; vertical-align: top;} .addJoin ul li .img:after { content:'';width: 100%;height: 100%; position: absolute; left:0; top:0;background: url(../images/ddJoinf.png) no-repeat center/cover; } .addJoin ul li .con { padding:25px 20px 35px; } .addJoin ul li .con .t { font-size: 22px;color:#0c2873; } .addJoin ul li .con .c { text-align: justify; font-size: 14px;color:#3e4145; line-height: 1.6; margin-top:10px; } .addJoinB { padding-bottom:80px;} .addJoinB ul li { float: left; width: 49%; } .addJoinB ul li:last-child { float: right; } .addJoinB ul li .img { position: relative; } .addJoinB ul li .img img { vertical-align: top; } .addJoinB ul li .con { position: absolute; width: 100%; text-align: center; left:0; top:50%; transform: translateY(-50%); } .addJoinB ul li .con .t { font-size: 40px;color:#fff; } @media(max-width: 1480px){ .addJoin { margin-top:40px; } .addJoin ul li .con { padding:20px 12px 25px; } .addJoin ul li .con .t { font-size: 20px; } .addJoinB { padding-bottom:60px;} .addJoinB ul li .con .t { font-size: 32px; } } @media(max-width: 1000px){ .addJoin ul li { width: 100%; margin-right:0; margin-bottom:20px; } .addJoinB ul li .con .t { font-size: 28px; } } @media(max-width: 640px){ .addJoin ul li .con { padding:15px 10px 25px; } .addJoin ul li { margin-bottom:10px; } .addJoinB { padding-bottom:50px;} .addJoinB ul li { width: 100%; margin: 6px 0; } .topNavR .menu span { font-size:0px;} .footerB-c img { width:194px;} .topNavR .menu { padding-top:16px; background: url(../images/menu.png) no-repeat center; } } .about_college_detail h2{font-weight: initial;font-size:20px;margin-bottom:10px;} /*2020-01-08新增页面样式*/ /*搜索结果页*/ .searchResurlt { text-align: center; padding-bottom:100px; } .searchResurltA form {margin: 0 auto; position: relative;background: rgba(255,255,255,0.2); overflow: hidden; padding-left:40px; border-radius: 40px;height: 70px;width: 80%; } .searchResurltA form .inp { float: left;width: 90%;font-size: 18px;color:#ffffff;background: none;border:none;outline: none;height: 70px; } .searchResurltA form .sub {height: 70px;line-height: 68px;width: 154px; position: absolute; right:0; top:0;background: none; border:none;font-size: 16px;color:#fff;text-align: left; padding-left:72px; background: url(../images/search.png) no-repeat 46px center; } .searchResurltA form .inp::-webkit-input-placeholder {color: #ffffff;} .searchResurltA form .inp:-moz-placeholder {color: #ffffff;} .searchResurltA form .inp::-moz-placeholder {color: #ffffff;} .searchResurltA form .inp::-ms-input-placeholder {color: #ffffff;} .searchResurltA p { width: 80%; margin:25px auto 0; text-align: left; padding-left:30px; font-size: 16px; color:rgba(255,255,255,0.6); } .searchResurltA p a { display: inline-block; margin: 0 10px 0 10px; color:rgba(255,255,255,0.6); } .searchResurltB { padding:110px 0 70px; } .searchResurltB-b { float: left; } .searchResurltB-a .mainTit .c { color:#999999; } .searchResurltB-a .mainTit .c span { color:#333333; } .searchResurltB-c { float: right; margin-top:18px; } .searchResurltB-c ul { border-radius: 50px; background: #fff; display: inline-block; } .searchResurltB-c ul li { float: left; } .searchResurltB-c ul li a { font-size: 16px;color:#333333; border-radius: 50px; display: inline-block; padding:16px 36px; } .searchResurltB-c ul li a span { color:#486fff; } .searchResurltB-c ul li.cur a,.searchResurltB-c ul li:hover a { background: #486fff; color:#fff; } .searchResurltB-c ul li.cur a span,.searchResurltB-c ul li:hover a span { background: #486fff; color:#fff; } .searchResurltB-d { margin-top:60px; } .searchResurltB-d ul li { display: none; } .searchResurltB-d ul li.cur { display: block; } .searchResurltB-h dl dd { position: relative; margin-bottom:10px; background: #fff; padding:40px; } .searchResurltB-h dl dd .mainCon { padding-left:160px; position: relative; } .searchResurltB-h dl dd .tit { position: absolute; top:0px; left:0; } .searchResurltB-h dl dd .tit a { display: inline-block; padding:3px 8px; border-radius: 4px; background: #ccd5e3; font-size: 14px;color:#032b71; } .searchResurltB-h dl dd .con .t {overflow: hidden;white-space: nowrap;text-overflow: ellipsis; display: block; color: #333333; font-size: 18px;height: 30px;line-height: 26px; overflow: hidden; } .searchResurltB-h dl dd .c { font-size: 15px;color:#666666; margin-top:10px;line-height: 24px;height: 48px; overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; } .searchResurltB-h dl dd:hover .tit { background: #dae2ff; } .searchResurltB-h dl dd:hover .tit a,.searchResurltB-h dl dd:hover .con a { color: #486fff; } @media(max-width: 1680px){ .searchResurltB { padding:80px 0 60px; } .searchResurltB-h dl dd .mainCon { padding-left:150px; } .searchResurltB-d { margin-top:50px; } .searchResurltB-h dl dd { padding:30px; } } @media(max-width: 1480px){ .searchResurltB { padding:60px 0 40px; } .searchResurltB-d { margin-top:40px; } .searchResurltB-h dl dd { padding:20px; } .searchResurltB-h dl dd .mainCon { padding-left:140px; } } @media(max-width: 1280px){ .searchResurltB { padding:30px 0 40px; } .searchResurltA form { padding-left:20px; border-radius: 40px;height: 50px; } .searchResurltA form .inp { font-size: 16px; height: 50px; } .searchResurltA form .sub {height: 50px;line-height: 48px;width: 100px; padding-left:46px; background: url(../images/search.png) no-repeat 22px center; } .searchResurltA p { padding-left:10px; } .searchResurlt { padding-bottom:60px; } .searchResurltB-c { width: 100%; margin-top:30px; } .searchResurltB-d { margin-top:30px; } } @media(max-width: 1000px){ .searchResurltA form { padding-left:20px; border-radius: 40px;height: 50px; } .searchResurltA form .inp { font-size: 16px; height: 50px; } .searchResurltA form .sub {height: 50px;line-height: 48px;width: 100px; padding-left:46px; background: url(../images/search.png) no-repeat 22px center; } .searchResurltA p { padding-left:0; text-align: center; margin-top:15px; } .searchResurlt { padding-bottom:20px; } } @media(max-width: 750px){ .searchResurltA form { width: 90%; } .searchResurltA p { width: 96%; } .searchResurltB-c ul li a { padding:12px 26px; } .searchResurltB-h dl dd .con .t { font-size: 16px; } .searchResurltB-h dl dd .c { margin-top:5px; } .searchResurltB-d { margin-top:20px; } } @media(max-width: 640px){ .searchResurltA form { width: 90%; } .searchResurltA p { font-size: 14px; } .searchResurltA p a { margin: 0 5px; } .searchResurltB-c ul li a { padding:10px 16px; font-size: 14px; } } @media(max-width: 500px){ .searchResurltA form { height: 40px; } .searchResurltA form .inp { font-size: 14px; height: 40px; } .searchResurltA form .sub {height: 40px;line-height: 38px; font-size: 14px;} .searchResurltB-c { margin-top:15px; } .searchResurltB-c ul {background: none; } .searchResurltB-c ul li {background: #fff; margin: 5px 0; border-radius: 50px; width: 49%; text-align: center; } .searchResurltB-c ul li:nth-child(2n) { float: right; } .searchResurltB-c ul li a { width: 100%; } .searchResurltB-h dl dd { padding:18px 12px; } .searchResurltB-h dl dd .mainCon { padding-left:0; } .searchResurltB-h dl dd .mainCon .tit { position: relative; margin-bottom:10px; } } /*联系我们页面改版*/ .addContact { padding:80px 0 100px; } .addContactA-b { float: left; width: 71.25%; padding:50px 55px;background: #fff; } .addContactA-b .mainTit .c { line-height: 1.8; margin-top:10px; } .addContactA-b .mainTit .c a { color:#476fff; } .addContactA-c { margin-top:50px; } .addContactA-c ul li { margin-bottom:30px; } .addContactA-c ul li .t { font-size: 20px;color:#333333; } .addContactA-c ul li .t span { color:#ff134b; } .addContactA-c ul li .c { margin-top:10px; font-size: 14px;color:#333333; } .addContactA-d {margin-top:10px; background: #f9f9f9; border:1px solid #e8e8e8; border-radius: 2px; } .addContactA-e { padding:60px 40px 40px 35px; position: relative; } .addContactA-e .tit { position: absolute; left:40px; top:33px; font-size: 16px;color:#333333; } .addContactA-e p { font-size: 16px;color:#666666; margin-bottom:10px; } .addContactA-e p.sign i { font-size: 14px;color:#999999; font-style: normal; } .addContactA-e p span { width: 24px; display: inline-block;min-height: 5px; } .addContactA-e .text {padding-left:24px;} .addContactA-e .text input {width: 100%;height: 46px; border:1px solid #eee; font-size: 14px;color:#999999; padding-left:22px; } .addContactA-f input { font-size: 16px;width: 100%; border:none; outline: none;background: none; padding-left:20px; height: 60px; box-sizing: border-box; border-radius:3px; margin-left: 20px;} .addContactA-f .testB-b { float: left; width: calc(100% - 200px); } .addContactA-f .testB-a p { font-size: 16px;color:#666666; padding:20px 0 20px 20px; } .addContactA-f .testB-a{ padding-right:20px; position: relative;} .addContactA-f .testB-a:after{ content:'';width: 12px;height: 7px;background: url(../images/jthui.png) no-repeat center; position: absolute; right:20px; top:50%; margin-top:-3px; } .addContactA-f .testB-a dl { padding: 15px 20px; display: none; border:1px solid #eee; z-index:100;background: #fff; width: 100%; position: absolute; left:0; top:60px;} .addContactA-f .testB-a dl dd { cursor: pointer;line-height: 2; font-size: 16px; color:#666; } .addContactA-g { float: left; width: 30%; } .addContactA-h { float: right;width: 68%; } .addContactA-i { padding: 20px 20px; } .addContactA-i span { font-size: 16px;color:#333;display: none; } .addContactA-i span i { display: inline-block; width: 10px; font-size: 16px;color:#ff134b; } .addContactA-i input {width: 80%;background: none; border:none; outline: none; font-size: 16px;color:#999999; } .ibanner { overflow: hidden; } .addContactA-k { position: relative; float: right; padding:48px 0 0 0;background: #022b71;width: 26%; } .addContactA-k .mainTit .t { padding:6px 0 6px 40px; position: relative; background: url(../images/add2021.png) no-repeat left center;-webkit-background-size: auto 100%;background-size: auto 100%; color:#fff; } .addContactA-k .mainTit .t:before { content:'';width: 13px;height: 13px; position: absolute; left:-7px; top:50%; margin-top:-7px; background: url(../images/hztyxq2.png) no-repeat center; } .addContactA-l { position: relative; } .addContactA-l:after { content:'';width: 145px;height: 215px;background: url(../images/add2020a.png) no-repeat center/cover; position: absolute; right:0; top:-100px; } .addContactA-k dl { padding:15px 40px; } .addContactA-k dl dd { padding:35px 0; border-top:1px solid #143a7a; } .addContactA-k dl dd .t { font-size: 19px;color:#ffffff; } .addContactA-k dl dd .c { margin-top:10px; font-size: 15px;color:#ffffff; line-height: 2; } .addContactA-l { background: #476fff; padding:40px; } .addContactA-l .t { font-size: 40px;color:#fff; margin-bottom:10px; } .addContactA-l .c { font-size: 15px;color:#fff; } .addContactA-c .sub {width: 196px;height: 60px; margin-top:10px; border:none;background: #022b71; font-size: 16px;color:#fff; border-radius: 4px; } @media(max-width: 1800px){ .addContactA-k { padding-top:30px; } .addContactA-k .mainTit .t { padding-left:30px; } .addContactA-k dl { padding:15px 30px; } .addContactA-k dl dd { padding: 25px 0; } .addContactA-l { padding: 30px; } } @media(max-width: 1680px){ .addContact { padding: 60px 0 80px; } .addContactA-b { padding: 40px 45px; } .addContactA-c { margin-top:40px; } } @media(max-width: 1480px){ .addContact { padding: 40px 0 60px; } .addContactA-b { padding: 30px 35px; } .addContactA-c { margin-top:30px; } .addContactA-e { padding:20px 30px 30px 80px; } .addContactA-e .tit { top:20px; left:30px; } .addContactA-f .testB-a p { padding:15px 0 15px 20px; } .addContactA-i { padding: 15px 20px; } .addContactA-f input { height: 50px; } .addContactA-c ul li { margin-bottom:20px; } .addContactA-k dl dd .t { font-size: 16px; } .addContactA-k dl dd .c { font-size: 14px; } .addContactA-k { padding-top:20px; } .addContactA-k .mainTit .t { padding-left:20px; } .addContactA-k dl { padding:15px 20px; } .addContactA-k dl dd { padding: 20px 0; } .addContactA-l { padding: 20px; } .addContactA-c .sub {width: 156px;height: 50px; margin-top:0px; } } @media(max-width: 1280px){ .addContact { padding: 30px 0 40px; } .addContactA-b { padding: 20px 25px; } .addContactA-c { margin-top:20px; } .addContactA-e { padding:45px 30px 30px 25px; } .addContactA-e .tit { top:20px; left:30px; } .addContactA-f .testB-a p { padding:15px 0 15px 20px; } .addContactA-i { padding: 15px 20px; } .addContactA-f input { height: 50px; } .addContactA-c ul li { margin-bottom:20px; } .addContactA-b { padding: 20px; } } @media(max-width: 1280px){ .addContactA-k { width: 100%; margin-bottom:30px; } .addContactA-b { width: 100%; } } @media(max-width: 1000px){ .addContactA-i input { width: 60%; } .addContactA-h,.addContactA-g { width: 100%; } } @media(max-width: 640px){ .addContactA-e { padding:20px; } .addContactA-e .tit { position: relative; top:0; left:0; margin-bottom:15px; } .addContactA-e p.sign i { display: inline-block; width: 90%; margin-bottom:10px;} .addContactA-i { padding: 15px 12px; } .city-picker-span,.addContactA-f input,.addContactA-f .testB-a p,.addContactA-e .text input { padding-left:12px; } } @media(max-width: 400px){ .addContactA-k dl dd .c { font-size: 13px; } .addContactA-e p.sign i { width: 88%; } } @media(max-width: 350px){ .addContactA-k dl dd .c { font-size: 13px; } .addContactA-e p.sign i { width: 85%; } } /*联系方式详情*/ .addContact { padding:60px 0 90px; } .addContactX { background: #fff; padding:20px; } .addContactX-a { border-radius: 16px; overflow: hidden; } .addContactX-b { padding:60px 30px; } .addContactX-b dl dd { padding:30px 40px 0 40px; float: left;width: 49%;background: url(../images/addconb.png) no-repeat right center #f4f4f4;-webkit-background-size: auto 100%;background-size: auto 100%; border-radius: 20px;height: 240px;margin-bottom:2%; } .addContactX-b dl dd .t { font-size: 22px;color:#022b71; } .addContactX-b dl dd .c { font-size: 16px;color:#333333; line-height: 1.7; margin-top:10px; } .addContactX-b dl dd:nth-child(2n) { float: right; } .addContactY-c { padding:50px 4% 50px; } .addContactY-c ul li { margin-bottom:8px; border:1px solid #e8e8e8; border-radius: 3px; } .addContactY-c ul li .addContactY-d { display: none; } .addContactY-c ul li.cur .addContactY-d { display: block; } .addContactY-c ul li .tit { position: relative; font-size: 18px;color:#333333; padding:16px 25px; background: #f9f9f9; } .addContactY-d { background: #fff; padding:50px 10px 50px 40px; } .addContactY-d dl { padding-right:0px; } .addContactY-c ul li .tit:after { content:'';width: 12px;height: 7px;background: url(../images/addconc.png) no-repeat center/cover; position: absolute; right:25px; top:50%; transform: translateY(-50%); } .addContactY-d .hd { border-bottom:1px solid #ededed; margin-bottom:40px; } .addContactY-d .scroll_cont{width: 100%;} .addContactY-d .hd span { cursor: pointer; font-size: 18px;color:#8e9ebe; display: inline-block; margin-right:30px; padding: 16px 0; position: relative; } .addContactY-d .hd span.cur,.addContactY-d .hd span:hover { color:#002774; } .addContactY-d .hd span.cur:after,.addContactY-d .hd span:hover:after { background:#002774;width: 100%;height: 2px; content:''; position: absolute;left: 0; bottom:-1px; } .addContactY-d dl dd { float: left; width: 32%; margin-right:2%; } .addContactY-d dl dd:nth-child(3n) { margin-right:0; /* float: right; */ } .addContactY-d dl dd .t { font-size: 18px; color:#002774; } .addContactY-d dl dd .con { font-size: 15px; color:#333333; line-height: 1.8; margin-top:10px; height: 180px; } .addContactY-c ul li.cur .tit { background: #022b71; color:#fff; } .addContactY-c ul li .tit:after { background: url(../images/addcond.png) no-repeat center/cover; } /*滚动条*/ .scroll_box1,.scroll_box2,.scroll_box3{ width:100%; height:600px; overflow: hidden; position: relative; } @media(max-width: 1480px){ .addContactY-d dl dd .t { font-size: 16px; } .addContactY-d dl dd .con { font-size: 14px; } } @media(max-width: 1280px){ .addContactX-b { padding:30px 20px; } .addContactX-b dl dd { padding:30px 20px 0 20px; height: 200px; } .addContactX-b dl dd .t { font-size: 18px; } .addContactX-b dl dd .c { font-size: 14px;color:#333333; line-height: 1.7; margin-top:10px; } } @media(max-width: 1200px){ .addContactY-d dl dd { float: left; width: 48%; margin-right:0%; } .addContactY-d dl dd:nth-child(3n) { float: left; } .addContactY-d dl dd:nth-child(2n) { float: right; } } @media(max-width: 1000px){ .addContactX-b dl dd { width: 100%; margin-right:0; margin-bottom:20px; padding:20px; height: auto; } } @media(max-width: 750px){ .addContact { padding:30px 0 40px; } .scroll_box1,.scroll_box2,.scroll_box3 {height: auto; } .scroll_cont { position: relative!important; } .addContactY-c { padding: 20px 2%; } .addContactY-d { padding:10px 10px 30px 20px; } .addContactY-d .hd span { font-size: 16px; margin-right:16px; } .addContactY-c ul li .tit { padding-left:20px; } } @media(max-width: 500px){ .addContactX-b { padding:20px 0px; } .addContactY-d dl dd { width: 100%; margin-bottom:15px; } .addContactY-d dl dd .con { height: auto; } } @media(max-width: 400px){ .addContactX-b dl dd { padding:20px 12px; } .addContactX-b dl dd .t { font-size: 16px; } .addContactY-d .hd span { font-size: 16px; margin-right:10px; } .addContactX { padding:20px 10px; } } @media(max-width: 350px){ .addContactY-d .hd span { font-size: 14px; margin-right:10px; } .addContactY-d { padding:10px 6px 10px; } } .mainMoreA_T{ background:url(../images/hztyxq1bg.png) repeat-y right #032b72; color:#fff; } .mainMoreA_T:after {content: ""; margin-top:0px; background: url(../images/morebgx.png) no-repeat right center;-webkit-background-size: auto 100%;background-size: ; height: 104%; width: 100px; right:-1px; transform: translateY(0); top:-1px; } .mainMoreE{ background:url(../images/hztyxq1bg.png) repeat-y right #032b72!important; color:#fff!important; } .mainMoreE:after {content: ""; margin-top:0px; background: url(../images/morebgx.png) no-repeat right center!important;-webkit-background-size: auto 100%;background-size: ; height: 104%; width: 100px; right:-1px; transform: translateY(0); top:-1px; } #zhiweishenqing{ background:#f2f2f2; } #zhiweishenqing ul li{ height:360px; background:#f9f9f9; } @media(max-width:1440px){ #zhiweishenqing ul li{ height:400px; } } @media(max-width:1000px){ #zhiweishenqing ul li{ height:100%; } } /*2021-01-28新增*/ .ibanner img { vertical-align: top; } .saddA { padding:160px 0; margin-top:-3px; position: relative; z-index: 4; background: url(../images/sadda.jpg) no-repeat center/cover; } .saddA-b { width: 40%; float: right; } .saddA-b .mainTit .c { width: 90%; line-height: 1.6; } .saddA-c { margin-top:40px; } .saddA-c ul li { float: left; width: 48%; } .saddA-c ul li:nth-child(2n) { float: right; } .saddA-c ul li a { background: url(../images/fixca.png) no-repeat left center; display: block; padding: 18px 0 18px 15px; border-bottom:1px solid #e2e2e2; font-size: 16px;color:#666666; } .saddA-c a.mainMoreA { margin-top:40px; } .hzyjkC-c .mainMoreA { margin-top:40px; line-height: 1.5; } @media(max-width: 1680px){ .saddA { padding:120px 0; } .saddA-b { width: 50%; } .saddA-c { margin-top:20px; } .saddA-c a.mainMoreA { margin-top:30px; } } @media(max-width: 1480px){ .saddA { padding:80px 0; } .saddA-c ul li a { padding: 15px 0 15px 15px; font-size: 15px; } } @media(max-width: 1024px){ .saddA { padding:40px 0 60px; background: #f6f6f6; } .saddA-b { width: 100%; } .saddA-c ul li a { padding: 15px 0 15px 15px; font-size: 15px; } .hzyjkC-c .mainMoreA { margin-top:30px;} } @media(max-width: 640px){ .saddA { padding: 30px 0 40px; } .saddA-c ul li,.saddA-b .mainTit .c { width: 100%; } .hzyjkC-c .mainMoreA { margin-top:20px;} } /*良知关爱*/ .lzgaA { padding:100px 0 110px; } .lzgaA-a .mainTit .c { line-height: 2; } .lzgaA-b { margin-top:50px; padding:75px 0 75px 70px; border-radius: 6px; background: url(../images/saddb.png) no-repeat right center #dddddd;-webkit-background-size: auto 100%;background-size: auto 100%; } .lzgaA-c .con { font-size: 16px;color:#333333; line-height: 1.7; } .lzgaA-c .con p a { color:#486fff;} .lzgaA-d { margin-top:40px; } .lzgaA-d .ewm { float: left; } .lzgaA-d .con { float: left; margin-left:16px; padding-top:20px; } .lzgaA-d .con .t { font-size: 20px;color:#333333; } .lzgaA-d .con .c { font-size: 16px; line-height: 1.8; margin-top:14px; color:#333333; } @media(max-width:1680px){ .lzgaA { padding:70px 0 80px; } .lzgaA-b { margin-top:40px; padding:45px 0 45px 40px; } .lzgaA-c .con { line-height: 1.5; } } @media(max-width:1480px){ .lzgaA { padding:40px 0 50px; } .lzgaA-b { margin-top:30px; padding:35px 0 35px 30px; } .lzgaA-c .con { font-size: 15px; } } @media(max-width:1280px){ .lzgaA { padding:40px 0 50px; } .lzgaA-d { margin-top:20px; } .lzgaA-b { margin-top:30px; padding:25px 0 25px 20px; } .lzgaA-c .con { font-size: 14px; } } @media(max-width:1024px){ .lzgaA { padding:40px 0 50px; } .lzgaA-d { margin-top:20px; } .lzgaA-b { background: #dddddd; margin-top:30px; padding:25px 20px 25px 20px; } .lzgaA-c .con { font-size: 14px; } } @media(max-width:640px){ .lzgaA { padding:30px 0 50px; } .lzgaA-b { margin-top:20px; } .lzgaA-b { padding:20px 15px 20px 15px; } .lzgaA-c .con { font-size: 14px; } .lzgaA-d .ewm,.lzgaA-d .con { text-align: center; width: 100%; } .lzgaA-d .con { padding-top:10px; margin-left:0; } .lzgaA-d .con .c { margin-top:5px; } } /*微创2021-02-02*/ .newsA-d ul li a.more { display: inline-block; padding:10px 20px; border-radius: 40px; border:1px solid #476fff; color:#476fff; } a.mainMoreD { color:#333;line-height: 1;width: auto; margin-top:12px;height: auto; } a.mainMoreE { display: none; } .waddA-a ul { text-align: center; } .waddA-a ul li { display: inline-block; max-width: 400px; width: 46%; margin: 0 2%; } .waddA-a ul li .t {margin-top:20px; display: block; font-size: 20px;color:#333333; } @media (max-width: 1000px){ .newsA .hzgaxqA-b ul li {width: 23%;margin: 0 2% 0px 0;} .newsA .hzgaxqA-b ul li:nth-child(3n) { margin-right:2%; } .newsA .hzgaxqA-b ul li:nth-child(4n) { margin-right:0%; } .waddA-a ul li { float: left; width: 49%; margin: 0; } .waddA-a ul li:nth-child(2n) { float: right; } .waddA-a ul li .t { font-size: 16px; margin: 12px 0 0px; } } @media (max-width: 640px){ .newsA .hzgaxqA-b ul li {width: 23%;margin: 0 2% 0px 0;} .newsA .hzgaxqA-b ul li:nth-child(3n) { margin-right:2%; } .newsA .hzgaxqA-b ul li:nth-child(4n) { margin-right:0%; } .waddA-a ul li { width: 100%; margin-bottom: 30px; max-width: 100%; } .newsA .hzgaxqA-b ul li { width: 48%; margin-right:0; } .newsA .hzgaxqA-b ul li:nth-child(2n) { float: right; } .newsA-c { margin-top:20px; } } /*影像资源中心*/ .ggthA-c { overflow: visible; } .ggthA-c .inp { cursor: pointer; position: relative; font-size: 16px; padding-left:15px;width: 100%; } .ggthA-c .inp p { line-height: 58px; font-size: 16px;color:#666666; } .ggthA-c .inp:hover dl { display: block; } .ggthA-c .inp dl { padding: 15px 12px; display: none; border:1px solid #eee; z-index:100;background: #fff; width: 100%; position: absolute; left:0; top:58px;} .ggthA-c .inp dl dd { cursor: pointer;line-height: 2; font-size: 14px; color:#666; } .ggthA-c .inp dl dd:hover { color:#f11053; } .waddB-d .ggthA-c:after { background:url(../images/xx.jpg) no-repeat center; } .waddB-a { padding:40px 0; } .waddB-a ul li { float: left; margin-right:50px; } .waddB-a ul li a { position: relative; padding:14px 0; display: block; font-size: 16px;color:#666666; } .waddB-a ul li:hover a,.waddB-a ul li.cur a { font-size: 16px;color:#002774; } .waddB-a ul li:hover a:after,.waddB-a ul li.cur a:after { content:''; background-color:#002774;width: 46px;height: 2px; position: absolute; left:50%; transform: translateX(-50%); bottom:0; } .waddB-b ul li { float: left;width: 23%; text-align: center; margin: 0 2.666666% 2.666666% 0; } .waddB-b ul li:nth-child(4n) { margin-right:0; } .waddB-b ul li .t a { font-size: 20px; margin-top:20px; display: block; color:#333333;} @media(max-width: 1680px){ .waddB-a { padding:20px 0 30px; } } @media(max-width: 1200px){ .ggthA-c .inp p { line-height: 42px; } .ggthA-c .inp dl { top:42px; } .ggthA-c .inp dl dd { font-size: 14px; } } @media(max-width: 800px){.waddB-b ul li { width: 49%; margin: 0 2% 20px 0; } .waddB-b ul li:nth-child(2n) { margin-right:0; } .waddB-b ul li .t a { font-size: 16px; margin-top:10px; } .waddB-a ul li { margin-right:20px; } .waddB-a { padding: 10px 0 20px; } } @media(max-width: 500px){ .waddB-d .ggthA-c { width: 100%; } .waddB-d .ggthA-z { margin-top:15px; } } /*品牌图片资源库*/ .waddC-a ul li a { font-size: 24px;color:#002774; display: block; padding:40px 0 30px; } .waddC-b ul li { float: left; width: 32%; margin:0 2% 2% 0; } .waddC-b ul li:nth-child(3n) { margin-right:0; } @media(max-width: 1280px){ .waddC-a ul li a { font-size: 20px; padding:30px 0 20px; } } @media(max-width: 800px){ .waddC-b ul li { width: 49%; margin:0 2% 20px 0; } .waddC-b ul li:nth-child(3n) { margin-right:2%; } .waddC-b ul li:nth-child(2n) { margin-right:0; } } @media(max-width: 400px){ .waddC-b ul li { width: 100%; margin:0 0 20px 0; } .waddC-b ul li:nth-child(3n) { margin-right:0; } } /*企业宣传片*/ .waddC-e ul li { position: relative; width: 48%; float: left; margin-bottom:2%; } .waddC-e ul li:nth-child(2n) { float: right; } .waddC-e ul li .icon { position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); cursor: pointer; width: 100px;height: 100px;background: url(../images/xcp.png) no-repeat center/cover; } .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:0px;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: 1380px){ .waddC-e ul li { width: 49%; } .waddC-e ul li .icon { width: 80px;height: 80px; } } @media(max-width: 1000px){ .waddC-e ul li .icon { width: 60px;height: 60px; } } @media(max-width: 640px){ .waddC-e ul li { width: 100%; margin-bottom:20px; } } @media(max-width: 500px){ .fixVideoB { width: 80%; } } /*媒体报道*/ .waddD { padding:50px 0 0px; } .waddD ul li a,.waddD ul li a img { vertical-align: top; } .waddD ul li { width: 49%; float: left;margin-bottom:2%; height:15vw; overflow: hidden; } .waddD ul li a { display: block;width: 100%;position: relative; height:15vw; } .waddD ul li .con { position: absolute; left:3%; width: 94%; bottom:30px; } .waddD ul li .con .d { font-size: 16px; color:#ffffff; } .waddD ul li .con .t { font-size: 22px; color:#ffffff; } .waddD ul li:nth-child(2n) { float: right; } /* .waddD ul li:nth-child(1) { margin-bottom:0; } */ /* .waddD ul li:nth-child(4) { margin-top:0.9vw; } */ /* .waddD ul li:nth-child(2),.waddD ul li:nth-child(3),.waddD ul li:nth-child(5),.waddD ul li:nth-child(8) { float: right; } */ @media(max-width: 1920px){ /* .waddD ul li { width: 49.3%; float: left;margin-bottom:1vw; } */ /* .waddD ul li:nth-child(4) { margin-top:1vw; } */ } @media(max-width: 1480px){ /* .waddD ul li { width: 49%; float: left;margin-bottom:1vw; } */ /* .waddD ul li:nth-child(4) { margin-top:1vw; } */ .waddD ul li .con .d { font-size: 16px; } .waddD ul li .con .t { font-size: 20px; } .waddD { padding:40px 0 0px; } } @media(max-width: 1280px){ .waddD ul li .con .d { font-size: 16px; } .waddD ul li .con .t { font-size: 18px; } .waddD { padding:30px 0 0px; } } @media(max-width: 1024px){ .waddD ul li{ width: 100%; margin-bottom:20px!important;height:auto; } .waddD ul li a { height:auto; } } @media(max-width: 500px){ .waddD ul li .con { left:2%; width: 96%; bottom:20px; } .waddD ul li{ width: 100%; margin-bottom:12px!important; } } @media(max-width: 450px){ .waddD ul li .con { bottom:15px; } .waddD ul li .con .d { font-size: 14px; } .waddD ul li .con .t { font-size: 16px; } } @media(max-width: 380px){ .waddD ul li .con { bottom:10px; } .waddD ul li .con .d { font-size: 12px; } .waddD ul li .con .t { font-size: 14px; } } .detailBanner .container { position: relative; z-index: 100; } .detailBanner .con a { display: inline-block; padding: 6px 16px; border-radius: 30px; border:1px solid #fff; color:#fff; margin-right:8px; } .waddE { float: right; position: absolute; right:0; bottom:0; } .waddE a { font-size: 16px;color:#fff; position: relative; padding:5px 0; border-bottom:1px solid #fff; } .waddE a:after { content: ''; width: 13px; height: 13px; position: absolute; left: -20px; top: 50%; margin-top: -7px; background: url(../images/hztyxq2.png) no-repeat center; } /*2021-04 SEO新增修改*/ .seo { padding-bottom:75px; } .seoA { padding:20px 0 0; margin-bottom:65px;} .location,.location a { font-size: 14px;color:#999999; } .location a.home { display: inline-block; padding-left:22px; background: url(../images/location.png) no-repeat left center; } .seoB,.seoE { width: 75%; } .seoC { float: right; width: 22%; } .seoC ul,.seoG { background: #fff; padding:10px 32px; } .seoG { margin-top:18px; } .seoG .t { font-size: 20px;color:#333; padding: 20px 0 15px; } .seoG dl { padding-bottom:20px; } .seoG dl dd { float: left; margin: 10px 20px 10px 0; } .seoG dl dd a { font-size: 16px;color:#666666; } .seoC ul li { padding:20px 0; border-bottom:1px solid #dedede; } .seoC ul li .d { font-size: 16px;color:#4564ff; } .seoC ul li .t { overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; line-height: 1.8; font-size: 18px;color:#333333; margin: 5px 0 0; } .seoC ul li:last-child { border:none; } @media(max-width: 1680px){ .seoA { margin-bottom:50px; } .seoC ul,.seoG { padding:10px 20px; } .seoG .t { padding:15px 0 5px; } .seoG dl { padding-bottom:10px; } .seo { padding-bottom:55px; } .seoG dl dd { margin-right:15px; } } @media(max-width: 1480px){ .seoA { margin-bottom:40px; } .seoC ul li { padding: 16px 0; } .seoC ul li .d { font-size: 14px; } .seoC ul li .t { font-size: 16px; } } @media(max-width: 1280px){ .seoA { margin-bottom:30px; } } @media(max-width: 1024px){ .seoA { margin-bottom:0px; } .seoB,.seoE { width: 100%; } .seoC { display: none; } } @media(max-width: 1000px){ .seoB { padding:0px 0 50px; } .seo { padding-bottom:0px; } } a, img { vertical-align: top; } .seoD { padding-bottom:0;margin-bottom:0; } .seoF { margin-top:30px; } .seoF .lcjjfaB-b ul li { padding:16px 20px; background: #f9f9f9; } .seoF .lcjjfaB-b ul li .mainMoreA { height:50px; line-height: 1.5; } .seoF .lcjjfaB-b ul li .con .c { margin: 5px 0 15px; width: 90%; } .seoF .lcjjfaB-b ul li .con .t { margin: 0; } @media(max-width: 1680px){ .seoF .lcjjfaB-b ul li .con .t { font-size: 22px; line-height: 1; } .seoF .lcjjfaB-b ul li .con .c { margin-bottom:10px; } } @media(max-width: 680px){ .seoF { margin-top:20px; } .seoF .lcjjfaB-b ul li { padding: 10px 12px; } .seoF .lcjjfaB-b ul li .con .t { font-size: 18px; } .seoF .lcjjfaB-b ul li .con .c { margin-bottom:10px; } } /*患者关爱-新增模块*/ .seoH { padding:100px 0 240px; margin:150px 0 -150px; background: #f6f6f6; } .seoH .mainTit { text-align: center; } .seoH-a { margin:45px 0 20px; } .seoH-a dl dd { float: left; width: calc(33% - 13.333px); background: #fff; padding:26px 30px 40px; margin-right:20px; } .seoH-a dl dd:nth-child(3n) { margin-right:0; } .seoH-a dl dd .d { font-size: 16px;color:#4564ff; } .seoH-a dl dd .t { font-size: 22px;color:#333; margin:8px 0 15px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; } .seoH-a dl:nth-child(1) dd .t { height: 58px; } .seoH-a dl dd .c { font-size: 16px;color:#666666; margin-bottom:26px; line-height: 1.8; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; } .seoH-b { margin-top:20px; } .seoH-a dl.seoH-b dd { padding:10px 30px; } .seoH-b dd ul li { padding: 0; } .seoH-b dd ul li a { display: block; border-bottom:1px solid #dedede; position: relative; padding: 12px; } .seoH-b dd ul li .d { float: left; width: 100px; position: absolute; left:0; top:50%; transform: translateY(-50%); } .seoH-b dd ul li .t { float: right; width: calc(100% - 100px); font-size: 16px;color:#333333; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; } .seoH-b dd ul li:last-child a { border:none; } @media(max-width: 1680px){ .seoH { padding:60px 0 220px; margin:150px 0 -150px;} } @media(max-width: 1480px){ .seoH-a dl dd { padding:15px 20px 30px;} .seoH-a dl.seoH-b dd { padding:5px 20px; } .seoH-b dd ul li a { padding: 10px; } .seoH-a dl dd .t { font-size: 18px; margin:5px 0 10px; } .seoH-a dl:nth-child(1) dd .t { height: 48px; } .seoH-a dl dd .c { margin-bottom:20px; line-height: 1.6; } .seoH { padding:40px 0 200px; margin:150px 0 -150px;} .seoH-a { margin-top:30px; } } @media(max-width: 1000px){ .seoH-a dl dd .t { height: auto; } .seoH-a dl dd { width: 100%; margin-right:0; margin-bottom:15px; } .seoH-b { margin-top:0; } } .health_215_body,.medical_216_body { background: #f8f8f8; } /*2021-05-07新增页面样式*/ .containerA { max-width: 72.9166%; margin: 0 auto; } /**字体公用样式**/ .zh40 {font-size: 40px;color: #002a77;} .zh24{font-size: 24px;color: #333333;} .zh22 {font-size: 22px;color: #333333;} .zh20 {font-size: 20px;color: #666666;} .zh16 {font-size: 16px;color: #666666;} .zh18 {font-size: 18px;color: #333333;} @media (max-width: 1100px) { .zh40 {font-size: 32px;} .zh22 {font-size: 16px;} .zh16 {font-size: 14px;} } @media (max-width: 500px) { .zh40 {font-size: 24px;} } @media (max-width:400px) { .zh40 {font-size: 20px;} .zh22 {font-size: 15px;} } /**品牌观**/ .yj-ppg .yj-an {text-align: center;padding: 81px 0 88px;} .yj-ppg .yj-an .yj-an-jz {display: inline-block;background: #efefef;border-radius: 50px;} .yj-ppg .yj-an .yj-an1 {float: left;font-size: 18px;color: #333333;padding: 14px 64px;cursor: pointer;} .yj-ppg .yj-an .cur {color: #fff;background: #476fff;border-radius: 50px;padding: 14px 64px;} .yj-ppg .yj-nr .box .box-a {text-align: center;margin-bottom: 37px;} .yj-ppg .yj-nr .box .box-a .box-a1 {color: #002a77;font-size: 40px;} .yj-ppg .yj-nr .box .box-a .box-a2 {color: #333333;font-size: 28px;margin-top: 5px;} .yj-ppg .yj-nr .box .box-b .box-b1 {float: left;width: 53.8%;} .yj-ppg .yj-nr .box .box-b .box-b1 .box-b1a {border: 2px solid #edf0f5;border-radius: 50px;padding: 8px;} .yj-ppg .yj-nr .box .box-b .box-b1 .box-b1a input {width: 100%;background: #fff;color: #002a77;font-size: 28px;border: 2px solid #798eb4;border-radius: 50px;padding: 15px 0;} .yj-ppg .yj-nr .box .box-b .box-b2 {float: right;width: 38%;padding: 95px 90px 300px 80px;border-radius: 8px;margin-top: 59px;background: #fafafa;position: relative;} .yj-ppg .yj-nr .box .box-b .box-b2:after {content: "";position: absolute;right: 40px;bottom: 50px;background: url(../images/box-b2.png) no-repeat top center/cover;width: 152px;height: 152px;} .yj-ppg .yj-nr .box .box-b .box-b2 .box-b2a p {font-size: 22px;color: #666666;margin-bottom: 36px;padding-left: 33px;position: relative;} .yj-ppg .yj-nr .box .box-b .box-b2 .box-b2a p:last-child {margin-bottom: 0;} .yj-ppg .yj-nr .box .box-b .box-b2 .box-b2a p:before {content: "";position: absolute;left: 0;top: 51%;transform: translateY(-50%);background: url(../images/box-b2a.png) no-repeat top center/cover;width: 21px;height: 20px;} .yj-ppg .yj-nr .box-ppg {padding-bottom: 100px;} @media (max-width:1750px) { .yj-ppg .yj-nr .box .box-b .box-b2 {padding: 80px 80px 200px 80px;} .yj-ppg .yj-nr .box .box-b .box-b2:after {width: 100px;height: 100px;} } @media (max-width:1700px) { .yj-ppg .yj-nr .box .box-b .box-b1 {float: left;width: 50%;} .yj-ppg .yj-nr .box .box-b .box-b2 {width: 46%;} .containerA {max-width: 86%;} } @media (max-width:1550px) { .yj-ppg .yj-nr .box .box-b .box-b2 {margin-top: 20px;} .yj-ppg .yj-nr .box .box-b .box-b1 {width: 40%;} } @media (max-width:1400px) { .yj-ppg .yj-nr .box .box-b .box-b2 {width: 50%;} .yj-ppg .yj-nr .box .box-b .box-b2 {margin-top: 0;} } @media (max-width:1350px) { .yj-ppg .yj-nr .box .box-b .box-b2 {padding: 70px 50px 125px 50px;} .yj-ppg .yj-nr .box .box-b .box-b2:after {width: 70px;height: 70px;bottom: 24px;} .yj-ppg .yj-nr .box .box-b .box-b1 .box-b1a input {padding: 9px 27px;} .yj-ppg .yj-nr .box .box-b .box-b1 .box-b1a {padding: 5px;} } @media (max-width:1200px) { .containerA {max-width: 90%;} } @media (max-width:1024px) { .containerA {max-width: 96%;} .yj-ppg .yj-nr .box .box-b .box-b1 {width: 100%;} .yj-ppg .yj-nr .box .box-b .box-b2 {width: 100%;margin-top: 20px;} .yj-ppg .yj-nr .box-ppg {padding-bottom: 40px;} .yj-ppg .yj-an {padding: 30px 0 20px;} .yj-ppg .yj-nr .box .box-a .box-a1 {font-size: 32px;} .yj-ppg .yj-nr .box .box-a .box-a2 {font-size: 18px;} .yj-ppg .yj-an .yj-an1 {font-size: 14px;} .yj-ppg .yj-nr .box .box-b .box-b1 .box-b1a input {font-size: 18px;} .yj-ppg .yj-nr .box .box-b .box-b1 .box-b1a {width: 36%;} .yj-ppg .yj-nr .box .box-b .box-b1 .box-b1a {display: inline-block;} .yj-ppg .yj-nr .box .box-b .box-b1 {text-align: center;} .yj-ppg .yj-nr .box .box-b .box-b1 .box-b1a {margin-top: 15px;} } @media (max-width:560px) { .yj-ppg .yj-nr .box .box-b .box-b1 .box-b1a input {padding: 9px 14px;} .yj-ppg .yj-an .cur {padding: 9px 39px;} .yj-ppg .yj-an .yj-an1 {padding: 9px 39px;} .yj-ppg .yj-nr .box .box-b .box-b1 .box-b1a {width: 50%;} } @media (max-width:500px) { .yj-ppg .yj-nr .box .box-a .box-a1 {font-size: 24px;} .yj-ppg .yj-nr .box .box-a .box-a2 {font-size: 14px;} .yj-ppg .yj-nr .box .box-b .box-b2 {padding: 20px 10px;} .yj-ppg .yj-nr .box .box-b .box-b1 .box-b1a input {font-size: 14px;} .yj-ppg .yj-nr .box .box-b .box-b2 .box-b2a p {font-size: 14px;margin-bottom: 15px;} .yj-ppg .yj-nr .box .box-b .box-b2:after {display: none;} } @media (max-width:404px) { .yj-ppg .yj-an .yj-an1 {padding: 9px 20px;} } @media (max-width:350px) { .yj-ppg .yj-nr .box .box-b .box-b1 .box-b1a {width: 75%;} } @media (max-width:290px) { .yj-ppg .yj-an .yj-an1 {width: 100%;} .yj-ppg .yj-an .yj-an-jz {background: inherit;} } /**品牌架构**/ .box-ppgj .box-ppgja .box-ppgja2 {padding: 15px 0 11px;} .box-ppgj .box-ppgjb {padding: 65px 0 90px;text-align: center;} @media (max-width:1024px) { .box-ppgj .box-ppgjb .ppgjb-kj {width: 100%;} .box-ppgj .box-ppgjb {padding: 30px 0 40px;} .box-ppgja {text-align: center;} } /**品牌介绍**/ .box-ppjj .box-ppjja .box-ppjja2 {padding: 15px 0 11px;} .box-ppjj .box-ppjja .box-ppjja3 {margin-bottom: 65px;} .box-ppjj .box-ppjja .box-ppjja3 p {line-height: 30px;} .box-ppjj .box-ppjja .box-ppjja3 .jx {margin-bottom: 25px;} .box-ppjj .box-ppjjb ul li {float: left;text-align: center;position: relative;min-height: 157px;width: 16.5%;} .box-ppjj .box-ppjjb ul li:last-child {margin-right: 0;} .box-ppjj .box-ppjjb ul li:before {position: absolute;content: "";bottom: -15px;left: 50%;transform: translateX(-50%);background: url(../images/olxt.png) no-repeat top center/cover;width: 28px;height: 28px;} .box-ppjj .box-ppjjb ul li .b {display: inline-block;} .box-ppjj .box-ppjjb ul li .b .left {float: left;font-size: 60px;color: #022b78;} .box-ppjj .box-ppjjb ul li .b .right {float: left;font-size: 30px;color: #022b78;padding: 10px 0 0 2px;} .box-ppjj .box-ppjjb ul li .b .c {font-size: 20px;} .box-ppjj .box-ppjjb ul li .z {font-size: 18px;color: #666666;} .box-ppjj .box-ppjjb {padding-bottom: 95px;} @media (max-width:1100px) { .box-ppjj .box-ppjjb ul li .b .left {float: left;font-size: 32px;color: #022b78;} .box-ppjj .box-ppjjb ul li .b .right {font-size: 20px;padding: 4px 0 0 4px;} .box-ppjj .box-ppjjb ul li .z {font-size: 16px;} .box-ppjj .box-ppjjb ul li {width: 15.5%;margin-right: 1.4%;} .box-ppjj .box-ppjjb ul li :last-child {margin-right: 0;} } @media (max-width:1024px) { .box-ppjj .box-ppjjb {padding-bottom: 30px;} .box-ppjj .box-ppjjb ul li {min-height: inherit;} .box-ppjj .box-ppjja .box-ppjja3 {margin-bottom: 20px;} .box-ppjj .box-ppjjb ul li {width: 49%;margin-right: 2%;margin-bottom: 20px;} .box-ppjj .box-ppjjb ul li:before {display: none;} .box-ppjj .box-ppjjb ul li:nth-child(2n) {margin-right: 0;} .box-ppjjb img {display: none;} } @media (max-width:400px) { .box-ppjj .box-ppjjb ul li .b .left {font-size: 25px;} .box-ppjj .box-ppjjb ul li .z {font-size: 14px;} } @media (max-width:310px) { .box-ppjj .box-ppjjb ul li {width: 100%;margin-right: 0%;} } /**海报**/ .yj-ppxc { background: #fff; } .yj-ppxc .yj-yw {text-align: center;padding: 80px 0 60px;background: #fff;} .yj-ppxc .yj-yw .yj-ppan {display: inline-block;border-radius: 50px;background: #efefef;} .yj-ppxc .yj-yw .yj-ppan .yj-ppan1 {float: left;cursor: pointer;color: #333333;padding: 13px 53px;} .yj-ppxc .yj-yw .yj-ppan .cur {background: #476fff;border-radius: 50px;color: #fff;} .yj-ppboxa .yj-ppboxa1 {float: left;} .yj-ppboxa .yj-ppboxa1 .yj-ppboxa1a {margin-bottom: 9px;} .yj-ppboxa .yj-ppboxa1 .yj-ppboxa1b {color: #3e4145;} .yj-ppboxa .yj-ppboxa2 {float: right;margin-top: 18px;} .yj-ppxc .xkqh .yj-ppboxa .yj-ppboxa2 ul li {float: left;border: 1px solid #dcdcdc;border-radius: 50px;margin-right: 15px;padding: 15px 51px;cursor: pointer;} .yj-ppxc .xkqh .yj-ppboxa .yj-ppboxa2 ul .cu {background: #476fff;color: #fff;} .yj-ppxc .xkqh .yj-ppboxa .yj-ppboxa2 ul li:last-child {margin-right: 0;} .yj-ppxc .xkqh .yj-gst {margin-top: 47px;} .yj-ppxc .xkqh .yj-gst .yj-ppboxb .yj-ppboxba {float: left;width: 31.3%;margin-right: 3%;margin-bottom: 3%;} .yj-ppxc .xkqh .yj-gst .yj-ppboxb .yj-ppboxba:nth-child(3n) {margin-right: 0;} .yj-ppxc .xkqh .yj-gst .yj-ppboxb .yj-ppboxba .yj-ppboxba1 {margin-top: 25px;} .yj-ppxc .xkqh .yj-gst .yj-ppboxb .yj-ppboxba .yj-ppboxba1 .yj-ppboxba1a {float: left;width: calc(100% - 160px);overflow: hidden;} .yj-ppxc .xkqh .yj-gst .yj-ppboxb .yj-ppboxba .yj-ppboxba1 .yj-ppboxba1a .yj-ppboxba1a1 {color: #5e81ff;} .yj-ppxc .xkqh .yj-gst .yj-ppboxb .yj-ppboxba .yj-ppboxba1 .yj-ppboxba1a .yj-ppboxba1a2 {color: #3e4145; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .yj-ppxc .xkqh .yj-gst .yj-ppboxb .yj-ppboxba .yj-ppboxba1 .yj-ppboxba1b {float: right;} .yj-ppxc .xkqh .yj-gst .yj-ppboxb {padding-bottom: 80px;} @media (max-width:1500px) { .yj-ppxc .xkqh .yj-ppboxa .yj-ppboxa2 ul li {padding: 11px 51px;} .zh20 {font-size: 16px;} .yj-ppxc .xkqh .yj-gst .yj-ppboxb .yj-ppboxba .yj-ppboxba1 { margin-top:15px; } } @media (max-width:1024px) { .yj-ppxc .xkqh .yj-gst .yj-ppboxb .yj-ppboxba {width: 49%;margin-right: 2%;} .yj-ppxc .xkqh .yj-gst .yj-ppboxb .yj-ppboxba:nth-child(2n) {margin-right: 0;} .yj-ppxc .xkqh .yj-gst .yj-ppboxb .yj-ppboxba:nth-child(3n) {margin-right: 2%;} .yj-ppxc .xkqh .yj-gst .yj-ppboxb .yj-ppboxba:nth-child(6) {margin-right: 0;} .yj-ppxc .xkqh .yj-ppboxa .yj-ppboxa2 {width: 100%;} .yj-ppxc .xkqh .yj-ppboxa .yj-ppboxa2 ul li {width: 23.8%;text-align: center;margin-right: 1.6%;} .yj-ppxc .xkqh .yj-ppboxa {text-align: center;} .yj-ppxc .xkqh .yj-ppboxa .yj-ppboxa1 {float: inherit;} .yj-ppxc .yj-yw {text-align: center;padding: 30px 0 10px;} .yj-ppxc .xkqh .yj-gst {margin-top: 15px;} .yj-ppxc .xkqh .yj-gst .yj-ppboxb {padding-bottom: 60px;} .yj-ppboxb .page {margin-top: 0px;} .yj-ppxc .xkqh .yj-gst .yj-ppboxb .yj-ppboxba .yj-ppboxba1 { margin-top:8px; } .yj-ppxc .xkqh .yj-gst .yj-ppboxb .yj-ppboxba { margin-bottom:20px; } .yj-ppxc .xkqh .yj-gst .yj-ppboxb .yj-ppboxba .yj-ppboxba1 .yj-ppboxba1a { width: calc(100% - 140px); } .yj-ppboxb .clearfix { margin-bottom:20px; } } @media (max-width:610px) { .yj-ppxc .xkqh .yj-gst .yj-ppboxb .yj-ppboxba {width: 100%;} .yj-ppboxb .page {margin-top: 15px;} .yj-ppxc .yj-yw .yj-ppan .yj-ppan1 {padding: 9px 39px;} } @media (max-width:600px) { .yj-ppxc .xkqh .yj-ppboxa .yj-ppboxa2 ul li {padding: 9px 0;} .yj-ppboxb .clearfix { margin-bottom:10px; } } @media (max-width:320px) { .yj-ppxc .yj-yw .yj-ppan .yj-ppan1 {width: 100%;} .yj-ppxc .yj-yw .yj-ppan {background: inherit;} .yj-ppxc .xkqh .yj-ppboxa .yj-ppboxa2 ul li {width: 49%;margin-right: 2%;margin-bottom: 2%;} .yj-ppxc .xkqh .yj-ppboxa .yj-ppboxa2 ul li:nth-child(2n) {margin-right: 0;} } /**品牌视频**/ .yj-ppsp .yj-ppsp1 {float: left;width: 49%;margin-right: 2%;position: relative;} .yj-ppsp .yj-ppsp1:nth-child(2n) {margin-right: 0;} .yj-ppsp .yj-ppsp1 .ppsp1-dw {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .yj-ppsp .yj-ppsp1 .ppsp1-dw1 {left: 27px;bottom: 27px;color: #fff;position: absolute;} .yj-ppsp .yj-ppsp1 .ppsp1-dw1 a.mainMoreA { color:#fff!important; border:1px solid rgba(255,255,255,0.3)!important; margin: 15px 0 0px 20px; } .yj-ppsp {padding: 33px 0 100px;} @media (max-width:1024px) { .yj-ppsp {padding: 20px 0 40px;} .yj-ppsp .yj-ppsp1 .ppsp1-dw {width: 20%;} } @media (max-width:750px) { .yj-ppsp .yj-ppsp1 {width: 100%;margin-bottom: 20px;} .yj-ppsp .yj-ppsp1:last-child {margin-bottom: 0;} .yj-ppsp .yj-ppsp1 .ppsp1-dw {width: 15%;} } @media (max-width:340px) { .yj-ppboxa1 {width: 100%;text-align: center;} .yj-ppboxa2 {width: 100%;text-align: center;} .yj-ppsp .yj-ppsp1 .ppsp1-dw1 {left: 15px;bottom: 15px;} } /**下载中心主页**/ .yj-wl ul li { height: 200px; } .yj-wl ul li .con .t { font-size: 24px; } .yj-wl ul li:after {content: '';width: 127px;height: 127px;background: url(../images/yj-wl-1.png) no-repeat center/cover;position: absolute;right: 30px;top: -40px;} .yj-wl ul .a-fadeinB2:after {background: url(../images/yj-wl-2.png) no-repeat center/cover;} .yj-wl ul .a-fadeinB3:after {background: url(../images/yj-wl-3.png) no-repeat center/cover;} .yj-wl ul .a-fadeinB4:after {background: url(../images/yj-wl-4.png) no-repeat center/cover;} .yj-ppzxa{padding: 93px 0 8px;} .yj-ppzxa .yj-ppzxa1{margin-bottom: 15px;} .yj-ppzxa .zh16{line-height: 30px;color: #3e4145;} .yj-ppzx{padding-bottom: 85px;} .yj-wl ul li .con .t{color: #333333;} .yj-wl ul li .con a{margin-top:6px;display: block;color: #002571;} @media (max-width:1480px) { .yj-wl ul li .con .t { font-size: 22px; } } @media (max-width:1280px) { .yj-wl ul li .con .t { font-size: 20px; } } @media (max-width:1024px) { .yj-ppzxa{padding: 30px 0 0;} .yj-ppzx{padding-bottom: 15px;} .yj-ppzxa .zh16{line-height: 2;} .yj-ppzxa .yj-ppzxa1 {margin-bottom: 0px;} } /**下载中心登录**/ .yj-banner img{width: inherit;} .yj-banner{position: absolute;top: 53%;right: 15.41%;border-radius: 10px;text-align: center;background: #fff;transform: translateY(-50%);padding: 53px 38px 46px 38px;} .yj-banner .yj-bannera{margin: 35px 0;} .yj-banner .yj-bannerb ul li input{width: 439px;border: 1px solid #ececec;padding: 15px 0 15px 45px;font-size: 18px;color: #999999;border-radius: 7px;} .yj-banner .yj-bannerb ul li:nth-child(3) input{padding-left: 0;} .yj-banner .yj-bannerb ul li{position: relative;margin-bottom: 20px;} .yj-banner .yj-bannerb ul li:nth-child(2){margin-bottom: 29px;} .yj-banner .yj-bannerb ul li:nth-child(3){margin-bottom: 45px;} .yj-banner .yj-bannerb ul li:nth-child(3) input{background: #4770ff;color: #fff;font-size: 20px;} .yj-banner .yj-bannerb ul li .icon{position: absolute;top: 50%;left: 4%;transform: translateY(-50%);} .yj-banner .yj-bannerc {width: 100%;position: relative;} .yj-banner .yj-bannerc:before{content: "";position: absolute;height: 2px;left: 0;background: #e6e6e6;width: 38%;top: 50%;transform: translateY(-50%);} .yj-banner .yj-bannerc:after{content: "";position: absolute;height: 2px;right: 0;background: #e6e6e6;width: 38%;top: 50%;transform: translateY(-50%);} .yj-banner .yj-bannerc a{font-size: 18px;color: #999999;} .bsq{background: url(../images/dlbanner.jpg) no-repeat center/cover;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;} .xt-bsq{position: fixed;z-index: 999;width: 100%;} @media (max-width:1024px) { .yj-banner{top:50%;left: 50%;width: 50%;transform: translate(-50%,-50%);} .yj-banner .yj-bannerb ul li input{width: 100%;} .yj-banner .yj-bannera {margin: 15px 0;} .yj-banner{padding: 30px;} .yj-banner .yj-bannerb ul li:nth-child(3) {margin-bottom: 15px;} .zh24 {font-size: 20px;color: #333333;} .yj-banner .yj-bannerb ul li:nth-child(3) input{background: #4770ff;color: #fff;font-size: 18px;} .yj-banner .yj-bannerc a {font-size: 16px;} } @media (max-width:750px) { .xt-bsq .bsq img{width: 100%;} .yj-banner .yj-bannerb ul li input {line-height: 2.6;padding-top: 0;padding-bottom: 0;font-size: 16px;padding-left: 35px;} .zh24 {font-size: 18px;color: #333333;} .yj-banner .yj-bannerb ul li:nth-child(3) input{background: #4770ff;color: #fff;font-size: 16px;} .yj-banner .yj-bannerc:before {width: 30%;} .yj-banner .yj-bannerc:after {width: 30%;} .yj-banner {width: 70%;} } @media (max-width:450px) { .yj-banner {width: 96%;} } /*品牌视觉识别*/ .detailBanner .mainMore { padding:0 0 0 20px; padding:14px 0 14px 20px; position: relative; z-index: 10;} .ppsjsb { background: #fff; } .ppsjsbA-a { } .ppsjsbA-a ul li { float: left; width: 14.285%; text-align: center; border-bottom:1px solid #ededed; } .ppsjsbA-a ul li a { font-size: 16px; display: block; padding:18px 0; position: relative; } .ppsjsbA-a ul li.cur a,.ppsjsbA-a ul li:hover a { font-weight: bold; color:#042a72; } .ppsjsbA-a ul li.cur a:after,.ppsjsbA-a ul li:hover a:after { content:''; width: 18px; height: 18px; background: url(../images/sba.png) no-repeat center/cover; position: absolute; left:50%; margin-left:-9px; bottom:-10px; } .ppsjsbA-a ul li.cur a:before,.ppsjsbA-a ul li:hover a:before { content:''; width: 100%; height: 3px; background: #ff4976; position: absolute; left:0; bottom:-3px; } .ppsjsb { padding-bottom:100px; } @media(max-width: 1024px){ .ppsjsbA-a ul li { width: 25%; margin-bottom:10px; } } @media(max-width: 600px){ .ppsjsbA-a ul li { width: 33.3333%; } } @media(max-width: 400px){ .ppsjsbA-a ul li a { font-size: 14px; padding: 12px 0; } } .ppsjsbB { padding:110px 0 160px; } .ppMainTit .t { font-size: 36px;color:#042a72; } .ppMainTit .c { font-size: 16px;color:#666666; margin-top:10px; line-height: 1.8; } .ppsjsbB-a { position: relative; } .ppsjsbB-a .ppMainTit { float: left; width: calc(100% - 200px); max-width: 990px; } .ppsjsbB-a .mainMoreA { float: right; position: absolute; top:50%; transform: translateY(-50%); right:0; border-color:#032b72; } .ppsjsbB-b { margin-top:36px; } .ppsjsbB-b ul li { float: left; width: 24%; border:1px solid #dedede; margin-right:1.3333%; } .ppsjsbB-b ul li:last-child { margin-right:0; } @media(max-width: 1680px){ .ppsjsbB { padding:90px 0 130px; } .ppMainTit .t { font-size: 32px;} .ppsjsbB-b { margin-top:30px; } .ppsjsb { padding-bottom:80px; } } @media(max-width: 1480px){ .ppsjsbB { padding:60px 0 90px; } .ppMainTit .t { font-size: 28px;} .ppsjsbB-b { margin-top:25px; } .ppsjsb { padding-bottom:60px; } } @media(max-width: 1280px){ .ppsjsbB { padding:30px 0 50px; } .ppMainTit .t { font-size: 28px;} .ppsjsbB-b { margin-top:20px; } .ppsjsb { padding-bottom:40px; } } @media(max-width: 1024px){ .ppsjsbB { padding:10px 0 30px; } .ppMainTit .t { font-size: 24px;} .ppsjsbB-a .ppMainTit { width: 100%; margin-bottom:10px; } .ppsjsbB-a .mainMoreA { position: relative; top:0; transform: translateY(0); float: right; } .ppsjsbB-b ul li { width: 49%; margin-right:0; } .ppsjsbB-b ul li:nth-child(2n) { float: right; } .ppsjsbB-b ul li:nth-child(n+3) { margin-top:20px; } } .ppsjsbC { background: #f9f9f9; padding:65px 0 55px; } .ppsjsbC-b .mainMoreA { margin-top:60px; border-color:#032b72; } .mainMoreA_T { border-color:#032b72; } .ppsjsbC-b { float: left; width: 45%; } .ppsjsbC-c { float: right; width: 54%; } .ppsjsbC { position: relative; } .ppsjsbC:after { content:''; width: 291px; bottom:15%; height: 289px; position: absolute; left:31.8%; margin-left:-145px; background: url(../images/pp6.png) no-repeat center/cover; } @media(max-width: 1480px){ .ppsjsbC { padding:55px 0 45px; } .ppsjsbC-b .mainMoreA { margin-top:40px; } .ppsjsbC:after { width: 200px; bottom:10%; height: 198px; margin-left:-100px; } } @media(max-width: 1024px){ .ppsjsbC-b .mainMoreA { margin-top:30px; } .ppsjsbC-b { width: 100%; } .ppsjsbC-c { width: 100%; margin-top:30px; } .ppsjsbC:after { display: none; } } @media(max-width: 640px){ .ppsjsbC { padding:30px 0 40px; } } .ppsjsbD { padding:100px 0 110px; } .ppsjsbD-a ul li { float: left;width: 31%; margin-right:3%; } .ppsjsbD-a ul li:last-child { margin-right:0; } .ppMainCon { margin-top:20px; } .ppMainCon .t { font-size: 36px;color:#042a72; } .ppMainCon .c { font-size: 16px;color:#666666; line-height: 2; margin:10px 0; } @media(max-width: 1680px){ .ppsjsbD { padding:60px 0 70px; } .ppMainCon { margin-top:15px; } .ppMainCon .t { font-size: 32px; } .ppMainCon .c { font-size: 16px; } } @media(max-width: 1480px){ .ppsjsbD { padding:40px 0 50px; } .coppMainConn { margin-top:12px; } .ppMainCon .t { font-size: 28px; } .ppMainCon .c { font-size: 16px; margin: 6px 0 10px; line-height: 1.8; } } @media(max-width: 1280px){ .ppsjsbD { padding:30px 0 40px; } .ppMainCon { margin-top:12px; } .ppMainCon .t { font-size: 24px; } .ppMainCon .c { font-size: 14px; margin: 6px 0 10px; line-height: 1.8; } } @media(max-width: 800px){ .ppsjsbD { padding:30px 0 20px; } .ppsjsbD-a ul li { width: 100%; margin:0; padding-bottom:20px; } .ppMainCon { margin-top:12px; } .ppMainCon .t { font-size: 24px; } .ppMainCon .c { font-size: 14px; margin: 6px 0 10px; line-height: 1.8; } } @media(max-width: 600px){ .ppMainCon .t { font-size: 20px; } } .ppsjsbE { padding-bottom:120px; } .ppsjsbE-a { margin-top:70px; background: url(../images/ppbgr.png) no-repeat right top; background-size: auto 90%; } .ppsjsbE-a .ppMainCon { margin-top:0px!important; } .ppsjsbE-a:nth-child(1) { margin-top:0; } .ppsjsbE-b { position: relative; } .ppsjsbE-c { float: left; width: 50%; } .ppsjsbE-d { width: 50%; right:0; padding: 0 0 0 6%; position: absolute; top:50%; transform: translateY(-50%); } .ppsjsbE-aL { background: url(../images/ppbgl.png) no-repeat left top; background-size: auto 90%; } .ppsjsbE-aL .ppsjsbE-c { float: right; } .ppsjsbE-aL .ppsjsbE-d { left:0; right:auto; } @media(max-width: 1680px){ .ppsjsbE { padding-bottom:90px; } .ppsjsbE-a { margin-top:60px; } } @media(max-width: 1480px){ .ppsjsbE { padding-bottom:60px; } .ppsjsbE-a { margin-top:50px; } } @media(max-width: 1280px){ .ppsjsbE { padding-bottom:40px; } .ppsjsbE-a { margin-top:40px; } } @media(max-width: 1024px){ .ppsjsbE-a { margin-top:30px; } } @media(max-width: 800px){ .ppsjsbE-c,.ppsjsbE-d { width: 100%; } .ppsjsbE-a { margin-top:30px; } .ppsjsbE-d { position: relative; top:0; transform: translateY(0); padding: 15px 0 0 0; float: left; } .ppsjsbE-a,.ppsjsbE-aL { background: none; } } .ppsjsbF { padding: 0 0 40px 0; background: #e8e8e8; } .ppsjsbF-a { position: relative; } .ppsjsbF-b { position: absolute; left:0; top:50%; transform: translateY(-50%); } .ppsjsbF-c { float: right; width: 71.5%; } @media(max-width: 640px){ .ppsjsbF-c,.ppsjsbF-b { width: 100%; float: left; position: relative; top:0; transform: translateY(0); } .ppsjsbF-b { padding-left:0px; } .ppsjsbF { padding-bottom:30px; } } .ppsjsbG { background: #fff; padding-top:0!important; } .ppsjsbH { background: #f9f9f9; padding:110px 0 90px; } .ppsjsbH-c { float: right; width: 65.5%; } .ppsjsbH-a { position: relative; } .ppsjsbH-b { position: absolute; left:0; top:40%; transform: translateY(-50%); } @media(max-width: 1680px){ .ppsjsbH { padding: 90px 0 70px; } } @media(max-width: 1480px){ .ppsjsbH { padding: 60px 0 50px; } } @media(max-width: 1280px){ .ppsjsbH { padding: 30px 0 40px; } } @media(max-width: 800px){ .ppsjsbH-c,.ppsjsbH-b { width: 100%; float: left; position: relative; top:0; transform: translateY(0); } } /*基础部分*/ .jcbfA-a { position: relative; margin-bottom:70px; background: url(../images/ppbgr.png) no-repeat right center; background-size: auto 100%; } .jcbfA-aL { background: url(../images/ppbgl.png) no-repeat left center; background-size: auto 100%; } .jcbfA-a .container { position: relative; } .jcbfA-b { float: left; width: 47.5%; } .jcbfA-c { width: 45.625%; position: absolute; top:50%; transform: translateY(-50%); right:0; } .jcbfA-aL .jcbfA-c { left:0; right:auto; } .jcbfA-aL .jcbfA-b { float: right; } .jcbfA-c .ppMainCon { margin-top:0!important; } .jcbfA-c .ppMainCon a { margin-top:60px; } .jcbfA { padding-bottom:20px; } @media(max-width: 1680px){ .jcbfA-a { margin-bottom:60px; } .jcbfA-c .ppMainCon a { margin-top:50px; } } @media(max-width: 1480px){ .jcbfA-a { margin-bottom:50px; } .jcbfA-c .ppMainCon a { margin-top:40px; } } @media(max-width: 1280px){ .jcbfA-a { margin-bottom:40px; } .jcbfA-c .ppMainCon a { margin-top:30px; } } @media(max-width: 1024px){ .jcbfA-a { margin-bottom:30px; background: none; } .jcbfA-c .ppMainCon a { margin-top:0px; } .jcbfA-b,.jcbfA-c { width: 100%; float: left; } .jcbfA-c { position: relative; top:0; transform: translateY(0); left:0;margin-top:10px; } } .jcbfB { padding:100px 0 140px; background: #fbfbfb; } .jcbfB-b { margin-top:86px; position: relative; } .jcbfB-b:after { content:''; width: 110%; position: absolute; height: 140px;/* background: url(../images/jc5.png) no-repeat center/cover;*/ position: absolute; left:-5%; bottom:-60px; } .jcbfB-b ul { position: relative; z-index: 10; } .jcbfB-b ul li { position: relative; padding:60px 40px 30px; float: left; width: 32%; background: #f0f0f0; border-radius: 15px; margin-right:2%; } .jcbfB-b ul li .num { font-size: 66px;color:#002a77; line-height: 1; } .jcbfB-b ul li .t { font-size: 24px;color:#002a77; line-height: 1; margin: 10px 0 16px; } .jcbfB-b ul li .c { font-size: 16px;color:#666666; line-height: 1.8; height:120px; overflow-y:scroll; } .jcbfB-b ul li .icon { width: 127px; height: 127px; background: url(../images/jc4.png) no-repeat center/cover; position: absolute; right:40px; top:-50px; } .jcbfB-b ul li:last-child { margin-right:0; } .jcbfB-c { background:#f0f0f0; border-radius:10px; position:relative;z-index:10; margin: 30px auto 0; padding: 20px; border:1px solid #dedede; font-size:16px;color:#333; line-height:1.8; } @media(max-width: 1920px){ .jcbfB-b ul li { padding: 50px 30px 30px; } } @media(max-width: 1800px){ .jcbfB-b ul li .num { font-size: 58px; } .jcbfB-b ul li .t { font-size: 22px; margin: 6px 0 12px; } } @media(max-width: 1680px){ .jcbfB { padding: 80px 0 100px; } } @media(max-width: 1480px){ .jcbfB-b ul li .num { font-size: 50px; } .jcbfB-b ul li .t { font-size: 20px; margin: 6px 0 12px; } .jcbfB-b ul li .c { font-size: 15px; } .jcbfB-b ul li .icon { width: 100px; height: 100px; top:-40px; right:30px; } .jcbfB-b { margin-top:60px; } .jcbfB { padding: 60px 0 80px; } } @media(max-width: 1280px){ .jcbfB-b { margin-top:50px; } .jcbfB-b ul li { padding: 50px 20px 30px; } .jcbfB-b ul li .num { font-size: 50px; } .jcbfB-b ul li .t { font-size: 20px; margin: 6px 0 12px; } .jcbfB-b ul li .c { font-size: 15px; } .jcbfB { padding: 40px 0 60px; } } @media(max-width: 1024px){ .jcbfB-b:after { display: none; } .jcbfB-b ul li { width: 100%; margin-bottom:40px; min-height: 10px; padding: 40px 20px 20px; height: auto; } .jcbfB-b ul li .num { font-size: 40px; } .jcbfB-b ul li .icon { width: 80px; height: 80px; top:-30px; right:20px; } .jcbfB { padding: 30px 0 10px; } .jcbfB-c { padding:16px 12px; margin:0 auto; } } .jcbfC { padding:100px 0 110px; } .jcbfC .ppMainTit { max-width: 100%; } .jcbfC-b { margin-top:30px; } .jcbfC-b ul li { float: left; width: 20%; padding:40px 0 20px; background: #f1f1f1; text-align: center; border-right:1px solid #fff; } .jcbfC-b ul li .img img { height: 65px; width: auto; } .jcbfC-b ul li .t { font-size: 18px;color:#3e4145; margin-top:50px; } @media(max-width: 1880px){ .jcbfC-b ul li { padding-top:30px; } .jcbfC-b ul li .img img { height: 60px; width: auto; } .jcbfC-b ul li .t { margin-top:30px; } .jcbfC { padding:80px 0 90px; } } @media(max-width: 1580px){ .jcbfC-b { margin-top:20px; } .jcbfC-b ul li { padding-top:25px; } .jcbfC-b ul li .img img { height: 50px; width: auto; } .jcbfC-b ul li .t { margin-top:20px; } .jcbfC { padding:70px 0 80px; } } @media(max-width: 1380px){ .jcbfC-b { margin-top:20px; } .jcbfC-b ul li { padding-top:20px; } .jcbfC-b ul li .img img { height: 45px; width: auto; } .jcbfC-b ul li .t { margin-top:15px; } .jcbfC { padding:50px 0 60px; } } @media(max-width: 1100px){ .jcbfC-b ul li { width: 32%;border:none; margin-right:2%; } .jcbfC-b ul li:nth-child(3n) { margin-right:0; } .jcbfC-b ul li:nth-child(n+4) { margin-top:2%; } .jcbfC { padding:30px 0 40px; } } @media(max-width: 700px){ .jcbfC-b ul li { width: 48%;border:none; margin-right:0; } .jcbfC-b ul li:nth-child(2n) { float: right; } .jcbfC-b ul li:nth-child(n+3) { margin-top:4%; } } @media(max-width: 450px){ .jcbfC-b ul li { width: 100%; } .jcbfC-b ul li:nth-child(2n) { float: right; } .jcbfC-b ul li:nth-child(n+2) { margin-top:10px; } } .jcbfD { padding-bottom:110px; } .jcbfD-b { background: #f1f1f1; text-align: center; margin-top:30px; padding:60px 0 45px; } .jcbfE { padding-bottom:110px; } .jcbfE-a ul li { float: left; width: 49%; position: relative; background: #f1f1f1;} .jcbfE-a ul li:nth-child(2n) { float: right; } .jcbfE-b { position: relative; z-index: 3; padding:55px 80px 60px 60px; } .jcbfE-b .ppMainTit { max-width: 630px; } .jcbfE-b .ppMainTit .c { min-height: 120px; } .jcbfE-b a { margin-top:110px; } .jcbfE-a ul li:after { content:''; width: 338px; height: 338px; background: url(../images/jc14.png) no-repeat center/cover; position: absolute; right:0; bottom:0; } @media(max-width: 1680px){ .jcbfD,.jcbfE { padding-bottom:80px; } .jcbfD-b { padding: 50px 3% 35px; } .jcbfE-b { padding:45px 60px 50px 50px; } .jcbfE-b a { margin-top:90px; } .jcbfE-a ul li:after { width: 300px; height: 300px; } } @media(max-width: 1480px){ .jcbfD,.jcbfE { padding-bottom:60px; } .jcbfD-b { padding: 40px 3% 25px; margin-top:20px; } .jcbfE-b { padding:35px 50px 50px 40px; } .jcbfE-b a { margin-top:70px; } .jcbfE-a ul li:after { width: 260px; height: 260px; } .jcbfE-b .img img { max-width: 90%; } .jcbfE-b .ppMainTit .c { min-height: 100px; } } @media(max-width: 1280px){ .jcbfD,.jcbfE { padding-bottom:40px; } .jcbfD-b { padding: 20px 2% 25px; } .jcbfE-b { padding:25px 20px 40px 20px; } .jcbfE-b a { margin-top:40px; } .jcbfE-a ul li:after { width: 200px; height: 200px; } .jcbfE-b .ppMainTit .c { min-height: 80px; } } @media(max-width: 1024px){ .jcbfE-a ul li { width: 100%;margin-bottom:15px; } .jcbfE-b .ppMainTit .c { min-height: 10px; margin-bottom:20px; } } @media(max-width: 600px){ .jcbfE-b { padding:20px 2% 30px; } .jcbfE-b a { margin-top:40px; } } @media(max-width: 360px){ .jcbfE-b .img img { max-width: 80%; } .jcbfE-b a { margin-top:30px; } } .jcbfF { padding-bottom:90px; } .jcbfF-b { margin-top:36px; } .jcbfF-b ul li { float: left; width: 19%; text-align: center; margin: 0 1.25% 20px 0; } .jcbfF-b ul li .t { font-size: 16px;color:#333333; margin-top:8px; } .jcbfF-b ul li:nth-child(5n) { margin-right:0; } @media(max-width: 1680px){ .jcbfF { padding-bottom:70px; } .jcbfF-b { margin-top:30px; } .jcbfF-b ul li { margin-bottom:15px; } } @media(max-width: 1480px){ .jcbfF { padding-bottom:50px; } .jcbfF-b { margin-top:20px; } } @media(max-width: 1280px){ .jcbfF-b ul li .t { margin-top:3px; } } @media(max-width: 700px){ .jcbfF-b ul li { width: 49%; margin-right:0; } .jcbfF-b ul li:nth-child(2n) { float: right; } .jcbfF-b ul li { margin-bottom:10px; } .jcbfF { padding-bottom:30px; } } /*品牌图片资源库*/ .waddC-a ul li a { font-size: 24px;color:#002774; display: block; padding:40px 0 30px; } .waddC-b ul li { float: left; width: 32%; margin:0 2% 2% 0; } .waddC-b ul li:nth-child(3n) { margin-right:0; } .waddC-b ul li .img a img { vertical-align: top; } .waddC-b ul li .img a { vertical-align: top; display: block; position: relative; } .waddC-b ul li .tit { position: absolute; left:0;bottom:0; background: rgba(0,0,0,0.5); margin-top:6px; text-align: center; font-size: 16px;color:#fff; line-height: 50px; width: 100%; } @media(max-width: 1280px){ .waddC-a ul li a { font-size: 20px; padding:30px 0 20px; } } @media(max-width: 800px){ .waddC-b ul li { width: 49%; margin:0 2% 20px 0; } .waddC-b ul li:nth-child(3n) { margin-right:2%; } .waddC-b ul li:nth-child(2n) { margin-right:0; } } @media(max-width: 400px){ .waddC-b ul li { width: 100%; margin:0 0 20px 0; } .waddC-b ul li:nth-child(3n) { margin-right:0; } } /*企业宣传片*/ .waddC-e ul li { position: relative; width: 48%; float: left; margin-bottom:2%; } .waddC-e ul li:nth-child(2n) { float: right; } .waddC-e ul li .icon { position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); cursor: pointer; width: 100px;height: 100px;background: url(../images/xcp.png) no-repeat center/cover; } .waddC-e ul li img { vertical-align: top; } .waddC-e ul li .img { height: 22vw; overflow: hidden; } .waddC-e ul li .tit { position: absolute; left:0;bottom:0; background: rgba(0,0,0,0.5); margin-top:6px; text-align: center; font-size: 16px;color:#fff; line-height: 50px; width: 100%; } .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:0px;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: 1660px){ .waddC-e ul li .img { height: 24vw; } } @media(max-width: 1380px){ .waddC-e ul li { width: 49%; } .waddC-e ul li .icon { width: 80px;height: 80px; } } @media(max-width: 1100px){ .waddC-e ul li .img { height: 26vw; } } @media(max-width: 1000px){ .waddC-e ul li .icon { width: 60px;height: 60px; } } @media(max-width: 640px){ .waddC-e ul li { width: 100%; margin-bottom:20px; } .waddC-e ul li .img { height: auto; } } @media(max-width: 500px){ .fixVideoB { width: 80%; } } /*2021-05-18企业交流工具包样式新增*/ .qyjlbA-a { padding-bottom:80px; } .qyjlbA-a ul li {margin-top:50px; float: left; width: 24%; text-align: center; margin-right:1.33333%; } .qyjlbA-a ul li:nth-child(4n) { margin-right:0; } .qyjlbA-a ul li .img { border:1px solid #dedede; } .qyjlbA-a ul li .con .t { font-size: 19px;color: #3e4145;padding: 20px 0;overflow: hidden;width: 376px;} .qyjlb { padding-bottom:80px; } @media(max-width: 1480px){ .qyjlbA-a ul li .con .t { font-size: 18px; padding:12px 0; } .qyjlbA-a ul li { margin-top:30px; } .qyjlbA-a { padding-bottom:40px; } .qyjlb { padding-bottom:60px; } } @media(max-width: 1280px){ .qyjlbA-a ul { padding-top:20px; } .qyjlbA-a ul li .con .t { font-size: 18px; padding:12px 0; } .qyjlbA-a ul li { margin-top:20px; } .qyjlbA-a { padding-bottom:20px; } .qyjlb { padding-bottom:50px; } } @media(max-width: 1024px){ .qyjlbA-a ul li { width: 49%; margin-right:0; } .qyjlbA-a ul li:nth-child(2n) { float: right; } } @media(max-width: 400px){ .qyjlbA-a ul li { width: 100%; } } .xzz { font-size: 16px; color: #666666; line-height: 1.8; height: 120px; } /*2021-05-21*/ .add05 { transition: all 0.8s; z-index: 1000; position: fixed; width: 100%; left:0; bottom:-110px; } .add05A { height: 110px; width: 100%; height: 100%; position: relative; background: #00102e; padding:40px 3% 20px; } .add05A-a { width: 76px; transition: all 0.8s; height: 41px; position: absolute; background: url(../images/add05a.png) no-repeat center/cover; left:50%; transform: translateX(-50%); top:-41px; cursor: pointer; } .add05A-c { width: 60px; height: 40px; position: absolute; background: url(../images/add05b.png) no-repeat center; left:50%; transform: translateX(-50%); top:0; cursor: pointer; } .add05A-b { text-align: center; } .add05A-b .t { font-size: 20px;color:#ffffff; } .add05A-b .c { font-size: 14px;color:#ffffff; margin-top:6px; } .add05.cur .add05A-a { opacity: 0; } .add05.cur { bottom:0; } @media(max-width: 1000px){ .add05A-b .t { font-size: 18px; } .add05A-b .c { font-size: 14px; } } @media(max-width: 800px){ .add05 { bottom:-150px; } .add05A { height: 150px; } } @media(max-width: 450px){ .add05A-b .t { font-size: 16px; } .add05A-b .c { font-size: 13px; } } /*2021-05-21友情链接*/ .addLink { z-index: 1000; width: auto; position: fixed; transition: all 0.8s; left:-800px; bottom:0; } .addLinkA { width: 800px; background: #00102e; position: relative; } .addLinkA-a { opacity: 0.2; width: 50px; height: 100%; top:50%; right:-50px; position: absolute; transform: translateY(-50%); border-top-right-radius: 10px; border-bottom-right-radius: 10px; cursor: pointer; background: #14294e; } .addLinkA-a p { position: relative; width: 100%; height: 100%; } .addLinkA-a p span { position: absolute; width: 30px; height: 30px; left:50%; top:50%; margin:-15px 0 0 -15px; transform: rotate(-90deg); position: absolute; background: url(../images/add05b.png) no-repeat center; } .addLink.cur { left:0; } .addLink.cur .addLinkA-a p span { transform: rotate(90deg); } .addLinkA-b { padding: 20px 20px 10px; } .addLinkA-b ul li { float: left; margin: 0 10px 10px 0; } .addLinkA-b ul li a { font-size: 14px; color:#fff; } @media(max-width: 1000px){ .addLinkA { width: 90%; } .addLink { left:-90%; } } @media(max-width: 500px){ .addLinkA-a { height: 50px; top:auto; bottom:0; transform: translate(0); } .addLinkA { width: 80%; } .addLink { left:-80%; } .addLinkA-b ul li { margin: 0 5px 5px 0; } .addLinkA-b ul li a { font-size: 12px; } }