@charset "utf-8"; /**{padding:0px;margin:0px;}*/ html { font: normal 62.5%/2.3em Arial, "微软雅黑"; } body { margin: 0px; padding: 0px; margin: 0px auto; font-size: 1.2em; color: #282d38; min-width: 1280px; width: 100%; zoom: 1; background: #fff; } ul, li, form, dl, dt, dd, div { padding: 0px; margin: 0px; } ul, ul li { list-style: none; } .h1, .h2, .h3, .h4, .h5, .h6, .p { padding: 0px; margin: 0px; } select, input, textarea { border-radius: 0; -webkit-border-radius: 0; color: #282d38; } input:focus { outline: none; } input, button, select, textarea { outline: none; /*-webkit-appearance:none;*/ /*强制去除表单自带的样式*/ } textarea { resize: none; /*-webkit-appearance:none;*/ /*强制去除textarea自带的样式*/ } textarea, input, select { background: none; border: none; margin: 0; padding: 0; } article, aside, footer, header, hgroup, nav, section, figure, figcaption { display: block; } /*html5设置*/ figure, figcaption { margin: 0px; padding: 0px; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } img { border: none; border: 0; max-width: 100%; vertical-align: middle; } a { color: #282d38; text-decoration: none; } a:focus { outline: none; -moz-outline: none; } a:hover { text-decoration: none; color: #1465ea; } .fl { float: left; } .fr { float: right; } .clear { clear: both; height: 0px; overflow: hidden; } .Contain { width: 1440px; margin: 0 auto; } @media (max-width:1440px) { .Contain { width: 95%; } } .btn2 { position: absolute; right: 0; top: 24.5%; width: 120px; background: #fff; padding: 8px; border-radius: 25px; outline: none; border: 0px; } .btn:hover { background: #21bcc0; color: #21bcc0; } .SinglePage { text-justify: inter-ideograph; text-align: justify; word-wrap: break-word; clear: both; overflow: hidden; font-size: 13px; line-height: 24px; } .NCommon { overflow: hidden; } /*Top*/ .Top { width: 100%; position: fixed; top: 0; left: 0; padding: 0; z-index: 999; transition: all .5s; background: #fff; height: 164px; } .Top .Logo { float: left; } .Top .Logo .logo2 { display: none; } .MainNav { float: right; } .Nnav { margin-top: 25px } .MainNav .Top-tel { text-align: right; color: #fff; padding: 13px 0 20px; line-height: 35px; height: 35px; } .MainNav .Top-tel ul li { display: inline-block; margin-left: 38px; font-size: 14px; vertical-align: middle; height: 40px; line-height: 40px; } .MainNav .Top-tel ul li a { color: #999999; } .MainNav .Top-tel ul li.Top-email { position: relative; } .MainNav .Top-tel ul li.Top-email img { position: relative; top: -2px; left: -3px; } .MainNav .Top-tel ul li.top-tel span { position: relative; top: -5px; color: #999999; } .MainNav .Top-tel ul li.top-tel strong { font-size: 24px; font-family: Anton; color: #1465ea; position: relative; top: -4px; } .qh { color: #999; } .qh .on { font-weight: bold; color: #1258cc!important; } .MainNav .Top-tel ul li span { font-size: 14px; } .MainNav .Top-tel ul li.login p { display: inline-block; margin: 0 auto; } .MainNav .Top-tel ul li.login p img { height: 19px; margin-top: -8px; } .MainNav .Top-tel ul li.search{border-bottom: 1px solid #D4D2CE;} .MainNav .Top-tel ul li.search input{margin-left: 10px;border-left: 1px solid #ECEBE9;text-indent: 10px;} .MainNav .Top-tel ul li.login p:first-child { margin-right: 20px; } .MainNav .Top-tel ul li.member { padding: 0 20px; /*background: rgba(0, 0, 0, 0.5);*/ border-radius: 50px; position: relative; top: -2px; } .MainNav .Top-tel ul li.member p { display: inline-block; margin: 0 auto; } .MainNav .Top-tel ul li.member p img { height: 19px; margin-top: -8px; } .MainNav .Top-tel ul li.member p:first-child { margin-right: 20px; } .MainNav .nav ul li { display: inline-block; margin-left: 19px; position: relative; } .MainNav .nav ul li span a { color: #333333; font-size: 18px; display: inline-block; padding: 0 18px; line-height: 35px; transition: all ease .5s; -webkit-transition: all ease .5s; position: relative; } .MainNav .nav ul li:hover > span a{background: #1465ea;color: #fff;border-radius: 30px;} .MainNav .nav ul li .NavPull dd span a{color: #fff;height: auto;line-height: 24px;padding: 5px 0;width: 100%;} .MainNav .nav ul li span a:hover:after,.MainNav .nav ul li.active span a:after { width: 100%; left: 0; top: 0; height: 100%; content: ""; background: #1465ea; border-radius: 20px; opacity: 0; position: absolute; z-index: -1; } .MainNav .nav ul li.active span a:after, .MainNav .nav ul li:hover span a:after { opacity: 1; } .MainNav .nav ul li.active span a, .MainNav .nav ul li span a:hover { color: #fff; } .m-btn { display: none; position: absolute; cursor: pointer; right: 20px; top: 37px; float: right; z-index: 999; } .m-btn span { display: block; width: 23px; height: 2px; background: #1465ea; position: relative; -webkit-transition: all 200ms cubic-bezier(.4, 0, 0, 1); -o-transition: all 200ms cubic-bezier(.4, 0, 0, 1); transition: all 200ms cubic-bezier(.4, 0, 0, 1); } .m-btn span::before, .m-btn span::after { content: ''; display: block; height: 2px; width: 23px; background: #1465ea; position: absolute; left: 0; -webkit-transition: all 200ms cubic-bezier(.4, 0, 0, 1); -o-transition: all 200ms cubic-bezier(.4, 0, 0, 1); transition: all 200ms cubic-bezier(.4, 0, 0, 1); } .m-btn span:before { top: -8px; } .m-btn span:after { bottom: -8px; } .m-btn.active span { background: transparent; margin-left: 10px; } .m-btn.active span:before { transform: rotate(-48deg) translate(-6px, 5px); -webkit-transform: rotate(-48deg) translate(-6px, 5px); -o-transform: rotate(-48deg) translate(-6px, 5px); width: 24px; } .m-btn.active span:after { transform: rotate(48deg) translate(-6px, -5px); -webkit-transform: rotate(48deg) translate(-6px, -5px); -o-transform: rotate(48deg) translate(-6px, -5px); width: 24px; } .NavPull { z-index: 100; display: none; position: absolute; text-align: center; top: 56px; left: 50%; width: 280px; margin-left: -140px; padding: 10px 0 20px; line-height: 40px; background: rgba(0, 0, 0, 0.4); } .NavPull.null { background: none; padding: 0; } .NavPull .thnav{display: none !important} .NavPull dd { margin: 0 29px; position: relative; padding: 10px 0; border-bottom: 1px dotted rgba(255, 255, 255, 0.5); } .NavPull a { color: #fff; display: block; font-size: 16px; border-radius: 20px; } .NavPull > a:hover, .NavPull dd a:hover { background: #175cca; color: #fff; } .Top.fixedhead { padding: 0; line-height: 60px; height: 60px; } .Top.fixedhead .MainNav .Top-tel { display: none; } .Top.fixedhead .Logo { padding-top: 4px; } .Top.fixedhead .Logo .logo { display: none; } .Top.fixedhead .Logo .logo2 { display: block; height: 50px; } .Top.fixedhead .NavPull { top: 60px; } @media(max-width:1440px) { .MainNav .nav ul li{margin-left: 10px;} .MainNav .nav ul li span a{padding: 0 14px;} .MainNav .nav ul li a { font-size: 16px; } } @media(max-width:1280px) { .MainNav .nav ul li span a{padding: 0 9px;} .MainNav .nav ul li { margin-left: 5px; } } @media(max-width:1024px) { body { padding-top: 90px !important; min-width: 300px; } .Top { height: 90px !important;background-color: #fff; } .Top .Logo img { height: 35px !important; } .Top .Logo { padding-top: 4px; } /* .Top{background: rgba(0,0,0,0.5);padding:7px 0 8px;} */ .MainNav .Top-tel { height: auto; } .m-btn { display: block; top: 66px; } .MainNav { position: fixed; width: 257px; right: -257px; top: 50px; height: calc(100% - 50px); background: #fff; transition: all linear .5s; -webkit-transition: all linear .5s; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2); overflow-y: auto; } .MainNav .Top-tel ul li.Top-email { top: auto; line-height: 35px; border-bottom: 1px solid #eee; } .MainNav .Top-tel ul li.login { top: auto; padding: 8px 8px 8px 0; } .MainNav .Top-tel ul li.login p { display: block; margin: 0; } /* .MainNav .Top-tel ul li.login p a{color:#fff;} */ .MainNav .Top-tel { background: #fff; margin: 0; text-align: left; } .MainNav .Top-tel ul li a { color: #333; } .MainNav .Top-tel { color: #333; } .MainNav .Top-tel ul li.top-tel strong { font-size: 20px; } .MainNav .Top-tel ul li { display: block; line-height: 28px !important; } .MainNav .Top-tel ul li.top-tel span { top: auto; } .MainNav .top-tel { padding: 10px 0; } .MainNav .nav ul li { display: block; border-bottom: 1px solid #eee; } .MainNav .nav { background: #fff; } .MainNav .nav ul li.active span a, .MainNav .nav ul li:hover span a { color: #1465ea; } .Top.fixedhead { line-height: 50px; } .MainNav.show { right: 0; } .MainNav .nav.show { right: 0; } .MainNav .nav ul li { margin-right: 19px; } .MainNav .nav ul li span a { color: #414446; font-size: 16px; } .MainNav .nav ul li.active span a { background: none; } .Top.fixedhead .MainNav .Top-tel { display: block; } .MainNav .nav ul li span a { height: auto; line-height: 45px; display: block; } .MainNav .nav ul li .arr { position: absolute; width: 50%; right: 0; top: 0; height: 45px; } .MainNav .nav ul li .arr i { position: absolute; width: 30px; height: 30px; background: url(../images/arrb.png); right: 0; top: 50%; margin-top: -15px; } .NavPull { width: auto; left: auto; margin: 0; position: static; line-height: 28px; padding-bottom: 10px; padding-top: 5px; text-align: left; } .NavPull dd { margin: 0 10px; padding: 5px 0; } .MainNav .nav ul li a { font-size: 15px; } } /*Top*/ /* 滚屏导航 */ #menu { position: fixed; right: 30px; z-index: 999; transform: translateY(-50%); -webkit-transform: translateY(-50%); top: 50%; display: none; } #menu li { list-style: none; padding: 10px; } #menu li a { color: #fff; font-size: 16px; transition: all linear .5s; -webkit-transition: all linear .5s; } #menu li.active a { display: inline-block; border-bottom: 2px solid #fff; padding-bottom: 5px; font-size: 20px; font-weight: bold; } @media (max-width:1200px) { #menu { display: none; } } /* banner */ .HomeBan { margin-top: 164px !important; height: calc(100% - 164px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .HomeBan .slides li { position: relative; height: calc(100% - 164px); } .HomeBan .slides li .slide-text { z-index: 999; position: absolute; width: 100%; color: #fff; transition: all linear .5s; } .HomeBan .slides li .slide_1 { left: 0; bottom: 20%; opacity: 0; transition: all ease 1s; -webkit-transition: all ease 1s; } .HomeBan .slides li.flex-active-slide .slide_1 { bottom: 50%; opacity: 1; } .HomeBan .slides li .slide_1 .slide-bg { background: none; } .HomeBan .slides li .slide_1 .er-box { float: left; width: 170px; } .HomeBan .slides li .slide_1 .er-box img { width: 100%; } .HomeBan .slides li .slide_1 .slide1-text { float: left; margin-left: 30px; color: #fff; } .HomeBan .slides li .slide-text p { font-size: 36px; margin-bottom: 20px; } .HomeBan .slides li .slide-text span { font-size: 24px; } .HomeBan .slides li .slide2-text { left: 0; bottom: 20%; opacity: 0; transition: all ease 1s; -webkit-transition: all ease 1s; } .HomeBan .slides li.flex-active-slide .slide2-text { opacity: 1; bottom: 28%; } .HomeBan .slides li .slide3-text { text-align: center; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); left: 50%; bottom: 30%; opacity: 0; transition: all ease 1s; -webkit-transition: all ease 1s; } .HomeBan .slides li.flex-active-slide .slide3-text { bottom: 40%; opacity: 1; } .HomeBan .flex-control-nav { position: fixed; bottom: 2%; } .HomeBan .flex-control-paging li a { background: #fff; position: relative; } .HomeBan .flex-control-nav li { margin: 0 15px; } .HomeBan .flex-control-paging li a::after { content: ''; display: block; width: 0; height: 0; border-radius: 50%; border: 1px solid #fff; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; transition: all linear .5s; -webkit-transition: all linear .5s; } .HomeBan .flex-control-paging li a.flex-active, .HomeBan .flex-control-paging li a:hover { background: #fff !important; } .HomeBan .flex-control-paging li a.flex-active::after, .HomeBan .flex-control-paging li a:hover::after { width: 20px; height: 20px; } .HomeBan .flex-direction-nav { display: none; } .HomeBan .slides li video { display: block; } .HomeBan .slide-text .slide-bg { display: inline-block; padding: 30px 50px 50px 50px; background: rgba(0, 0, 0, 0.3); } .HomeBan .slides .logobox {position: absolute;top:120px;left: 0;width: 100%;height: 100%} .HomeBan .slides .logobox .Contain{max-width: 1716px;margin: 0 auto;width: 94%;position: relative;height: 100%} .HomeBan .slides .logobox .logos{width: 21.2rem;height: 11.6rem;background: url(../images/logobg1.png) no-repeat top left;text-align: center;float: left;position: absolute;} .HomeBan .slides .logobox .logos .imgbox{width: 70%;height: 5rem;margin: 0 auto;margin-top: 1.5rem;} .HomeBan .slides .logobox .logos .imgbox span{background-size: contain;} .HomeBan .slides .logobox .logos p{font-size: 1.4rem;color: #6d6d6d;font-weight: lighter;line-height: 2rem;} .HomeBan .slides .logobox .logos:nth-child(2){top: -5.8rem;left: 18.8rem;} .HomeBan .slides .logobox .logos:nth-child(8){top: -5.8rem;right: 18.8rem;} .HomeBan .slides .logobox .logos:nth-child(3){top: 0px;left: 37.6rem;} .HomeBan .slides .logobox .logos:nth-child(4){top: 18.4rem;left: 56.4rem;} .HomeBan .slides .logobox .logos:nth-child(5){top: 24.5rem;left: 75.2rem;} .HomeBan .slides .logobox .logos:nth-child(6){top: 18.4rem;right: 56.4rem;} .HomeBan .slides .logobox .logos:nth-child(7){top: 0;right: 37.6rem;} .HomeBan .slides .logobox .logos:nth-child(9){top: 0;right: 0;} .HomeBan .slides .logobox .logos:nth-child(10){top: 12.6rem;left: 0;} .HomeBan .slides .logobox .logos:nth-child(18){top: 12.6rem;right: 0;} .HomeBan .slides .logobox .logos:nth-child(11){top: 6.4rem;left: 18.8rem;} .HomeBan .slides .logobox .logos:nth-child(16){top: 6.4rem;right: 18.8rem;} .HomeBan .slides .logobox .logos:nth-child(12){top: 12.4rem;left: 37.6rem;} .HomeBan .slides .logobox .logos:nth-child(17){top: 12.4rem;right: 37.6rem;} .HomeBan .slides .logobox .logos:nth-child(13){top: 30.7rem;left: 56.4rem;} .HomeBan .slides .logobox .logos:nth-child(15){top: 30.7rem;right: 56.4rem;} .HomeBan .slides .logobox .logos:nth-child(14){top: 37rem;left: 75.2rem;} .HomeBan .slides .logobox .logos:nth-child(19){top: 24.9rem;left: 0px;} .HomeBan .slides .logobox .logos:nth-child(24){top: 24.9rem;right: 0px;} .HomeBan .slides .logobox .logos:nth-child(20){top: 186px;left: 18.8rem;} .HomeBan .slides .logobox .logos:nth-child(23){top: 186px;right: 18.8rem;} .HomeBan .slides .logobox .logos:nth-child(21){top: 24.5rem;left: 37.6rem;} .HomeBan .slides .logobox .logos:nth-child(22){top: 24.5rem;right: 37.6rem;} .HomeBan .slides .logobox .logos:nth-child(25){top: 31rem;left: 18.8rem;} .HomeBan .slides .logobox .logos:nth-child(26){top: 31rem;right: 18.8rem;} .HomeBan .slides .logobox .logos2{background: url(../images/logobg2.png) no-repeat center;top: 6.2rem;left: -18.8rem;} .HomeBan .slides .logobox .logos2-2{top: 18.4rem;left: -18.8rem;} .HomeBan .slides .logobox .logos2-3{top: 30.7rem;left: -18.8rem;} .HomeBan .slides .logobox .logos2-4{top: 37rem;left: -0;opacity: 0.5;} .HomeBan .slides .logobox .logos2-5{top: 6.2rem;right: -18.8rem;left: auto} .HomeBan .slides .logobox .logos2-6{top: 18.4rem;right: -18.8rem;left: auto} .HomeBan .slides .logobox .logos2-7{top: 30.7rem;right: -18.8rem;left: auto} .HomeBan .slides .logobox .logos2-8{top: 37rem;right: -0;opacity: 0.5;left: auto} .HomeBan .slides .logobox .btit{position: absolute;left: 50%;top: 0%;transform: translateX(-50%);text-align: center;color: #ffffff;font-size: 20px;text-align: center;} .HomeBan .slides .logobox .btit img{width: auto;display: inline-block;} .HomeBan .slides .logobox .btit p{margin-top: 50vh;font-size: 30px;} .HomeBan .slides .links{text-align: center;font-size: 0;position: absolute;bottom: 24%;width: 100%} .HomeBan .slides .links .link{width: 180px;text-align: center;display: inline-block;} .HomeBan .slides .links .link .imgbox{width: 60px;height: 60px;border: 2px solid #ffffff;background: rgba(255,255,255,.2);border-radius: 50%;margin: 0 auto;transition: all .3s;} .HomeBan .slides .links .link .imgbox span{background-size: auto} .HomeBan .slides .links .link .imgbox:hover{transform: scale(1.2);} .HomeBan .slides .links .link p{font-size: 16px;line-height: 20px;color: #ffffff;margin-top: 15px;text-align: center;min-height: 40px;} .HomeBan .slides li .slide-text h3{font-size: 50px;line-height: 50px;margin: 0 auto} .HomeBan .slides li .slide-text p{letter-spacing: 10px;font-size: 16px;opacity: 0.7;color: #ffffff;} .HomeBan .slides li .slide-text a{width: 150px; height: 50px; border: solid 1px rgba(255,255,255,.6);display: inline-block;text-align: center;line-height: 50px;font-size: 16px;color: #ffffff;margin-top: 40px;} .HomeBan .slides li .links{text-align: center;} .HomeBan .slides li.item2 .links .link,.HomeBan .slides li.item3 .links .link,.HomeBan .slides li.item4 .links .link{width:13%;margin-right: 0px;float: left;} .HomeBan .slides li.item2 .links ,.HomeBan .slides li.item3 .links,.HomeBan .slides li.item4 .links{text-align: left;} .HomeBan .slides li .slide-text .slide-bg,.HomeBan .slides li .slide_1 .slide1-text{padding-left: 0;margin-left: 0;} .HomeBan .slides li .slide-text span{height: 40px;display: inline-block;line-height: 40px;border-radius: 20px;background: rgba(105,136,188,.8);font-size: 18px;color: #ffffff;padding: 0 20px;} .HomeBan .slides li.item3 .slide-text p{font-size: 20px;line-height: 30px;letter-spacing: 0px;font-weight: lighter;} .HomeBan .slides li.item3 .slide-text h3{font-size: 40px;} .HomeBan .slides li.item4 .slide-text .img{float: left;border-bottom: 1px solid rgba(255,255,255,.5);padding-bottom: 20px;margin-bottom: 20px;} .HomeBan .slides li.item4 .slide-text .img img{width: auto;display: inline-block;} .HomeBan .slides li.item4 .slide-text .img i{display: inline-block;margin: 0 20px;} .HomeBan .slides li.item4 .slide-text p.p1{font-size: 28px;line-height: 28px;letter-spacing: 1px;color: #ffffff;opacity: 1;margin: 0 auto;margin-bottom: 20px;} .HomeBan .slides li.item4 .slide-text h3{font-size: 55px;line-height: 55px;} .HomeBan .slides li.item4 .slide-text p{letter-spacing: 6px;} @media(max-width:1800px) { .HomeBan .slides .logobox .btit{position: static;transform: translateX(-0%);text-align: center;margin-bottom: 20px;} .HomeBan .slides .logobox{text-align: center;top: 20px;font-size: 0} .HomeBan .slides .logobox .logos{position: static;margin-right:1.5%;text-align: center;margin-bottom: 10px;display: inline-block;height: 75px;background-size: 100% 100%;width: 13%;float: none} .HomeBan .slides .logobox .logos .imgbox{margin-top: 0;} .HomeBan .slides .logobox .logos:nth-child(7n){margin-right: 0;} .flexslider .slides .logobox .btit img{width: 15%;display: inline-block;} .HomeBan .slides .logobox .logos2{display: none} .HomeBan .slides .links{bottom: 26%} .HomeBan .slides .links .link .imgbox{width: 40px;height: 40px;} .HomeBan .slides .links .link .imgbox span{background-size: auto 20px} .HomeBan .slides li .links .link{width: 180px;} .HomeBan .slides .logobox .btit p{margin-top: 10px;} } @media(max-width:1366px) { } @media(max-width:1024px) { .HomeBan.flexslider .slides{display: flex;} .HomeBan { margin-top: 0 !important; height: auto; } .HomeBan .slides li { height: auto; padding: 20px 0; padding-bottom: 200px; } .HomeBan .slides .logobox .logos p{font-size: 12px;} .HomeBan .slides .logobox{position: static;} .HomeBan .slides li img{display: none} .HomeBan .slides li .links .link{width: 100px;margin-right: 15px;margin-bottom: 15px;} .HomeBan .slides li .links{margin-top: 20px;bottom: 20px;} .HomeBan .slides li .links{margin-bottom: 30px;} .HomeBan .slides .logobox .logos p{display: none;} .HomeBan .slides .logobox .logos{height: 50px;margin-bottom: 0;} } @media (max-width:768px) { .HomeBan .slides li .slide-text, .HomeBan .slides li .slide_1 .slide1-text { zoom: 0.8; } .HomeBan .slides li .slide-text p { font-size: 18px; margin: 0; } .HomeBan .slides li .slide-text span { font-size: 14px; } .HomeBan .slides li .links,.HomeBan .slides li .slide-text{position: static;} .HomeBan .slides li .slide_1 .er-box img { display: none; } .HomeBan .slides li.flex-active-slide .slide_1 { bottom: 15%;margin-top: 0 !important; } .HomeBan .slides li.flex-active-slide .slide2-text { bottom: 15%; } .HomeBan .slides li.flex-active-slide .slide3-text { bottom: 15%; } .HomeBan .slide-text .slide-bg { padding: 10px; } .flexslider .slides .logobox .btit img{width: 60%} .HomeBan .slides .logobox .btit p{font-size: 14px;} } @media (max-width:580px) { .HomeBan .slides li img, .HomeBan .slides li video { height: auto; } .HomeBan .slides li video { object-fit: fill; object-fit: cover; } } /* 服务范围 */ @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes rotate { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } .section{position: relative;overflow: hidden;} .Top.fix{top: -180px;} /*******第二屏 s/*******/ .btnMore {display:inline-block;padding:0 2px;border: 1px solid #BCC7D8;font-size:16px;color:#2963c3;background: #fff;height: 50px;line-height: 50px;width: 150px;text-align: center;margin-top: 40px;} .btnMore i{font-size:16px;font-family: sumsong} .btnMore:hover{background: #2963c3;color: #fff;border-color: #2963c3} .sec-2 {overflow: hidden;} .sec-2 .auto{padding-top:10vh;position: relative;padding-bottom: 200px;} .sec-2 .HomeTit{margin-bottom:35px;font-size: 40px;color: #2963c3;line-height: 1.5;} .sec-2 .HomeTit .en{font-size: 16px;color: #306acb;opacity: 0.6;margin: 0 auto} .sec-2 .HomeTit h2{margin: 0 auto;font-size: 40px;line-height: 1;} .sec-2 .HomeTit h2 img{width: auto;height: auto;vertical-align: bottom;} .sec-2 .Info{width: 36%;float: right;margin-right: 12.5%;margin-bottom: 20px; padding-top:20px;color:#333333;position: relative;z-index: 2;transform:translateX(280px);-webkit-transform:translateX(280px);opacity:0;transition:all 1s 0.1s;} .sec-2 .Info .txt{font-size: 18px;line-height: 32px;color: #333333;padding-bottom:0.29rem;} .sec-2 .Info .txt b{color:#0ab455;} .sec-2 .Num{width:64%;display: flex;float: right; height:145px;background: #1465ea;align-items: center;position: absolute;bottom: 0;right: 12.5%;border-radius: 10px; transform:translateY(280px);-webkit-transform:translateY(280px);opacity:0;transition:all 1s 0.3s;z-index: 10;} .sec-2 .Num:hover{box-shadow: 0 20px 30px rgba(146,146,146,0.3);} .sec-2 .Num dd{flex: 1;text-align: center;position: relative;font-size: 18px;line-height: 1.5;color: #fff} .sec-2 .Num dd::after{position: absolute;right: 0;top: 50%;transform: translate(0,-50%);width: 1px;height: 70px;background:#d8dbfe;content:"";opacity: 0.17;} .sec-2 .Num dd b{display: block;line-height: 1.5;color:#ffffff;font-size: 24px;} .sec-2 .Num dd b i{font-size: 40px;font-style: normal;} .sec-2 .Num dd:last-child{flex: 1.5;} .sec-2.active .Info,.sec-2.active .Num,.sec-2.active .Img{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;} @media ( max-width:1600px){ .sec-2 .Info{width: 50%;margin-right: 3%;} .sec-2 .auto{padding-top: 5vh;} .sec-2 .Num{width: 65%;right: 3%} .sec-2 .Info .txt{font-size: 16px;line-height: 24px;} .sec-2 .Info .txt p{margin-bottom: 20px;} } @media ( max-width:1024px){ .sec-2 .HomeTit{margin-bottom:20px;} .sec-2 .auto{margin:0 6%;padding:25px 0;} .sec-2 .Info,.sec-2 .Img{width: auto;float: none;} .sec-2 .Info,.sec-2 .Num,.sec-2 .Img{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;} .sec-2 .Num{width:100%;position: static;margin-bottom:20px;} .sec-2 .Info .txt{background: rgba(255,255,255,0.7);padding:20px;} .sec-1 .fp-scrollable{height: auto !important;} .sec-2 .auto{padding-bottom: 0;} .sec-2 .fp-scrollable{height: auto !important;} } @media ( max-width:768px){ .sec-2 .Info{padding-top:0;} .HomeTit h2{font-size: 18px;line-height: 30px;} .sec-2 .Info .txt{font-size: 14px;line-height: 22px;padding:12px;} .sec-2 .Num {display: block;height: auto;text-align: center;font-size: 0} .sec-2 .Num dd{width: 33.333%;float: none;padding:15px 0;display: inline-block;font-size: 14px;} .sec-2 .Num dd b i{font-size:20px;} .HomeBan .slides .logobox .logos{width: 19%;margin-right: 1.25%;} .HomeBan .slides .logobox .logos:nth-child(7n){margin-right: 1.25%;} .HomeBan .slides .logobox .logos:nth-child(4n){margin-right: 0;} .sec-2 .Num dd:nth-child(5)::after{display: none} .HomeBan .slides .logobox{margin-bottom: 30px;} .sec-2 .Num dd b{font-size: 14px;} .HomeBan .slides li{padding-bottom: 0;} .btnMore{height: 32px;line-height: 30px;margin-top: 0;font-size: 14px;width: 120px;} } @media ( max-width:640px){ .HomeBan .slides .logobox .logos{width: 23.5%} .HomeBan .slides .logobox .logos:nth-child(4n){margin-right: 0%;} .HomeBan .slides .logobox .logos:nth-child(7n){margin-right: 2%;} .sec-2 .Num dd{width: 50%} .HomeBan .slides .Contain{display: flex;flex-wrap: wrap;} .HomeBan .slides li .links .link{width: 33.333% !important;} } @media (max-width:480px) { .HomeBan .slides li{height: 76vh;} .HomeBan .slides .logobox .logos{width: 23%} .HomeBan .slides .logobox .logos:nth-child(4n){margin-right: 2%;} .HomeBan .slides .logobox .logos:nth-child(7n){margin-right: 2%;} .HomeBan .slides .logobox .logos:nth-child(3n){margin-right: 0%;} .HomeBan .slides li{padding-bottom: 0;} .HomeBan .slides li .links .link{width: 33.33%;margin-right: 0;} .HomeBan .slides li .slide-text a{line-height: 30px;margin-top: 20px;height: 30px;} .HomeBan .slides .links .link p{padding: 0 10px;font-size: 12px;margin-top: 8px;} .HomeBan .slides li .links{text-align: center;} .HomeBan .slides li .slide-text h3,.HomeBan .slides li.item3 .slide-text h3,.HomeBan .slides li.item4 .slide-text h3{font-size: 24px;} .sec-2 .HomeTit h2{font-size: 20px;} } /*******第二屏 end/*******/ *{margin: 0;padding: 0} /* 第三屏 */ .sec-3 {text-align: center;} .sec-3 * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0;padding: 0;} .sec-3 .auto{margin: 0 auto;max-width: 1440px;margin-top: 8vh;display: inline-block;width: 96%;} .sec-3 .sec3_l{width: 50%;padding-right: 6%;text-align: left;float: left;} .sec-3 .HomeTit{margin-bottom:35px;font-size: 40px;color: #fff;line-height: 1.5;} .sec-3 .HomeTit .en{font-size: 16px;color: #fff;opacity: 0.6;margin: 0 auto;line-height: 1.5;} .sec-3 .HomeTit h2{margin: 0 auto;font-size: 36px;line-height: 1;font-weight: normal;} .sec-3 .HomeTit h2 img{width: auto;height: auto;vertical-align: bottom;} .sec-3 .HomeTit h2 a{font-size: 16px;color: #ffffff;height: 40px;line-height: 40px;font-weight: normal;} .sec-3 .sec3_l .product {padding: 0 80px;text-align: center;} .sec-3 .sec3_l .product li .imgbox{width: 80%;padding-bottom: 60%;margin: 0 auto} .sec-3 .sec3_l .product li h3{font-size: 24px;font-weight: normal;line-height: 30px;color: #ffffff;margin: 40px auto 10px;} .sec-3 .sec3_l .product li p{font-size: 16px;line-height: 30px;color: #ffffff;font-weight: lighter;} .sec-3 .sec3_l .product li a.down{border-radius: 5px;border-radius: 5px;border: solid 1px rgba(255,255,255,.3);background-color: rgba(255,255,255,.3);display: inline-block;height: 37px;width: 132px;line-height: 37px;font-size: 16px;color: #ffffff;font-weight: lighter;margin-top: 10px;} .sec-3 .sec3_l .product li a img{width: auto;display: inline-block;} .sec-3 .sec3_l .flex-direction-nav .flex-next{font-size: 44px;font-weight: lighter;color: #fff} .sec-3 .sec3_l .flex-direction-nav .flex-prev{font-size: 44px;font-weight: lighter;color: #fff} .sec-3 .sec3_l .flex-control-nav{bottom: 130px;z-index: 99;text-align: right;width: 90%;} .sec-3 .sec3_l .flex-control-paging li a{font-size: 0;cursor: pointer;width: 12px;height: 12px;background: #fff} .sec-3 .sec3_l .flex-control-paging li a.flex-active{background: #1465ea;} .sec-3 .sec3_l .contact{height: 107px;margin-top: 60px;} .sec-3 .sec3_l .contact .gzh{background-color: rgba(255,255,255,0.9);width: 33%;} .sec-3 .sec3_l .contact .gzh img{margin: 6px;height: 95px;} .sec-3 .sec3_l .contact .gzh .txt{line-height: 1.5;display: flex;align-items: center;justify-content: center;float: left;min-width: 100px;height: 107px;} .sec-3 .sec3_l .contact .gzh .txt h3{font-size: 18px;color: #3278eb;margin: 0 auto;font-weight: normal;} .sec-3 .sec3_l .contact .gzh .txt p{font-size: 14px; color: #3e4351;margin: 0 auto} .sec-3 .sec3_l .zx{width: 30%;background-color: #1465ea;height: 107px;} .sec-3 .sec3_l .zx .txt{line-height: 1.5;display: flex;align-items: center;justify-content: center;float: left;max-width: 100px;height: 107px;} .sec-3 .sec3_l .zx .txt h3{font-size: 18px;color: #ffffff;margin: 0 auto;font-weight: normal;} .sec-3 .sec3_l .zx .txt p{font-size: 14px; color: #ffffff;margin: 0 auto} .sec-3 .sec3_l .zx img{margin: 20px 10px;} .sec-3 .sec3_l .tel{line-height: 1.5;display: flex;align-items: center;justify-content: center;width: 37%;text-align: center;height: 107px;z-index: 5; background-color: rgba(255,255,255,0.7);position: relative;} .sec-3 .sec3_l .tel h3{font-size: 28px;color: #1465ea;letter-spacing: 1px;} .sec-3 .sec3_l .tel p{font-size: 18px;color: #206be6;letter-spacing: 9px;opacity: 0.7;} .sec-3 .sec3_l .tel:after{position: absolute;left: -60px;bottom: 0;content: "";background: url(../images/tel.png) no-repeat center;width: 112px;height: 90px;z-index: -1;} .sec-3 .sec3_r{border-left: 1px solid rgba(255,255,255,0.15);text-align: left;padding-left: 50px;t} .sec-3 .sec3_r .news li{height: 203px;} .sec-3 .sec3_r .news.flexslider{border-bottom:1px solid rgba(255,255,255,0.15) ;padding-bottom: 30px;} .sec-3 .sec3_r .news li .imgbox{width: 45%;padding-bottom: 28%;float: left;} .sec-3 .sec3_r .news li .txt{float: left;margin-left: 4%;width: 50%} .sec-3 .sec3_r .news li .txt .date{width: 65px; height: 65px; background-color: rgba(255,255,255,0.35); border-radius: 1px; border: solid 1px rgba(255,255,255,0.35);padding: 6px;} .sec-3 .sec3_r .news li .txt .date p{font-size: 34px;color: #ffffff;line-height: 30px;} .sec-3 .sec3_r .news li .txt .date span{font-size: 12px;color: #ffffff;line-height: 20px;} .sec-3 .sec3_r .news li .txt h3{font-size: 20px;font-weight: normal;line-height: 30px;color: #ffffff;margin-top: 20px;} .sec-3 .sec3_r .flex-direction-nav,.sec-3 .sec3_r .flex-control-nav{display: none !important} .sec-3 .sec3_r .kslj{margin-top:10px;} .sec-3 .sec3_r .kslj li{width: 25%;float: left;text-align: left;font-size: 18px;color: #ffffff;line-height: 38px;} .sec-3 .sec3_r .kslj li img{height: 50px;margin-top: 20px;margin-bottom: 10px;margin-left: 15px;transition: all 0.3s} .sec-3 .sec3_r .kslj li:hover img{transform: rotateY(360deg);} .sec-3 .sec3_r .kslj li a{color: #fff;transition: all 0.3s} .sec-3 .sec3_r .kslj li:hover a{font-weight: bold;} .sec-3 .sec3_r .contact{color: #eef7ff;padding-top: 30px;border-top:1px solid rgba(255,255,255,0.15) ;margin-top: 30px;} .sec-3 .sec3_r .contact h3{font-size: 22px;font-weight: normal;} .sec-3 .sec3_r .contact p{font-size: 16px;line-height: 30px;font-weight: lighter;margin-top: 20px;} .sec-3 .cpr{text-align: center;margin-top: 30px;font-size: 14px;color: #ffffff;opacity: 0.7;} .sec-3 .cpr a{color: #ffffff;} @media(min-width:1025px){ .sec-3 .sec3_l{transform:translateX(-280px);-webkit-transform:translateX(-280px);opacity:0;transition:all 1s 0.3s;z-index: 10;} .sec-3 .sec3_r{width: 50%;transform:translateX(280px);-webkit-transform:translateX(280px);opacity:0;transition:all 1s 0.3s;z-index: 10;} .sec-3.active .sec3_l,.sec-3.active .sec3_r{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;} } @media ( max-width:1600px){ .sec-3 .auto{margin-top: 5vh;} .sec-3 .sec3_l .product li .imgbox{width: 60%;padding-bottom:42%;} .sec-3 .sec3_l .product li h3,.sec-3 .sec3_l .contact{margin-top: 20px;} .sec-3 .HomeTit{margin-bottom: 20px;} .sec-3 .sec3_r .news.flexslider{padding-bottom: 10px;} .sec-3 .sec3_r .kslj li img{height: 35px;margin-top: 10px;} .sec-3 .sec3_r .contact{margin-top: 10px;padding-top: 10px;} .sec-3 .sec3_r .kslj li{line-height: 1.5;} .sec-3 .cpr{margin-top: 20px;} .sec-3 .sec3_l .contact .gzh .txt h3,.sec-3 .sec3_l .tel{font-size: 16px;} .sec-3 .sec3_l .contact .gzh img{height: 5vw} .sec-3 .sec3_l .zx img{width: 4vw} } @media ( max-width:1366px){ .sec-3 .sec3_l .tel p{letter-spacing:5px;} } @media ( max-width:1024px){ .sec-3.active .sec3_l, .sec-3.active .sec3_r{width: 100%} .sec-3 .sec3_l .contact .gzh img{height: 95px;} .sec-3 .sec3_l .zx img{width: auto;} .sec-3 .sec3_l,.sec-3 .sec3_r{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;padding-left: 0;margin-bottom: 20px;border: none} } @media ( max-width:768px){ .sec-3 .sec3_r .kslj li{text-align: center;} .sec-3 .sec3_l .product{padding: 0} .sec-3 .sec3_l .contact .gzh,.sec-3 .sec3_l .zx{width: 50%} .sec-3 .sec3_l .tel{width: 100%;} .sec-3 .sec3_l .contact .gzh img{height: 70px;margin: 18px 5px;} .sec-3 .sec3_l .product li h3{font-size: 20px;} } @media ( max-width:480px){ .sec-3{overflow: hidden;} .sec-3.active .sec3_r{padding-top: 25px;} .sec-3 .sec3_l{float: none;padding-right: 0;} .sec-3 .sec3_l .slides li{padding: 0 5px;} .sec-3 .sec3_r .news li{padding: 0 5px;} .sec-3 .sec3_r .news li .imgbox{width: 100%;padding-bottom: 62%;} .sec-3 .sec3_r .news li{height: auto;} .sec-3 .sec3_r .news li .txt h3,.sec-3 .sec3_r .news li .txt .date{float: left;} .sec-3 .sec3_r .news li .txt{margin-top: 20px;width: 100%;margin-left: 0;} .sec-3 .sec3_r .news li .txt h3{width: calc(100% - 65px);float: right;margin-top: 0;font-size: 15px;line-height: 24px;} .sec-3 .HomeTit h2{font-size: 20px;} .sec-3 .sec3_l .product li h3{font-size: 15px;line-height: 24px;} .sec-3 .sec3_l .product li a.down{font-size: 14px;width: 120px;height: 32px;line-height: 30px;} .sec-3 .sec3_l .product li p{line-height: 20px;font-size: 14px;opacity: 0.6;} .sec-3 .sec3_l .flex-control-nav{position:static;text-align: center;padding-top: 10px;} .sec-3 .sec3_r .kslj{margin-top: 25px;} .sec-3 .sec3_r .kslj li{font-size: 15px;} .sec-3 .sec3_r .kslj li img{height: 28px;} .sec-3 .sec3_r .contact{margin-top: 25px;padding-top: 25px;} .sec-3 .sec3_r .contact p{font-size: 14px;line-height: 24px;margin-top: 10px;} .sec-3 .cpr{margin-top: 0;padding-bottom: 15px;} .sec-3 .sec3_l .zx img{width: 50px;} .sec-3 .HomeTit h2 a{height: 24px;line-height: 24px;font-size: 14px;} .sec-3 .sec3_r .news li .txt .date{height: 58px;width: 58px;} .sec-3 .sec3_r .news li .txt .date p{font-size: 24px;line-height: 24px;} } /*sitemap*/ .ul_sitemap li { border-bottom: dotted 1px #ddd; padding: 5px 0px; } .ul_sitemap li strong { width: 90px; display: inline-block; } /* 栏目页 */ .Ntop { position: relative; background: #fff; z-index: 100; } .Ntop .Logo { line-height: 80px; position: relative; z-index: 999; } .Ntop .Logo img { height: 60px; } .Ntop .Logo .logo2 { display: none; } .Ntop .NnavTop { line-height: 45px; margin: 20px 0; display: none; } .Ntop .NnavTop .NnavTopIco ul { height: 55px; line-height: 55px; border-radius: 45px; background: rgba(0, 0, 0, 0.5); } .Ntop .NnavTop .NnavTopIco ul li:first-child { padding-right: 10px; padding-left: 20px; } .Ntop .NnavTop .NnavTopIco ul li { display: inline-block; padding: 0 20px 0 10px; } .Ntop .NnavTop .NnavTopIco ul li img { display: inline-block; margin-right: 1px; height: 19px; } .Ntop .NnavTop .NnavTopIco ul li a { color: #fff; font-size: 14px; } .Ntop .NnavTop .NnavTopTel { font-size: 14px; color: #282d38; margin-right: 20px; margin-top: 5px; } .Ntop .NnavTop .NnavTopTel strong { vertical-align: middle; font-size: 24px; font-family: Anton; color: #282d38; } .Ntop .NnavTop .NnavTopRk { margin-right: 20px; } .Ntop .NnavTop .NnavTopRk ul li { display: inline-block; margin: 0 10px; margin-top: 5px; } .Ntop .NnavTop .NnavTopRk ul li a { color: #282d38; font-size: 14px; } .Ntop .NnavBox ul li { position: relative; } .Ntop .NnavBox ul li { display: inline-block; } .Ntop .NnavBox ul li span a { font-size: 18px; display: inline-block; padding: 0 28px; height: 40px; line-height: 40px; transition: all ease .5s; -webkit-transition: all ease .5s; } .Ntop .NnavBox ul li.active span a { background: #1465ea; border-radius: 40px; color: #fff; } .Ntop .NnavBox ul li:hover span a { background: #1465ea; border-radius: 40px; color: #fff; } .Ntop .mbtn { display: none; position: absolute; cursor: pointer; right: 20px; top: 25px; float: right; } .Ntop .mbtn span { display: block; width: 23px; height: 2px; background: #1465ea; position: relative; -webkit-transition: all 200ms cubic-bezier(.4, 0, 0, 1); -o-transition: all 200ms cubic-bezier(.4, 0, 0, 1); transition: all 200ms cubic-bezier(.4, 0, 0, 1); } .Ntop .mbtn span::before, .Ntop .mbtn span::after { content: ''; display: block; height: 2px; width: 23px; background: #1465ea; position: absolute; left: 0; -webkit-transition: all 200ms cubic-bezier(.4, 0, 0, 1); -o-transition: all 200ms cubic-bezier(.4, 0, 0, 1); transition: all 200ms cubic-bezier(.4, 0, 0, 1); } .Ntop .mbtn span:before { top: -8px; } .Ntop .mbtn span:after { bottom: -8px; } .Ntop .mbtn.active span { background: transparent; margin-left: 10px; } .Ntop .mbtn.active span:before { transform: rotate(-48deg) translate(-6px, 5px); -webkit-transform: rotate(-48deg) translate(-6px, 5px); -o-transform: rotate(-48deg) translate(-6px, 5px); width: 24px; } .Ntop .mbtn.active span:after { transform: rotate(48deg) translate(-6px, -5px); -webkit-transform: rotate(48deg) translate(-6px, -5px); -o-transform: rotate(48deg) translate(-6px, -5px); width: 24px; } .Ntop.fixedhead .Logo .logo { display: none; } .Ntop.fixedhead .Logo .logo2 { display: block; height: 50px; } .Ntop.fixedhead { position: fixed; left: 0; top: 0; width: 100%; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .Ntop.fixedhead .Nnav { margin-top: 17px; padding-bottom: 12px; } @media(max-width:1440px) { .Ntop .NnavBox ul li a { padding: 0 18px; } } @media(max-width:1199px) { .Ntop .NnavBox ul li a { font-size: 16px; padding: 0 20px; } } @media(max-width:1024px) { .Ntop { position: fixed; width: 100%; left: 0; top: 0; background: #fff; box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2); z-index: 10000; height: 50px; } .Ntop .mbtn { display: block; } .Ntop .Logo { line-height: 50px; } .Ntop .Logo img { height: 35px; } .Ntop.fixedhead .Logo .logo2 { height: 34px; } .Ntop .NnavTop { position: absolute; margin: 10px 0; top: 0; right: 50px; } .Ntop .NnavTop .NnavTopIco ul { height: 35px; line-height: 35px; } .Ntop .NnavTop .NnavTopTel { display: none; } .Ntop .NnavTop .NnavTopRk { margin-right: -35px; width: 100%; text-align: right; } .Ntop .NnavTop .NnavTopRk ul li { margin: 0 5px; } .Ntop .NnavTop .NnavTopRk ul li a { font-size: 12px; } .Ntop .NnavBox { padding: 10px 0; position: absolute; width: 100%; top: 50px; left: 0; background: #fff; z-index: 999; box-shadow: 0 0 10px #ddd; display: none; z-index: 9999; } .Ntop .NnavBox ul li { display: block; width: 100%; box-sizing: border-box; text-align: center; } .Ntop .NnavBox ul li.active a { background: none; color: #414446; } } .NyTnav { background-size: cover; line-height: 50px; z-index: 999; border-bottom: 1px solid #e6e6e6; box-shadow: 0 5px 10px #ddd; } .NyTnav h1 { margin: 0; font-size: 16px; } .NyTnav h1 b { display: inline-block; border-top: 5px solid #fff; border-bottom: 5px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; display: none; } .NyTnav ul li { display: inline-block; position: relative; } .NyTnav ul li::before, .NyTnav ul li::after { content: ''; display: block; width: 10px; height: 2px; background: #282d38; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); position: absolute; opacity: 0; transition: all .5s; -webkit-transition: all .5s; } .NyTnav ul li::before { left: 10px; } .NyTnav ul li::after { right: 10px; } .NyTnav ul li:hover::before { left: 0; opacity: 1; } .NyTnav ul li:hover::after { right: 0; opacity: 1; } .NyTnav ul li.on::before { left: 0; opacity: 1; } .NyTnav ul li.on::after { right: 0; opacity: 1; } .NyTnav ul li a { font-size: 16px; padding: 0 30px; } .TwoNav1 { width: 85%; padding-right: 50px; height: 51px; position: relative; overflow: hidden; transition: all .5s; -webkit-transition: all .5s; } .TwoNav1 .navMore { width: 50px; height: 50px; position: absolute; right: 0; top: 0; text-align: center; line-height: 50px; cursor: pointer; } .TwoNav1.on { height: auto !important; } @media(max-width:768px) { .NyTnav { padding: 10px 0; position: relative; } .NyTnav h1 { font-size: 16px; text-align: center; width: 100%; } .NyTnav h1 b { display: inline-block; width: 30px; height: 30px; background: url(../images/arrb.png); vertical-align: middle; } .NyTnav .TwoNav { position: absolute; width: 100%; left: 0; top: 70px; background: #fff; box-shadow: 0 0 10px #ddd; padding: 10px 0; display: none; } .NyTnav .TwoNav ul li { display: block; width: 100%; font-size: 13px; line-height: 30px; text-align: center; } .NyTnav .TwoNav ul li a { color: #414446; font-size: 13px; } } /* Bottom */ .Bottom { background: url(../uploadfiles/image/fmap.jpg) no-repeat top center; background-size: cover; } .Bottom .bott_top { padding: 30px 0; } .Bottom .bott_top .Contain { display: flex; align-items: center; justify-content: space-between; } .Copyright { line-height: 60px; text-align: center; border-top: 1px #616672 solid; } .Copyright p { color: #ffffff; float: left; padding: 0; margin: 0; } .Copyright a { color: #fff; } .Copyright span { float: right; color: #fff; } .Bottom .FootTel { width: 370px; float: left; } .Bottom .FootTel .FootLogo { width: 18%; border-right: 1px solid #797e89; } .Bottom .FootTel .FoottelBox { width: 80%; text-align: center; } .Bottom .FootTel .FoottelBox h1 { color: #fff; font-weight: lighter; font-size: 42px; margin: 10px 0 10px 0; } .Bottom .FootTel .FoottelBox p { color: #fff; font-size: 14px; letter-spacing: 18px; margin: 0; text-align: center; } .Bottom .FootWx { width: 370px; height: 100px; background: #fff; float: right; } .Bottom .FootWx .FootWximg { padding: 8px; width: 70%; box-sizing: border-box; } .Bottom .FootWx .FootWximg .FootWximgLeft { width: 40%; } .Bottom .FootWx .FootWximg .FootWximgLeft img { width: 84px; height: 84px; } .Bottom .FootWx .FootWximg .FootWximgRight { padding: 20px 10px; width: 60%; box-sizing: border-box; } .Bottom .FootWx .FootWximg .FootWximgRight p { font-size: 16px; margin: 0; } .Bottom .FootWx .FootXx { width: 30%; height: 100px; padding: 20px 0; box-sizing: border-box; background: #1465ea; text-align: center; } .Bottom .FootWx .FootXx a { color: #fff; } .Bottom .FootWx .FootXx p { margin: 0; font-size: 16px; } .Bottom .FootTxt { text-align: center; float: left; width: 40%; } .Bottom .FootTxt .foot_logo { margin-bottom: 24px; } .Bottom .FootTxt ul li { display: inline-block; font-size: 14px; color: #fff; margin: 0 10px; } .Bottom .FootTxt p { font-size: 12px; color: #fff; margin: 0; } .Bottom .FootTxt p a { color: #657686; } @media(max-width:1024px) { .Bottom .bott_top .Contain { display: block !important; } .Bottom .FootTel { float: none; margin: 0 auto; } .Bottom .FootTxt { width: 100%; float: none; padding: 30px 0; } .Bottom .FootWx { float: none; margin: 0 auto; } } @media(max-width:992px) { .Bottom {} .Bottom .FootTel {} .Bottom .FootTel .FoottelBox h1 { font-size: 35px; } .Bottom .FootTel .FoottelBox p { letter-spacing: 12px; } .Bottom .FootWx { width: 300px; } } @media(max-width:640px) { .Copyright span { display: none; } .Copyright p { width: 100%; float: none; margin: 0 auto; } } @media(max-width:375px) { .Bottom .FootTel { width: auto; } } .Nabout1 .Nabout1-img img { width: 100%; } .Nabout1 .Nabout1-txt { padding: 50px 100px 80px 100px; box-shadow: 0 5px 70px #eef3fc; border-radius: 0 0 10px 10px; } .Nabout1 .Nabout1-txt .Nabout1-logo { width: 20%; padding-top: 4%; } .Nabout1 .Nabout1-txt .Nabout1-box { width: 75%; } .Nabout1 .Nabout1-txt .Nabout1-box .Nabout1-detail { line-height: 30px; font-size: 16px; margin-bottom: 50px; } .Nabout1 .Nabout1-txt .Nabout1-box .Nabout1-info { display: none; } .Nabout1 .Nabout1-txt .Nabout1-box .Nabout1-info .Nabout1-left { width: 74px; height: 80px; background: #1465ea; color: #fff; font-size: 16px; font-weight: bold; text-align: center; line-height: 80px; margin-top: 5px; } .Nabout1 .Nabout1-txt .Nabout1-box .Nabout1-info .Nabout1-right { width: 90%; font-size: 16px; color: #1465ea; line-height: 30px; } .Nabout2 { padding: 80px 0 60px 0; } .Nabout2 .Nabout2-box { width: 930px; margin: 0 auto; } .Nabout2 .Nabout2-box ul { margin-left: -3%; } .Nabout2 .Nabout2-box ul li { width: 30.33%; float: left; margin-left: 3%; margin-bottom: 20px; } .Nabout2 .Nabout2-box ul li .box { padding: 5% 4% 3% 4%; border: 1px solid #dde1ea; border-radius: 10px; height: 275px; display: flex; flex-direction: column; justify-content: center; } .Nabout2 .Nabout2-box ul li h1 { color: #282d38; font-size: 36px; line-height: 36px; font-family: Anton; margin-top: 0; } .Nabout2 .Nabout2-box ul li p { font-size: 16px; line-height: 28px; margin: 0; height: 168px; overflow: auto; } .Nabout2 .Nabout2-box ul li:nth-child(6) { border: none; text-align: right; } .Nabout2 .Nabout2-box ul li:nth-child(6) h2 { font-size: 40px; line-height: 50px; margin: 0; } .Nabout2 .Nabout2-box ul li:nth-child(6) h2.color { color: #1465ea; } .Nabout3 { padding: 100px 0; background: url(../uploadfiles/image/nbg1.jpg) no-repeat top center; background-size: cover; } .NytitPtop { padding-top: 60px; } .Nytit { font-size: 36px; text-align: center; background: url(../uploadfiles/image/ntitbg.png) no-repeat center center; font-weight: bold; line-height: 40px; } .Nytit span { color: #1465ea; } .Nabout3 .Nabout3-box { padding: 0 5%; } .Nabout3 .Nabout3-box table { width: 100%; } .Nabout3 .Nabout3-box table tr td { padding: 50px 0; } .Nabout3 .Nabout3-box table tr td:first-child { width: 20%; font-size: 30px; color: #1465ea; } .Nabout3 .Nabout3-box table tr td:nth-child(2) { width: 80%; font-size: 16px; line-height: 28px; } .Nabout3 .Nabout3-box table tr td { border-bottom: 1px solid #d8e0e6; } .Nabout4 { font-size: 14px; line-height: 36px; padding: 50px 0 80px 0; } .Nabout4 .Nabout4-box { padding: 0 5%; } .Person { margin-top: 50px; } .person_top { width: 100%; padding: 40px 0; background: #1465ea; } .person_top .Contain { display: flex; align-items: center; position: relative; } .person_top .searchbox { position: absolute; right: 0; top: 24.5%; width: 280px; background: #fff; padding: 8px; border-radius: 25px; } .person_top .searchbox .input { width: 100%; height: 35px; line-height: 35px; background: none; border: 0; } .person_top .searchbox .btn { position: absolute; right: 8px; color: #1465ea; font-weight: bold; width: 80px; font-size: 16px; height: 35px; background: none; border: 0; } .person_top .searchbox .pulldown { position: absolute; left: 0; width: 100%; top: 51px; background: rgba(255, 255, 255, 0.8); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); padding: 10px 0; /*border-radius: 25px;*/ height: 180px; overflow: auto; } .person_top .searchbox .pulldown dd { font-size: 14px; padding-left: 5px; padding-right: 5px; line-height: 30px; color: #666; } .person_top .searchbox .pulldown dd {} .person_top .btn2 { cursor: pointer; } .person_top .btn2:hover { background: #21bcc0; color: #fff; } .person_top .searchbox .pulldown::-webkit-scrollbar { width: 3px; -webkit-overflow-scrolling: touch; background-color: #e6e6e6; } .person_top .searchbox .pulldown::-webkit-scrollbar-track { background-color: #e6e6e6; } .person_top .searchbox .pulldown::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #999; } .person_top .searchbox .pulldown::-webkit-scrollbar-button { height: 0px; background-color: #B0AEDA; } .person_top .searchbox .btn:hover { color: #21bcc0 } .tx { width: 80px; height: 80px; border-radius: 100px; overflow: hidden; margin-right: 20px; } .tx img { width: 100%; height: 100%; border-radius: 100px; } .tx_bot h3 { font-size: 24px; color: #fff; margin: 0 0 20px 0; } .tx_bot ul { display: flex; } .tx_bot ul li { font-size: 16px; color: #fff; margin-right: 15px; } .tx_bot ul li span { font-size: 16px; color: #a7c8ff; } .per_bot h2 { font-size: 24px; color: #1465ea; } .per_bot table th { width: 25%; text-align: center; font-size: 16px; background-color: #b0cae1; padding: 5px 0; } .per_bot table { width: 100%; } .per_bot table td { background-color: #e5f1fc; padding: 8px 0; text-align: center; } .per_bot table td a { background-color: #4b80ed; color: #fff; border-radius: 5px; padding: 10px 20px; } .per_bot { margin-bottom: 8%; } @media(max-width:1280px) { .Nabout1 .Nabout1-txt .Nabout1-box .Nabout1-info .Nabout1-right { width: 80%; } .tx { width: 60px; height: 60px; } .tx_bot h3 { font-size: 18px; margin: 0 0 10px 0; } .tx_bot ul li { font-size: 14px; } .tx_bot ul li span { font-size: 14px; } } @media(max-width:992px) { .Nabout1 .Nabout1-txt { padding: 20px; } .Nabout2 .Nabout2-box { width: 100%; } .Nabout3 .Nabout3-box { padding: 0; } } @media(max-width:768px) { .NytitPtop { padding-top: 30px; } .Nabout1 .Nabout1-txt .Nabout1-logo { width: 0; } .Nabout1 .Nabout1-txt .Nabout1-box { width: 100%; } .Nabout2 .Nabout2-box ul li { width: 47%; } .Nabout2 .Nabout2-box ul li .box { padding: 30px 5px 30px 15px; } .Nabout1 .Nabout1-txt .Nabout1-box .Nabout1-info .Nabout1-left { width: 54px; height: 60px; line-height: 60px; } .Nabout1 .Nabout1-txt .Nabout1-box .Nabout1-info .Nabout1-right { width: 75%; font-size: 14px; } .Nabout1 .Nabout1-txt .Nabout1-box .Nabout1-detail { font-size: 14px; } .Nabout2 { padding: 30px 0; } .Nabout2 .Nabout2-box ul li h1 { font-size: 28px; } .Nabout2 .Nabout2-box ul li p { font-size: 14px; padding-right: 10px; } .Nabout2 .Nabout2-box ul li:nth-child(6) h2 { font-size: 30px; } .Nytit { font-size: 25px; } .Nabout3 { padding: 30px 0; } .Nabout3 .Nabout3-box table tr td { padding: 20px 0; } .Nabout3 .Nabout3-box table tr td:first-child { font-size: 18px; } .Nabout3 .Nabout3-box table tr td:nth-child(2) { font-size: 14px; } .Nabout4 { padding: 30px 0; } .person_top .Contain { display: block; } .per_bot table td a { padding: 10px; font-size: 12px; } .per_bot table th { font-size: 14px; } .per_bot h2 { font-size: 20px; } .person_top .searchbox { top: 10%; width: 240px; padding: 0 8px; } } /* 企业文化 */ .Culture1 { padding-bottom: 50px; } .Culture1-box { padding: 0 3%; margin-top: 50px; } .Culture1-box ul li { padding: 40px 0; border-bottom: 1px solid #e0e8ee; transition: all .5s; -webkit-transition: all .5s; } .Culture1-box ul li .Culture1-left { width: 20%; font-size: 36px; } .Culture1-box ul li .Culture1-left span { font-family: Anton; display: inline-block; margin-right: 2%; } .Culture1-box ul li .Culture1-right { width: 78%; font-size: 16px; line-height: 28px; } .Culture1-box ul li .Culture1-right p { margin: 0 0 20px 0; font-size: 16px; line-height: 28px; text-indent: 2em; } .Culture1-box ul li:last-child { border-bottom: 0; } .Culture1-box ul li:hover .Culture1-left { color: #1465ea; font-weight: bold; } .Culture1-box ul li:hover { transform: translate3d(0, -10px, 0); -webkit-transform: translate3d(0, -10px, 0); } .Culture2 { background: url(../uploadfiles/image/culturebg.png) no-repeat top center; background-size: cover; padding: 75px 0; } .Culture2-box { padding-top: 70px; } .Culture2-box ul { margin-left: -2%; } .Culture2-box ul li { width: 31.33%; margin-left: 2%; float: left; box-sizing: border-box; background: rgba(255, 255, 255, 0.8); border-radius: 20px; padding: 50px 40px 40px 40px; margin-bottom: 30px; } .Culture2-box ul li h1 { margin: 0 0 20px 0; font-size: 22px; font-weight: normal; color: #4b80ed; position: relative; } .Culture2-box ul li h1::before { content: ''; display: block; width: 3px; height: 20px; background: #4b80ed; position: absolute; left: -40px; top: 2px; } .Culture2-box ul li .Culture2-dec { height: 120px; overflow: auto; } .Culture2-box ul li .Culture2-dec p { text-indent: 2em; line-height: 24px; font-size: 14px; color: #777b85; margin: 0; } .Culture3 { padding: 100px 0; } .Culture3-box { position: relative; padding: 350px 30px 100px 30px; margin: 130px 0 50px 0; } .Culture3-box .Culture3-img { position: absolute; margin-left: -215px; margin-top: -215px; left: 50%; top: 50%; } .Culture3-box .Culture3-txt ul li { width: 50%; position: absolute; top: 0; height: 180px; } .Culture3-box .Culture3-txt ul li .Culture3-info { width: 50%; } .Culture3-box .Culture3-txt ul li:nth-child(2n) { right: 0; } .Culture3-box .Culture3-txt ul li:nth-child(2n) .Culture3-info { float: right; } .Culture3-box .Culture3-txt ul li:nth-child(3), .Culture3-box .Culture3-txt ul li:nth-child(4) { bottom: 0; top: auto; } .Culture3-box .Culture3-img:before { content: ''; display: block; width: 476px; height: 476px; background: url(../uploadfiles/image/jzg-yuan1.png) no-repeat; background-size: 100% 100%; position: absolute; left: 50%; top: 50%; margin-top: -238px; margin-left: -238px; -webkit-animation: rotate 2s linear infinite; animation: rotate 6s linear infinite; } .Culture3-box .Culture3-img::after { content: ''; display: block; width: 518px; height: 518px; background: url(../uploadfiles/image/jzg-yuan2.png) no-repeat; background-size: 100% 100%; position: absolute; left: 50%; top: 50%; margin-top: -259px; margin-left: -259px; -webkit-animation: rotate 2s linear infinite; animation: rotate 6s linear infinite; } .Culture3-box .Culture3-txt ul li h1 { font-size: 22px; position: relative; font-weight: normal; } .Culture3-box .Culture3-txt ul li h1::before { content: ''; display: block; width: 20px; height: 15px; background: url(../uploadfiles/image/beforebg.png) no-repeat; background-size: 100% 100%; position: absolute; left: -30px; top: 0; } .Culture3-box .Culture3-txt ul li .Culture3-dec { line-height: 24px; font-size: 14px; color: #777b85; } .Culture3-box .Culture3-txt ul li:nth-child(2n) { text-align: right; } .Culture3-box .Culture3-txt ul li:nth-child(2n) h1::before { background: url(../uploadfiles/image/beforebg1.png) no-repeat; position: absolute; left: auto; top: 0; right: -30px; } @media(max-width:1240px) { .Culture1-box ul li .Culture1-left { font-size: 25px; } .Culture3-box .Culture3-img { position: absolute; margin-left: -190px; margin-top: -190px; left: 50%; top: 50%; width: 380px; height: 380px; } .Culture3-box .Culture3-img img { width: 100%; } .Culture3-box .Culture3-img:before { width: 426px; height: 426px; margin-top: -213px; margin-left: -213px; } .Culture3-box .Culture3-img::after { width: 478px; height: 478px; margin-top: -239px; margin-left: -239px; } } @media(max-width:992px) { .Culture1-box ul li { padding: 10px 0; } .Culture1-box ul li .Culture1-left { width: 100%; margin-bottom: 20px; font-size: 18px; } .Culture1-box ul li .Culture1-right { width: 100%; } .Culture1-box ul li .Culture1-right p { font-size: 14px; } .Culture3-box { padding: 150px 30px 80px 30px; } .Culture3-box .Culture3-img { position: relative; margin-bottom: 50px; } .Culture3-box .Culture3-txt ul li h1 { font-size: 18px; } .Culture3-box .Culture3-txt ul li { position: static; width: 100%; height: auto; margin-bottom: 30px; } .Culture3-box .Culture3-txt ul li .Culture3-info { width: 100%; } .Culture3-box .Culture3-txt ul li:nth-child(2n) { text-align: left; } .Culture3-box .Culture3-txt ul li:nth-child(2n) .Culture3-info { float: none; } .Culture3-box .Culture3-txt ul li:nth-child(2n) h1::before { background: url(../uploadfiles/image/beforebg.png) no-repeat; position: absolute; left: -30px; top: 0; right: auto; } .Culture2-box ul li { width: 47%; padding: 20px; } .Culture2-box ul li h1::before { left: -20px; } } @media(max-width:768px) { .Culture2 { padding: 30px 0; } .Culture3 { padding: 30px 0; } .Culture3-box { padding: 180px 30px 0 30px; } .Culture3-box .Culture3-img { position: absolute; margin-left: -100px; left: 50%; top: 17%; width: 200px; height: 200px; } .Culture3-box .Culture3-img img { width: 100%; } .Culture3-box .Culture3-img:before { width: 246px; height: 246px; margin-top: -123px; margin-left: -123px; } .Culture3-box .Culture3-img::after { width: 298px; height: 298px; margin-top: -149px; margin-left: -149px; } .Culture2-box ul { margin-left: 0; } .Culture2-box ul li { width: 100%; margin-left: 0; } .Culture2-box ul li h1 { font-size: 18px; } } /* 团队介绍 */ .Team1 { background-position: top center; background-size: cover; margin: 70px 0 100px 0; padding: 20px 0; } .Team1 .Team1-box { width: 392px; height: 518px; background: url(../uploadfiles/image/teambg.png) no-repeat top center; margin: 0 0 0 30px; box-sizing: border-box; padding: 80px 50px; } .Team1 .Team1-box .Team1-tit { position: relative; margin-bottom: 30px; } .Team1 .Team1-box .Team1-tit h1 { font-size: 36px; color: #fff; margin: 0; } .Team1 .Team1-box .Team1-tit strong { font-size: 72px; color: #fff; opacity: 0.1; text-transform: uppercase; position: absolute; top: 0; left: 0; } .Team1 .Team1-box .Team1-tit b { display: block; width: 20px; height: 3px; background: #fff; margin: 30px 0 20px 0; } .Team1 .Team1-box .Team1-tit p { color: #fff; font-size: 16px; margin: 0; } .Team1 .Team1-box .Team1-dec { color: #fff; font-size: 14px; line-height: 36px; } .Team1 .Team1-box .Team1-dec p { margin: 0; text-indent: 2em; } .Team2 { margin-left: -2%; } .Team2 .Teamlist { width: 23%; float: left; margin-left: 2%; margin-bottom: 30px; } .Team2 .Teamlist .TeamImg { position: relative; overflow: hidden; } .Team2 .Teamlist .TeamImg img { width: 100%; transition: all .5s; -webkit-transition: all .5s; height: 438px; } .Team2 .Teamlist .TeamImg b { display: block; height: 14px; width: 70%; position: absolute; bottom: -1px; left: 0; background: url(../uploadfiles/image/teamzs.png) no-repeat bottom left; background-size: 100%; transition: all .5s; -webkit-transition: all .5s; } .Team2 .Teamlist .TeamName { padding: 20px 0; } .Team2 .Teamlist .TeamName p { font-size: 24px; margin: 0 0 10px 0; } .Team2 .Teamlist .TeamName span { color: #777b85; font-size: 16px; } .Team2 .Teamlist:hover .TeamImg img { transform: scale(1.1); -webkit-transform: scale(1.1); } .Team2 .Teamlist:hover .TeamImg b { width: 100%; } .Ny-more { margin-bottom: 100px; } .Ny-more a { display: block; width: 165px; height: 50px; margin: 30px auto 30px; border-radius: 50px; background: #1465ea; line-height: 50px; font-size: 16px; color: #fff; text-align: center; } .Ny-more a span { display: inline-block; width: 4px; height: 4px; background: #fff; margin: 0 3px; position: relative; top: -3px; } .Ny-more a .span0::before { content: ''; display: inline-block; width: 2px; height: 2px; background: #fff; position: absolute; left: -5px; top: 1px; } .Ny-more a .span1::after { content: ''; display: inline-block; width: 2px; height: 2px; background: #fff; position: absolute; right: -5px; top: 1px; } .Ny-more a:hover { background: #21bcc0; } @media(max-width:1400px) { .Team2 .Teamlist .TeamImg img { height: 399px; } } @media(max-width:1366px) { .Team2 .Teamlist .TeamImg img { height: 385px; } } @media(max-width:1280px) { .Team2 .Teamlist .TeamImg img { height: 360px; } } @media(max-width:1200px) { .Team2 .Teamlist .TeamImg img { height: 330px; } } @media(max-width:1024px) { .Team2 .Teamlist .TeamImg img { height: 290px; } } @media(max-width:992px) { .Team2 .Teamlist { width: 48%; } .Team2 .Teamlist .TeamImg img { height: 540px; } } @media(max-width:640px) { .Team1 { margin: 30px 0; } .Team1 .Team1-box { width: 85%; padding: 30px 20px; height: auto; } .Team1 .Team1-box .Team1-tit strong { font-size: 50px; } .Team1 .Team1-box .Team1-tit h1 { font-size: 20px; } .Team2 .Teamlist .TeamName p { font-size: 16px; } .Team2 .Teamlist .TeamName span { font-size: 14px; } .Team2 .Teamlist .TeamImg img { height: 226px; } .Team1 .Team1-box .Team1-tit p { font-size: 15px; } .Team1 .Team1-box .Team1-tit { margin-bottom: 10px; } .Team1 .Team1-box .Team1-dec { line-height: 25px; } } @media(max-width:321px) { .Team2 .Teamlist .TeamImg img { height: 193px; } } /* 新闻资讯 */ .Nnews1 .Nnews1-owl .item .item-img { width: 34%; height: 300px; } .Nnews1 .Nnews1-owl .item .item-img img { height: 300px; border: 1px solid #ddd; } .Nnews1 .Nnews1-owl .item .item-txt { width: 60%; box-sizing: border-box; } .Nnews1 .Nnews1-owl .item .itemTxt { position: relative; padding: 0 0 7% 0; } .Nnews1 .Nnews1-owl .item .itemTxt>span { font-size: 28px; font-family: Anton; color: #1465ea; } .Nnews1 .Nnews1-owl .item .itemTxt>h1 { font-size: 28px; font-weight: normal; line-height: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .Nnews1 .Nnews1-owl .item .itemTxt>.Nnews-dec { font-size: 14px; line-height: 30px; color: #777b85; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .Nnews1 .Nnews1-owl .item .itemTxt>b { color: #282d38; font-size: 16px; font-weight: normal; display: block; margin-top: 2%; } .Nnews1 .Nnews1-owl .item .itemTxt .zsNum { position: absolute; bottom: 20px; left: 0; font-size: 36px; color: #282d38; } .Nnews1 .Nnews1-owl .item .itemTxt .zsNum span { color: #1465ea; } .Nnews1 .Nnews1-owl .owl-dots { display: none; } .Nnews1 .Nnews1-owl .owl-nav { position: absolute; bottom: 0px; right: 0; } .Nnews1 .Nnews1-owl .owl-nav button { height: 58px; width: 80px; } .Nnews1 .Nnews1-owl .owl-nav button.owl-prev { background: url(../uploadfiles/image/news-qh.png) no-repeat center center #3cd6a8; } .Nnews1 .Nnews1-owl .owl-nav button.owl-next { background: url(../uploadfiles/image/news-qh1.png) no-repeat center center #1465ea; } .Nnews2 { padding: 80px 0; } .Nnews2 .Nnews2-box { margin-left: -2%; } .Nnews2 .Nnews2-box .Nnews2-list { width: 23%; margin-left: 2%; float: left; box-sizing: border-box; padding: 30px; box-shadow: 0 5px 30px #deeeff; border: 1px solid #deeeff; } .Nnews2 .Nnews2-box .Nnews2-list .Nnews2-name { font-size: 18px; font-weight: bold; line-height: 36px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 72px; } .Nnews2 .Nnews2-box .Nnews2-list .Nnews2-name span { color: #1465ea; } .Nnews2 .Nnews2-box .Nnews2-list .Nnews2-date { margin-top: 10px; line-height: 30px; } .Nnews2 .Nnews2-box .Nnews2-list .Nnews2-date span { color: #bcc9dd; font-size: 18px; } .Nnews2 .Nnews2-box .Nnews2-list .Nnews2-date p { width: 30px; height: 30px; background: url(../uploadfiles/image/newsmore.png) no-repeat center center; margin: 0; border-radius: 50%; } .Nnews2 .Nnews2-box .Nnews2-list:hover .Nnews2-date p { background: url(../uploadfiles/image/c-newsmore.png) no-repeat center center #1465ea; } .Nnews2 .Nnews2-box .Nnews2-list:hover .Nnews2-date span { color: #1465ea; } .Nnews3 { padding: 50px 0 50px 0; background: #f7f9fe; height: auto !important; height: 600px; min-height: 600px; } .Nnews3 .Nnews3-box { margin-bottom: 60px; } .Nnews3 .Nnews3-list { padding: 20px 0; border-bottom: 1px dashed #e2ebf6; } .Nnews3 .Nnews3-list .Nnews3-date { width: 6%; text-align: center; border-right: 1px solid #dfe0e4; } .Nnews3 .Nnews3-list .Nnews3-date p { font-size: 32px; color: #1465ea; margin: 5px 0 5px 0; } .Nnews3 .Nnews3-list .Nnews3-date span { font-size: 14px; color: #1465ea; margin: 0; } .Nnews3 .Nnews3-list .Nnews3-name { width: 80%; padding-left: 20px; line-height: 57px; font-size: 18px; color: #000; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .Nnews3 .Nnews3-list .Nnews3-more { font-size: 16px; color: #6e6e6e; line-height: 57px; } @media(max-width:1300px) { .Nnews1 .Nnews1-owl .item .itemTxt { /*padding: 15% 0 17% 0;*/ } } @media(max-width:1199px) { .Nnews1 .Nnews1-owl .item .itemTxt>span { font-size: 20px; } .Nnews1 .Nnews1-owl .item .itemTxt>h1 { font-size: 18px; } .Nnews1 .Nnews1-owl .item .itemTxt>.Nnews-dec { line-height: 28px; } .Nnews1 .Nnews1-owl .item .itemTxt { padding: 10% 0 15% 0; } } @media(max-width:992px) { .Nnews1 .Nnews1-owl .item .item-img { width: 100%; } .Nnews1 .Nnews1-owl .item .item-txt { width: 100%; } .Nnews1 .Nnews1-owl .owl-nav { bottom: 10px; } .Nnews2 { padding: 30px 0; } .Nnews2 .Nnews2-box .Nnews2-list { width: 48%; margin-bottom: 20px; } .Nnews3 { padding: 30px 0; } .Nnews3 .Nnews3-list { padding: 10px 0; } .Nnews3 .Nnews3-list .Nnews3-date { width: 10%; } } @media(max-width:768px) { .Nnews1 .Nnews1-owl .item .item-img { height: 250px; } .Nnews1 .Nnews1-owl .item .item-img img { height: auto; max-height: 250px; } .Nnews1 .Nnews1-owl .item .itemTxt>span { font-size: 18px; } .Nnews1 .Nnews1-owl .item .itemTxt>h1 { font-size: 16px; } .Nnews1 .Nnews1-owl .owl-nav button { height: 40px; width: 60px; } .Nnews1 .Nnews1-owl .item .itemTxt .zsNum { font-size: 18px; } .Nnews2 .Nnews2-box .Nnews2-list { padding: 10px; } .Nnews2 .Nnews2-box .Nnews2-list .Nnews2-name { font-size: 16px; } .Nnews2 .Nnews2-box .Nnews2-list .Nnews2-date span { font-size: 14px; } .Nnews3 .Nnews3-list .Nnews3-date { width: 15%; } .Nnews3 .Nnews3-list .Nnews3-date p { font-size: 16px; } .Nnews3 .Nnews3-list .Nnews3-date span { font-size: 12px; } .Nnews3 .Nnews3-list .Nnews3-name { width: 70%; font-size: 14px; padding-left: 10px; } .Nnews3 .Nnews3-list .Nnews3-more { font-size: 12px; } .Ny-more a { width: 150px; height: 40px; line-height: 40px; } } /* 资质荣誉 */ .Nytit ul li { display: inline-block; margin: 0 10px; padding-bottom: 15px; } .Nytit ul li.on { border-bottom: 3px solid #1465ea; } .Nytit ul li.on a { color: #1465ea; } .HonorMain { margin: 50px 0 100px 0; } .HonorMain .slider-for { width: 70%; float: left; height: 534px; line-height: 534px; background: url(../uploadfiles/image/honorbg.jpg) no-repeat; background-size: cover; text-align: center; } .HonorMain .slider-nav { width: 25%; float: right; } .HonorMain .slider-for .HonorImg { text-align: center; line-height: 534px; } .HonorMain .slider-for .HonorImg img { display: inline-block; height: 428px; } .HonorMain .slider-nav .HonorTxt { height: 90px; display: flex; align-items: center; justify-items: center; border: 2px solid #2c2f35; margin-bottom: 20px; padding: 20px 50px 20px 30px; font-size: 18px; box-sizing: border-box; } .HonorMain .slider-nav .slick-current { background: #1465ea; border: 2px solid #1465ea; color: #fff; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .HonorMain .slick-arrow { position: absolute; margin-top: -20px; height: 40px; width: 40px; top: 50%; background: none; border: none; line-height: 1000px; overflow: hidden; z-index: 999; } .HonorMain .slick-arrow.slick-prev { background: url(../uploadfiles/image/ho-prev.png) no-repeat center center; left: 10px; } .HonorMain .slick-arrow.slick-next { background: url(../uploadfiles/image/ho-next.png) no-repeat center center; right: 10px; } .HonorMain .slick-arrow.slick-prev:hover { background: url(../uploadfiles/image/cho-prev.png) no-repeat center center; left: 10px; } .HonorMain .slick-arrow.slick-next:hover { background: url(../uploadfiles/image/cho-next.png) no-repeat center center; right: 10px; } @media(max-width:1200px) { .HonorMain .slider-nav .HonorTxt { padding: 20px; font-size: 16px; } } @media(max-width:1024px) { .HonorMain .slider-nav .HonorTxt { padding: 20px; font-size: 14px; border: 1px solid #e5e5e5; } .HonorMain .slider-for { width: 100%; } .HonorMain .slider-nav { width: 100%; } } @media(max-width:768px) { .HonorMain .slider-for .HonorImg img { height: auto; max-width: 80%; } } /* 新闻详情 */ /*.NCommon{overflow:hidden;margin-bottom:35px;}*/ .NCommon { padding-top: 124px; } .NewsInfo .NewsInfoTit { text-align: center; padding-bottom: 20px; border-bottom: 1px dashed #e5e5e5 } .NewsInfoTit h1 { font-size: 18px; } .NewsInfoTit p { font-size: 14px; color: #999; } .NewsInfo .NewsInfoBox { margin: 30px 0 4%; line-height: 30px; font-size: 16px; /*min-height:400px;color:#808080;*/ height: auto !important; height: 120px; min-height: 120px; } .NewsInfo .NewsInfoBox p { /*margin:0;*/ } .NewsInfo .NewsInfoBtn { margin: 20px 0 100px 0; } .NewsInfo .NewsInfoBtn a { display: block; width: 45%; margin-left: 40px; line-height: 60px; font-size: 16px; background: #f5f5f5; box-sizing: border-box; padding: 0 20px; display: inline-grid; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .NewsInfo .NewsInfoBtn a:hover { background: #1465ea; color: #fff; } @media(max-width:1024px) { .NCommon { padding-top: 0px; } } @media(max-width:768px) { .NewsInfo .NewsInfoBox { font-size: 14px; } .NewsInfo .NewsInfoBox p { font-size: 14px; } .NewsInfo .NewsInfoBtn a { width: 100%; padding: 0 10px; font-size: 14px; line-height: 40px; margin-bottom: 10px; } } /* 订单查询 */ .result { margin: 70px 0; } .result table { border-collapse: collapse; border-spacing: 0; border-top: 1px solid #fff; border-left: 1px solid #fff; margin-left: auto; margin-right: auto; background: #e5f1fc; } .result table th { height: 40px; line-height: 40px; font-size: 16px; color: #333; border-bottom: 1px solid #fff; border-right: 1px solid #fff; background: #b0cae1; } .result table td { padding: 18px 10px; line-height: 30px; font-size: 14px; text-align: center; color: #333; border-bottom: 1px solid #fff; border-right: 1px solid #fff; } @media(max-width:992px) { .result table th { line-height: 20px; font-size: 14px; } } @media(max-width:768px) { .result { overflow-x: auto; } .result table { width: 750px; overflow-x: auto; } .result table td { padding: 0; } } /* 登陆 */ .loginbox { width: 100% !important; padding: 80px 0; background: url("../uploadfiles/image/ac_bg.jpg") no-repeat center bottom; background-size: cover; } .loginbox .login { width: 80%; max-width: 400px; padding: 24px 30px 50px 30px; background: url("../images/login_bg.png"); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); position: relative; float: right; } .login h3 { line-height: 64px; margin-bottom: 15px; font-size: 24px; color: #07a9f2; text-align: center; } .login ul { overflow: hidden; zoom: 100%; } .login ul li { width: 100%; overflow: hidden; } .login ul li .inleft { overflow: hidden; width: 75%; border: 1px solid #e2e2e2; margin-right: 16px; margin-bottom: 16px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .login ul li .inleft .tt { position: relative; padding-left: 38px; font-size: 16px; color: #333; } .login ul li .inleft .tt img { display: block; position: absolute; left: 6px; top: 11px; width: 23px; height: 28px; } .login ul li .inleft input { display: block; width: 100%; height: 50px; line-height: 50px; padding: 0 0 0 45px; box-sizing: border-box; } .login ul li .inright { height: 50px; line-height: 50px; font-size: 14px; color: #707070; } .login ul li .inright i { color: #f00; } .login ul li .inright a { color: #707070; } .login ul li .inright a:hover { color: #0fa8f0; } .login ul li.yzm .inleft { width: 43%; } .login ul li.yzm .inright .yzpic { display: inline-block; *display: inline; zoom: 1; ; width: 96px; height: 36px; margin-right: 8px; vertical-align: middle; } .login ul li.yzm .inright span { display: inline-block; *display: inline; zoom: 1; height: 50px; line-height: 50px; font-size: 14px; color: #707070; cursor: pointer; vertical-align: middle; } .login .btn input { display: block; width: 166px; height: 50px; line-height: 50px; margin: 0 auto; text-align: center; font-family: "Microsoft yahei"; font-size: 18px; color: #fff; background: #1465ea; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .login .btn input:hover { background: #21bcc0; } /*.login .btn input*/ .loginbox .login .btn:hover { background: none; } @media(max-width:992px) { .login { padding: 20px 30px; } } @media(max-width:768px) { .login h3 { line-height: 30px; } .login ul li .inleft input { height: 40px; line-height: 40px; } .login ul li .inleft .tt img { top: 7px; } .login .btn { margin-top: 10px; } .login .btn input { height: 40px; line-height: 40px; } .loginbox .login { float: none; margin: 0 auto; } } /* 注册 */ .registerbox1_box { width: 1100px; margin: 0 auto; position: relative; } .registerbox { width: 100% !important; padding: 50px 0; background: url("../uploadfiles/image/ac_bg.jpg") no-repeat center bottom; background-size: cover; } .register { width: 80%; max-width: 430px; padding: 24px 30px 50px; background: #ffffffe6; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); position: relative; float: right; } .register h3 { line-height: 64px; margin-bottom: 15px; font-size: 24px; color: #07a9f2; text-align: center; } .register ul { overflow: hidden; zoom: 100%; } .register ul li { overflow: hidden; border: 1px solid #e2e2e2; margin-bottom: 16px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .register ul li .tt { position: relative; padding-left: 38px; font-size: 16px; color: #333; } .register ul li .tt img { display: block; position: absolute; left: 6px; top: 11px; width: 23px; height: 28px; } .register ul li input { display: block; width: 100%; height: 50px; line-height: 50px; padding: 0 0 0 45px; } /*.register .btn{padding-top: 20px;}*/ .register .btn input { display: block; width: 166px; height: 50px; line-height: 50px; margin: 0 auto; text-align: center; font-family: "Microsoft yahei"; font-size: 18px; color: #fff; background: #1465ea; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .register .btn input:hover { background: #21bcc0; } .register .btn:hover { background: none; } .regi_left { float: left; } .regi_left span { display: block; font-size: 60px; color: #fff; line-height: 70px; text-transform: uppercase; } @media(max-width:992px) { .register { padding: 20px 30px; } } @media(max-width:768px) { .register h3 { line-height: 30px; } .register ul li input { height: 40px; line-height: 40px; } .register ul li .tt img { top: 7px; } .register .btn input { height: 40px; line-height: 40px; } .regi_left { display: none; } .register { float: none; margin: 0 auto; } } /* 注册1 */ .registerbox1_box { width: 1200px; margin: 0 auto; position: relative; height: 100%; padding: 150px 0 60px 0; } .register1 { width: 60%; max-width: 436px; float: right; } .register1_1 { padding: 60px 30px; background: #fff; position: relative; } .register1 h3 { font-weight: bold; font-size: 20px; text-align: center; color: #3160e5; } .register1 .re_ul li { border: 1px solid #eeeeee; margin-bottom: 16px; padding: 8px 15px; } .register1 .re_ul li .tt { position: relative; padding-left: 38px; font-size: 16px; color: #333; } .register1 .re_ul li .tt img { display: block; position: absolute; left: 6px; top: 11px; width: auto; height: 28px; } .register1 .re_ul li input { display: block; width: 100%; height: 50px; line-height: 50px; padding: 0 0 0 45px; } .register1 .re_ul li:last-child { border: none; } .register1 input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; background-color: transparent; background-image: none; transition: background-color 50000s ease-in-out 0s; } .dx_left input { padding-left: 0 !important; } .dx_right input { background-color: #3160e5; border-radius: 4px; color: #fff; text-align: center; font-size: 14px; padding: 0 20px !important; } .check_box input { width: 14px !important; height: 14px !important; background-color: #fff !important; border: 1px solid #eeeeee !important; display: inline !important; vertical-align: middle; margin-right: 5px; } .register1 .btn input { display: block; width: 100%; height: 50px; line-height: 50px; margin: 0 auto; text-align: center; font-family: "Microsoft yahei"; font-size: 18px; color: #fff; background: #fb4c3a; cursor: pointer; } .register1 .btn input:hover { background: #fb4c3a; } .back_box { padding: 30px; background: #f9fafe; } .back_right ul { display: flex; } .back_right ul li a { margin-left: 20px; display: inline-block; } .back_right ul li { color: #999999; font-size: 14px; } .back_left a { font-size: 14px; color: #3160e5; } .dibu { text-align: center; font-size: 14px; color: #999999; padding: 40px 0; } .dibu p:first-child { color: #333333; } .dibu p { margin: 0; } @media(max-width:1024px) { .registerbox1_box { padding: 3% 5%; width: auto; } } @media(max-width:768px) { .register1 { width: 95%; margin: 30px auto; float: none; } .register1_1 { padding: 10px 30px 0; } .dx_left { width: 60%; } .dx_right { width: 40%; } .dx_right input { padding: 0 10px !important; } .register1 .dx_right input { width: auto; padding: 0; } .back_right ul li { font-size: 12px; } .back_right ul li a { margin-left: 5px; } } /* 个人中心 */ .center { min-height: 400px; margin: 70px 0; } .center .list ul { overflow: hidden; zoom: 100%; } .center .list ul li { float: left; width: 100%; } .center .list ul li .tt { width: 10%; height: 52px; margin-right: 2%; line-height: 52px; font-size: 16px; color: #333; text-align: right; } .center .list ul li .cco { width: 88%; height: 52px; line-height: 52px; font-size: 16px; color: #333; } @media(max-width:768px) { .center .list ul li .tt { width: 20%; } .center .list ul li .cco { width: 78%; } } /* 检测查询 */ .center table { border-collapse: collapse; border-spacing: 0; border-top: 1px solid #fff; border-left: 1px solid #fff; margin-left: auto; margin-right: auto; background: #e5f1fc; } .center table th { height: 40px; line-height: 40px; font-size: 16px; color: #333; border-bottom: 1px solid #fff; border-right: 1px solid #fff; background: #b0cae1; } .center table td { padding: 12px 10px; line-height: 30px; font-size: 14px; text-align: center; color: #333; border-bottom: 1px solid #fff; border-right: 1px solid #fff; } .center table td .more { display: block; width: 90px; height: 38px; margin: 0 auto; line-height: 38px; text-align: center; font-size: 14px; color: #fff; background: #4b80ed; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .center table td .more:hover { background: #21bcc0; } @media(max-width:768px) { .center table th { font-size: 14px; } .center table td { padding: 10px 5px; } .center table td .more { height: 30px; line-height: 30px; width: 70px; } } /* 右侧 */ .totop { text-align: center; cursor: pointer; overflow: hidden; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .totop.cd-is-visible { visibility: visible; opacity: 1; cursor: pointer; } .FastRight { width: 72px; position: fixed; z-index: 999; right: 10px; bottom: 15%; } .FastRight li { position: relative; cursor: pointer; margin-bottom: 1px; } .FastRight .ico { height: 72px; display: flex; justify-content: center; color: #1f1a17; align-items: center; flex-direction: column; background: #1465ea; } .FastRight .ico .iconfont { display: block; font-size: 29px; } .FastRight .pc {} .FastRight .wap { display: none; } .FastRight li:hover .ico { background: #1465ea; color: #fff; } .FastRight .info { position: absolute; top: 80px; right: 72px; font-size: 12px; padding: 0 10px; text-align: center; color: #fff; background: #1465ea; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); visibility: hidden; opacity: 0; filter: alpha(opacity=0); transition: all ease 0.3s; } .FastRight .info img { border: 5px solid #fff; max-width: none; width: 90px; height: 90px; margin-bottom: 5px; } .FastRight .info p { margin-bottom: 5px; } .FastRight .info.tel { line-height: 26px; color: #fff; width: 150px; text-align: left; } .FastRight .info.tel b { display: block; font-size: 16px; } .FastRight .info a { color: #fff; } .FastRight li.on .info { top: 0; visibility: visible; opacity: 1; filter: alpha(opacity=100); } .FastRight i { display: inline-block; width: 100%; height: 70px; background-size: cover; } .SubTit { font-size: 24px; color: #1465ea; margin: 15px 0 !important; line-height: 30px; text-align: center; botder-bottom: 1px solid #ddd; margin-bottom: 20px; } .Popbox { background: rgba(0, 0, 0, 0.5); position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 1000; display: none; } .Popbox .SubTit { margin-top: 0 !important; } .Popbox .content { width: 500px; border-radius: 25px; padding: 35px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); position: relative; } .Popbox .content a.close { position: absolute; right: 10px; top: 10px; background: #999 url(../images/close2.png) center center no-repeat; width: 35px; height: 35px; border-radius: 50%; } .Popbox .form { margin: 0 0 0 -5%; } .Popbox .form li { width: 45%; float: left; padding: 0 0 2% 5%; position: relative; } .Popbox .form .input { width: 100%; text-indent: 1em; height: 33px; line-height: 33px; border: 1px solid #eee; } .Popbox .form .input.date { background: url(../images/date.png) right 18px center no-repeat; } .Popbox .form .must { color: #ff0000; position: absolute; right: 4px; top: 6px; font-size: 15px; } .Popbox .f-btn { clear: both; text-align: center; } .Popbox .btn { clear: both; text-align: center; } .Popbox .send { width: 125px; height: 40px; color: #fff; background: #1465ea; border: 0; font-size: 16px; } .Popbox .select { width: 100%; border: 1px solid #eee; height: 35px; text-indent: 1em; } .Messagebox { height: auto !important; height: 250px; min-height: 250px; padding: 3% 0; } .Messagebox .form { width: 80%; margin: 3% auto 0; border: 1px solid #eee; padding: 4%; } .Messagebox .form ul { margin: 0 0 0 -4%; } .Messagebox .form li { width: 46%; padding: 0 0 2% 4%; float: left; } .Messagebox .form .box { padding-left: 150px; position: relative; height: 38px; line-height: 38px; } .Messagebox .form .box .ti { position: absolute; left: 15px; top: 0; font-size: 16px; width: 135px; text-align: right; } .Messagebox .form .box .input { width: 100%; height: 36px; line-height: 36px; border: 1px solid #eee; } .Messagebox .form .box .must { position: absolute; right: 10px; top: 5px; color: #ff0000; font-size: 16px; } .Messagebox .form li.auto { clear: both; width: auto; float: none; height: auto; } .Messagebox .form li.auto .box { height: auto; } .Messagebox .form .textarea { border: 1px solid #eee; padding: 10px; } .Messagebox .form .textarea textarea { width: 100%; height: 120px; } .Messagebox .form .f-btn { clear: both; padding-top: 3%; text-align: center; } .Messagebox .form .btn { clear: both; padding-top: 3%; text-align: center; } .Messagebox .form .btns { width: 120px; height: 40px; background: #cccccc; color: #fff; border: 0; margin: 0 10px; font-weight: bold; } .Messagebox .form .btns.send { background: #1465ea; } .QuestionList { padding-top: 3%; } .QuestionList ul { padding-bottom: 48px; argin-left: -3%; } .QuestionList li { width: 47%; float: left; border-radius: 10px; margin: 0 0 20px 3%; } .QuestionList li a { display: block; border-radius: 10px; background: #f5f5f5; overflow: hidden; border-top: 4px solid #f5f5f5; padding: 20px 25px 32px; } .QuestionList li .box { padding-left: 46px; position: relative; } .QuestionList li .box .qa { position: absolute; left: 0; top: 0; font-size: 22px; color: #fff; text-transform: uppercase; width: 35px; line-height: 35px; border-radius: 50%; background: #8d8d8d; text-align: center; } .QuestionList li .box .qa.red { background: #1465ea; } .QuestionList li .tit { font-size: 18px; height: 35px; line-height: 35px; margin-bottom: 15px; } .QuestionList li .info { color: #999; padding-top: 5px; line-height: 24px; height: 72px; -webkit-line-clamp: 3; } .QuestionList li .more { margin-top: 20px; height: 24px; } .QuestionList li .more i { display: inline-block; vertical-align: middle; width: 33px; height: 17px; margin-left: 16px; border-radius: 25px; background-repeat: no-repeat; background-position: center center; background-image: url(../images/more2.png); transition: 500ms; } .QuestionList li:hover { box-shadow: 0 10px 15px rgba(0, 0, 0, 0.07); } .QuestionList li:hover a { border-top: 4px solid #1465ea; background: #fff; } .QuestionList li:hover .more i { width: 75px; height: 24px; background-color: #1465ea; background-image: url(../images/more3.png); } #active93, #active92 { display: none; } @media ( max-width:640px) { .FastRight { width: 45px; } .FastRight .ico { height: 45px; } .FastRight .info { right: 45px } .FastRight .pc { display: none; } .FastRight .wap { display: block; } .SubTit { font-size: 18px; color: #1465ea; margin: 10px 0 !important; } .Popbox .content { width: 90%; padding: 4%; } .Messagebox .form ul { margin: 0 0 0 0; } .Messagebox .form li { width: auto; padding: 0 0 8px 0; float: none; height: auto; } .Messagebox .form .box { padding-left: 0; height: auto; } .Messagebox .form .box .ti { width: auto; left: 5px; position: static; line-height: 24px; padding-bottom: 0px; } .Messagebox .form .btns { width: 100px; margin: 0 5px; } .QuestionList ul { padding-bottom: 10px; argin-left: 0; } .QuestionList li { width: auto; float: none; margin-bottom: 10px; margin-left: 0; } .QuestionList li .box { padding-left: 30px; } .QuestionList li .info { height: auto; -webkit-line-clamp: 2; } .QuestionList li a { padding: 10px; } .QuestionList li .tit { font-size: 15px; height: auto; line-height: 24px; margin-bottom: 10px; } .QuestionList li .box .qa { font-size: 18px; width: 28px; line-height: 28px; } } /* add2020-12-7 */ .nContact { padding: 50px 0; } .nContact h4 { font-size: 18px; color: #666; margin-bottom: 30px; } .calist { margin-bottom: 48px; } .calist li { font-size: 16px; color: #666; line-height: 36px; } .calist li .tel { padding-left: 38px; background: url(../uploadfiles/image/c1.png) no-repeat left center; } .calist li .tax { padding-left: 38px; background: url(../uploadfiles/image/c2.png) no-repeat left center; } .calist li .email { padding-left: 38px; background: url(../uploadfiles/image/c3.png) no-repeat left center; } .calist li .add { padding-left: 38px; background: url(../uploadfiles/image/c4.png) no-repeat left center; } .map #map { height: 500px; } .person_center { margin: 50px 0; } @media(max-width:992px) { .map #map { height: 300px; } .person_center { margin: 20px 0; } } .bj { margin-top: 5px; color: #fff; cursor: pointer; } .Ad { position: fixed; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999; display: none; } .Ad .Adbox { width: 80%; max-width: 400px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; } .Ad .Adbox .closead { position: absolute; right: 0; top: 0; background: url(../images/close2.png) center center no-repeat; width: 35px; height: 35px; border-radius: 50%; } /*20210629*/ .jzbtn { padding: 0; width: 104px; height: 104px; line-height: 21px; color: #1465ea; font-size: 16px; background: url(../images/jzbtn.png) no-repeat center center/contain; position: fixed; top: 50%; transform: translateY(-50%); right: 1%; z-index: 999; } .NewsFocus { width: 100%; z-index: 10; height: 40px; line-height: 40px; background: #f7f7f7 } .NewsFocus .Contain { position: relative; } .NewsFocus .flexslider { margin-left: 0; } .NewsFocus h2 { color: #1465ea; font-size: 18px; position: absolute; left: 0; top: 0; margin: 0; } .NewsFocus li span { margin-right: 5px; } .NewsFocus li a { color: #333; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 90%; font-size: 14px; } .NewsFocus .flexslider .slides a img{width: auto;display: inline-block;margin-right: 8px;margin-top: -3px;} .NewsFocus li a:hover { color: #1465ea; } .NewsFocus .flex-direction-nav, .NewsFocus .flex-control-nav { display: none !important; } .b1_qqg_swuier .idxCase-pv1 { left: 0; } .b1_qqg_swuier .idxCase-nt1:hover img { -webkit-animation: nt 1s ease 0s infinite; animation: nt 1s ease 0s infinite; } .b1_qqg_swuier .idxCase-pv1:hover img { -webkit-animation: pv 1s ease 0s infinite; animation: pv 1s ease 0s infinite; } .b1_qqg_swuier .idxCase-nt1 { right: 0; } .b1_qqg_swuier { width: 100%; position: relative; } .b1_qqg_swuier .b1_qqg_swiper { width: 92%; margin: auto; } .b1_qqg_swuier .b1_qqg_swiper .swiper-slide { text-align: center; line-height: 377px; } .b1_qqg_swuier .b1_qqg_swiper .swiper-slide img { width: 100%; opacity: 0.5; } .b1_qqg_swuier .b1_qqg_swiper .swiper-slide p { font-size: 18px; font-weight: 400; color: #666666; line-height: 36px; text-align: center; opacity: 0; visibility: hidden; transition: all .4s; margin-top: 28px; } .b1_qqg_swuier .b1_qqg_swiper .swiper-slide.swiper-slide-active p { opacity: 1; visibility: visible; } .b1_qqg_swuier .b1_qqg_swiper .swiper-slide.swiper-slide-active img { opacity: 1; } @media(max-width:1366px) { .b1_qqg_swuier .b1_qqg_swiper { width: 86%; margin: auto; } } .idxCase-buts { width: 50px; height: 50px; border-radius: 3px; border: solid 1px #dcdcdc; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 3; text-align: center; line-height: 48px; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .idxCase-buts:hover { box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, .2); } .idxCase-pv { left: 21.093%; } .idxCase-nt { right: 21.093%; } .idxCase-pv:hover img { -webkit-animation: pv 1s ease 0s infinite; animation: pv 1s ease 0s infinite; } .idxCase-nt:hover img { -webkit-animation: nt 1s ease 0s infinite; animation: nt 1s ease 0s infinite; } .JobBox { font-size: 16px; padding-bottom: 4%; } .JobBox .Content { width: 72%; } .JobBox .Content .jobNav { border-bottom: 2px solid #f5f5f5; } .JobBox .Content .jobNav ul li { display: inline-block; width: 150px; height: 45px; line-height: 45px; text-align: center; background: #f5f5f5; } .JobBox .Content .jobNav ul li.on { background: #1976e1; } .JobBox .Content .jobNav ul li.on a { color: #fff; } .JobBox .Content .bd { margin-top: 30px; } .JobBox .Content .bd .jobCon dl::after { content: ''; display: block; clear: both; } .JobBox .Content .bd .jobCon dl { margin-left: -2%; } .JobBox .Content .bd .jobCon dl dd { width: 23%; height: 40px; line-height: 40px; padding: 0 10px; background: #f5f5f5; margin-bottom: 10px; box-sizing: border-box; margin-left: 2%; float: left; } .JobBox .Content .bd .jobCon dl dd:hover { background: #1976e1; color: #fff; } .JobBox .JobInfo { width: 26%; background: #f5f5f5; box-sizing: border-box; padding: 30px; } .JobBox .JobInfo h1 { font-size: 18px; } .JobBox .JobInfo b { display: none; width: 20px; height: 2px; background: #1976e1; margin: 20px 0; } .JobBox .JobInfo ul li { line-height: 35px; padding: 15px 0; border-bottom: 1px dashed #ddd; font-size: 14px; } .JobBox .JobInfo ul li .ico { display: inline-block; width: 35px; height: 35px; line-height: 35px; border-radius: 50%; text-align: center; background: #1976e1; margin-right: 10px; } .JobBox .JobInfo ul li .ico img { width: 25px; height: 25px; } @media(max-width:1200px) { .JobBox .JobInfo { padding: 20px; font-size: 15px; } } @media(max-width:1024px) { .JobBox .Content { width: 100%; } .JobBox .JobInfo { width: 100%; margin-top: 20px; font-size: 14px; } .JobBox .JobInfo h1 { font-size: 16px; } .JobBox .JobInfo ul li { padding: 8px 0; } } @media(max-width:768px) { .JobBox .Content .bd .jobCon dl dd { width: 48%; } .JobBox .JobInfo ul li .ico { display: none; } } @media(max-width:900px) { .NewsFocus { position: relative; top: auto; } } @media(max-width:680px) { .b1_qqg_swuier .b1_qqg_swiper .swiper-slide p { line-height: 24px; font-size: 16px; margin-top: 14px; } .NewsFocus h2 { font-size: 15px; } .NewsFocus .flexslider { margin-left: 0; } .NewsFocus li a { width: 100%; } .jzbtn{width: 70px;height: 70px;} } /*内页banner*/ .nBan { padding-top: 124px; position: relative; } .nBan .txt { position: absolute; width: 100%; bottom: 15%; color: #fff; display: none; } .nBan .txt .ban_line { width: 24px; height: 3px; background-color: #ffffff; display: none; } .nBan .txt .txt1 { font-size: 16px; line-height: 26px; color: #ffffff; } .nBan .txt .txt2 { font-size: 30px; line-height: 26px; color: #ffffff; } .nBan .txt .txt2 span:nth-child(2) { padding: 0 20px; } .nBan .txt .txt3 { font-size: 10px; line-height: 26px; letter-spacing: 1px; color: #ffffff; } .imgbox { overflow: hidden; position: relative; } .imgbox span { background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .imgbox img { width: auto !important; max-height: 100%; } .nBan .img { padding-top: 340px; } @media(max-width:1400px) { .nBan .img { padding-top: 226px; } .nBan .txt { bottom: 11%; } .nBan .txt .txt2 { line-height: 0; } } @media(max-width:1366px) { .nBan .img { padding-top: 220px; } } @media(max-width:1200px) { .nBan .img { padding-top: 206px; } } @media(max-width:1024px) { .nBan { padding-top: 0; } } @media(max-width:768px) {} @media(max-width:640px) {} @media(max-width:414px) { .nBan .txt { bottom: 17%; } .nBan .txt .txt1 { font-size: 14px; } .nBan .txt .txt2 { font-size: 24px; } } @media(max-width:375px) {} /* 历史革沿 */ .SubCon { padding: 2.6% 0; overflow: hidden; } .SubCon.History { background: url(../images/his_bg2.jpg) bottom right no-repeat; } .sideMenu { width: 260px; } .sideMenu .side_top { height: 130px; text-align: center; background: url(../images/side_bg1.png) top center no-repeat; display: flex; justify-content: center; align-items: center; } .sideMenu .side_top .smenu_ico { /* display: inline-block; */ } .sideMenu .side_top .sarr_ico { display: none; } .sideMenu .side_top .tit { font-family: MicrosoftYaHei-Bold; font-size: 28px; font-weight: normal; font-stretch: normal; line-height: 26px; letter-spacing: 0px; color: #ffffff; padding: 0 5%; } .QualCon .sideMenu .side_top .tit { font-size: 26px; padding: 0 3%; } .sideMenu .side_menu { border-radius: 0px 0px 10px 10px; background: #f7f9fe; } .sideMenu .side_menu li { cursor: pointer; /* padding: 0 11.5%; */ /* height: 70px; */ } .sideMenu .side_menu li a.menu_a { display: block; /* width: 100%; */ border-bottom: solid 1px #e8eaef; font-size: 18px; color: #333333; line-height: 69px; padding: 0 11.5%; } .sideMenu .side_menu li:last-child a.menu_a { border: none; } .sideMenu .side_menu li:hover a.menu_a { background: #1465ea url(../images/side_arr.png) no-repeat; background-position: 90% 28px; } .sideMenu .side_menu li.on:hover a.menu_a { background: #1465ea url(../images/side_arr1.png) no-repeat; background-position: 90% 28px; } .sideMenu .side_menu li.on a.menu_a { background: #1465ea url(../images/side_arr1.png) no-repeat; background-position: 90% 28px; } .sideMenu .side_menu li:hover a.menu_a, .sideMenu .side_menu li.on a.menu_a { font-size: 18px; color: #fff; border-bottom: solid 1px #1465ea; } .sideMenu .side_menu li .side_submenu { height: auto; overflow: hidden; background: #1258cc; display: none; } /*.sideMenu .side_menu li.on .side_submenu { display: block; }*/ /*.sideMenu .side_menu li:hover .side_submenu { display: block; }*/ .sideMenu .side_menu li .side_submenu dd { line-height: 30px; } .sideMenu .side_menu li .side_submenu dd a { display: block; line-height: 40px; padding-left: 12%; font-size: 16px; color: #fff; } .sideMenu .side_menu li .side_submenu dd a .sub_dot { display: inline-block; width: 5px; height: 5px; background-color: #fff; border-radius: 50%; margin-right: 6px; } .sideMenu .side_bott { border: solid 1px #e8eaef; padding: 11.5% 11.5% 90% 11.5%; background: #fff url(../images/side_bg2.png) bottom center no-repeat; border-radius: 10px; margin-top: 22px; } .sideMenu .side_bott .bot_tit { color: #333333; font-size: 18px; padding-bottom: 12px; position: relative; } .sideMenu .side_bott .bot_tit:before { content: ''; position: absolute; width: 16px; height: 2px; background-color: #1465ea; bottom: 0; left: 0; display: none; } .sideMenu .side_bott .bot_contact { font-size: 14px; border-bottom: solid 1px #e8eaef; padding-bottom: 14px; } .sideMenu .side_bott .bot_contact dl { margin-top: 20px; } .sideMenu .side_bott .bot_contact dl dt { color: #333; } .sideMenu .side_bott .bot_contact dl dd { color: #777; } .sideMenu .side_bott .bot_contact dl dd a { color: #777; } .sideMenu .side_bott .bot_qr { float: left; width: 100%; } .sideMenu .side_bott .bot_qr img { width: 100px; height: 100px; float: left; } .sideMenu .side_bott .bot_qr .qr_txt { float: left; padding-left: 20px; padding-top: 28px; } .sideMenu .side_bott .bot_qr .qr_txt dt { color: #1465ea; font-size: 18px; font-weight: bold; } .sideMenu .side_bott .bot_qr .qr_txt dd { color: #333333; font-size: 14px; } .sideCon { width: 80%; } .NTit { line-height: 36px; border-bottom: 1px solid #e5e5e5; overflow: hidden; } .NTit h1 { font-size: 24px; color: #333; position: relative; font-weight: normal; display: none; } .Po_tit { font-size: 28px; color: #1258cc; line-height: 70px; } .NTit .localtion { font-size: 14px; color: #666; line-height: 70px; /*width: 100%;*/ text-align: right; overflow: hidden; } .NTit .localtion img {} .NTit .localtion span { color: #1465ea; } @media(max-width:1400px) {} @media(max-width:1366px) { .sideCon { width: 78%; } } @media(max-width:1200px) { .sideCon { width: 76%; } } @media(max-width:1024px) { .sideMenu { width: 240px; } .sideCon { width: 70%; } .sideMenu .side_top { height: 110px; background-size: cover; } .sideMenu .side_top .sarr_ico { display: block; } .sideMenu .side_top .sarr_ico.on { -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; -webkit-transform: rotate( 180deg); transform: rotate( 180deg); } .Po_tit { width: 100%; float: none; text-align: center; } .NTit .localtion { width: 100%; float: none; } } @media(max-width:900px) { .sideMenu { float: none; width: 100%; } .sideMenu .side_top .smenu_ico { display: none; } .sideMenu .side_top { width: 100%; height: 30px; padding: 10px 0; text-align: center; background: #1465ea; display: flex; justify-content: center; align-items: center; } .sideMenu .side_menu { /* padding: 4% 0; */ display: none; } .sideMenu .side_menu li { /* height: 50px; */ line-height: 50px; } .sideMenu .side_menu li:hover {} .sideMenu .side_menu li:hover, .sideMenu .side_menu li.on { background-position: 90% 20px; } .sideMenu .side_menu li a.menu_a { line-height: 49px; padding: 0 10%; } .sideMenu .side_menu li.on a.menu_a { background-position: 90% 19px; } .sideMenu .side_menu li.on:hover a.menu_a { background-position: 90% 19px; } .sideMenu .side_bott { display: none; } .sideCon { width: 100%; } .NTit h1 { font-size: 22px; } .sideMenu .side_top .tit { font-size: 22px; } .QualCon .sideMenu .side_top .tit { font-size: 22px; } } @media(max-width:768px) {} @media(max-width:640px) { .NTit h1 { font-size: 18px; } } @media(max-width:460px) { .NTit h1 { display: none; } .sideMenu .side_menu li a { font-size: 16px; } .sideMenu .side_menu li:hover a, .sideMenu .side_menu li.on a { font-size: 16px; } } @media(max-width:414px) { .sideMenu .side_top .tit { font-size: 24px; line-height: 24px; } .QualCon .sideMenu .side_top .tit { font-size: 24px; line-height: 24px; } } @media(max-width:375px) {} /*Timeline003071 */ .Timeline003071 { overflow: hidden; margin: 0 auto; padding: 3% 0 3% 3%; } .Timeline003071 .auto { /* overflow: hidden; */ } .Timeline003071 .left { width: 243px; position: relative; } .Timeline003071 .left .video { position: relative; z-index: 1; margin-bottom: 2.66vw; } .Timeline003071 .left .play { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../images/Timeline003071_play.png") no-repeat center center; cursor: pointer; } .Timeline003071 .left .video video { position: absolute; background: #000; z-index: 20; left: 0; top: 0; } .Timeline003071 .tab.tab_fix { position: fixed; top: 124px; width: 243px; } .Timeline003071 .tab.tab_fix1 { position: fixed; top: unset; bottom: 400px; } .Timeline003071 .tab dd { text-align: center; line-height: 64px; font-size: 24px; cursor: pointer; } .Timeline003071 .tab dd.on { color: #1465ea; font-size: 30px; font-weight: bold; } .Timeline003071 .tab dd.on:before, .Timeline003071 .tab dd.on:after { display: inline-block; content: ''; width: 34px; vertical-align: middle; height: 1px; background: #1465ea; margin: 0 20px; } .Timeline003071 .tab-list { border-left: 2px solid #d9e0f0; padding-left: 3vw; position: relative; } .Timeline003071 .tab-inner { position: relative; /*padding: 1vw;*/ color: #333333; } .Timeline003071 .tab-inner:not(:last-child) { margin-bottom: 20px; } .Timeline003071 .tab-inner:after { position: absolute; content: ''; top: 3vw; } .Timeline003071 .tab-inner:after { margin-left: -3.2vw; width: 11px; height: 11px; background: url(../images/rwgh_dot1.png); left: -3px; } .Timeline003071 .tab-inner:hover:after, .Timeline003071 .tab-inner.on:after { background: url(../images/rwgh_dot2.png); } .Timeline003071 .tab-inner label { position: absolute; right: 0.94vw; bottom: 0.99vw; font-family: 'yuweij'; font-size: 6.25vw; color: #f18e65; } .Timeline003071 .tab-inner time { font-weight: bold; display: block; font-size: 18px; margin-bottom: 10px; line-height: 32px; float: left; width: 80px; } .Timeline003071 .tab-inner .c_txt { width: 34%; float: left; padding-left: 30px; font-size: 16px; color: #333; text-align: justify; } .Timeline003071 .tab-inner .c_img { width: 48%; background-color: #ffffff; /*box-shadow: 0px 0px 20px 0px rgba(0, 13, 30, 0.1);*/ float: right; border: 1px #e5e5e5 solid; } .Timeline003071 .tab-inner li { line-height: 1.667em; position: relative; padding-left: 1em; font-size: 18px; } .Timeline003071 .tab-inner li:before { position: absolute; content: ''; left: 0; width: 5px; height: 5px; border-radius: 50%; top: 12px; background: #fff; } .Timeline003071 .tab-inner li.b { font-weight: bold; } .fix_time { top: 600px; right: 2%; position: fixed; } .fix_time.fix_b { top: auto; bottom: 420px; right: 2%; position: fixed; } .fix_time .time_box { padding: 16px 0 16px 13px; border-left: solid 3px #efefef; position: relative; } .fix_time .time_box:before { content: ''; position: absolute; width: 11px; height: 11px; background: url(../images/rwgh_dot2.png); top: 0; left: -7px; } .fix_time .time_box:after { content: ''; position: absolute; width: 11px; height: 11px; background: url(../images/rwgh_dot2.png); bottom: 0; left: -7px; } .fix_time .tit { font-size: 16px; color: #333; text-align: right; } .fix_time ul li { color: #777777; font-size: 14px; padding-left: 30px; text-align: right; position: relative; } .fix_time ul li.on:before { content: ''; position: absolute; width: 8px; height: 9px; top: 50%; margin-top: -4px; left: -14px; background: url(../images/his_arr1.png) left center no-repeat; } @media(max-width:1366px) { .Timeline003071 .tab dd.on:after { display: inline-block; content: ''; width: 14px; vertical-align: middle; height: 1px; background: #1465ea; margin: 0 20px; } .Timeline003071 .tab dd.on:before { display: inline-block; content: ''; width: 14px; vertical-align: middle; height: 1px; background: #1465ea; margin: 0 20px; } .Timeline003071 .tab-inner time { float: none; } .Timeline003071 .tab-inner .c_txt { width: 70%; float: none; margin-bottom: 20px; } .Timeline003071 .tab-inner .c_img { float: none; margin-left: 30px; } } @media(max-width:1200px) { .Timeline003071 .tab-list { padding-left: 2vw; } Timeline003071 .tab-inner:after { margin-left: -2.2vw; } } @media(min-width:1025px) { .Timeline003071 .left { width: 21%; } .Timeline003071 .right { width: 78%; /*height: 800px; overflow-y: auto;*/ } } @media(max-width:1024px) { .Timeline003071 .left { width: 100%; } .Timeline003071 .right { width: 100%; } .Timeline003071 .tab { overflow: hidden; margin-bottom: 4vw; } .Timeline003071 .tab dd { float: left; width: 24.2%; border-right: 1px solid #fff; } .Timeline003071 .tab dd.on:before, .Timeline003071 .tab dd.on:after { width: 0; margin: 0 0.5em; } .Timeline003071 .tab-inner label { font-size: 12vw; } .Timeline003071 .tab-inner time { float: none; } .Timeline003071 .tab-inner .c_txt { width: 100%; float: none; padding-left: 0; padding-bottom: 20px; } .Timeline003071 .tab-inner .c_img { float: none; margin-left: 0; width: 100%; } .fix_time { display: none; } .Timeline003071 .tab-inner:after { left: 27px; } .Timeline003071 .tab.tab_fix { position: static; top: 0; width: auto; } } @media(max-width:900px) { .Timeline003071 .tab-inner:after { left: 22px; } } @media(max-width:640px) { .Timeline003071 .tab-inner { padding: 5vw; } .Timeline003071 .tab-inner:not(:last-child) { margin-bottom: 3vw; } .Timeline003071 .tab-inner time { font-size: 20px; } .Timeline003071 .tab-inner time:after { width: 35px; height: 2px; content: ''; display: inline-block; vertical-align: middle; margin-left: 10px; background: #fff; } .Timeline003071 .tab-inner li { font-size: 5vw; } .Timeline003071 .tab dd { font-size: 5vw; } .Timeline003071 .tab dd.on { font-size: 5vw; } .Timeline003071 .tab-inner .c_txt { font-size: 14px; } } @media(max-width:414px) { .Timeline003071 .tab-inner:after { left: 6px; } } /* 人文关怀 */ .r_Con .txt p { font-family: MicrosoftYaHei; font-size: 16px; line-height: 30px; letter-spacing: 0px; color: #282d38; text-indent: 2em; } .r_Con .tit { font-size: 24px; color: #333333; text-align: center; font-weight: bold; } .r_Con .NytitPtop { padding: 50px 0; } .r_Con .r_con1 .pc_part { width: 444px; height: 444px; position: relative; background: url(../images/rcln_pc.png) top center no-repeat; margin: 100px auto 50px; } .r_Con .r_con1 .pc_part .pc_center { width: 186px; height: 186px; background-color: #1465ea; text-align: center; border-radius: 50%; position: absolute; top: 50%; margin-top: -115px; left: 50%; margin-left: -93px; } .r_Con .r_con1 .pc_part .pc_center dt { width: 55px; height: 55px; margin: 40px auto 20px; } .r_Con .r_con1 .pc_part .pc_center dd { font-family: MicrosoftYaHei-Bold; font-size: 30px; color: #ffffff; text-align: center; font-weight: bold; } .r_Con .r_con1 .pc_part .pc_ico { width: 100%; } .r_Con .r_con1 .pc_part .pc_ico li { position: absolute; text-align: center; } .r_Con .r_con1 .pc_part .pc_ico li:nth-child(1) { top: -33px; left: 50%; margin-left: -102px; } .r_Con .r_con1 .pc_part .pc_ico li:nth-child(2) { top: 60%; left: -6px; } .r_Con .r_con1 .pc_part .pc_ico li:nth-child(3) { top: 60%; right: -50px; } .r_Con .r_con1 .pc_part .pc_ico img { width: 87px; height: 87px; } .r_Con .r_con1 .pc_part .pc_ico p { font-family: MicrosoftYaHei-Bold; font-size: 18px; color: #333333; font-weight: bold; } .r_Con .r_con2 .pc_part { font-size: 18px; } .r_Con .r_con2 .pc_part .pc_arr1 { color: #84acec; margin-left: 10%; text-align: left; font-weight: bold; } .r_Con .r_con2 .pc_part .pc_arr1 img, .r_Con .r_con2 .pc_part .pc_arr2 img { margin-right: 20px; } .r_Con .r_con2 .pc_part .pc_arr2 { color: #0051d6; margin-right: 10%; text-align: right; font-weight: bold; } .r_Con .r_con2 .pc_part .pc_part_ico { overflow: hidden; display: flex; justify-content: space-between; padding: 5% 0; } .r_Con .r_con2 .pc_part_ico dl { text-align: center; float: left; } .r_Con .r_con2 .pc_part_ico dl dt { margin: 0 auto; } .r_Con .r_con2 .pc_part_ico dl dt img { width: 120px; height: 120px; } .r_Con .r_con2 .pc_part_ico dl dd { font-size: 18px; color: #333333; margin-top: 30px; font-weight: bold; } .r_Con .r_con3 .pc_part .pc_part_img { display: none; } .r_Con .r_con3 .pc_part .pc_part_img li { text-align: center; padding: 10px 0; } .r_Con .r_con3 .pc_part #carousel { height: 500px; background: #fff; margin: 0 auto; } .r_Con .r_con3 .pc_part #carousel .tracker-summation-container, .r_Con .r_con3 .pc_part #carousel .tracker-individual-container { display: none !important; } .r_Con .r_con3 .pc_part #carousel .carousel-feature { border: none; } /* 技术服务平台 */ .r_con_t .pc_part { padding: 5% 0; overflow: hidden; margin: 0 auto; } .r_con_t .textBox { width: 40%; /* float: left; */ font-size: 18px; line-height: 30px; letter-spacing: 5px; color: #1465ea; height: 161px; text-align: center; background: #f7f9fe; border: dotted 1px #dae0ed; margin: 0 auto; } .r_con_t .textBox .txt1 { position: relative; margin-top: 41px; } .r_con_t .textBox .txt1:before { content: ''; position: absolute; top: 0; left: 0; } .r_con_t .textBox .txt2 { position: relative; } .r_con_t .textBox .txt2:after { content: ''; position: absolute; bottom: 0; right: 0; } .r_con_t .pcBox { width: auto; float: left; } .r_con_t .pcBox img {} .ConTxt { padding: 30px 0; } .ConTxt p { font-family: MicrosoftYaHei; font-size: 16px; line-height: 30px; letter-spacing: 0px; color: #282d38; margin: 0; } .ConTxt .red_txt { color: #f00; } .ConTxt p b { font-size: 17px; } .ConTxt .con_link a { font-size: 16px; } .ConTxt div { margin-left: 20px; } .ConTxt .txtBox { padding: 30px 45px; background: #f2f9ff; background-size: cover; margin-top: 30px; transition: all .5s; -webkit-transition: all .5s } .ConTxt .txtBox:hover { transform: translate3d(0, -5px, 0); -webkit-transform: translate3d(0, -5px, 0); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .ConTxt dl { font-size: 16px; margin: 10px 0 20px; } .ConTxt dl dt { font-weight: bold; color: #1465ea; } .ConTxt dl dd { text-indent: 2em; } .r_con_t .tit1 { font-size: 24px; color: #333333; text-align: center; font-weight: bold; } .r_con_t .tit2 { font-size: 18px; color: #1465ea; font-weight: bold; margin: 20px 0; display: none; } .r_con_t .tit3 { background: url(../images/ico_next2.png) left center no-repeat; background-size: 1.5%; padding-left: 30px; margin: 10px 0; color: #1465ea; font-size: 18px; font-weight: bold; } .r_con_t .txt .tit3 { /* font-size: 17px; */ } .r_con_t .tit4 { font-size: 16px; font-weight: bold; margin-top: 10px; } .ConTxt .tit4 { font-size: 17px; font-weight: bold; margin-top: 20px; } .ConTxt .txt {} .ConTxt .txt p { margin: 20px 0; } .r_con_t p span.dot1 { display: inline-block; width: 12px; height: 12px; background: #1465ea; margin-right: 10px; } .indent2em { text-indent: 2em; } .r_con_t p span.dot2 { display: inline-block; width: 12px; height: 12px; background: #005bec; margin-right: 10px; border-radius: 50%; } .r_con_t p span.dot3 { display: inline-block; width: 15px; height: 15px; background: url(../images/ico_1.png) no-repeat; margin-right: 10px; } .r_con_t .red_txt span.dot1 { background: #f00; } .ConTxt .table_box { margin: 5% 0; } .ConTxt .table_box .tit { font-size: 17px; margin-bottom: 10px; } .ConTxt .table_box table { width: 100%; font-size: 16px; border-collapse: collapse; } .ConTxt .table_box table tr { line-height: 50px; } .ConTxt .table_box table tr th { border: 1px #333333 solid; color: #333333; font-size: 16px; text-align: center; } .ConTxt .table_box table tr td { border: 1px #333333 solid; color: #333; padding: 10px; text-align: center; line-height: 26px; } .ConTxt .table_box table tr td p { line-height: 26px; padding: 0; margin: 0; text-align: center; } .ConTxt .table_box table tr td span { /* font-size: 12px; */ font-size: 7px; -webkit-text-size-adjust: none } .QualCon1_box, .QualCon2_box, .QualCon3_box { padding-top: 2%; } .QualCon1 .tit { font-size: 30px; font-weight: bold; text-align: center; } .QualCon1_box ul.ullist { overflow: hidden; display: flex; justify-items: center; justify-content: center; margin: 3% 0; } .QualCon1_box ul.ullist li { width: 10%; float: left; padding: 10px 20px; font-size: 24px; color: #fff; background: #005bec; border-radius: 10px; text-align: center; margin: 0 20px; } .QualCon1_box p { font-size: 16px; } .QualCon1_box dl { margin-bottom: 2%; } .QualCon1_box dl dt { font-size: 18px; font-weight: bold; color: #005bec; padding-left: 30px; background: url(../images/ico_next2.png) left center no-repeat; background-size: 1.5%; padding-left: 30px; } .QualCon1_box dl dd { font-size: 16px; line-height: 36px; } .QualCon2_box ul li { /* font-size: 54px;*/ line-height: 36px; width: 20%; text-align: center; } .QualCon3_box .tit { font-size: 30px; text-align: center; } .QualCon3_box p { font-size: 16px; line-height: 36px; text-indent: 2em; } .QualCon4_box { width: 70%; margin: 0 auto; } .QualCon4_box .tit { font-size: 18px; font-weight: bold; padding: 3% 0; } .QualCon4_box ul { position: relative; } .QualCon4_box ul:before { content: ''; position: absolute; width: 1px; height: 100%; left: 40%; transform: translateX(-50%); background: #dadada; } .QualCon4_box ul li { overflow: hidden; margin-bottom: 2%; position: relative; display: flex; align-items: center; justify-content: space-between; } .QualCon4_box ul li:before { content: ''; position: absolute; width: 6px; height: 6px; left: 40%; top: 50%; border-radius: 50%; background: #bdbdbd; transform: translate(-50%, -50%); } .QualCon4_box ul li .tit { width: 30%; height: auto; padding: 2%; color: #333; float: left; border: 1px #ececec solid; text-align: center; } .QualCon4_box ul li .tit dt { font-size: 30px; margin-bottom: 14px; } .QualCon4_box ul li .tit dd { font-size: 16px; font-weight: normal; } .QualCon4_box ul li .txt { width: 50%; padding: 2%; float: right; background: #f7f7f7; font-size: 16px; } .QualCon4_box ul li .txt p { font-size: 18px; line-height: 30px; margin: 0; } .QualCon4_box ul li .txt p:first-child { font-weight: bold; } .QualCon4_box ul li:hover .tit { color: #1465ea; border: 1px #1465ea solid; } .QualCon4_box ul li:hover .txt { background: #1465ea; color: #ffff; } .QualCon4_box ul li:hover:before { background: #1465ea; } .zlmbBox { overflow: hidden; padding: 5% 0; display: flex; justify-content: center; } .zlmbBox li { float: left; width: auto; margin-right: 9%; } .zlmbBox li .num { font-family: Arial-BoldMT; font-size: 54px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #1465ea; font-weight: bold; } .zlmbBox li .txt { font-family: MicrosoftYaHei; font-size: 16px; font-weight: normal; font-stretch: normal; padding-top: 30px; letter-spacing: 0px; color: #333333; } .zlmbBox li .txt img { margin-right: 15px; } @media(max-width:1024px) { .QualCon4_box { width: 100%; } .QualCon4_box ul li .txt { width: 50%; } .ConTxt div { margin-left: 0; } } @media(max-width:900px) { .r_Con .r_con3 .pc_part #carousel { display: none; } .r_Con .r_con3 .pc_part .pc_part_img { display: block; } .r_con_t .textBox { float: none; width: 99%; } .r_con_t .pcBox { float: none; margin: 0 auto; text-align: center; } } @media(max-width:768px) { .r_Con .NytitPtop { padding: 20px 0; } .r_Con .r_con2 .pc_part .pc_part_ico { display: block; } .r_Con .r_con2 .pc_part_ico dl { text-align: center; float: left; width: 33.33%; margin-bottom: 20px; } .r_Con .r_con2 .pc_part_ico dl dd { font-size: 14px; color: #333333; margin-top: 10px; font-weight: bold; } .r_con_t .tit2 { display: block; } .NTit .localtion { display: none; } .zlmbBox li .num { font-size: 40px; } .zlmbBox li .txt { padding-top: 20px; } } @media(max-width:666px) { .zlmbBox li .num { font-size: 30px; } .zlmbBox li .txt { padding-top: 10px; } } @media(max-width:600px) { .QualCon4_box ul li .tit { font-size: 28px; } .ConTxt .txtBox { padding: 20px; margin: 20px 0 0 0; } } @media(max-width:414px) { .QualCon4_box ul li .tit dt { font-size: 22px; margin-bottom: 10px; } .QualCon4_box ul li .tit dd { font-size: 12px; line-height: 20px; } .QualCon4_box ul li .tit { font-size: 20px; } .QualCon4_box ul li .txt { font-size: 14px; } .QualCon4_box ul li .txt p { line-height: 28px; font-size: 15px; } .r_Con .NytitPtop { padding: 20px 0; } .r_Con .tit { font-size: 20px; } .r_Con .r_con1 .pc_part { width: 320px; height: 320px; position: relative; background: url(../images/rcln_pc.png) top center no-repeat; margin: 50px auto 0px; background-size: cover; } .r_Con .r_con1 .pc_part .pc_ico img { width: 40px; height: 40px; } .r_Con .r_con1 .pc_part .pc_ico p { font-size: 14px; width: 100px; } .r_Con .r_con1 .pc_part .pc_ico li:nth-child(1) { top: -16px; left: 50%; margin-left: -50px; } .r_Con .r_con1 .pc_part .pc_ico li:nth-child(2) { top: 60%; left: -10px; } .r_Con .r_con1 .pc_part .pc_ico li:nth-child(3) { top: 60%; right: -8px; } .r_Con .r_con1 .pc_part .pc_center { width: 150px; height: 150px; margin-top: -92px; margin-left: -75px; } .r_Con .r_con2 .pc_part_ico dl { text-align: center; float: left; width: 50%; margin-bottom: 20px; } .r_Con .r_con1 .pc_part .pc_center dd { font-size: 20px; } .ConTxt p { font-size: 14px; } .ConTxt p b { font-size: 15px; } .r_con_t .tit3 { background-size: 3.5%; } .r_con_t .tit1 { font-size: 20px; } .r_con_t .tit2 { font-size: 18px; color: #1465ea; font-weight: bold; margin: 10px 0; display: block; } .NTit .localtion { display: none; } .ConTxt .txt p { margin: 10px 0; font-size: 14px; } .ConTxt .table_box .tit { font-size: 15px; } .ConTxt .table_box table tr { line-height: 30px; } .ConTxt .table_box table tr th { font-size: 14px; } .ConTxt .table_box table tr td { padding: 4px; line-height: 24px; font-size: 14px; } .ConTxt .table_box table tr td p { line-height: 22px; } .r_Con .txt p { font-size: 14px; } .Nytit { font-size: 22px; } .QualCon1_box dl dt { background-size: 3.5%; font-size: 17px; } .QualCon1_box dl dd { font-size: 14px; line-height: 30px; } .QualCon2_box ul li { font-size: 14px; line-height: 30px; } .QualCon3_box p { font-size: 14px; line-height: 30px; } .ConTxt dl { font-size: 14px; } .QueCon .ConTxt { padding: 0; } .ConTxt .tit4 { font-size: 15px; } .zlmbBox li { width: 100%; float: none; margin-bottom: 20px } .zlmbBox li .txt { padding-top: 0px; } } @media(max-width:375px) { .QualCon1_box ul.ullist li { width: 10%; float: left; padding: 10px 14px; font-size: 24px; color: #fff; background: #005bec; border-radius: 10px; text-align: center; margin: 0 9px; } } /* 20210812 */ .Hrbox .Item { margin-bottom: 20px; border: 1px solid #dddddd; border-radius: 12px; padding: 22px 29px 61px; position: relative; } .Hrbox .Item .Info { border-bottom: 1px dotted #b2b2b2; padding-bottom: 15px; position: relative; color: #999999; font-size: 14px; } .Hrbox .Item .Info dd { margin-bottom: 5px; } .Hrbox .Item .Info dd b { color: #333333; font-size: 16px; margin-right: 17px; } .Hrbox .Item .Info dd em { display: inline-block; width: 1px; height: 11px; background: #d3d3d3; vertical-align: middle; margin: 0 13px; } .Hrbox .Item .Info .mail { position: absolute; right: 0; top: 0; color: #005bec; } .Hrbox .Item .Info .mail b { font-size: 14px; margin-left: 5px; color: #005bec; } .Hrbox .Item .hidetxt { padding: 28px 0 48px 9px; font-size: 14px; display: none; } .Hrbox .Item .hidetxt .txt { margin-bottom: 33px; } .Hrbox .Item .hidetxt .ti { color: #333333; font-weight: bold; } .Hrbox .Item .open { position: absolute; width: 100%; left: 0; bottom: 0; line-height: 61px; text-align: center; font-size: 14px; cursor: pointer; color: #005bec; } .Hrbox .Item .open .iconfont { font-size: 20px; margin-left: 4px; } .Hrbox .Item .open .cl { display: none; } .Hrbox .Item.on .open { background: #f7f7f7; border-radius: 0 0 12px 12px; } .Hrbox .Item.on .open .op { display: none; } .Hrbox .Item.on .open .cl { display: block; } .bluebtn { text-align: center; font-size: 14px; color: #fff; border-radius: 7px; width: 120px; line-height: 36px; display: inline-block; background: #005bec; } .BottonNav { position: absolute; bottom: 0; z-index: 100; width: 100%; left: 0; background: rgba(0, 0, 0, 0.2); text-align: center; color: #fff; } .BottonNav li { display: inline-block; vertical-align: top; text-align: left; padding: 12px 3%; } .BottonNav li span { display: block; font-size: 16px; position: relative; padding-bottom: 6px; margin-bottom: 6px; } .BottonNav li span:After { content: ""; width: 30px; height: 2px; background: #fff; position: absolute; bottom: 0; left: 0; } .BottonNav li a { display: block; color: #fff; } .BottonNav .bot { border-top: 1px solid rgba(255, 255, 255, 0.5); color: #fff; padding: 5px 0; clear: both; color: rgba(255, 255, 255, 0.5) } .BottonNav .bot a { color: rgba(255, 255, 255, 0.5) } @media(max-width:1024px) { .BottonNav { position: static; } } @media(max-width:768px) { .Hrbox .Item { padding: 15px 15px 40px; margin-bottom: 12px; } .Hrbox .Item .open { line-height: 40px; } .Hrbox .Item .Info .mail { position: static; } .Hrbox .Item .Info .date { font-size: 12px; } .BottonNav li { display: block; } } .tstxt { font-size: 24px; font-weight: bold; color: #337FE5; max-width: 49%; line-height: 42px; } /* 22-09-28 */ .CTitle { text-align: center; font-weight: bold; line-height: 40px; } .CTitle .tit.bg { background: url(../uploadfiles/image/ntitbg.png) no-repeat center center; } .CTitle .tit { font-size: 36px; } .CTitle .tit span { color: #1465ea; } .CTitle .txt { font-size: 24px; } @media(max-width:768px) { .CTitle .tit { font-size: 25px; } .CTitle .txt { font-size: 20px; margin: 0; } } @media(max-width:414px) { .CTitle .tit { font-size: 22px; } .CTitle .txt { font-size: 18px; } }