@charset "utf-8"; * { box-sizing: border-box; } a,img { vertical-align: top; } .mainMore { transition: all 0.6s; font-size: 16px;color:#fff; padding:14px 30px; border:1px solid #fff; display: inline-block; position: relative; } .mainMore span { margin-left: 8px; vertical-align: middle; display: inline-block; width: 14px; height: 9px; background: url(/images/morebg.png) no-repeat right center/cover; } .mainMore:hover { color:#fff; background: #002197; border-color:#002197; } .mainMoreA { color:#666666; border:1px solid #dbdbdb; background: none; } .mainMoreB { color:#666; border:1px solid #dbdbdb; background: none; } .mainMoreA span { background: url(/images/abg2.png) no-repeat right center; } .mainMoreB span { background: url(/images/abg2.png) no-repeat right center; } .mainMore:hover span { background: url(/images/morebg.png) no-repeat right center; } .mainTit .c { text-transform: uppercase; margin:5px 0; font-size: 14px;color:#999999; font-weight: bold; font-family: "Arial"; } .mainTit .t { font-size: 22px;color:#333333; line-height: 1; } .nyMainTit .c { text-transform: uppercase; margin:10px 0 0; font-size: 17px;color:#999999; font-weight: bold; font-family: "Arial"; } .nyMainTit .t { font-size: 40px;color:#333333; line-height: 1; } .mainTit .colorWhite { color:#fff; } .mainTit .colorGreen { color:#149e50; } .mainTit .colorBlack { color:#333; } .alignC { text-align: center; } .container { width: 73%; margin: 0 auto; } @media(max-width: 1680px){ .container { width: 80%; } .nyMainTit .t { font-size: 36px; } .nyMainTit .c { font-size: 16px; } } @media(max-width: 1480px){ .container { width: 86%; } .nyMainTit .t { font-size: 32px; } } @media(max-width: 1280px){ .container { width: 90%; } .mainTit .t { font-size: 20px; } .nyMainTit .t { font-size: 28px; } } @media(max-width: 1100px){ .container { width: 94%; } } @media(max-width: 600px){ .mainMore { font-size: 14px; padding:10px 20px; } .mainTit .t { font-size: 18px; } .nyMainTit .t { font-size: 24px; } .nyMainTit .c { font-size: 14px; } .mainMore span { vertical-align: top; width: 18px; } } .fixed-head { background: #ffffff; } .topHeader { width: 100%; position: fixed; z-index: 100000; left:0; top:0; background: #fff; border-bottom:1px solid rgba(222,222,222,0.3); } .header { position: relative; } .headerA { position: relative; } .header .logo { float: left; padding: 13px 0; } .logo a { float: left; } .logo .logoA { margin-left: 12px; line-height: 1; margin-top: 10px; padding-left: 12px; border-left: 1px solid #ddd; float: left; font-size: 12px; color:#666666; text-align: justify; } .logo .logoA p:nth-child(2) { margin-top: 5px; letter-spacing: 4px; } .lang { margin-top: 16px; float: right; width: 103px; height: 34px; border:1px solid #ddd; line-height: 32px; } .lang dl { cursor: pointer; width: 100%; position: relative; } .lang dl dt { position: relative; font-size: 14px;color:#666666; padding-left:29px; background: url(/images/lang.png) no-repeat 8px center; } .lang dl dt:after { content:''; width: 11px; height: 6px; background: url(/images/langa.png) no-repeat center/cover; position: absolute; top:50%; transform: translateY(-50%); right:11px; } .lang dl dd {display: none; position: absolute; width: 103px; left:-1px; z-index: 100; top:32px; background: #fff; padding: 10px; border:1px solid #ddd; } .lang dl:hover dd { display: block; } .lang dl dd a { display: block; line-height: 2; } .lang dl dd a:hover { color:#002197; } .m-nav { display: none; float: right; width: 40px; height: 60px; background: url(/images/menu.png) no-repeat right center; } .nav { float: right; margin-right: 70px;} .nav ul li { position: relative; float: left; margin-right:50px; } .nav ul li:last-child { margin-right:0; } .navR ul li { margin: 0 0 0 0px; } .nav ul li>a { position: relative; font-size: 18px;color:#333; position: relative; line-height: 68px; display: block; padding-right:; } .navL ul li .sub { background: #f2f2f2f2; padding: 10px; display: none; position: absolute; width: 120px; left:50%; margin-left:-60px; top:67px; } .navL ul li .sub dd { line-height: 38px; text-align: center; font-size: 16px;color:#333; border-bottom:1px solid #dddddd; } .navL ul li .sub dd a { color:#666; } .navL ul li:hover .sub { display: block; } .navL ul li>a:after { z-index: 100; content:''; transition: all 0.6s; width: 0; height: 3px; background: #223a92; position: absolute; left:50%; bottom: -2px; transform: translateX(-50%); } .navL ul li.cur>a:after,.navL ul li:hover>a:after { width: calc(100% + 10px); } .nav ul li.cur>a,.nav ul li:hover>a { color:#223a92; } @media(max-width: 1880px){ .nav { margin-right:50px; } .nav ul li { margin-right:40px; } } @media(max-width: 1680px){ .nav { margin-right:30px; } .nav ul li { margin-right:30px; } } @media(max-width: 1480px){ .nav ul li>a { font-size: 16px; } } @media(max-width: 1280px){ .nav { margin-right:10px; } .nav ul li { margin-right:px; } } @media(max-width: 1100px){ .nav { display: none; } .header .logo { padding: 9px 0; } .lang { margin-top:14px; } .logo .logoA { display: none; } .m-nav { display: block; } } /*banner*/ .banner { position: relative; } .bannerBox .con { position: absolute; width: 100%; left:0; top:55%; transform: translateY(-50%); } .bannerBox .con .t { font-size: 46px; font-weight: bold; color:#fff; } .bannerBox .con .c { font-size: 16px;color:#ffffff; text-transform: uppercase; margin-top:6px; } .bannerBox .con .mainMore { margin-top:30px; } .banner .img .pic2 { display: none; } .banner .swiper-button-next,.banner .swiper-button-prev { opacity: 0.4; width: 40px; height: 80px; background: rgba(255,255,255,0.8);} .banner .swiper-button-next:hover,.banner .swiper-button-prev:hover { opacity:1; } .banner .swiper-button-next.swiper-button-disabled,.banner .swiper-button-prev.swiper-button-disabled { opacity: 0;} .banner .swiper-button-next:after,.banner .swiper-button-prev:after { font-size: 30px; color:#002197;} .banner .swiper-button-next { right: 8%;} .banner .swiper-button-prev { left: 8%; } @media(max-width:1680px){ .bannerBox .con .t { font-size: 42px; } .bannerBox .con .mainMore { margin-top:24px; } .banner .swiper-button-next { right: 5%;} .banner .swiper-button-prev { left: 5%; } } @media(max-width:1480px){ .bannerBox .con .t { font-size: 34px; } .banner .swiper-button-next { right: 2%;} .banner .swiper-button-prev { left: 2%; } } @media(max-width:1280px){ .bannerBox .con .t { font-size: 38px; } .bannerBox .con .mainMore { margin-top:20px; } .banner .swiper-button-next { right: 1%;} .banner .swiper-button-prev { left: 1%; } } @media(max-width: 1100px){ .bannerBox .con .t { font-size: 24px; } .banner .swiper-button-next { display: none;} .banner .swiper-button-prev { display: none; } } @media(max-width: 1024px){ .banner .img .pic1 { display: none; } .banner .img .pic2 { display: block; } } @media(max-width: 600px){ .bannerBox .con .t { font-size: 20px; } .bannerBox .con .c { font-size: 14px; } } /*首页内容*/ .homeBoxA { margin-top:-45px; position: relative;z-index: 10; } .homeBoxA-a { background: #ffffff; } .homeBoxA-b { float: left; width: 33.3333%; padding:40px 32px 15px; height: 220px; } .homeBoxA-d { margin-top:20px; font-size: 14px;color:#eee; line-height: 2; height: 112px; text-align: justify; } .homeBoxA-c { position: relative; } .homeBoxA-c a.more { display: inline-block; width: 30px; height: 35px; position: absolute; right:0; toP:50%; transform: translateY(-50%); background: url(/images/abg1.png) no-repeat right center; } .homeBoxA-g a.more { background: url(/images/abg2.png) no-repeat right center; } .homeBoxA-h a.more { background: url(/images/morebg.png) no-repeat right center; } .homeBoxA-f { background: #223a92; } .homeBoxA-h { background: url(/images/habg.jpg) no-repeat center/cover; } .homeBoxA-e ul li a { padding: 0 10px; display: block; } .homeBoxA-e ul li { float: left; position: relative; margin-right:50px; text-align: center; } .homeBoxA-e ul li .img { height: 54px; } .homeBoxA-e ul li:nth-child(2):after { content:''; position: absolute; width: 1px; height: 80px; background: #eee; top:50%; transform: translateY(-50%); left:-25px; } .homeBoxA-e ul li .tit { font-size: 14px;color:#999999; margin-top:0px; } @media(max-width: 1680px){ .homeBoxA-b { padding:30px 24px 10px; height: 220px; } } @media(max-width: 1480px){ .homeBoxA-d { margin-top:10px; } .homeBoxA-g .homeBoxA-d { margin-top:30px; } } @media(max-width: 1280px){ .homeBoxA-e ul li:nth-child(2) { margin-right:0px; } } @media(max-width: 1024px){ .homeBoxA-d { height: auto; } .homeBoxA-b { width: 100%; padding:20px; height: auto; } .homeBoxA-g .homeBoxA-d { margin-top:10px; } } @media(max-width: 640px){ .homeBoxA-b { padding:20px 12px; } } .homeBoxB { padding:100px 0 90px; } .homeBoxB-b { width: 49%; float: left; background: #f8f8f8; height: 334px; } .homeBoxB-c .img { float: left; width: 280px; } .homeBoxB-d { padding: 40px 35px 0 36px; float: left; width: calc(100% - 290px); } .homeBoxB-d .t { font-size: 20px;color:#333333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; } .homeBoxB-d .c { font-size: 14px;color:#666666; line-height: 1.8; height: 100px; } .homeBoxB-d .d { font-size: 14px;color:#999999; font-family: "Arial"; margin: 6px 0 7px; } .homeBoxB-d .mainMore { margin-top:71px; } .homeBoxB-e { float: right; width: 48%; } .homeBoxB-f { height: 60px; padding-bottom:10px; border-bottom:1px solid #ddd; position: relative; } .homeBoxB-f a.more { font-size: 14px; color:#999999; position: absolute; right:0; bottom:18px; } .homeBoxB-f:after { content:''; width: 40px; height: 3px; background: #1d2088; position: absolute; left:0; bottom:-2px; } .homeBoxB-g { height: 274px; } .homeBoxB-g ul li a { display: block; padding:17px 0; border-bottom:1px solid #ddd; } .homeBoxB-g ul li a .t { font-size: 14px;color:#666666; float: left; width: calc(100% - 90px); } .homeBoxB-g ul li a .d { font-size: 14px;color:#666666; float: right; font-family: "Arial"; } @media(max-width: 1680px){ .homeBoxB { padding:80px 0 80px; } .homeBoxB-d { padding:30px 25px 0 26px; } } @media(max-width: 1480px){ .homeBoxB { padding:60px 0 70px; } .homeBoxB-d .t { font-size: 18px; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; } } @media(max-width: 1280px){ .homeBoxB { padding:40px 0 50px; } .homeBoxB-d .t { font-size: 16px; } .homeBoxB-d { padding:20px 10px 0 15px; } } @media(max-width: 1100px){ .homeBoxB { padding:40px 0 50px; } .homeBoxB-b { width: 100%; } .homeBoxB-e { width: 100%; margin-top:20px; } .homeBoxB-g { height: auto; } .homeBoxB-g ul li a { padding: 16px 0; } } @media(max-width: 640px){ .homeBoxB { padding:30px 0 40px; } .homeBoxB-b { height: auto; } .homeBoxB-d .c { height: auto } .homeBoxB-c .img { width: 100%; } .homeBoxB-c .img img { width: 100%; } .homeBoxB-d { width: 100%; padding: 20px 15px; } .homeBoxB-d .mainMore { margin-top:15px; } .homeBoxB-d .d{ margin-bottom:15px; } .homeBoxB-g ul li a { padding: 12px 0; } .homeBoxB-g ul li a .t,.homeBoxB-g ul li a .d { width: 100%; } .homeBoxB-g ul li a .d { margin-top:6px; } } /*网站底部样式*/ .footer { background: #ebebeb; padding:50px 0 70px; } .footerA-a a { font-size: 14px; display: inline-block; color:#999; margin-right:10px; position: relative; padding-right:10px; } .footerA-a a:after { content:''; width: 1px; height: 12px; background: #d2d2d2; position: absolute; right:-2px; top:50%; transform: translateY(-50%); } .footerA-a a:last-child:after { display: none; } .footerA-a { float: left; } .footerA-b { float: right; } .footerA-b p,.footerA-b p a { color:#999; font-size: 14px; } @media(max-width: 1100px){ .footerA-b,.footerA-a { width: 100%; text-align: center; } .footerA-a a { margin: 0 6px; } .footerA-b { margin-top: 10px; } } .footerB-a { float: left; width: 45%; } .footerB .tt { font-size: 24px;color:#333333; height: 55px; line-height: 55px; border-bottom:1px solid #e2e2e2;} .footerB-b { float: right; width: 40%;} .footerB-d { position: relative;} .footerB-d .copyright { position: absolute; left:0; bottom:0; font-size: 14px; color:#999999;} /*.footerB-d .copyright a { color:#666;}*/ .footerB-d .copyright a:hover { color:#000;} .footerB-a .c { font-size: 16px;color:#666666; line-height: 1.8; margin-top:20px; } .footerB-b .c { margin-top:20px;} .footerB-b .c a { display: block; line-height: 38px; font-size: 16px;color:#666666; } .footerB-c { float: left;} .footerB-e { float: right; text-align: center;} .footerB-e .t { font-size: 14px;color:#666666;margin-top:10px;} @media(max-width: 1680px){ .footer { padding:40px 0 60px; } .footerB .tt { height: 46px; line-height: 46px; font-size: 22px;} } @media(max-width: 1480px){ .footer { padding:30px 0 50px; } .footerB .tt { height: 46px; line-height: 46px; font-size: 20px;} } @media(max-width: 1280px){ .footer { padding:20px 0 40px; } .footerB .tt { height: 42px; line-height: 42px; font-size: 18px;} .footerB-a .c,.footerB-b .c { margin-top:12px;} } @media(max-width: 1024px){ .footer { padding:20px 0 40px; } .footerB-a,.footerB-b { width: 100%;} .footerB .tt { height: 42px; line-height: 42px; font-size: 18px;} .footerB-a .c,.footerB-b .c { margin-top:12px;} .footerB-d .copyright { position: relative; left:0; bottom:0; padding: 20px 0 0; border-top:1px solid #e2e2e2; margin-top:20px; float: left; width: 100%;} .footerB-b .tt { height: 20px;} .footerB-b .c a { line-height: 34px; height: 34px;} .footerB-e .img img { width: 150px;} .footerB-e .t span { display: block;} } /**mobile nav**/ .headerA .navbtn { display: none; } @media(max-width: 1100px){ .headerA .navbtn { width: 30px; height: 20px; background: url(/images/menu.png) no-repeat right center; display: block; position: absolute; right:0; top:50%; transform: translateY(-50%); cursor: pointer; } } .nav_box {width: 50%;height: 100%;position: fixed;right: auto;top: 0;bottom: 0;left: -50%;overflow: auto;z-index: 99999999;background: rgba(50, 58, 67, .93);transition: all .8s;-o-transition: all .8s;-moz-transition: all .8s;-ms-transition: all .8s;-webkit-transition: all .8s;} .nav_box.cur {left: 0;transition: all .8s;-o-transition: all .8s;-moz-transition: all .8s;-ms-transition: all .8s;-webkit-transition: all .8s;} .nav_box .box {/*background: #212222;*/width: 100%;height: 100%;position: relative;z-index: 2;} .nav_box .nav-title {height: 57px;position: relative;border-bottom: 1px solid rgba(255, 255, 255, 0.06);} .nav_box .nav-title .navclose {width: 22px;height: 22px;display: block;font-size: 0;line-height: 41px;position: absolute;right: 15px;top: 50%;z-index: 2;transform: translateY(-50%);} .nav_box .nav-title .navclose img {width: 100;} .nav_box .nav-title h1 {text-align: left;width: 68px;margin-left: 15px;line-height: 0;padding-top: 11px;} .nav_box .nav-title h1 img {width: 100%;} .nav_box .navlist {width: 100%;padding-bottom: 20px;} .nav_box .navlist ul>li {float: left;width: 100%;font-size: 16px;line-height: 60px;border-bottom: 1px solid rgba(255, 255, 255, .06);padding: 0 15px;text-transform: capitalize;} .nav_box .navlist ul>li>a {display: block;color: #fff;position: relative;} .nav_box .navlist ul>li>a.sub:before {content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 8px;height: 14px;background: url(/images/icon_jt.png) no-repeat center center / cover;} .nav_box .navlist ul>li .navlist2 {border-top: 1px solid rgba(255, 255, 255, .06);display: none;padding: 10px 0;} .nav_box .navlist ul>li .navlist2 a {display: block;width: 100%;color: #fff;font-size: 14px;line-height: 34px;} /*内页BANNER*/ .ibanner { position: relative; } .ibanner .ibannerCon { width: 100%; position: absolute; left:0; top:50%; transform: translateY(-50%); width: 100%; } .ibanner .ibannerCon .t { font-size: 46px; color:#fff; font-weight: bold; line-height: 1.2; } .ibanner .ibannerCon .c { font-size: 16px; color:#fff; font-weight: bold; font-family: "Arial"; text-transform: uppercase; margin-top:5px; } .ibanner .img img.pic2 { display: none; } @media(max-width: 1680px){ .ibanner .ibannerCon .t { font-size: 40px; } } @media(max-width: 1480px){ .ibanner .ibannerCon .t { font-size: 32px; } } @media(max-width: 1280px){ .ibanner .ibannerCon .t { font-size: 28px; } } @media(max-width: 1100px){ .ibanner .img img.pic1 { display: none; } .ibanner .img img.pic2 { display: block; } } @media(max-width: 600px){ .ibanner .ibannerCon .t { font-size: 22px; } .ibanner .ibannerCon { top:60%; } } /*location面包屑*/ .locationA { border-bottom:1px solid #ddd; } .locationA-a { float: left; padding-top:10px; line-height: 56px; } .locationA-a a { display: inline-block; } .locationA-a a,.location { font-size: 16px;color:#999; } .locationA-a a.home { padding-left:30px; background: url(/images/homeico.png) no-repeat left center; } .locationA-a a.cur { color:#666; } .secNav { float: right; padding-top:10px; } .secNav ul li { float: left; } .secNav ul li a { position: relative; display: block; line-height: 56px; margin-left:35px; font-size: 16px;color:#999999; } .secNav ul li.cur a,.secNav ul li:hover a { color:#002197; } .secNav ul li>a:after { z-index: 100; content:''; transition: all 0.6s; width: 0; height: 3px; background: #223a92; position: absolute; left:50%; bottom: -1px; transform: translateX(-50%); } .secNav ul li.cur>a:after,.secNav ul li:hover>a:after { width: calc(100% + 10px); } @media(max-width: 1024px){ .secNav { width: 100%; } .secNav ul li a { margin-left:0;margin-right:20px; } } /*分页*/ .page { margin-top:80px; text-align: center; } .page a{display: inline-block;border: 1px solid #bfbfbf;border-radius: 50%;line-height: 40px;min-width: 40px;text-align: center;font-size: 14px;color: #999999;margin-right: 6px;} .page a.active_page, .page a:hover{background: #002197;color: #fff;border-color:#002197;} @media(max-width: 1680px){ .page { margin-top:60px; } } @media(max-width: 1480px){ .page { margin-top:50px; } } @media(max-width: 1280px){ .page { margin-top:40px; } } @media(max-width: 1024px){ .page { margin-top:30px; } } /*关于我们*/ .aboutA { padding:60px 0 90px; } .aboutB-b { margin: 20px 0 40px; text-align: justify; font-size: 16px;color:#666666; line-height: 1.8; } .aboutB-c ul li { float: left; width: 24%; margin-right:1.3333%; } .aboutB-c ul li:last-child { margin-right:0; } @media(max-width: 1680px){ .aboutA { padding:50px 0 70px; } } @media(max-width: 1480px){ .aboutA { padding:40px 0 60px; } .aboutB-b { margin: 10px 0 30px; } } @media(max-width: 1100px){ .aboutA { padding:30px 0 40px; } .aboutB-b { margin: 10px 0 20px; } } @media(max-width: 800px){ .aboutB-c ul li { width: 49%; margin-right:0; } .aboutB-c ul li:nth-child(2n) { float: right; } .aboutB-c ul li:nth-child(n+3) { margin-top:2%; } } /*组织架构*/ .aboutB-e { margin-top:40px; text-align: center; } @media(max-width: 1280px){ .aboutB-e { margin-top: 20px; } } /*合作客户*/ .aboutB-f { margin-top:40px; } .aboutB-f ul li { float: left; border:1px solid #ddd; width: 19%; margin-right:1.25%; } .aboutB-f ul li:nth-child(5n) { margin-right:0; } .aboutB-f ul li:nth-child(n+6) { margin-top:1.25%; } @media(max-width: 1100px){ .aboutB-f ul li { width: 32%; margin-right:2%; } .aboutB-f ul li:nth-child(5n) { margin-right:2%; } .aboutB-f ul li:nth-child(3n) { margin-right:0; } .aboutB-f ul li:nth-child(n+4) { margin-top:2%; } } @media(max-width: 700px){ .aboutB-f ul li { width: 49%; margin-right:0; } .aboutB-f ul li:nth-child(5n) { margin-right:0;} .aboutB-f ul li:nth-child(2n) { float:right; } .aboutB-f ul li:nth-child(n+3) { margin-top:2%; } } /*关于我们-历史进程*/ .history { margin-top:50px; } .historyA ul { overflow: hidden; } .historyA-a { float: left; width: 250px; } .historyA-e { width: 184px; padding-top:50px; position: relative; } .historyA-e:after { content:''; width: 1px; height: 1000px; background: #ddd; position: absolute; left:92px; top:50px; } .historyA-e .t { transition: all 0.6s; position: relative; z-index: 10; width: 100%; line-height: 66px; background: #fbfbfb; text-align: center; font-size: 36px;color:#999999; } .historyA-e .icon { width: 22px; height: 22px; position: absolute; left:50%; top:200px; transform: translate(-50%, -50%); z-index: 10; } .historyA-e .icon span { transition: all 0.6s; display: block; width: 100%; height: 22px; position: relative; border:1px solid #ddd; border-radius: 50%; } .historyA-e .icon span:after { transition: all 0.6s; content:''; width: 9px; height: 9px; background: #ddd; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); border-radius: 50%; } .historyA-b { float: right; width: calc(100% - 250px); padding-bottom: 50px;} .historyA ul li:last-child .historyA-b { padding-bottom: 0;} .historyA-c { background: #f9f9f9; padding:50px; } .historyA-b .con { float: left; width: 65%; } .historyA-b .img { float: right; width: 30%; } .historyA-b .con .t { padding-left: 12px; position: relative; font-size: 22px; color:#333333; font-weight:bold; padding-bottom:14px; border-bottom:1px solid #ddd; } .historyA-b .con .c { font-size: 16px; color:#666666; line-height: 1.8; margin-top:20px; } .historyA-b .con .t:after { transition: all 0.6s; content:''; width: 3px; height: 24px; background: #ddd; position: absolute; left:0; top:3px; } .historyA ul li:hover .historyA-e .t { color: #fff; background-color: #67a7e0; background-image: linear-gradient(to right, #67a7e0 , #234eda); } .historyA ul li:hover .historyA-e .icon span { border:1px solid #002197; } .historyA ul li:hover .historyA-e .icon span:after { background: #002197; } .historyA ul li:hover .historyA-b .con .t { color:#002197; } .historyA ul li:hover .historyA-b .con .t:after { background: #002197; } .historyB { padding-top:75px; text-align: center; } .historyB span { cursor: pointer; display: inline-block; } .historyB span.icon { display: block; margin: 0 auto; width: 41px; height: 41px; background: url(/images/morebtn.png) no-repeat center; } .historyB span.t { font-size: 16px;color:#999999; line-height: 2; } @media(max-width: 1680px){ .historyA-b { padding-bottom:40px; } .historyA-c { padding: 40px; } } @media(max-width: 1480px){ .historyA-b { padding-bottom:30px; } .historyA-c { padding: 30px; } .historyA-e { padding-top:30px; } .historyA-b .con .t { font-size: 20px; } .historyA-e .t { line-height: 52px; font-size: 32px; } .historyA-e .icon { top:160px; } .history { margin-top:40px; } .historyB { padding-top:65px; } } @media(max-width: 1280px){ .historyA-b { padding-bottom:20px; } .historyA-c { padding: 20px; } .historyA-e { padding-top:20px; } .historyA-b .con .t { font-size: 18px; } .historyA-e .t { line-height: 48px; font-size: 28px; } .historyA-e .icon { top:120px; } .historyA-a { width: 200px; } .historyA-e { width: 160px; } .historyA-b { width: calc(100% - 200px); } .historyA-e:after { left:80px; } .history { margin-top:30px; } .historyB { padding-top:55px; } } @media(max-width: 1024px){ .historyA-b { padding-bottom:20px; } .historyA-c { padding: 20px; } .historyA-e { padding-top:10px; } .historyA-b .con .t { font-size: 18px; } .historyA-e .t { line-height: 1; margin: 0 0 15px; font-size: 28px; background: none; text-align: left; } .historyA-e .icon { display: none; } .historyA-a { width: 100%; } .historyA-b { width: 100%; } .historyA-e:after { display: none; } .historyA ul li:hover .historyA-e .t { background: none; color:#002197; } .history { margin-top:20px; } .historyB { padding-top:45px; } } @media(max-width: 750px){ .historyA-c { padding: 20px 10px; } .historyA-b .con { margin-bottom:10px; } .historyA-b .con,.historyA-b .img { width: 100%; } } .aboutD .img { text-align: center; } .aboutD .img img { max-width: 1400px; } .aboutD-c { margin-top:-100px; } .aboutD-c ul li { position: relative; float: left; width: 24%; background: #edf2f5; border-radius: 100px; text-align: center; height: 100px; margin-right:1.3333%; } .aboutD-c ul li .con { position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); width: 90%; } .aboutD-c ul li .con .t { font-size: 20px;color:#333333; } .aboutD-c ul li .con .c { font-size: 15px;color:#666666; margin-top:4px; } .aboutD-c ul li:last-child { margin-right:0; } @media(max-width: 1880px){ .aboutD-c ul li .con .c { font-size: 14px; } } @media(max-width: 1780px){ .aboutD-c ul li .con .c { font-size: 16px; } } @media(max-width: 1480px){ .aboutD .img { width: 1200px; position: relative;left: 50%; margin-left:-600px; } .aboutD .img img { width: 100%; } .aboutD-c ul li { width: 49%; margin-right:0 } .aboutD-c ul li:nth-child(2n) { float: right; } .aboutD-c ul li:nth-child(n+3) { margin-top: 2%; } .aboutD-c ul li .con .t { font-size: 18px; } .aboutD-c ul li .con .c { font-size: 14px; } .aboutD-c { margin-top:-80px; } .aboutD-c ul li { height: 80px; } } @media(max-width: 700px){ .aboutD .img { width: 800px; margin-left:-400px; } .aboutD-c ul li { width: 100%; margin-right:0 } .aboutD-c ul li:nth-child(n+2) { margin-top: 20px; } .aboutD-c { margin-top:-30px; } } @media(max-width: 450px){ .aboutD .img { width: 600px; margin-left:-300px; } .aboutD-c ul li { width: 100%; margin-right:0 } .aboutD-c ul li:nth-child(n+2) { margin-top: 20px; } .aboutD-c { margin-top:-30px; } } /*荣誉资质*/ .aboutE { margin-top: 50px; } .aboutE ul li { border: 1px solid #ddd; float: left; width: 24%; margin-right:1.3333%; } .aboutE ul li:nth-child(4n) { margin-right: 0; } .aboutE ul li:nth-child(n+5) { margin-top: 1.33333%; } .aboutE ul li .img { overflow: hidden; padding: 20px; height: 23vw; position: relative; } .aboutE ul li .imga { width: calc(100% - 40px); position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); } .aboutE ul li .tit { height: 50px; overflow: hidden; font-size: 18px;color:#333333;text-align: center; padding: 0px 10px 20px; } @media(max-width: 1680px){ .aboutE ul li .tit { font-size: 16px; } .aboutE ul li .img { height: 25vw; } } @media(max-width: 1480px){ .aboutE ul li .tit { font-size: 16px; } .aboutE ul li .img { height: 27vw; padding: 15px; } .aboutE ul li .imga { width: calc(100% - 30px); } .aboutE { margin-top: 40px; } } @media(max-width: 1100px){ .aboutE ul li { width: 32%; margin-right:2%; } .aboutE ul li:nth-child(4n) { margin-right: 2%; } .aboutE ul li:nth-child(3n) { margin-right: 0; } .aboutE ul li:nth-child(n+4) { margin-top: 2%; } .aboutE ul li .img { height: 39vw; } .aboutE { margin-top: 30px; } } @media(max-width: 750px){ .aboutE ul li { width: 49%; margin-right:0%; } .aboutE ul li:nth-child(4n) { margin-right: 0%; } .aboutE ul li:nth-child(2n) { float: right; } .aboutE ul li:nth-child(n+3) { margin-top: 2%; } .aboutE ul li .img { height: 60vw; } .aboutE { margin-top: 20px; } } @media(max-width: 450px){ .aboutE ul li { width: 100%; margin-right:0%; } .aboutE ul li:nth-child(n+2) { margin-top: 20px; } .aboutE ul li .img { height: auto; padding: 16px; } .aboutE ul li .imga { width: 100%; position: relative; left:0; top:0; transform: translate(0); } .aboutE ul li .tit { height: auto; } } /*新闻资讯*/ .news-a { float: left; width: 70%; } .news-c ul li { margin-top: 30px; padding-bottom:30px; border-bottom:1px solid #dedede; } .news-c ul li .d { margin-right: 70px; position: relative; float: left; width: 90px; text-align: center; } .news-c ul li .d:after { content:''; width: 1px; height: 100%; position: absolute; right:-35px; top:0; background: #ddd; } .news-c ul li .d .day { font-size: 70px;color:#aaaaaa; font-family: "Arial";line-height: 1; } .news-c ul li .d .year { font-size: 20px;color:#aaaaaa; font-family: "Arial";line-height: 1; } .news-c .con { float: right; width: calc(100% - 160px); } .news-c .con .t { display: inline-block; border-bottom: 1px solid #fff; font-size: 22px;color:#333333; } .news-c .con .c { font-size: 16px;color:#666666; margin-top:8px; line-height: 1.8;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; } .news-c ul li:hover .d .day { color:#002197; } .news-c ul li:hover .d .year { color:#002197; } .news-c ul li:hover .con .t { border-bottom: 1px solid #002197; color:#002197; } .news-e { width: 25%; float: right; } .news-e ul li a,.news-c ul li a { display: block; } .news-e ul li { margin-bottom:20px; } .news-e ul li .con { padding:16px; background: #f5f5f5; } .news-e ul li .con .t { font-size: 17px;color:#333333;line-height: 1.8; } .news-e ul li .con .more { display: inline-block; font-size: 14px; color:#999;margin-top:10px; padding-right:20px; background: url(/images/newsa.png) no-repeat right center; } .news-e ul li:hover .con .more { color:#002197; background: url(/images/newsb.png) no-repeat right center; } @media(max-width: 1480px){ .news-c ul li { margin-top:20px; padding-bottom:20px; } .news-c ul li .d { width: 80px; margin-right:60px; } .news-c ul li .d .day { font-size: 60px; } .news-c ul li .d .year { font-size: 18px; } .news-c ul li .d:after { right: -30px; } .news-c .con { float: right; width: calc(100% - 140px); } .news-c .con .t { font-size: 20px; } } @media(max-width: 1280px){ .news-c ul li { margin-top:20px; padding-bottom:20px; } .news-c ul li .d { width: 60px; margin-right:50px; } .news-c ul li .d .day { font-size: 40px; } .news-c ul li .d .year { font-size: 16px; } .news-c ul li .d:after { right: -25px; } .news-c .con { float: right; width: calc(100% - 110px); } .news-c .con .t { font-size: 18px; } } @media(max-width: 1024px){ .news-a { width: 100%; } .news-e { display: none; } } /*新闻详情*/ .newTit { padding-bottom:25px; border-bottom:1px solid #ddd; } .newTit .t { font-size: 32px; color:#333; } .newTit .c { font-size: 16px; color:#666; margin-top: 10px; } .newCon { padding: 20px 0 30px; border-bottom: 1px solid #ddd; margin-bottom: 30px; font-size: 16px;color:#666; line-height: 1.8; } .newCon p { margin: 8px 0; } .newPage ul li a { background: #f5f5f5; font-size: 16px;color:#666666;width: 100%; padding: 16px 20px; border:1px solid #ddd; margin-bottom:10px; display: block; } .newPage ul li:hover a { color:#002197; background: #fff; border-color:#002197; } .newPage .mainMore { margin-top:30px; } @media(max-width: 1480px){ .newTit .t { font-size: 28px; } } @media(max-width: 1280px){ .newTit .t { font-size: 24px; } .newTit { padding-bottom:15px; } .newCon { padding: 12px 0 20px; margin-bottom:20px; } } @media(max-width: 700px){ .newPage ul li a { padding: 12px 16px; } .newPage .mainMore { margin-top:20px; } } /*联系我们*/ .contactA { margin-top:30px; } .contactA .con { text-align: center; font-size: 16px;color:#666; line-height: 1.8; } .contactA .con a { color:#002197; border-bottom:1px solid #002197; } .contactB { padding:30px 0 0px; } .contactB ul li { float: left; padding: 35px 35px 45px; background: #f9f9f9; width: 24%; margin-right:1.3333%; } .contactB ul li:nth-child(4n) { margin-right:0; } .contactB ul li .t { font-size: 22px;color:#333333; } .contactB ul li .c { font-size: 15px;color:#666; line-height: 1.8; margin: 10px 0 20px; height: 110px; } .contactB ul li:hover { background: #223a92; } .contactB ul li:hover .t,.contactB ul li:hover .c { color: #fff; } .contactB ul li:hover a.mainMore { color:#fff; border-color:#fff; } .contactB ul li:hover a.mainMore span { background: url(/images/morebg.png) no-repeat right center; } @media(max-width: 1880px){ .contactB { padding:30px 0 0px; } .contactB ul li { padding: 25px 25px 30px; } } @media(max-width: 1480px){ .contactB { padding:30px 0 0px; } .contactB ul li { padding: 25px 25px 30px; } } @media(max-width: 1280px){ .contactB { padding:30px 0 50px; } .contactB ul li { padding: 20px 20px 30px; } .contactB ul li .c { height: 140px; } } @media(max-width: 1100px){ .contactB ul li { width: 49%; margin-right:0; } .contactB ul li:nth-child(2n) { float: right; } .contactB ul li:nth-child(n+3) { margin-top:2%; } } @media(max-width: 600px){ .contactB ul li { width: 100%; margin-right:0; } .contactB ul li:nth-child(n+2) { margin-top:15px; } .contactB ul li .c { height: auto; margin-bottom:20px; } .contactB { padding:30px 0 0px; } } .contactC { padding: 80px 0 90px; background: url(/images/contact.jpg) no-repeat center/cover; } .contactC-b ul li { float: left; width: calc(50% - 8px); } .contactC-b ul li .inp { width: 100%; height: 64px; color:#666; font-size: 16px; padding-left:12px; border:1px solid #ddd; } .contactC-b ul li textarea { width: 100%; height: 120px; line-height: 54px; color:#666; font-size: 16px; padding-left:12px; border:1px solid #ddd; } .contactC-b ul li:nth-child(2n) { float: right; } .contactC-b ul li:nth-child(n+3) { margin-top:16px; } .contactC-b ul li:nth-child(5) { width: 100%; } .contactC-b .sub input { width: 166px; height: 52px; text-align: left; padding-left: 35px; display: block; margin: 30px auto 0; color:#fff; background: url(/images/contact.png) no-repeat 114px center #223a92; border-color:#223a92; font-size: 16px; border:none; } .contactC-a .nyMainTit { margin-bottom:30px; } .contactC-a .nyMainTit .t { padding-bottom:24px; position: relative; } .contactC-a .nyMainTit .t:after { content:''; width: 36px; height: 3px; background: #223a92; position: absolute; left:50%; transform: translateX(-50%); bottom:0; } @media(max-width: 1480px){ .contactC { padding: 60px 0 70px; } .contactC-b ul li .inp { height: 52px; } } @media(max-width: 1024px){ .contactC { padding: 40px 0 50px; } .contactC-b ul li .inp { height: 48px; } .contactC-b ul li textarea { line-height: 42px; } .contactC-b .sub input { margin-top:20px; } } @media(max-width: 640px){ .contactC { padding: 40px 0 50px; } .contactC-b ul li { width: 100%; } .contactC-b ul li:nth-child(n+2) { margin-top:10px; } .contactC-a .nyMainTit { margin-bottom:20px; } .contactC-a .nyMainTit .t { padding-bottom:18px; } } /*招贤纳士*/ .joinA-a .nyMainTit .con { font-size: 16px;color:#666666; margin-top:16px; } .joinA-b .sel { cursor: pointer; position: relative; display: inline-block;} .joinA-b .sel p { padding-right: 20px; background: url(/images/langa.png) no-repeat right center; } .joinA-b .sel .sub { width: 300px; background: #fff; z-index: 100; height: auto;padding: 10px 10px 10px 16px; border:1px solid #e2e2e2; position: absolute; left:0; top:56px; display: none;} .joinA-b .sel .sub a { font-size: 14px; margin: 8px 0; display: block;} .joinA-b .sel.cur .sub { display: block;} .joinA-b { margin-top:50px; } .joinA-b dl span { float: left; } .joinA-b dl span.sign1 { width: calc(25% - 90px); } .joinA-b dl span.sign2 { width: 24%; } .joinA-b dl span.sign3 { width: 15%; } .joinA-b dl span.sign4 { width: 19%; } .joinA-b dl span.sign5 { width: 17%; } .joinA-b dl span.sign6 { width: 90px; } .joinA-b dl dt { background: #223a92; padding: 0 40px; } .joinA-b dl dt span { font-size: 18px;color:#ffffff; padding: 22px 10px 22px 0; } .joinA-b dl dd { border-bottom:1px solid #ddd; } .joinA-b dl dd span { font-size: 16px;color:#333333; padding: 0px 20px 0px 0px; line-height: 60px; } .joinA-b dl dd .joinA-c { padding:0 40px; } .joinA-b dl .sign6 { text-align: center; position: relative; height: 80px; padding-right:0!important; } .joinA-c .sign6 .icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 38px; background: url(/images/joina.png) no-repeat center; } .joinA-b dl dd .con { display: none; padding: 30px 40px 50px; background: #f9f9f9; } .joinA-b dl dd .con .t { font-size: 18px; color:#333333; } .joinA-b dl dd .con .c { font-size: 14px; color:#666666; line-height: 2; margin-bottom:40px; } .joinA-b dl dd .con .more { display: inline-block; padding:15px 32px 15px 65px; font-size: 16px;color:#666666; background: url(/images/joinc.png) no-repeat 32px center; border:1px solid #ddd; } .joinA-b dl dd .con .more:hover { color:#fff; background: url(/images/joind.png) no-repeat 32px center #002197; border:1px solid #002197; } .joinA-b dl dd .cur span { color:#002197; } .joinA-b dl dd .cur span.sign6 .icon { background: url(/images/joinb.png) no-repeat center; } .joinA-b dl dd span { position: relative; height: 80px;} .joinA-b dl dd span i { font-style: normal; position: absolute; width: 100%; left:0; top:50%; transform: translateY(-50%); line-height: 20px; } .joinA-b dl dd span.sign2 i { padding-right:30px;} @media(max-width: 1480px){ .joinA-b dl dt span { padding: 18px 10px 18px 0; } .joinA-b { margin-top:40px; } .joinA-b dl dd span { padding: 0px 20px 0px 0px; line-height: 52px; } .joinA-c .sign6 .icon { width: 32px; height: 32px; margin: 0 auto;background: url(/images/joinb.png) no-repeat center/cover; } .joinA-b dl dd .cur span.sign6 .icon { background: url(/images/joinb.png) no-repeat center/cover; } } @media(max-width: 1280px){ .joinA-b dl dt,.joinA-b dl dd .joinA-c { padding: 0 20px; } .joinA-b dl dd .con { padding: 20px 20px 30px; } } @media(max-width: 1024px){ .joinA-b dl dt span { font-size: 16px; } .joinA-b dl span.sign5 { display: none; } .joinA-b dl span.sign2 { width: 19%; } .joinA-b dl span.sign3 { width: 19%; } .joinA-b dl span.sign4 { width: 20%; } .joinA-b dl span.sign1 { width: calc(40% - 90px); } .joinA-b { margin-top:30px; } } @media(max-width: 800px){ .joinA-b dl span.sign2 { width: 25%; } .joinA-b dl span.sign3 { width: 25%; } .joinA-b dl span.sign4 { display: none; } .joinA-b dl span.sign1 { width: calc(50% - 90px); } } @media(max-width: 600px){ .joinA-b dl span.sign2 { display: none; } .joinA-b dl span.sign3 { width: 30%; } .joinA-b dl span.sign1 { width: calc(70% - 90px); } .joinA-b dl dt,.joinA-b dl dd .joinA-c { padding: 0 12px; } .joinA-b dl dd .con { padding: 20px 12px 30px; } .joinA-b { margin-top:20px; } .joinA-b dl span.sign6,.joinA-b dl dd span { height: 60px;} } @media(max-width: 400px){ .joinA-b dl span.sign6 { display: none; } .joinA-b dl span.sign3 { display: none; } .joinA-b dl span.sign1 { width: 100%; line-height: 30px; padding: 10px 0; } } /*集团产业*/ .productsA .nyMainTit .con { font-size: 24px;color:#333333; margin: 24px auto 0; } .productsA-b { margin-top:80px; position: relative; } .productsA-c { float: left; width: 52%; height: 24vw; position: relative; z-index: 10; background: #223a92; padding:2vw 3vw 0 2.5vw; } .productsA-d { position: absolute; right:0; top:-30px; width: 55%; } .productsA-c .t { font-size: 30px;color:#ffffff; } .productsA-c .c { font-size: 16px;color:#ffffff; line-height: 1.8; margin:16px 0 0px; } .productsA-c .icon { position: absolute; right:3vw; bottom:2vw; } .productsA-c .mainMore { position: absolute; left: 2.5vw; bottom:2vw; } @media(max-width: 1680px){ .productsA-c { height: 26vw; } } @media(max-width: 1480px){ .productsA-c { height: 28vw; } .productsA .nyMainTit .con { margin-top:20px; } .productsA-c .t,.productsA .nyMainTit .con { font-size: 24px; } .productsA-b { margin-top:70px; } } @media(max-width: 1280px){ .productsA-c { height: 30vw; } .productsA-c .t,.productsA .nyMainTit .con { font-size: 20px; } .productsA-b { margin-top:60px; } } @media(max-width: 1100px){ .productsA .nyMainTit .con { margin-top:12px; } .productsA-c { width: 100%; height: auto; padding: 20px 20px 30px; } .productsA-d { position: relative; left:0; top:0; width: 100%; margin-top:20px; } .productsA-c .mainMore { position: relative; left: auto; bottom:auto; margin-top:30px; } .productsA-b { margin-top:30px; } } @media(max-width: 600px){ .productsA-c { padding: 20px 12px 30px; } .productsA-c .icon { right:12px; width: 60px; bottom:20px; } .productsA-c .icon img { width: 100%; height: auto; } .productsA-b { margin-top:20px; } } .productB { padding: 90px 0 100px; background: #f9f9f9; } /* .productB-b { width: 86.5%; margin-left:13.5%; } */ .productB-b .swiper-slide { padding-top:10px; } .productB-b .swiper-slide .clearfix { background: #fff; } .productB-b .swiper-slide .img { float: left; width: 47%; position: relative; } .productB-b .swiper-slide .img .area { font-size: 16px; text-align: center; padding: 15px 15px 0; color: #fff; width: 65px; height: 82px; background: url(/images/proa.png) no-repeat center/cover; position: absolute; right:30px; top:-10px; } .productB-d { padding: 40px 4% 0 45px; float: left; width: 53%; background: #fff; } .productB-d .relate { font-size: 18px;color:#223a92;} .productB-d .t { margin: 6px 0 20px; font-size: 28px;color:#333333;} .productB-d .con .c { padding:12px 0; border-bottom:1px solid #ddd; } .productB-d .con .c .tt { float: left; width: 82px; font-size: 16px;color:#333; line-height: 2; } .productB-d .con .c .co { float: left; width: calc(100% - 82px); font-size: 16px;color:#666666; line-height: 2; } .productB-d .con .c:last-child { border:none; } .productB-b { margin-top:50px; } .productB-b .swiper-button-next,.productB-b .swiper-button-prev { width: 30px; height: 60px; background: rgba(0,33,151,0.8);} .productB-b .swiper-button-next:after,.productB-b .swiper-button-prev:after { font-size: 30px; color:#fff;} @media(max-width: 1820px){ .productB-d .relate { font-size: 16px; } .productB-d .t { margin: 5px 0 16px; font-size: 24px; } .productB-d .con .c { padding:10px 0; } } @media(max-width: 1680px){ .productB-d { padding:20px 20px 0 20px; } /* .productB-b { width: 90%; margin-left:10%; } */ .productB-b { margin-toP:40px; } .productB { padding: 70px 0 80px; } } @media(max-width: 1580px){ .productB-d .t { margin-bottom:10px; } .productB-d .con .c .co,.productB-d .con .c .tt { line-height: 1.8; font-size: 15px; } } @media(max-width: 1480px){ .productB { padding: 60px 0 70px; } .productB-d .con .c .co,.productB-d .con .c .tt { line-height: 1.6; font-size: 14px; } .productB-d .t { font-size: 20px; } /* .productB-b { width: 93%; margin-left:7%; } */ } @media(max-width: 1280px){ .productB { padding: 50px 0 60px; } .productB-b { width: 95%; margin-left:5%; } .productB-b { margin-top:30px; } } @media(max-width: 1100px){ .productB { padding: 40px 0 50px; } .productB-b .swiper-slide .img,.productB-d { width: 100%; } .productB-d { padding: 20px 16px 30px; } /* .productB-b { width: 94%; margin-left:3%; } */ .productB-b { margin-toP:20px; } .productB-b .swiper-button-next,.productB-b .swiper-button-prev { top: 32.5vw;} } @media(max-width: 700px){ .productB { padding: 30px 0 40px; } } /*投资者关系*/ .investorA-b { float: right; max-width: 900px; width: 65%; } .investorA-a .nyMainTit { float: left; } .ggthA-c {width: 22%;background: #fff;margin-right: 15px;} .ggthA-c:after {background: url(/images/xwzx-xv.png) no-repeat center #fff;height: 48px;margin-top: -24px;} .ggthA-d {background: #fff;width: calc(56% - 30px);} .ggthA-c .inp {cursor: pointer;position: relative;font-size: 16px;padding-left: 15px;width: 100%;} .ggthA-c .inp p {line-height: 48px;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: 48px;} .ggthA-c .inp dl dd {cursor: pointer;line-height: 2;font-size: 14px;color: #666;} .ggthA-c .inp dl dd:hover {color: #f11053;} .ggthA-c {position: relative;} .ggthA-c {border: 1px solid #e2e2e2;width: 22%;float: left;} .ggthA-c select {cursor: pointer;position: relative;width: 100%;font-size: 16px;color: #666666;background: #f8f8f8;padding: 0 20px;background: none;border: none;height: 48px;border-radius: 40px;} .ggthA-c:after {content: '';width: 50px;height: 48px;background: url(/images/xwzx-xv.png) no-repeat center #f9f9f9;position: absolute;right: 1px;top: 50%;margin-top: -24px;z-index: 100;display: block;} .ggthA-d {position: relative;float: right; } .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: 50px; border: 1px solid #e2e2e2;} .ggthA-d .inp {padding-left: 20px;background: none;} .ggthA-d .sub { position: absolute; top: 0; right: 0; background: url(/images/xwzx-fdj.png) no-repeat 45px center #002197; text-align: left; padding-left: 72px; width: 149px; font-size: 16px; color: #ffffff; cursor: pointer; height: 50px; border: 1px solid #002197;} .xwzx-B .ggthA-b {padding-bottom: 30px;} @media(max-width: 1100px){ .investorA-b { width: 100%; max-width: 100%; margin-top:20px; } } @media(max-width: 750px) { .ggthA-c,.ggthA-d {width: 100%;} .ggthA-c {margin-bottom: 15px;} } .investorA-c { margin-top:50px; } .investorA-c ul li { float: left; width: 49%; background: #f9f9f9; } .investorA-c ul li:nth-child(2n) { float: right; } .investorA-c ul li a { display: block; padding:45px; } .investorA-c ul li a .d { font-size: 16px;color:#002197; } .investorA-c ul li a .t { font-size: 20px;color:#333333; margin: 10px 0 20px; height: 78px; overflow: hidden; } .investorA-c ul li a .more {padding-left:28px; background: url(/images/down.png) no-repeat left center; } .investorA-c ul li a .more span { font-size: 16px;color:#666666; display: inline-block; padding-bottom:4px; border-bottom:1px solid #aaa; } .investorA-c ul li:nth-child(n+3) { margin-top:2%; } @media(max-width: 1680px){ .investorA-c { margin-top:40px; } .investorA-c ul li a { padding:35px; } } @media(max-width: 1480px){ .investorA-c { margin-top:30px; } .investorA-c ul li a { padding:30px 25px; } .investorA-c ul li a .t { font-size: 18px; height: 72px; } } @media(max-width: 1280px){ .investorA-c ul li a { padding:20px 15px; } .investorA-c ul li a .t { font-size: 16px; height: 63px; } } @media(max-width: 640px){ .investorA-c ul li { width: 100%; } .investorA-c ul li a { padding:20px 15px; } .investorA-c ul li a .t { font-size: 16px; height: auto; } .investorA-c ul li:nth-child(n+2) { margin-top:15px; } } /*业绩报告*/ .constitution-a { margin-top: 50px; border-top:2px solid #334173; } .constitution-a ul li { border-bottom:1px solid #eee; } .constitution-a ul li a { background: url(/images/consa.png) no-repeat 10px 18px; padding:20px 10px; padding-left: 40px; font-size: 18px;color:#333333; position: relative; display: block;} .constitution-a ul li:hover a { color:#002197; background: url(/images/consb.png) no-repeat 10px 18px; } .constitution-a ul li a span.more { font-size: 16px;color:#666666; position: absolute; right:10px; top:50%; transform: translateY(-50%); padding:10px 50px 10px 24px; border:1px solid #eee; background: url(/images/consc.png) no-repeat 67px center; } .constitution-a ul li a span.morex { background-image: url(/images/jthuix.png); } .constitution-a ul li a span.d { font-size: 16px;color:#666666; position: absolute; right:190px; top:50%; transform: translateY(-50%); } .constitution-a ul li:hover a span.more { color:#fff; border:1px solid #002197; background: url(/images/consd.png) no-repeat 67px center #002197; } .constitution-a ul li:hover a span.morex { background-image: url(/images/jtbluex.png); vertical-align: top; } .constitution-a ul li:hover { background: #fbfbfc; } .constitution-a ul li a span.t { max-width: 60%; display: block; } @media(max-width: 1480px){ .constitution-a { margin-top:40px; } } @media(max-width: 900px){ .constitution-a ul li a span.d { right:140px; } } @media(max-width: 750px){ .constitution { padding:30px 0 50px; } .constitution-a ul li a { padding: 20px 20px 20px 40px; font-size: 16px; } .constitution-a ul li a span.more { right:10px; padding:6px 36px 6px 10px;background: url(/images/consc.png) no-repeat 50px center; } .constitution-a ul li:hover a span.more { background: url(/images/consd.png) no-repeat 50px center #002197; } .constitution-a ul li a span.d { right:120px; font-size: 14px; } .constitution-a { margin-top:30px; } } @media(max-width: 550px){ .constitution-a ul li a { font-size: 14px; } .constitution-a ul li a span.more { right:12px; } .constitution-a ul li a span.d { right:100px; font-size: 14px; } .constitution-a { margin-top:20px; } } @media(max-width: 450px){ .constitution-a ul li a span.d { display: none; } } /*公司治理*/ .investorB-a { margin-top:50px; } .investorB-b { float: right; } .investorB-b ul li { float: left; margin-left:14px; } .investorB-b ul li a { padding: 16px 0; display: inline-block; width: 160px; border:1px solid #ddd; text-align: center; font-size: 16px;color:#999999; } .investorB-b ul li.cur a,.investorA-b ul li:hover a { border:1px solid #002197; background: #002197; color:#fff; } .investorB-a ul li { background: #f9f9f9; padding:56px 60px;margin-bottom:20px; } .investorB-c { padding-right: 30px; max-height: 240px; overflow-y: scroll; } .investorB-c .t { font-size: 30px;color:#333333; } .investorB-c .et { font-size: 18px;color:#666666; margin: 10px 0 24px; } .investorB-c .c { font-size: 16px;color:#666666; line-height: 1.8; } @media(max-width: 1680px){ .investorB-a ul li { padding: 45px 50px; } .investorB-c .t { font-size: 24px; } } @media(max-width: 1480px){ .investorB-a ul li { padding: 35px 40px; } .investorB-c .t { font-size: 22px; } .investorB-c .et { font-size: 18px; margin: 8px 0 16px; } .investorB-a { margin-top:40px; } } @media(max-width: 1280px){ .investorB-a ul li { padding: 25px 30px; } .investorB-c { padding-right:20px; } .investorB-c .t { font-size: 22px; } .investorB-c .et { font-size: 18px; margin: 8px 0 16px; } .investorB-a { margin-top:30px; } } @media(max-width: 1100px){ .investorB-a ul li { padding: 20px 16px; } .investorB-c { padding-right:20px; } .investorB-c .t { font-size: 20px; } .investorB-c .et { font-size: 17px; margin: 8px 0 12px; } .investorB-b { width: 100%; margin-top:20px; } .investorB-b ul li { margin: 0 12px 0 0; } .investorB-b ul li a { width: 120px; padding: 8px 0; } .investorB-c { padding-right:10px; } .investorB-a ul li { margin-bottom:12px; } } @media(max-width: 500px){ .investorB-b ul li a { width: auto; padding: 8px 16px; } } @media(max-width: 400px){ .investorB-b ul li:last-child { margin-right:0; } .investorB-b ul li a { padding: 6px 12px; } } /* .selectYear { display: inline-block; position: relative;} .selectYear .t { font-size: 16px;color:#333; display: inline-block; padding: 15px 30px; font-size: 16px; cursor: pointer; background: #e2e2e2; border:1px solid #ddd;} .selectYear .c { position: absolute; z-index: 101; display: none; background: #fff; left:0; top:51px; width: 100%; padding: 10px; border:1px solid #ddd; } .selectYear .c a { font-size: 16px; line-height: 2; color:#666;} .selectYear:hover .c { display: block;} .selectYear .c a:hover { color:#333;} */ .selectYear { margin-top:20px; text-align: center; border-bottom:1px solid #e2e2e2; } .selectYear ul li { cursor: pointer; position: relative; padding: 30px 0; font-size: 30px;color:#333333; line-height: 1; display: inline-block; margin: 0 45px;} .selectYear ul li:hover,.selectYear ul li.cur { color:#002197;} .selectYear ul li:hover:after,.selectYear ul li.cur:after { content:''; width: 100%; height: 3px; background: #002197; position: absolute;left:0;bottom:-1px;} .historyA ul li:last-child { overflow: hidden;} .yrln { width: 90%; position: relative; margin: 16px auto 0; } .yrln:before,.yrln:after { content:''; width: 52px; height: 50px; position: absolute;} .yrln:before { left: 0; top:2px; background: url(/images/yrlna.png) no-repeat center/cover;} .yrln:after { right: 0; bottom:25px; background: url(/images/yrlnb.png) no-repeat center/cover;} .yrlnB:before,.yrlnB:after { display: none; } @media(max-width: 1480px){ .yrln:before,.yrln:after { width: 41px; height: 40px;} .selectYear ul li { font-size: 24px; padding: 20px 0; margin: 0 30px;} } @media(max-width: 1024px){ .yrln:before,.yrln:after { width: 31px; height: 30px;} .yrln { width: 100%;} .yrln h3 span { font-size: 20px!important; font-weight: normal!important;} .selectYear ul li { font-size: 20px; padding: 16px 0; margin: 0 20px;} } @media(max-width: 640px){ .yrln:before,.yrln:after { display: none; width: 21px; height: 20px;} .yrln:before { left: -200px; } .yrln:after { right: -200px; } .yrln { text-align: left;} .yrln h3 span { font-size: 18px!important;} .selectYear ul li { font-size: 18px; padding: 10px 0; margin: 0 10px;} } @media(max-width: 550px){ .selectYear ul li { width: 40%; margin: 10px;} } @media(max-width: 360px){ .yrln h3 span { font-size: 16px!important;} } .yrlnA { margin-top:60px; } .yrlnA ul li { float: left; width: 32%; margin-right:2%; text-align: center;} .yrlnA ul li:nth-child(3n) { margin-right:0;} .yrlnA ul li .img img { width: 100%; } .yrlnA ul li .icon { margin:16px 0 12px; } .yrlnA ul li .con .t { font-size: 22px; color:#333333;} .yrlnA ul li .con .et { font-size: 18px; line-height: 24px; min-height: 48px; padding-bottom:16px; border-bottom:1px solid #d2d2d2; color:#666; margin-top:8px;} @media(max-width: 1680px){ .yrlnA { margin-top:50px; } } @media(max-width: 1480px){ .yrlnA { margin-top:40px; } .yrlnA ul li .icon img { height: 60px;} .yrlnA ul li .con .t { font-size: 20px;} .yrlnA ul li .con .et { font-size: 16px;} } @media(max-width: 1280px){ .yrlnA { margin-top:30px; } .yrlnA ul li .icon img { height: 50px;} .yrlnA ul li .con .t { font-size: 18px;} } @media(max-width: 1024px){ .yrlnA ul li { width: 100%; margin: 0;} .yrlnA ul li:nth-child(n+2) { margin-top:20px;} .yrlnA ul li .con .et { min-height: 10px; padding-bottom:30px;} } .yrlnC .img .pic2 { display: none;} @media(max-width: 1024px){ .yrlnC .img .pic { display: none;} .yrlnC .img .pic2 { display: inline-block; width: 100%;} } .yrlnD { padding:146px 0 100px; background: #f9f9f9; } .yrlnD-b { position: relative;} .yrlnD-b .img { position: absolute; left:0; top:-40px; width: 50%;} .yrlnD-b .img img { width: 100%;} .yrlnD-c { float: right; width: calc(50% + 50px); background: #fff; padding: 60px 40px 0 120px; height: 24vw;} .yrlnD-c .tit { font-size: 30px;color:#333333; position: relative; padding-bottom:20px;} .yrlnD-c .tit:after { content:''; width: 36px; height: 3px; background: #002197; position: absolute; left:0; bottom:0;} .yrlnD-c ul { margin-top:30px;} .yrlnD-c ul li { float: left; width: 40%; } .yrlnD-c ul li:nth-child(3n) { width: 20%; margin-right:0;} .yrlnD-c ul li:nth-child(n+4) { margin-top:30px;} .yrlnD-c ul li .t { width: 80px; text-align: center; font-size: 18px;color:#333333;} @media(max-width: 1920px){ .yrlnD-c { padding-top: 40px;} .yrlnD-c ul { margin-top:20px;} .yrlnD-c ul li:nth-child(n+4) { margin-top:20px;} } @media(max-width: 1680px){ .yrlnD { padding: 120px 0 80px;} .yrlnD-c { padding: 30px 40px 0 100px; height: 26vw;} .yrlnD-c .tit { font-size: 24px; padding-bottom:18px;} } @media(max-width: 1480px){ .yrlnD { padding: 100px 0 60px;} .yrlnD-c { padding: 30px 40px 0 100px; height: 28vw;} .yrlnD-c .tit { font-size: 20px; padding-bottom:18px;} } @media(max-width: 1280px){ .yrlnD { padding: 80px 0 50px;} .yrlnD-c { height: 30vw;} .yrlnD-c ul li .icon img { width: 70px; height: auto; } .yrlnD-c ul li .t { width: 70px; font-size: 16px;} } @media(max-width: 1100px){ .yrlnD { padding: 30px 0 40px;} .yrlnD-c { height: auto; padding: 20px; width: 100%;} .yrlnD-b .img { position: relative; width: 100%; left:0; top:0px; } .yrlnD-c ul li { width: 33.33%; text-align: center;} .yrlnD-c ul li:nth-child(3n) { width: 33.33333%; } .yrlnD-c ul li .t { width: 100%;} } @media(max-width: 400px){ .yrlnD-c { padding: 20px 12px; } .yrlnD-c ul li .icon img { width: 60px; height: auto; } } .rcjha { float: left; width: 50%;} .rcjhb { float: right; width: 47%;} .rcjhb .nyMainTit .con { margin-left:0;} .rcjhb ul { margin-top:40px;} .rcjhb ul li { width: 25%; text-align: center; float: left;} .rcjhb ul li .t { font-size: 20px; color:#999999; margin-top:10px;} .rcjhb ul li .icon { padding: 10px; border:1px solid #e2e2e2; border-radius: 50%; display: inline-block;} @media(max-width: 1780px){ .rcjhb ul { margin-top:30px;} } @media(max-width: 1480px){ .rcjhb ul { margin-top:20px;} .rcjhb ul li .icon img { width: 80px;} } @media(max-width: 1100px){ .rcjha,.rcjhb { width: 100%;} .rcjhb { margin-top:20px;} } @media(max-width: 480px){ .rcjhb ul li .icon img { width: 60px;} .rcjhb ul li .icon { padding: 6px;} } @media(max-width: 380px){ .rcjhb ul li .icon img { width: 50px;} .rcjhb ul li .t { font-size: 16px;} } .sitemap { padding:150px 0 100px;} .sitemapA-a .mainTit .t { font-size: 40px;} .sitemapA-a .mainTit .c { font-size: 16px; margin-top:12px;} .sitemapA { margin-top:50px;} .sitemapA dl dt { font-size: 22px; color:#333333; padding-left: 20px; position: relative;} .sitemapA dl dt:after { content:''; width: 8px; height: 8px; border-radius: 50%; background: #145090; left:0; top:50%; transform: translateY(-50%); position: absolute;} .sitemapA dl { margin-bottom:30px;} .sitemapA dl dd { padding: 24px 30px; background: #f5f4f4; margin-top:16px;} .sitemapA dl dd a { display: inline-block; padding-left: 8px; margin-right:44px; position: relative; font-size: 16px; color:#666666;} .sitemapA dl dd a:after { content:''; width: 3px; height: 3px; border-radius: 50%; background: #737373; position: absolute; left:0; top:50%; transform: translateY(-50%);} @media(max-width: 1680px){ .sitemap { padding:130px 0 80px;} .sitemapA-a .mainTit .t { font-size: 32px;} .sitemapA { margin-top:40px;} .sitemapA dl dd { padding: 20px 26px;} } @media(max-width: 1480px){ .sitemap { padding:120px 0 70px;} .sitemapA-a .mainTit .t { font-size: 28px;} .sitemapA { margin-top:30px;} .sitemapA dl dd { padding: 16px 22px;} .sitemapA dl { margin-bottom:20px;} } @media(max-width: 1024px){ .sitemap { padding:100px 0 60px;} .sitemapA-a .mainTit .t { font-size: 24px;} .sitemapA { margin-top:20px;} .sitemapA dl dd { padding: 15px 20px;} .sitemapA dl dd a { line-height: 2; margin-right:20px;} } @media(max-width: 640px){ .sitemap { padding:80px 0 40px;} .sitemapA-a .mainTit .t { font-size: 24px;} .sitemapA dl dt { font-size: 20px;;} .sitemapA { margin-top:10px;} .sitemapA dl dd { padding: 10px 15px;} .sitemapA dl dd a { line-height: 2; margin-right:20px;} } .addNewsNav { margin: 50px 0 60px; } .addNewsNav ul li { float: left; } .addNewsNav ul li a { margin-right: 20px; display: inline-block; font-size: 16px;color:#333; padding: 16px 30px; border:1px solid #e2e2e2;} .addNewsNav ul li:hover a,.addNewsNav ul li.cur a { color:#fff; background: #002197; border:1px solid #002197;} @media(max-width: 1280px){ .addNewsNav { margin: 40px 0 50px; } } @media(max-width: 1024px){ .addNewsNav { margin: 30px 0 40px; } .addNewsNav ul li a { padding: 12px 20px;} } .picshade {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);opacity: 0.91;filter: alpha(opacity=91);z-index: 9999;display: none;} .pictures_eyes_close {position: fixed;top: 30px;right: 30px;display: inline-block;width: 26px;height: 26px;background: url(/images/closea.png) no-repeat;z-index: 100;display: none;} .pictures_eyes {position: fixed;width: 100%;left: 0;top: 0;z-index: 19999;display: none;} .pictures_eyes_in {position: relative;text-align: center;} .pictures_eyes_in img { max-height: 500px; min-height: 450px; } .pictures_eyes_in .prev, .pictures_eyes_in .next {position: absolute;top: 50%;width: 51px;height: 51px;cursor: pointer;} .pictures_eyes_in .prev {left: 80px;background: url(/images/Tleft.png) no-repeat;} .pictures_eyes_in .next {right: 80px;background: url(/images/Tright.png) no-repeat;} .pictures_eyes_indicators { display: none!important; position: fixed;left: 0;bottom: 15px;width: 100%;text-align: center;z-index: 29999;} .pictures_eyes_indicators a {display: inline-block;width: 120px;padding:5px;margin: 6px 3px 0 3px;border: 1px solid #ddd;border-radius: 10px;box-shadow: 0 0 2px #000;filter: alpha(opacity=50);opacity: 0.5;overflow: hidden;} .pictures_eyes_indicators img { width: 110px; } .pictures_eyes_indicators .current {filter: alpha(opacity=100);opacity: 1;} .statement { font-size: 16px; line-height: 2;} .copyright .jszcAdd { color:rgba(0,0,0,0.1); }