@charset "utf-8"; * {margin: 0;padding: 0;} body {margin: 0;padding: 0;height: 100%;font-size: 14px; font-family:"Microsoft YaHei";font-weight: 300;color: #333;line-height: 24px; word-break: break-all;} dd,dl,dt,li,ol,ul {margin: 0;padding: 0;list-style: none;} input {font-size: 12px; font-family: "Microsoft YaHei";font-weight: 300;vertical-align: middle;} textarea {font-family: "Noto Sans SC";font-weight: 300;font-size: 14px;} h3,h4,h5 {margin: 0;padding: 0;font-family: "Noto Sans SC"; font-weight: 300;font-size: 14px;} .fl {float: left;} .fr {float: right;} .clear {clear: both;font-size: 0;} a {text-decoration: none;transition: all .2s linear 0s; color: #666;} :focus {outline: 0;} img {border: 0;} hr {border: none;} em,i {font-style: normal;text-decoration: none;} i {vertical-align: middle;} .container {max-width: 1920px; margin: 0 auto;} .flex { display: flex;display: -ms-flexbox; justify-content: space-between; -ms-flex-pack: justify;} .flex-default { display: flex;} .flex-wrap {display: flex;flex-wrap: wrap;} .wrap { width: 100%;max-width: 1400px;margin: auto;} @media screen and (max-width: 1200px) {} /* 引用字体包*/ @font-face { font-family: 'SourceHanSansCN-Bold'; src: url(../fonts/SourceHanSansCN-Bold.ttf); } #pagesize a, #pagesize span { font-family: 'SourceHanSansCN-Bold'; font-weight: normal; } /*other*/ .swiper-container { width: 100%; height: 100%; } /*headtop*/ /* Dropdown menu */ .main-nav__navigation-box { margin: 0; padding: 0; list-style: none; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center;position: initial !important; } .main-nav__navigation-box, .main-nav__navigation-box ul {margin: 0;padding: 0;list-style: none;} .main-nav__navigation-box>li+li {margin-left:40px;position: relative;} .main-nav__navigation-box>li {padding: 26px 0px 26px;} .main-nav__navigation-box>li>a {position: relative; display: inline-block;color: #666;font-size:15px;line-height: 48px; text-transform: capitalize; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1; font-weight:800;} .baidi .main-nav__navigation-box>li>a {color: #333 !important;} .main-nav__navigation-box>li:hover>a, .main-nav__navigation-box>li.current>a, .main-nav__navigation-box>li.current-menu-item>a { color: #0e3286;} .main-nav__navigation-box>li:hover>a:before, .main-nav__navigation-box>li.current>a:before, .main-nav__navigation-box>li.current-menu-item>a:before { color: #0e3286;} .dropdown-btn {display: none;} .main-nav__navigation-box>li ul { position: absolute; width: 100%; min-width: 180px; line-height: 40px; -webkit-transform-origin: top; transform-origin: top; visibility: hidden; opacity: 0; z-index: 991; -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease; transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease; transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease; transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease; } .main-nav__navigation-box>li ul>li {position: relative;} .main-nav__navigation-box>li ul>li+li { } .main-nav__navigation-box>li ul>a { color: var(--thm-gray); background-color:rgba(255,255,255,1); font-size: 14px; word-break: break-all; padding-top: 0px; padding-left: 20px; padding-right: 20px; -webkit-transition: all 500ms ease; transition: all 500ms ease; text-transform: capitalize;display: block; margin-bottom: 1px; } .main-nav__navigation-box>li ul>a:hover { background: #3857a7;color: #fff !important;} .main-nav__navigation-box li ul .topnav { /* color: var(--thm-gray); */ font-size: 14px; background: #666; min-width: 60px; height: 40px; margin: 10px 0px; word-break: break-all; color: #fff; line-height: 40px; padding: 5px; -webkit-transition: all 500ms ease; transition: all 500ms ease; text-transform: capitalize; } .main-nav__navigation-box li ul .topnav:hover { background: #666; color: #fff; font-weight: 400; } .main-nav__navigation-box li ul a:hover {color: #3857a7;} /* 手机站底部 */ .qedge-com-footer1 { display: none; } .qedge-com-footer-links1 .content .qedge-com-accordion-menu1 .title { font-size: 14px; line-height: 24px; position: relative; font-weight: 400; margin-bottom: 0; padding: 8px 0; } .qedge-com-accordion-menu1 .accordion-header { display: block; position: relative; color: #666; } .qedge-com-footer-links1 .content .qedge-com-accordion-menu1 { border-bottom: 1px solid #d7d7d7; } .qedge-com-accordion-menu1 .accordion-header::before { background-color: black; content: " "; display: block; width: 1px; position: absolute; top: 50%; margin-top: -4px; right: 4px; height: 9px; -webkit-transition: opacity linear 0.15s; transition: opacity linear 0.15s; } .qedge-com-accordion-menu1 .accordion-header::after { background-color: black; content: " "; display: block; height: 1px; position: absolute; top: 50%; right: 0px; width: 9px; } .qedge-com-accordion-menu1 .accordion-header::after{ } .qedge-com-accordion-menu1 .accordion-body { background-color: #F5F5F5; font-size: 1.2em; -webkit-transition: height ease-in 0.15s; transition: height ease-in 0.15s; height: auto!important; display: none; overflow: hidden; } .qedge-com-footer-links1 .content .qedge-com-accordion-menu1 ul { padding: 0; font-size: 12px; line-height: 22px; } .qedge-com-footer-links1 .content .qedge-com-accordion-menu1 ul li a, .qedge-com-footer-links1 .content .qedge-com-accordion-menu1 ul li span { display: block; padding: 6px 20px; } .content li+li { } .qedge-com-footer-links1 .content .qedge-com-accordion-menu1 ul li { display: block; } .qedge-com-footer-links1 .content ul li a { color: #666666; font-weight: 400; font-size: 12px; line-height: 22px; text-decoration: none; } .qedge-com-accordion-menu1 .accordion-header.active::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .qedge-com-accordion-menu1 .accordion-header.active::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sjzdbwz {font-size: 14px;line-height: 24px;color: #666;display: none;text-align: left; padding: 0 10px 20px;} .sjzdbwz p {text-align: left !important;} @media(max-width:750px) { .qedge-com-footer1 {display: block;} .sjzdbwz {display: block;} .newlist_top{display:block;} .newlist_top img{ max-width:98% !important;} } /* Second level menu */ .main-nav__navigation-box li ul {top:90%;left: 0;-webkit-transform: translateY(0px);transform: translateY(0px); visibility: hidden; opacity: 0; z-index: -999;} .main-nav__navigation-box li:hover ul { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; box-shadow: 0 10px 20px rgba(0, 0, 0, .1); z-index: 9999; } .main-nav__navigation-box li .naver2 {top:100% !important;} .main-nav__navigation-box li .naver2 .naverc{ max-width:1400px; margin:0 auto;} .main-nav__navigation-box li .naver2 a { font-size:16px; } .main-nav__navigation-box li .naver2 a:hover{ color:#3857a7 !important;} .main-nav__navigation-box li .naver2 a .naverz{ text-align:right;} .main-nav__navigation-box li .naver2 a .naverz h3{ font-size:22px; font-weight:700 !important;} .banner{width: 100%;} .swiper-container-banner{overflow: hidden;position: relative;} .swiper-container-banner img{width: 100%;} .swiper-button-next-banner{position: absolute;right: 5%;top: 50%;--swiper-theme-color: #fff;} .swiper-button-prev-banner{position: absolute;left: 5%;top: 50%;--swiper-theme-color: #fff;} .swiper-button-next-banner,.swiper-button-prev-banner{width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))} .swiper-button-next-banner:after,.swiper-button-prev-banner:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1} .swiper-button-next-banner:after{content: 'next';} .swiper-button-prev-banner:after{content: 'prev';} .swiper-pagination-banner{position: absolute;z-index: 999;text-align: center;--swiper-theme-color: #bb2222;} /* 导航 */ .headtopp{ line-height:34px;border-bottom:1px solid #eee;} .headtoppp {max-width: 1500px; margin:0 auto; text-align:right;} .headtoppp span{ float:left;} .headtop {width: 100%;display: block; top: 0px; position: fixed;z-index: 9999; transition: all .5s linear 0s; background: #fff;box-shadow: 0 5px 10px rgba(0, 0, 0, .15);} .headtop .topbox {height:80px; width:94%;max-width: 1400px;z-index: 666;top: 0;left: 0;right: 0; transition: all 0.3s; margin:0 auto;} .headtop .topbox .logo {padding-right: 0;width: 200px;display: flex;align-items: center;} .headtop .topbox .logo img {width: 100%;} .headtop .topbox .nav { width: 890px;height: 41px;padding-top: 16px;float: left;} .headtop .topbox .nav a {color: #333;line-height: 40px; height: 40px;font-size: 16px;font-weight: 600;border-bottom: 1px solid rgba(255, 255, 255, 0);text-decoration: none;padding-right: 50px;} .headtop .topbox .nav a:hover { color: #0e3286;} .headtop .topbox .nav a.active {color: #0e3286 !important;} .headtop .topbox .toptel {padding-right: 50px;color: #fff;line-height: 80px;} .headtop .topbox .toptel img {margin-right: 10px;position: relative;top: 3px;} @media screen and (max-width: 1420px) { /* .headtop .topbox .nav {} */ } .headtop .topbox .nav .neiyea { color: #eee;} .headtop:hover {background: #fff;} .headtop_logo_on{display:none;} .headtop:hover .headtop_logo{display:none;} .headtop:hover .headtop_logo_on{display:block;} .baidi .headtop_logo_on{display:block;} .baidi .headtop_logo{display:none;} .headtop:hover .main-nav__navigation-box li a {color: #333;} .headtop:hover .main-nav__navigation-box>li.current>a {color: #0e3286;} .headtop .topbox .logo {line-height:80px;} @media(max-width:1780px) { .headtop .topbox .logo { padding-right: 50px; } } @media(max-width:1585px) { .headtop .topbox .logo { padding-right: 25px; } } @media(max-width:1280px) { .headtop .topbox .logo { padding-right: 0; width: 150px; display: flex; align-items: center; } .headtop .topbox .logo img { width: 100%; } } @media(max-width:991px) { .main-nav__navigation-box>li>a { font-size: 14px } .headtop .topbox .logo { padding-right: 0; width: 100px; } } .baidi { background: #fff; border-bottom: 6px solid #358a58; } .baidi .main-nav__navigation-box li .neiyea { color: #333 !important; } #menuClick{font-size:25PX; color:#FFF; width:110PX;-webkit-box-align: center; align-items: center; display: flex;} #menuClick:hover{ cursor: pointer;} #menuClick .icon{ margin-right:10px;} .baidi #menuClick .icon path{fill:#333 !important;} .baidi #menuClick{ color:#333 !important;} .headtop:hover #menuClick{ color:#333 !important;} .headtop:hover #menuClick .icon path{fill:#333 !important;} .baidi .main-nav__navigation-box .current .neiyea { } /*nav*/ #openlc { position: fixed; right: 0; top: 0; z-index: 999; height: 70px; padding: 5px 0; } .lcbody { display: inline-block; margin: 20px; width: 30px; height: 30px; position: relative; transform: translateZ(0px) rotate(0deg); transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); } .lcitem { position: absolute; left: 0; top: 0; transform: translateZ(0px) rotate(0deg); transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; -webkit-transform: translateZ(0px) rotate(0deg); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; width: 30px; height: 30px; } .lcitem .rect { width: 30px; height: 1px; background: #999999; position: absolute; left: 0; top: 14px; transition: transform 0.2s ease 0.2s; -webkit-transition: -webkit-transform 0.2s ease 0.2s; } .lcitem .rect.top { transform: translate3d(0px, -8px, 0px); -webkit-transform: translate3d(0px, -8px, 0px); } .lcitem .rect.bottom { transform: translate3d(0px, 68px, 0px); -webkit-transform: translate3d(0px, 8px, 0px); } #leftcontrol { width: 260px; height: 100%; right: -260px; transition: all 0.25s; background: #202122; position: fixed; overflow-y: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; z-index: 999; } #leftcontrol ul#nav { padding-top: 13px; } #leftcontrol ul li { display: block; min-height: 44px; border-top: 1px solid #272727; font-size: 1rem; width: 100%; } #leftcontrol ul li a { display: block; color: #777777; padding: 0 15px; height: 44px; line-height: 44px; } #leftcontrol ul li a span { display: inline-block; } #leftcontrol ul li a span.circle { width: 8px; height: 8px; border: #474747 1px solid; border-radius: 5px; margin-right: 20px; } #leftcontrol ul li .subnav { display: none; } #leftcontrol ul.subnav li a i { margin-right: 20px; font-size: 1.5rem; color: #3e3e3e; } #leftcontrol ul.subnav li a { background: #19191A; color: #7e7e7e; } #leftcontrol ul li a span.more { width: 12px; height: 12px; position: relative; float: right; top: 16px; } #leftcontrol ul li a span.more span { background: #474747; position: absolute; } #leftcontrol ul li a span.more span.h { width: 12px; height: 2px; transform: translate3d(0, 5px, 0); -webkit-transform: translate3d(0, 5px, 0); } #leftcontrol ul li a span.more span.v { transform: rotate3d(0, 0, 1, 90deg) translate3d(5px, 0, 0); -webkit-transform: rotate3d(0, 0, 1, 90deg) translate3d(5px, 0, 0); } #leftcontrol ul li.active a span.more span.v { transform: rotate3d(0, 0, 0, 0) translate3d(0, 5px, 0); -webkit-transform: rotate3d(0, 0, 0, 0) translate3d(0, 5px, 0); } #leftcontrol ul li.active a span.circle { border-color: #3857a7; background-color: #3857a7; } #leftcontrol ul li.active a.hassub { background: #222324; color: #FFF; } #leftcontrol ul li.onnav a { background: #111; color: #ccc; } #leftcontrol ul li.onnav a span.circle { border-color: #3857a7; background-color: #3857a7; } #leftcontrol ul li.noNav { display: none; } .pageOn #openlc { background: #202122; } .pageOn #leftcontrol { right: 0; top: 0; } .pageOn .lcbody { transform: translateZ(0px) rotate(90deg); -webkit-transform: translateZ(0px) rotate(90deg); } .pageOn .lcitem { transform: translateZ(0px) rotate(45deg); transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s; -webkit-transform: translateZ(0px) rotate(45deg); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s; } .pageOn .lcitem .rect { transition: transform 0.2s ease 0s; transform: translate3d(0px, 0px, 0px); -webkit-transition: -webkit-transform 0.2s ease 0s; -webkit-transform: translate3d(0px, 0px, 0px); } .pageOn .lcitem.bottom { transform: translateZ(0px) rotate(-45deg); -webkit-transform: translateZ(0px) rotate(-45deg); } #body { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 996; display: none; } .pageOn #body { display: block; } .contactField, input{ font-size:14px; color:#ccc; background:none;border:solid 1px #eee; } .contactField:focus, input:focus{ border:solid 1px #3857a7;} .contactTextarea{ font-size:12px; border:solid 1px #cacaca; color:#666;} .contactTextarea:focus{ border:solid 1px #3857a7;} .contactSubmitButton{ line-height:19px!important; display:block!important;color:#fff; height:36px!important;background:#f89900; margin-right:4px; width:100%;border:0;} .contact-form{ margin-bottom:20px;} /*.contactField{ padding-bottom:5px; font-size:12px;} .contactField span{ float:right; opacity:0.2;}*/ .contactTextField{ padding-bottom:5px; font-size:12px;} .contactTextField span{ float:right; opacity:0.2;} .contactMessageTextarea{ padding-bottom:5px; font-size:12px;} .contactMessageTextarea span{ float:right; opacity:0.2;} /*Field Styles*/ .formFieldWrap{} .fullField{width:100%;line-height: 40px;height: 40px;} .formCodeWrap{display:flex; width:60%; float:left;} .formCodeWrap input {flex:1; margin-right: 6px; padding:6px 10px;} .formCodeWrap img {height:2rem;margin-top: 10px;} #contactNameField{ text-transform:capitalize;} .contactField, input{ box-sizing:border-box; display:inline-block} .contactTextarea{ min-width:100%; display:block; box-sizing:border-box;border:solid 0px #666; background: #fff; border:solid 1px #eee;font-size:14px; } .buttonWrap{ line-height:20px; min-width:43%; display:inline-block;} .formSubmitButtonErrorsWrap a{ width:25%; text-align:center; padding:8px 10px!important;} .formValidationError .red-notification p{ background-image:none!important; display:block!important; padding-left:0px!important; text-align:center!important;} .contactField, input{ padding-left:10px; padding-right:10px; margin-top:10px;background: #fff;} a#CodeA img{ height:40px; display:block; margin-bottom:10px;} .contactTextarea{ margin-top:10px; padding-left:12px; padding-right:12px; padding-top:9px; padding-bottom:9px; line-height:18px; height:100px;} .formSubmitButtonErrorsWrap{ width:30%; float:right; } /* side */ .side{position:fixed;width:78px;right:0;top:50%; margin-top:-200px;z-index:100; border:1px solid #e0e0e0; background:#ffffff; border-bottom:0;} .side ul li{width:78px;height:78px;float:left;position:relative; border-bottom:1px solid #e0e0e0;color:#333; font-size:14px; line-height:38px; text-align:center;transition:all 0.3s; cursor:pointer;} .side ul li img{ } .side ul li:hover{background:#e12524; color:#fff;} .side ul li:hover a{ color:#fff;} .side ul li i{height:25px; margin-bottom:1px; display:block; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:auto 25px; margin-top:14px;transition:all 0.3s;} .side ul li i.bgs1{ background-image:url(../images/right_pic5.png);} .side ul li i.bgs2{ background-image:url(../images/right_pic7.png);} .side ul li i.bgs3{ background-image:url(../images/right_pic2.png);} .side ul li i.bgs4{ background-image:url(../images/right_pic1.png);} .side ul li i.bgs5{ background-image:url(../images/right_pic3.png);} .side ul li i.bgs6{ background-image:url(../images/right_pic6_on.png);} .side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png);} .side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png);} .side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png);} .side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png);} .side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png);} .side ul li:hover i.bgs6{} .side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all 0.3s;overflow:hidden;} .side ul li.sidetop{background:#f67524; color:#fff;} .side ul li.sidetop:hover{opacity:0.8;filter:Alpha(opacity=80);} .side ul li.sideewm .ewBox { width: 148px; display: none; color: #363636; text-align: center; padding-top: 148px; position: absolute; left: -170px; top: 0px; background-image: url('../images/qrcode.jpg'); background-repeat: no-repeat; background-position: center center; border:1px solid #e0e0e0; } .side ul li.sideetel .telBox { width: 240px; height:237px; display: none; color: #fff; text-align: left; position: absolute; left: -240px; top: -79px; background:#e12524; } .side ul li.sideetel .telBox dd{ display:block; height:118.5px; overflow:hidden; padding-left:82px; line-height:24px; font-size:18px;} .side ul li.sideetel .telBox dd span{ display:block; line-height:28px; height:28px; overflow:hidden; margin-top:32px; font-size:18px;} .side ul li.sideetel .telBox dd.bgs1{ background:url(../images/right_pic8.png) 28px center no-repeat; background-color:#ff3300;} .side ul li.sideetel .telBox dd.bgs2{ background:url(../images/right_pic9.png) 28px center no-repeat;} @media screen and (max-width:1440px) { .side{width:62px; margin-top:-158px;} .side ul li{width:62px;height:62px;font-size:12px; line-height:30px;} .side ul li i{height:20px; background-size:auto 20px; margin-top:11px;} .side ul li.sideewm .ewBox { padding-top:187px; width:192px; left:-194px;} .side ul li.sideetel .telBox { height:189px;top: -63px;} .side ul li.sideetel .telBox dd{ height:94.5px; font-size:16px;} .side ul li.sideetel .telBox dd span{ margin-top:21px; font-size:16px;} } @media screen and (max-width:1200px){ .side{ display:none; } } /* 首页核心服务 */ .slideGroup { margin: 0 auto; width: 100%; height: auto; text-align:center; background:#2c633f; border-top:12px solid #2a8954; } .slideGroup h5 {font-size: 48px;color: #ccc;font-weight: 400;text-transform:uppercase;} .slideGroup h2 {margin-bottom:50px;line-height: 80px;font-size: 30px; font-weight: 300;} .ai_card { width: 100%;height: auto;overflow: hidden; max-width:1400px; margin:0 auto;} .ai_card h2.t { padding-top: 80px; font-size: 36px;text-align: center; font-weight: normal;} .ai_card p.sub_t {padding-top: 15px;font-size: 16px;text-align: center; padding-bottom: 60px;} .ai_card ul {} .ai_card ul li {transition: all .2s linear 0s; float: left;position: relative; width: 33%; height:160px; z-index: 10;} .ai_card ul li:before { content: "";width: 0px; height:auto;background: #00b8ff;top: 0; left: 0;position: absolute; z-index: 999;transition: 1s;} .ai_card ul li .info {position: absolute;top:56px; width:60%; margin-left:20%;color: #fff;left: 0;transition: 0.5s; text-align:left;} .ai_card ul li .info span { font-size:20px;width: 80%;margin: 0 auto; display:block;transition: all .2s linear 0s; margin-bottom:50px;} .ai_card ul li .info .img {display:block; border-radius:23px; background:#399d65;} .ai_card ul li .info h3 {font-weight: normal;line-height:48px; color: #fff;font-size: 24px;} .ai_card ul li .info p {line-height: 24px; color: #ccc;font-size: 14px; margin-top:12px;} .ai_card ul li a.btn {width: 24px;height: 24px;line-height: 24px;display: block; border:1px solid #fff; color:#FFF;border-radius: 12px;transition: 0.5s;font-size: 16px;text-align: center;} .ai_card ul li.active {background: #399d65;} .ai_card ul li.active:before {width: 398px;height: auto;} .ai_card ul li.active .info {top: 46px;} .ai_card ul li.active .info span {font-size:50px; font-weight:bold;} .ai_card ul li.active a.btn {opacity: 1;} .ai_card ul li.active .info .img {background:#f8931d;} /* 一影介绍 */ .iabout {background: url(../images/iaboutbg.png) right 0px no-repeat; background-size: contain; width:96%; max-width:1400px; margin:0 auto;color: #666;font-size: 16px;line-height: 35px; margin-top:150px; margin-bottom:60px; } .iabout .xian{ width:24px; height:6px; display:block; background:#126eec; margin-bottom:20px;} .iabout span{ font-weight:bold; } .iabout h5 { margin-bottom:20px;font-size:18px;color: #3857a7;} .iabout h2 {margin-top: 20px;font-size:30px;display:block; font-weight: 300;color: #3857a7;} .iabout a { margin-top:20px;font-size:18px; line-height:40px; color:#fff; text-align:center; width:150px; background:#4161ba;border:1px solid #4161ba; border-radius:26px;display: block; margin-bottom:30px;} .iabout a:hover {border:1px solid #3857a7; background:#3857a7;color:#fff;} .iabout .iaboutn {width: 50%; font-size:16px;} .iaboutx { margin-bottom:50px;width: 50%;background:#f7f7f7; border-radius:30px;box-shadow: 0 5px 10px rgba(0, 0, 0, .15); margin-top:50px;} .iaboutx .ourbox {padding:10px 0px;} .iaboutx .ourbox .ourli {width:33%; color: #666; margin:30px 0; padding:0 4%; } .iaboutx .ourbox .ourli .our_p1 {font-size: 18px;color: #3857a7;} .iaboutx .ourbox .ourli .our_p1 .counter {font-size:50px;font-weight: bold;} .iaboutx .ourbox .ourli .our_p2 {font-size: 15px;margin-bottom: 10px; line-height:20px;} .ourbox .ourli .our_p2 span {display: block;font-size: 22px;font-weight: bold;} @media screen and (max-width:750px) { .iaboutx{width: 100%;} .iabout .iaboutn {width: 90%;font-size: 14px;} .iabout {padding: 30px 3% 30px 3%;min-height: auto;margin-top:0px; background:none;margin-bottom:0px;} .iabout h2 {margin-bottom: 10px;font-size: 24px;line-height: 1.6;} .iabout h5 {font-size: 16px;line-height: 1.5;} .ourboxl h2 {margin-bottom: 10px;line-height: 1.5;} .ourboxl {width: 94%;padding: 20px 3% 25px; margin-bottom: 0;} .ourbox {padding: 0px; width: 100%;} .ourbox .ourli .our_p1 .counter {font-size: 45px;} .iabout .iaboutn {width: 100%;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;} .iabout a { display: block;margin-bottom:30px;margin-top:0px;} .ourboxl {font-size: 16px;line-height: 1.5;} .ourbox .ourli .our_p2 {margin-bottom: 20px;} .iaboutx .ourbox {padding:10px 0px; display:block;} .iaboutx .ourbox .ourli{ width:42%; float:left;border-right:0px;} .iaboutx .ourbox .ourli .our_p1 .counter{font-size:30px;} } .ileitou {margin:0 auto;color: #666;width:96%;font-size: 16px;line-height: 35px;margin-top:150px; margin-bottom:60px; max-width:1400px; position:relative;} .ileitou h5 {} .ileitou h2 {margin-top: 20px;font-size:32px;display:block; font-weight: 300;color: #333;} .ileitou .more a { position:absolute;margin-top: 50px;font-size:16px; line-height:40px; right:0; border-radius:30px; color:#333; text-align:center; width:150px; border:1px solid #999; display: block; margin:20px auto;} .ileitou .more a:hover {border:1px solid #3857a7; background:#3857a7;color:#fff;} /*案例*/ .icase {margin:0 auto;color: #666;width:96%;font-size: 16px;line-height: 35px; margin-top:60px; margin-bottom:80px; max-width:1400px; position:relative;} .icase .icasec{ background:#3857a7; color:#fff; border-radius:30px;} .icase .icasec .icasecl{ width:40%; padding:4%;background:url(../images/logobg.png) center no-repeat;} .icase .icasec .icasecl h2{ display:inline-block; font-size:24px; font-weight:700; border-bottom:3px solid #fff; margin-bottom:30px;} .icase .icasec .icasecl a{ display:block;color:#fff; margin:20px 0 50px 0;} .icase .icasec .icasecr{ width:50%;} .icase .icasec .icasecr img{ border-radius:0 30px 30px 0;} .icase .icasecl{ width:40%; padding:5%;background:#3857a7 url(../images/logobg.png) center no-repeat;color:#fff; border-radius:30px 0 0 30px;} .icase .icasecl h2{ display:inline-block; font-size:24px; font-weight:700; border-bottom:3px solid #fff; margin-bottom:30px;} .icase .icasecl a{ display:block;color:#fff; margin:20px 0 50px 0;} .icase .banner{ width:100%;} .icase .banner img{border-radius: 0 30px 30px 0;} @media screen and (max-width:750px) { .icase .icasec{ display:block !important;} .icase{ display:block !important;} .icase .icasecl{ width:94%; border-radius:0px;} .icase .banner{ width:94%; border-radius:0px;} .icase .icasec .icasecl{width:92%;} .icase .icasec .icasecr{width:92%;margin: 0 auto; padding-bottom:20px;} .icase .icasec .icasecr img{border-radius:20px;} } /*产品*/ .iprod{background:#3857a7;margin-top:160px; } .iproduct {margin:0 auto;color: #666;font-size: 16px;line-height: 35px; width:96%;max-width:1400px; margin-bottom:60px; position:relative; top:-100px; } .iproduct .inews_cont {display: flex;display: -ms-flexbox;justify-content: space-between;-ms-flex-pack: justify;padding-bottom:30px;box-sizing: border-box;border-radius:31px;transition: all .2s linear 0s; margin:0 20px;} .iproduct .inews_cont:hover{background:#e05908;cursor:pointer;box-shadow: 0 5px 10px rgba(0, 0, 0, .15);} .iproduct .inews_l .tit { font-size: 18px; color: #666; padding-top: 16px;font-weight: bold;} .iproduct .inews_l .cnt { color: #666;font-size: 14px;padding-top: 8px;line-height: 30px;} .iproduct .slideBox { overflow: hidden; zoom: 1; padding: 10px 0px 0px 0px; position: relative;} .iproduct .sPrev,.iproduct .sNext {position: absolute;left:-50px; z-index: 99; top: 190px; display: block; width: 61px; border-radius:50%; height: 61px; background: url(../images/zuo.jpg) center center no-repeat;} .iproduct .sNext { left: auto; right:-50px;background: url(../images/you.jpg) center center no-repeat; z-index: 99;} .iproduct .parBd { width: 100%; box-sizing: border-box; margin-top:5%;} .iproduct .parBd ul {overflow: hidden; zoom: 1;} .iproduct .parBd ul li {width: 33.3%; position: relative;border-radius:30px; } .iproduct .inews_l{background-color: #fff; padding-bottom: 15px; border-radius:30px;} .iproduct .inews_l img{box-sizing: border-box; margin-top:30px; width:100%; border-radius:10px;height:15em;} .iproduct .inews_l{width: 100%; padding: 0 4%; min-height:460px;} #licheng{background:url(../images/licheng.jpg) center no-repeat; padding-top:10px;background-attachment: fixed;} .lichengc {margin:0 auto;color: #fff;font-size: 16px;line-height: 35px; width:96%;max-width:1400px; padding-bottom:60px; position:relative; padding-top:50px; } .lichengc .lichengct h2{ font-size:40px; line-height:55px;} .lichengc .inews_cont {display: flex;display: -ms-flexbox;justify-content: space-between;-ms-flex-pack: justify;padding-bottom:30px;box-sizing: border-box;border-radius:31px;transition: all .2s linear 0s; margin:0 20px;} .lichengc .inews_l .tit { font-size: 18px;font-size: 36px;color: #fff;padding-top:24px;font-weight: bold;} .lichengc .inews_l .cnt { color: #fff;font-size: 14px;padding-top: 8px;line-height: 30px;} .lichengc .slideBox { overflow: hidden; zoom: 1; padding: 10px 0px 0px 0px; position: relative;} .lichengc .sPrev,.lichengc .sNext {position: absolute;left:0px; z-index: 99; top: 160px; display: block; width: 50px; border-radius:50%; height: 50px; background: url(../images/zuo.jpg) center center no-repeat; background-size:100%;} .lichengc .sNext { left: auto; left:80px;background: url(../images/you.jpg) center center no-repeat; z-index: 99;} .lichengc .parBd { width: 100%; box-sizing: border-box; margin-top:5%;} .lichengc .parBd ul {overflow: hidden; zoom: 1;} .lichengc .parBd ul li {width: 25%; position: relative;border-radius:30px; } .lichengc .inews_l{ padding-bottom: 15px; } .lichengc .inews_l img{box-sizing: border-box; margin-top:30px; width:100%; border-radius:10px;} .lichengc .inews_l{width: 100%; padding: 0 4%; margin-top:50px;} @media screen and (max-width:750px) { .lichengc .parBd ul li {width:100% !important; max-width:360px; } .lichengc .sPrev, .lichengc .sNext{ top:190px !important;} .lichengc{ padding-bottom:0px;} } .ilink {margin:0 auto;color: #666;font-size: 16px;line-height: 35px; background:#f6f6f6; padding-top:50px; } .ilink .ileitou{ margin-top:0px;} .ilinkc{ margin:0 auto; max-width:1400px; padding-bottom:50px; width:96%;} .ilinkc h5 { color:#fff; text-align:center;} .ilinkc h2 {margin-bottom: 20px;font-size:32px;display:block; font-weight: 300; color:#fff; padding-top:80px;text-align:center;} .ilinkc ul { margin-top:40px; border-radius:10px; overflow:hidden;} .ilinkc ul dl{ width:18%; float:left; margin:10px 1%; border-radius:5px; text-align:center;} .ilinkc ul dl img{ width:100%;padding:0px; margin:0px auto; display:block;} .ilinkc ul dl span{ display:block; line-height:60px; font-size:20px; font-weight:bold;text-transform: uppercase; background-image: linear-gradient(to right,#025fd9,#05d1a2);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} @media screen and (max-width:750px) { .ilinkc h2 {font-size:24px;} .ilinkc ul dl{ width:48%;margin:2% 1%;} } /*新闻*/ .inews {color: #fff;font-size: 16px;line-height: 35px; padding-top:50px; padding-bottom:60px; background:#3857a7;} .inews h2 {margin-bottom: 20px;font-size:32px;display:block; font-weight: 300; color:#fff; padding-bottom:40px;} .inews .inews_cont{margin:0 auto; max-width:1400px; margin-bottom:50px;} .inews .inews_cont li{ padding:50px 20px; border-bottom:1px solid #92a3cf; text-align:left; width:23%; margin:0 1%;} .inews .inews_cont li i{ display:block; width:50px; height:4px; background:#fff; margin:15px 0 30px 0;} .inews .inews_cont li .tit{ font-size:22px;} .inews .inews_cont li:hover{background:#e05908 url(../images/logobg.png) center no-repeat; border-radius:30px;border-bottom:1px solid #e05908;} .inews .inews_cont li a{ color:#fff; margin-top:50px; display:block;} @media screen and (max-width:750px) { .ileitou{ margin-top:0px;} .ileitou .more a{top:-30px;} .inews .inews_cont{ display:block !important;} .inews .inews_cont li{ width:92%;} .inews .parBd {display:block;} .inews h5{ margin-bottom:10px;} .inews .parBdl, .inews .parBdr{ width:100%;} } /*底部*/ .foot {background:#313131;} .footer { max-width:1400px;width:96%; margin:0 auto;color: #ccc;padding:60px 0; position:relative;} .footer h3{ font-size:18px; font-weight:bold;} .footer p { text-align: center; line-height: 34px;} .footer li a {color: #ccc;line-height:35px;display: block;font-size: 14px;} .footer li span a{ font-size:18px; line-height:50px; font-weight:bold;} .footer li a:hover {color: #fff; font-weight: 700;} .footp_span {font-size: 13px;background:#000; text-align:center; color:#ccc; line-height:50px; display:block;} .footp_span a {color: #ccc;} .footer img {max-width: 100%} .footerewm{ position:absolute; top:60%; right:5%; max-width:400px; text-align:center;} .footerewm img{ display:block;} .footerewm li{ margin-left:30px;} @media(max-width: 1780px) { } @media(max-width: 1585px) { } @media(max-width:1280px) { .footer li span a { font-size: 18px; margin-bottom: 10px; } .footer .footp_span { margin-top: 30px; } } @media(max-width: 991px) { .footer { padding-left: 10px; padding-right: 10px; } .footer .flex li:nth-child(1) { margin-right: 2% !important; } } @media screen and (max-width:750px) { .footer .flex{ display:none;} .footer li:nth-child(1) {} .footer li:nth-child(2) {display: none;} .footer li:nth-child(3) {display: none;} .footer li:nth-child(4) {display: none;} .footer li:nth-child(5) {display: none;} .footer li:nth-child(6) {display: none;} .footer {padding:10px;display: none;} .footp_span a{ display:block;} .tijiaoc{display:block;} .tijiaor{ width:100% !important; margin-top:20px;} .footp_span {line-height:25px; display:block !important; padding:15px 0px;} .footer .footp_span span {text-align: left; float: left;} .yiyingdsj h2{font-size: 24px;line-height: 1.5;} .yiyingdsj h5{font-size: 16px;} .yiyingdsj{padding-top: 30px;padding-bottom: 30px;} .footer .footp_span li dt{ line-height:50px;} .footer .footp_span li dt img{display:block;} } /*内页*/ .newswep {display: none;} .ban {width: 100%;margin-top:70px; } .banner4{width: 100%;margin-top:70px; } .ban img {width: 100%;display: block;} .about p {line-height: 36px;} .about_2 { text-align:center;margin-bottom: 80px;padding-top: 50px; padding-bottom:100px;} .about_2 h5 {font-size:40px;font-weight: 550;} .about_2 h2 {margin-top: 20px;font-size: 36px;text-transform:uppercase; color:#bbb;margin-bottom: 80px;} .about_3 { text-align:center;margin-bottom: 80px;padding-top: 100px;} .about_3 h5 {font-size:40px;font-weight: 550;} .about_3 h2 {margin-bottom: 80px;margin-top: 20px;font-size: 36px;text-transform:uppercase; color:#bbb;} .about_3 li{ width:16.666%; float:left; display:block; margin-bottom:10px;} .about_3 img{ border:1px solid #CCC;} .anews { text-align:center; padding-top: 100px; background:#f6f6f6;} .anews h5 {font-size:40px;font-weight: 550;} .anews h2 {margin-bottom: 80px;margin-top: 20px;font-size: 36px;text-transform:uppercase; color:#bbb;} @media screen and (max-width:750px) { .ban {width: 100%; margin-top:0px;} } .videolist{ margin-top:50px;} .videolist ul {display: flex;justify-content: space-between;flex-wrap: wrap;-ms-flex-wrap: wrap;} .videolist ul li {margin-bottom: 20px; width:48%; position:relative;} .videolist ul li .title {text-align: center;line-height: 45px;} .videolist ul li .title:hover {color: #000;} .videolist ul li img {width: 100%;} .videolist ul li .videofudong{ max-width:42px; position:absolute; top:40%; left:48%;} @media screen and (max-width:750px) { .videolist ul li { width:100%;} } .location li span { float: left;} .location span { margin:0 5px;} .location li span h3 {font-size: 18px;padding:0px 20px;} .location li:hover img {transform: scale(0.85);} .location li:hover span {color: #3857a7;font-weight: bold;} .location li:hover span h3 { border-bottom:1px solid #3857a7;font-weight: bold;color: #3857a7;} .location { box-sizing: border-box; width: 100%;border-bottom: 1px solid #e4e4e4; text-align:right; line-height:55px;} .location .wrap{} .location li img {float: left;transition: all .5s;} .location .active span {font-weight: bold;color: #3857a7;} .location .active span h3 {border-bottom:1px solid #3857a7;font-weight: bold;color: #3857a7;} .location .cpmd a {margin-right: 110px;font-size: 16px;color: #333;} .location .cpmd a:hover {font-weight: 700;} @media screen and (max-width:750px) { .location li span {padding-top: 0px;float: none;padding-left: 2px;display: block;} .location.fuchuang2 .wrap{width: 100%;} .location{padding:0px 10px !important;text-align:left;} .cpbanner{padding: 0 10px;box-sizing: border-box;} .location li {max-width: 25%;text-align: center; display:none;} .location li span h3 {font-size: 10px;line-height: 30px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .location .cpmd a { margin-right: 15px;} } .fuchuang3 {position: fixed;top: 80px;background: #fff;z-index: 9;} .breadrumb {float: right;width: 30%;text-align: right;margin-right: 40px;} .breadrumb span {margin: 0 6px;} .breadrumb a {margin: 0px !important;font-size: 14px !important;} .breadrumb a:hover {font-weight: 400 !important;color: #1e52a4 !important;} .location2 {line-height: 45px;} .location2 span {margin: 0 6px;} .location3 h5 { font-size: 18px;color: #777;font-weight: 550;padding-top: 50px;width: 100%;} .location3 h2 { margin-bottom: 30px; line-height: 80px; font-size: 50px; color: #111; width: 51%; float: left; } .location3 li { float: right; width: 150px; line-height: 50px; text-align: center; border: 1px solid #1e52a4; margin-left: 10px; border-radius: 10px; transition: all .5s; margin-top: 20px; } .location3 li:hover { background: #1e52a4; color: #fff; } .location3 li:hover a { color: #fff; } .location3 .active { background: #1e52a4; color: #fff; } .location3 .active a { background: #1e52a4; color: #fff; } @media screen and (max-width:750px) { .location3 h2 { margin-bottom: 0px; line-height: 1.5; font-size: 24px; color: #111; width: 100%; float: left; } .location3 h5{ padding-top: 30px; } .location3 li { float: right; width: 46%; margin-right: 10px; margin-left: 0; } .breadrumb { float: left; width: 100%; text-align: left; margin-right: 0px; } .location li img { height: 90px; float: none; } } .c_wrap { margin: 40px auto; } .c_wrap_l { width: 240px; float: left; } .c_wrap_l .tit { background: #333; font-size: 20px; color: #fff; font-weight: bold; padding: 15px; text-align: center; } .c_wrap_l .tellbg { background: url(../images/tellbg.jpg) center no-repeat; background-size: auto; padding: 15px 0; } .c_wrap_l .telltest { width: 60%; height: 64px; background: #a15605; background: rgba(33, 33, 33, 0.5); line-height: 40px; font-size: 20px; color: #fff; padding-left: 15px; font-weight: bold; } .c_wrap_l .telltest p { font-weight: 100; line-height: 10px; } .c_wrap_l .tit p { font-size: 14px; text-transform: uppercase; padding-top: 10px; } .c_wrap_l .box #leftnav dl dt { display: flex; justify-content: space-between; border-top: 1px solid #f6f6f6; } .c_wrap_l .box #leftnav dl dt a { flex: 1; display: inline-block; text-indent: 5px; font-size: 14px; margin: 0 10px; } .c_wrap_l .box #leftnav dl dt span { width: 19px; height: 19px; display: block; float: right; color: #444; font-size: 18px; margin-right: 15px; } .c_wrap_l .box #leftnav dl dt:hover { background: #128f5d; border-top: 1px solid #f6f6f6; } .c_wrap_l .box #leftnav dl dt:hover a { color: #fff; border-bottom: 1px dashed #128f5d; } .c_wrap_l .box #leftnav .list2 { color: #333; line-height: 40px; } .c_wrap_l .box #leftnav .list2 a { display: block; width: 200px; margin: 0 auto; padding-left: 20px; border-bottom: 1px dashed #d7d7d7; border-top: 1px solid #f6f6f6; } .c_wrap_l .box #leftnav .list2 a:hover { color: #fff; background: #128f5d; border-bottom: 0px; border-top: 1px solid #f6f6f6; } .c_wrap_l .box { background: #f6f6f6; margin-bottom: 30px; padding-bottom: 10px; } .c_wrap_l .box dt a { display: block; margin: 0 auto; height: 45px; line-height: 45px; transition: all .2s linear 0s; border-bottom: 1px dashed #d6d6d6; position: relative; } .c_wrap_l .box #leftnav dt a { display: inline-block; } .c_wrap_l .box dl dt:hover span { width: 10px; height: 15px; display: inline-block; color: #fff !important; } .c_wrap_l .box dl dt:hover { cursor: pointer; color: #fff; } .c_wrap_l .box dl .active { background: #128f5d; border-bottom: 1px dashed #128f5d; } .c_wrap_l .box dl .active a, .c_wrap_l .box dl .active span { color: #fff !important; border-bottom: 0px; } .c_wrap_l .box dl dt span:hover { cursor: pointer; } .c_wrap_l .box.contact { padding: 15px 15px; background: #f6f6f6; } .c_wrap_l .box.tags { padding: 15px; } .c_wrap_l .box.tags .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 11px; font-weight: bold; color: #fff; line-height: 1; vertical-align: middle; white-space: nowrap; text-align: center; background-color: #777777; border-radius: 10px; margin-bottom: 10px; } .c_wrap_l .box.tags .badge i { display: inline-block; width: 12px; height: 12px; background: url(../images/tags.png) no-repeat; margin-right: 5px; } .c_wrap_1 img { float: left; width: 40%; margin-right: 10%; } .c_wrap_1 span { font-size: 22px; display: block; color: #1e52a4; padding: 50px 0px; } .c_wrap_1 span b { border-bottom: 2px solid #1e52a4; padding-bottom: 10px; } .c_wrap_1 { line-height: 40px; font-size: 18px; } /* .c_wrap_1 .cptit {} */ .c_wrap_1 .cptit a { font-weight: 700; font-size: 20px; position: relative; margin-right: 50px; padding-left: 25px; color: #000; } .c_wrap_1 .cptit a:hover { color: #1e52a4; background: url(../images/cptit.jpg) left center no-repeat; } .c_wrap_2 { margin-top: 100px; } .c_wrap_2 h5 { font-size: 18px; color: #777; font-weight: 550; } .c_wrap_2 h2 { margin-bottom: 50px; line-height: 80px; font-size: 50px; color: #111; } .example-image-link { color: #fff; font-weight: 400; background: #1e52a4; width: 160px; height: 45px; line-height: 45px; text-align: center; border-radius: 15px; display: inline-block; margin: 60px 0px 25px 0px; } .example-image-link:hover { font-weight: 500; color: #fff; } .titletop { width: 70%; margin: 3% 15% 3%; display: block; text-align: center; line-height: 60px; font-size: 35px; color: #fff; background: #1e52a4; border-radius: 35px; } .prolist span { border-bottom: 1px solid #999; display: block; font-size: 22px; color: #000; line-height: 50px; height: 50px; margin-bottom: 30px; } .prolist {width: 32.3333%;float: left;margin-bottom: 28px; } .prolist2 { margin: 0;} .prolist img { width: 100%; transition: all .3s linear 0s;} .prolist p.title {line-height: 25px;background: #fff;transition: all .3s linear 0s;font-size: 18px;padding:0 10px;} .prolist a {display: block;} .prolist a:hover {box-shadow: 0 0 8px rgba(0, 0, 0, .1);} .cpbanner {position: absolute; z-index: 1; width: 100%;top:28%;} .cpbanner span { display: block; font-size: 18px;max-width:680px; padding-right:650px; font-weight:600;margin: 0 auto;} .cpbanner span h2{ font-size:40px; margin-bottom:30px;border-left:7px solid #e05908; line-height:50px; padding-left:30px;} #cpmd { position: absolute; top: 667px; width: 0px; height: 0px; z-index: 2; } .cpxbanner { position: absolute; z-index: 1; text-align: center; color: #fff; width: 100%; top: 35%; } .cpxbanner span { display: block; font-size: 24px; width: 639px; margin: 0 auto; font-weight: 700; } .cpxbanner span:nth-child(2) { font-size: 48px; line-height: 60px; margin-top: 35px; } .cpmdzi { border-bottom: 1px solid #ccc; font-size: 18px; } .cptitnone { display: none; } @media(max-width:1024px) { .cpbanner { top: 26%; } .cpbanner span:first-child { font-size: 24px; line-height: 1.36; margin-bottom: 10px; } .cpbanner span { font-size: 16px; } .example-image-link { margin: 20px 0px; } .c_wrap_2 { margin-top: 30px; } .titletop { font-size: 24px; } } @media screen and (max-width:750px) { .cpbanner { display: none; position: absolute; z-index: 1; text-align: center; color: #fff; width: 100%; top: 100px; } .cpbanner span:first-child { font-size: 20px; line-height: 40px; margin-bottom: 5px; } .cpbanner span { display: block; font-size: 13px; width: 100%; margin: 0 auto; } .c_wrap_1 img { float: left; width: 90%; margin-left: 5%; } .cptitnone { display: block; margin-top: 30px; } .example-image-link { display: none; } .c_wrap_1 span { padding: 30px 0; } .c_wrap_2 h5 { font-size: 16px; } .c_wrap_2 h2 { margin-bottom: 10px; line-height: 1.5; font-size: 24px; } .image-wrapper span { line-height: 1.2 !important; font-size: 26px !important; margin-top: 15px !important; } .prolist { width: 49%; margin-bottom: 10px; } .prolist p.title { height: auto; line-height: 2.4; font-size: 18px } .titletop { width: 90%; margin: 3% 5% 3%; } .titletop { font-size: 18px; } .lb-dataContainer { margin-top: 45px !important; margin-bottom: 45px!important; } } @media(max-width:468px) { .prolist { width: 100%; } } .cpxqy { text-align: center; font-size: 24px; font-weight: 400; color: #666; line-height: 45px; } .cpxqy #cpmd1 { top: -187px; position: relative; display: block; } .cpxqy #cpmd2 { top: -187px; position: relative; display: block; } .cpxqy #cpmd3 { top: -187px; position: relative; display: block; } .cpxqy #cpmd4 { top: -187px; position: relative; display: block; } @media(max-width:750px){ .cpxqy #cpmd1{ top: -200px; } .cpxqy #cpmd2{ top: -200px; } .cpxqy #cpmd3{ top: -200px; } .cpxqy #cpmd4{ top: -200px; } } #qitaxilie { float: right; margin-right: 0px; background: url(../images/fanhui.png) left center no-repeat; background-size: 20%; padding-left: 30px; } .cpxqy_01 { background: #f8f8f8; padding: 100px 0; } .cpxqy_01 span { font-size: 50px; font-weight: 700; margin-bottom: 40px; display: block; color: #333; } .cpxqy_01 img { width: 100%; max-width: 922px; margin: 30px 0 60px 0; } .cpxqy_02 { padding-top: 100px; position: relative; } .cpxqy_02 span { font-size: 50px; font-weight: 700; margin-bottom: 40px; display: block; color: #333; } .cpxqy_02 img { width: 100%; margin-top: 80px; } .cpxqy_02 dl { position: absolute; bottom: 20%; margin: 0 auto; width: 100%; color: #FFF; padding: 0 10px; box-sizing: border-box; } .cpxqy_03 { background: #f8f8f8; padding: 100px 0; } .cpxqy_03 ul { width: 100%; max-width: 1437px; margin: 0 auto; display: flex; margin-top: 90px; padding: 0px; } .cpxqy_03 ul dl { width: 33.3%; list-style: none; color: #fff; position: relative; background: #000; } .cpxqy_03 ul dl span { font-size: 30px; color: #fff; } .cpxqy_03 ul dl img { width: 100%; max-width: 479px; margin: 0 auto; opacity: 0.7; padding: 0px; } .cpxqy_03 .cpxqy_03n { position: absolute; /* top:250px; */ top: 30%; left: 0; text-align: center; width: 100%; max-width: 479px; } /* .cpxqy_03 ul dl:hover { counter:; } */ .cpxqy_03 ul dl:hover img { opacity: 1; } .cpxqy_03 span { font-size: 50px; font-weight: 700; margin-bottom: 40px; /* margin-bottom: 5%; */ display: block; color: #333; } .cpxqy_04 { padding: 100px 0; color: #fff; position: relative; background: url(/template/pc/cn2016/images/cpx_19.jpg) center no-repeat; } .cpxqy_04 span { font-size: 50px; font-weight: 700; margin-bottom: 40px; display: block; /* color:; */ } .cpxqy_04 img { width: 100%; max-width: 524px; margin-top: 80px; } .cpxqy_04 li { list-style: none; font-size: 20px; position: absolute; padding-bottom: 77px; max-width: 460px; text-align: left; line-height: 30px; } .cpxqy_04 li:hover { cursor: pointer; color: #1e52a4; } .cpxqy_04 .zuoxian { left: 50%; background: url(/template/pc/cn2016/images/cpx_03.png) right bottom no-repeat; padding-right: 57px; } .cpxqy_04 .zuoxian:hover { background: url(/template/pc/cn2016/images/cpx_03_on.png) right bottom no-repeat; } .cpxqy_04 .youxian { left: 50%; background: url(/template/pc/cn2016/images/cpx_02.png) left bottom no-repeat; padding-left: 58px; } .cpxqy_04 .youxian:hover { background: url(/template/pc/cn2016/images/cpx_02_on.png) left bottom no-repeat; } .cpxqy_04 .cpzx1 { margin-left: -600px; top: 460px; } .cpxqy_04 .cpzx2 { margin-left: -700px; top: 610px; } .cpxqy_04 .cpyx1 { margin-left: 200px; top: 360px; } .cpxqy_04 .cpyx2 { margin-left: 250px; top: 460px; } .cpxqy_04 .cpyx3 { margin-left: 240px; top: 610px; } @media screen and (max-width:750px) { .cpxqy { font-size: 16px; line-height: 30px; } .cpxqy_04 li, .cpdier_04 li { display: none; } } @media(max-width:560px) { .cpxqy_02 img { min-height: 240px; } } @media(max-width:1200px) { .cpxqy_03 .cpxqy_03n { font-size: 18px; line-height: 1.4; } .cpxqy_03 ul dl span { font-size: 24px; line-height: 1.2; } } @media(max-width:750px) { .cpxqy_03 .cpxqy_03n { font-size: 14px; } .cpxqy_03 ul dl span { font-size: 18px; } } @media(max-width:560px) { .cpxqy_03 ul { flex-wrap: wrap; } .cpxqy_03 ul dl { width: 100%; } .cpxqy_03 .cpxqy_03n { font-size: 16px; } .cpxqy_03 ul dl span { font-size: 24px; margin-bottom: 10px; } } .cpdier { text-align: center; font-size: 16px; font-weight: 400; color: #666; } .cpdier .lansezi { color: #1f52a5 } .cpdier #cpmd1 { top: -160px; position: relative; display: block; } .cpdier #cpmd2 { top: -160px; position: relative; display: block; } .cpdier #cpmd3 { top: -160px; position: relative; display: block; } .cpdier #cpmd4 { top: -160px; position: relative; display: block; } @media(max-width:750px){ .cpdier #cpmd1{ top: -215px; } .cpdier #cpmd2{ top: -215px; } .cpdier #cpmd3{ top: -215px; } .cpdier #cpmd4{ top: -215px; } } #qitaxilie { float: right; margin-right: 0px; background: url(../images/fanhui.png) left center no-repeat; background-size: 20%; padding-left: 30px; } .cpdier_01 { padding: 100px 0; background: url(../images/cpp_02.jpg) center no-repeat; font-size: 16px; line-height: 40px; } .cpdier_01 span { font-size: 50px; font-weight: 700; margin-bottom: 40px; display: block; color: #333; } .cpdier_01 .lansezi b { font-size: 200px; } .cpdier_02 { padding-top: 100px; position: relative; background: url(../images/cpp_03.jpg) center no-repeat; min-height: 800px; color: #fff; } .cpdier_02 span { font-size: 50px; font-weight: 700; margin-bottom: 40px; display: block; line-height: 1; } .cpdier_03 { padding: 100px 0; background: url(../images/cpp_04.jpg) center no-repeat; } .cpdier_03 ul { width: 100%; max-width: 1400px; border: 0px #FFFFFF solid; margin: 0px auto; display: flex; margin-top: 100px; padding: 0px; background: #000; } .cpdier_03 ul dl { width: 20%; list-style: none; color: #999; margin: 0; } .cpdier_03 ul dl img { transition: all .2s linear 0s; width: 100%; margin: 0; opacity: 0.7; padding: 0px; } .cpdier_03 ul dl img:hover { opacity: 1; } .cpdier_03 span { font-size: 50px; font-weight: 700; margin-bottom: 40px; display: block; color: #333; } .cpdier_04 { padding: 130px 0; color: #fff; position: relative; background: url(../images/cpx_19.jpg) center no-repeat; } .cpdier_04 span { font-size: 50px; font-weight: 700; margin-bottom: 40px; display: block; /* color: */ } .cpdier_04 img { width: 100%; max-width: 600px; margin-top: 80px; } .cpdier_04 li { list-style: none; font-size: 20px; position: absolute; padding-bottom: 77px; max-width: 460px; text-align: left; line-height: 30px; } .cpdier_04 li:hover { cursor: pointer; color: #1e52a4; } .cpdier_04 .zuoxian { left: 50%; background: url(../images/cpx_03.png) right bottom no-repeat; padding-right: 57px; } .cpdier_04 .zuoxian:hover { background: url(../images/cpx_03_on.png) right bottom no-repeat; } .cpdier_04 .youxian { left: 50%; background: url(../images/cpx_02.png) left bottom no-repeat; padding-left: 58px; } .cpdier_04 .youxian:hover { background: url(../images/cpx_02_on.png) left bottom no-repeat; } .cpdier_04 .cpzx1 { margin-left: -700px; top: 360px; } .cpdier_04 .cpzx2 { margin-left: -700px; top: 610px; } .cpdier_04 .cpyx1 { margin-left: 200px; top: 360px; } .cpdier_04 .cpyx2 { margin-left: 210px; top: 675px; } .cpdier_04 .cpyx3 { margin-left: 240px; top: 610px; } .newlist_con {flex-wrap: wrap;justify-content: start;} .newlist .prolist span {display: block;font-size: 14px; color: #666;line-height: 29px;max-height: 60px; margin-bottom: 10px;overflow: hidden;border-bottom: 0px solid #999;} .newlist .newlistl { margin:0 1.65%;box-shadow: 0 0 10px #eee;margin-bottom: 28px;transition: all .3s linear 0s;} .newlist .newlistl:hover{box-shadow: 0 0 10px #ccc;} .newlist .newlistl a{} .newlist .newlistl .newslist_img{ float:left;width:400px;position:relative;} .newlist .newlistl .newslist_img img{ width:400px;} .newlist .newlistl .newslist_img span{ background:#ec9827; text-align:center; color:#FFF; position:absolute; top:0; left:0; padding:5px 20px; font-size:18px;} .newlist .newlistl .newslist_img span b{ font-size:24px;} .newlist .newlistl .newslist_img span i{ display:block; height:1px; background:#FFF;} .newlist .news2 .newslist_img{ float:right;position:relative;} .newlist .news4 .newslist_img{ float:right; position:relative;} .newlist .news6 .newslist_img{ float:right; position:relative;} .newlist .news8 .newslist_img{ float:right; position:relative;} .newlist .newlistl .newslist_title{ float:left; padding:30px; max-width:850px;} .newlist .newlistl .newslist_title .title{ font-size:24px; margin-bottom:30px;transition: all .3s linear 0s;} .newlist .newlistl:hover .newslist_title .title{ color:#ec9827; font-weight:bold;} .newlist .newlistl .newslist_title em{ display:block; margin-top:30px; font-size:20px; text-align:right;} .newlist .newlistl:hover .newslist_title em{ color:#ec9827;} .newlist .newlistl .newslist_title span{font-size:18px; line-height:35px;} .newlist_top{ width:97%; margin:0 auto;margin-bottom:30px;} .newlist_top img{max-width:750px;} .newlist_topr{max-width:500px;border-bottom:1px solid #ccc; padding-bottom:30px;} .newlist_topr .title{height: 45px;line-height: 45px; margin:0 auto;background:none; transition: all .3s linear 0s; font-weight: bold;font-size: 18px;text-align: left;overflow: hidden;} .newlist_topr .title2{padding-top:30px;color:#3a57a7;} .newlist_con {display: flex;flex-wrap: wrap;align-content: flex-start; } .newlist .prolist span {display: block; font-size: 14px;color: #666;line-height: 29px;max-height: 60px; margin-bottom: 10px;overflow: hidden;border-bottom: 0px solid #999;width:94%; margin:0 auto;} .newlist .prolist { width: 30.4%;margin: 1.35%; border: 1px solid #f6f6f6; padding-bottom: 10px; transition: all .3s linear 0s;} .newlist .prolist img { width: 100%;transition: all .3s linear 0s; overflow: hidden;} .newlist .prolist p.title { height: 65px;line-height: 65px; width:94%; margin:0 auto;background:none; transition: all .3s linear 0s; font-weight: bold;font-size: 18px;text-align: left;overflow: hidden;} .newlist .prolist a {display: block; background:none;} .newlist .prolist a:hover {box-shadow: 0 0 0px rgba(0, 0, 0, 0);} .newlist .prolist:hover p.title {color: #3a57a7;} .newlist .prolist:hover img {transform: scale(1);} .newslist { padding-bottom: 30px;} .newlist .prolist p.title2{background: url(../images/jiantou.png) right center no-repeat;width:94%; line-height:50px; margin:20px auto; margin-bottom:0px; padding:1px 0px;display:block; border-top: 1px solid #ddd;line-height:50px;} .newlist .prolist:hover p.title2{color:#3a57a7;} @media screen and (max-width:750px) { .newlist .prolist p.title {height: 30px;line-height: 30px;transition: all .3s linear 0s;font-size: 16px;text-align: left;font-weight: 700;} .cpxqy1 {font-size: 14px;line-height: 1.5;} } .joblist_con {display: flex;flex-wrap: wrap;justify-content: flex-start;} .joblist .prolist span {display: block; font-size: 14px;color: #666;line-height: 29px; height:auto;margin-bottom: 10px; padding-bottom:10px;border-bottom: 1px solid #ddd;} .joblist .prolist {width: 32%;margin: 0.66%;margin-bottom: 30px; transition: all .3s linear 0s;} .joblist .prolist img { width: 100%;transition: all .3s linear 0s; overflow: hidden;} .joblist .prolist p.title { height: 65px;line-height: 65px; transition: all .3s linear 0s; font-weight:bold; font-size: 22px;background:#f9f9f9; text-align: left; overflow: hidden;} .joblist .prolist a {display: block;background:#f9f9f9; padding:20px;} .joblist .prolist a:hover {box-shadow: 0 0 10px #ddd;} .joblist .prolist:hover {border-bottom: 0px solid #3857a7;} .joblist .prolist:hover p.title {color: #3857a7;} .joblist .prolist:hover img {transform: scale(0.95);} .newslist { padding-bottom: 30px;} @media screen and (max-width:750px) { .newlist .prolist p.title {height: 30px;line-height: 30px;transition: all .3s linear 0s;font-size: 16px;text-align: left;font-weight: 700;} .cpxqy1 {font-size: 14px;line-height: 1.5;} } .xianxia01{line-height:40px;} .xianxia01{margin-top:100px;} .xianxia01 h5 { width:100px; height:5px; background:#3857a7;} .xianxia01 h2 {margin-bottom: 20px;margin-top: 20px;font-size:32px;display:block; font-weight: 300;} .xianxia01 span{margin-bottom: 20px;margin-top: 30px;font-size:22px;display:block; font-weight: 600;} .xianxia02 ul,.xianxia02 ul .xianxia01r dl{padding:10px 0; font-size:18px; } .xianxia02 .xianxia01l{width:25%;text-align:center; align-items: center;display: flex;} .xianxia02 .xianxia01r{width:75%;} .xianxia02{ border-radius:15px; border:1px #eee solid; overflow:hidden; display:block;margin-top: 30px;} .xianxia02 ul:nth-child(2n-1){ background:#f6f6f6;} .xianxia02 ul .xianxia01l{ background:url(../images/cityone.png) 20% center no-repeat; padding-left:10%;font-weight: bold;} .xianxia02 ul:nth-child(1) .xianxia01l{display: block;background:none; padding-left:0px;} .xianxia02 ul .xianxia01r dl em:nth-child(1){background:url(../images/local.png) left center no-repeat; padding-left:6%;} .xianxia02 ul .xianxia01r dl a{ border:1px solid #3857a7; margin-right:30px; border-radius:20px; color:#3857a7; font-size:14px; padding:10px 20px;} .xianxia03{margin-top:100px; color:#000;} .xianxia03 h5 { width:100px; height:5px; background:#3857a7;} .xianxia03 h2 {margin-bottom: 20px;margin-top: 20px;font-size:32px;display:block; font-weight: 300;} .xianxia03 .xianxia03c img{margin: 20px 0 40px 0;} .xianxia03 .xianxia03c span{ display:block;font-size:18px; margin-bottom:20px; font-weight:700;} .xianxia03 .xianxia03c{ text-align:center; margin-top:50px;} .xianxia03 .xianxia03c ul{ width:19%; padding:2%;box-shadow: 0px 0px 5px 5px #f6f6f6;} .overf {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .list_item {position: relative; padding: 33px 0;transition: all .2s linear 0s;} .list_item .news_con {position: absolute;width: 659px;padding: 0 30px;} .list_item .name {padding: 15px 0 5px;font-weight: normal;margin-bottom: 10px;font-size: 18px;color: #343434;} .list_item .news_con .des { overflow: hidden;height: 72px;font-size: 14px; line-height: 22px; color: #999999; text-align: left;} .list_item .news_con .xian {position: absolute; top: 16px; height: 16px; width: 4px; background: #999;transition: all .2s linear 0s;} .list_item .news_others { position: relative; overflow: hidden; width: 160px; padding: 0 40px; height: 126px; } .list_item .news_others .inform { position: absolute; width: 100%; top: 10px; } .list_item .news_others .date { margin-bottom: 10px; font-size: 40px; line-height: 1; opacity: 0.7; color: #999; display: block; padding-bottom: 5px; } .list_item .news_others .year { margin-bottom: 5px; font-size: 14px; opacity: 0.6; color: #999; } .list_item .news_others .more { display: block; width: 42px; height: 20px; opacity: 0; transform: translateX(-20px); border-bottom: 2px solid #128f5d; padding-bottom: 8px; font-size: 12px; transition: all .2s linear 0s; } .list_item .news_xian { display: block; width: 1px; height: 192px; background: #e3e3e4; position: absolute; left: 210px; margin-left: -0.5px; top: 0; z-index: 0; } .odd .list_item { padding-left: 50%; } .odd .list_item .news_con { left: 0; } .odd .list_item .news_con .xian { right: -2px; } .even .list_item .news_con { right: 0; } .even .list_item .news_con .xian { left: -2px; } .list_item:hover { box-shadow: 0 0 20px #ddd; } .list_item:hover .news_con .xian { height: 80%; background: #128f5d; } .list_item:hover .news_con .name { color: #128f5d; font-weight: normal; } .list_item:hover .news_others .date, .list_item:hover .news_others .year { opacity: 1; color: #128f5d; } .list_item:hover .news_others .more { opacity: 1; transform: translateX(0); color: #128f5d; } .list_item:hover .news_others .img { opacity: 1; } .c_wrap_r h1 { font-weight: 400; font-size: 24px; text-align: center; padding: 15px 0; } @media screen and (max-width: 660px) { .c_wrap_r h1 { font-size: 19px; } } .news_nr p.news_oth {color: #666;padding-bottom: 10px;margin-bottom: 30px;text-align:center; border-bottom:1px solid #ddd;} .news_nrbg {padding-top: 60px;width: 100%;max-width: 1600px; margin:0 auto;} .news_nr {width: 650%;max-width: 1200px;margin: 0 auto;box-sizing: border-box;} .news_nr img {width: 100%;max-width: 1200px;} .news_nr h1 {text-align: left;color: #333; text-align:center;} .job_nrbg {padding-top: 60px;} .job_nr {width: 100%;max-width: 1400px;margin: 0 auto;box-sizing: border-box;} .job_nr p.job_oth {color: #666;} .job_nr span{ font-size:16px; font-weight:500;} .job_nr img {width: 100%;max-width: 1400px;} .job_nr h1 {text-align: left;color: #333;margin-bottom: 30px;} .job_nrbg .content p{ margin:0px;} .summary { position: relative; background: #fafafa; margin: 20px 10px 0; padding: 40px 20px 20px; color: #6c7480; font-style: italic; line-height: 150%; border: 1px solid #eee; border-radius: 5px; } .summary span { position: absolute; left: -1px; top: 15px; padding: 0 0 0 20px; font-size: 1.2em; font-style: normal; color: #c2c6cc; border-left: 4px solid #c2c6cc; } .content {padding:20px 10px;line-height: 30px;border-bottom: 1px solid #ccc;} .content img {display: block;margin: 0 auto;} .content p {margin-bottom: 10px;} .content h2 { height: 48px; line-height: 48px; font-size: 16px; color: #202020; background: #eee; text-indent: 15px; font-weight: 400; border-left: 5px solid #128f5d; margin-bottom: 10px; } .pro_c {margin-bottom: 40px;} .pro_c .img {text-align: center;border: 0px dashed #ccc;padding:0 100px;border-radius: 15px; margin:0 auto;} .pro_c .img img {width: auto; max-height:600px; border-radius: 10px;cursor: pointer;margin: 0 auto;} .pro_c .img .swiper-pagination {background: rgba(0, 0, 0, .5); color: #fff; width: auto; left: 50%; margin-left: -25px; padding: 0 10px; border-radius: 24px; line-height: 24px; height: 24px; font-size: 12px; } .pro_c .text {margin-bottom: 20px; text-align:center;} .pro_c .text .ximg{display: flex;justify-content: space-between; margin-top:50px;} .pro_c .text .ximg img{ border:1px solid #CCC; margin:5px;} .pro_c .text .tit{border-bottom: 1px solid #ccc;} .pro_c .text .tit h1 {font-size:24px;display:block;padding:30px 0;;font-weight: bold;} .pro_c .des {margin-top: 20px;line-height: 30px;color: #777777;text-align: center;} @media screen and (max-width: 750px) { .pro_c .img{padding:0;} .pro_c video { width:100% !important} .job_nrbg {padding-top:0px;} } .taglist .list { display: none; border-bottom: 1px solid #f5f5f5; height: 50px; line-height: 50px; padding: 0 10px; } .taglist .list span { margin-right: 20px; } .taglist .list a { display: block; color: #777; background: url(../images/jt1.jpg) right center no-repeat; } .tag { border-bottom: 1px dashed #ccc; padding-bottom: 16px; margin-top: 50px; font-size: 14px; color: #29282d; margin-bottom: 30px; } .tag a { display: inline-block; height: 25px; line-height: 25px; padding: 0 10px; border: 1px solid #999; margin-left: 6px; color: #29282d; border-radius: 3px; } .pagebox { height: 36px; text-align: center; } .pagebox #pagesize { display: inline-block; } .pagebox #pagesize li { float: left; } .pagenav {overflow: hidden;margin-top: 30px;} .pagenav p {width: 45%; font-size: 14px;color: #777;} .pagenav p.prev {} .pagenav p.newsnext { float: left; } .pagenav p.newsprev { float: right; text-align: right; } .interested { width:30%; max-width:300px; margin: 0 auto; box-sizing: border-box; } .interested h5 { font-size: 18px; color: #777; font-weight: 550; padding-top: 50px; } .interested h2 { margin:50px 0px 15px 0px; line-height: 80px; font-size: 30px; color: #111; } .interested .tit { height: 48px; line-height: 48px; font-size: 20px; color: #202020; text-indent: 15px; font-weight: 400; margin-bottom: 10px; position:relative; } .interested .tit span{ background:#FFF; z-index:11;position:relative; padding:0 20px;} .interested .tit em{height:24px; background: #eba000; display:block; position:absolute; width:100%; top:12px; z-index:0;} .interested .list { border-bottom: 1px dashed #ddd; height: 50px; line-height: 50px; padding-right: 5px; padding-left: 20px;} .interested .list span {float: right;color: #CCC;} .interested .list a { display: block; color: #777; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .interested_con { display: flex; flex-wrap: wrap; justify-content: space-between; } .interested .prolist span {padding:0 10px; padding-bottom:20px; display: block; font-size: 14px; color: #666; line-height: 24px; margin-bottom: 10px; overflow: hidden; border:0px;} .interested .prolist { width:100%; float:none; margin-bottom: 50px; transition: all .3s linear 0s; } .cpwrap{ width:100%; max-width:1400px; margin:0 auto; margin-top:30px;} .cpwrap .protoplist{margin-bottom:50px; margin-top:-50px;background:#fff; position:relative; z-index:999;border-radius:20px;} .cpwrap .protoplist li{border-radius:20px; width:23%; text-align:center; padding:10px 0;font-size:18px;} .cpwrap .protoplist .on,.cpwrap .protoplist li:hover {color:#fff !important; background:#3a57a7;} .cpwrap .protoplist .on a,.cpwrap .protoplist li:hover a{color:#fff !important;} .cpwrap .b_shadow1{width:65% !important;} .cpwrap .prolist { width:32%; float: left; margin: 0 0.66%; margin-bottom: 28px;overflow:hidden; position:relative;background: #fff;} .cpwrap .prolist img { width:90%; padding:5%; margin:0 auto; transition: 0.4s;} .cpwrap .prolist p.title { font-size:16px; position:absolute; top:20px; left:30px; background:none;} .cpwrap .prolist span{border-bottom:0px solid #999;display: block;font-size: 22px;color: #000; font-weight:500;line-height: 50px;margin-bottom: 10px;} .cpwrap .prolist i{ font-size:16px; position:absolute; bottom:20px; right:30px; background:none; color:#3a57a7; font-weight:700;} .cpwrap .b_shadow1 img{ width:49%; float:right;padding:0;} .cpwrap .prolist .info{ display:none; position:absolute;font-size:16px; text-align: left; line-height:2em; max-height:16em; overflow:hidden;top:80px; left:40px;max-width: 25em; } .cpwrap .b_shadow1 .info{ display:block;} .c_wrap .protoplist{margin-bottom:50px; margin-top:-60px;background:#fff; position:relative; z-index:999;border-radius:20px;} .c_wrap .protoplist li{border-radius:20px; width:50%; text-align:center; padding:10px 0;font-size:20px;} .c_wrap .protoplist .on,.cpwrap .protoplist li:hover {color:#fff !important; background:#3a57a7;} .c_wrap .protoplist .on a,.cpwrap .protoplist li:hover a{color:#fff !important;} .prolistx { width:32%; float: left; margin: 0 0.66%; margin-bottom: 28px;overflow:hidden; position:relative;background: #fff;} .prolistx img { width:90%; padding:5%; margin:0 auto; transition: 0.4s;} .prolistx p.title { font-size:16px; position:absolute; top:20px; left:30px; background:none;} .prolistx span{border-bottom:0px solid #999;display: block;font-size: 22px;color: #000; font-weight:500;line-height: 50px;margin-bottom: 10px;} .prolistx i{ font-size:16px; position:absolute; bottom:20px; right:30px; background:none; color:#3a57a7; font-weight:700;} .casewrap .protop{ display:block; position:relative; } .casewrap .protop .protopl{ display:block; font-size:60px; color:#ddd; font-weight:bold; position:absolute;top:60px; width:100%; z-index:-1;} .casewrap .protop .protopr h5 { text-align:center;font-size: 16px; } .casewrap .protop span{display:block; font-size:16px; line-height:35px;} .casewrap .protop .protopr h2 {font-size:45px; font-weight: 300; line-height:100px; padding-top:50px;} .casewrap .protoplist{margin:50px 0;justify-content: center !important;} .casewrap .protoplist li{ padding:8px 20px; margin:0 5px;} .casewrap .protoplist .on,.casewrap .protoplist li:hover {color:#fff !important; background-image: linear-gradient(to right,#0b2e88, #6fb946);} .casewrap .protoplist .on a,.casewrap .protoplist li:hover a{color:#fff !important;} .casewrap{ width:100%; max-width:1400px; margin:0 auto; margin-top:30px; padding:50px 0;} .casewrap .prolist { width:32%; float: left; margin: 0 0.66%; margin-bottom: 28px;padding-bottom: 18px;overflow:hidden; position:relative; background:#fff; border-radius:30px;} .casewrap .prolist a{ padding:4%;background:#fff; border-radius:29px;} .casewrap .prolist:hover{background:#e05908;cursor:pointer;box-shadow: 0 5px 10px rgba(0, 0, 0, .15); border-radius:32px;} .casewrap .prolist img { width:100%; margin:0 auto; transition: 0.4s; height:300px;} .casewrap .prolist:hover img {} .casewrap .prolist:hover p.title span{color:#3a57a7;} .casewrap .prolist p.title { height:auto; line-height:30px; width:100%; color:#333; font-size:16px; transition: all .2s linear 0s;padding:0;min-height: 140px;} .casewrap .prolist p.title span{ font-size:18px; font-weight:bold;border-bottom:0px;margin-bottom:0px;} .casewrap .prolist h5{ color:#3a57a7; font-weight:600; padding-top:30px;} .wrap.c_wrap {box-sizing: border-box; position:relative;} .c_wrap .protop .protopl{ display:block; font-size:60px; color:#ddd; font-weight:bold; position:absolute;top:60px; width:100%; z-index:-1;text-align:center;} .c_wrap .protop .protopr h5 { text-align:center;font-size: 16px; } .c_wrap .protop span{display:block; font-size:16px; line-height:35px;} .c_wrap .protop .protopr h2 {font-size:45px; font-weight: 300; line-height:100px; padding-top:50px;text-align:center;} @media screen and (max-width: 750px) { .cpwrap .b_shadow1{width:100% !important;} .cpwrap .b_shadow1 img{width:100% !important;} .cpwrap .b_shadow1 .info,.prolistx i{ display:none;} .prolistx{ width:48%;} .prolistx p.title{ position:relative; left:0px;font-size:12px;} .prolistx span{ font-size:12px; text-align:center;} .cpwrap{margin-top:0px;} .cpwrap .protop .protopl,.cpwrap .protop .protopr{ width:100%;} .cpwrap .protop span{position:initial; width:90%;} .cpwrap .protop .protopr h2{ margin-left: 20px; padding-top: 20px;} .cpwrap .protop .protopr h5{ margin-left: 20px; } .cpwrap .protop{margin-bottom:30px;} .cpwrap .prolist{ width:98%;} .casewrap .prolist{width:98%;} .casewrap{padding-top:0px;} } .photolist{margin-top:80px;} .photolist h5 { width:100px; height:5px; background:#3857a7; margin-bottom:50px;} .photolist h2 {margin-bottom: 20px;margin-top: 20px;font-size:32px;display:block; font-weight: 300;} .photolist .photo {margin-bottom: 28px; width:23%; padding:1%; display:block; float:left;} .photolist .photo img {width: 100%;} @media screen and (max-width: 750px) { .photolist .photo { width:100%;} .photolist h2{font-size:18px;} } .tijiao{background-image: linear-gradient(to right,#0b2e88, #6fb946); color:#fff; padding:30px 0px; margin-top:50px;} .tijiaoc{ width:96%; max-width:1400px; margin:0 auto; font-size:20px;} .tijiaol span{ font-weight:bold; font-size:30px; display:block; line-height:40px; margin-top:30px;} .tijiaol h3{border:1px solid #fff; font-size:14px; padding:5px 15px; border-radius: 5px; margin-top:20px; } .tijiaor{ width:40%;} .culvse{font-weight:bold;color:#3857a7;} .hywrap1{background-image: linear-gradient(to right,#0b2e88, #6fb946); padding:50px 0 120px 0; text-align:center; color:#fff; font-size:28px; line-height:40px; font-weight:bold; } .hywrap1 span{ display:block;font-size:40px; line-height:60px; border-top:1px solid #ccc; max-width:400px; margin:0 auto;} .hywrap2{background: url(../images/hangye1.png) center top no-repeat;transform: translateY(-88px) !important; padding-top:100px; padding-left:50%; min-height:588PX;} .hywrap2 li{ font-size:20px; line-height:40px; border-bottom:1px dashed #aaa; position:relative; max-width:460PX; margin-top:20PX;} .hywrap2 li i{display:block; text-align:center; width:40px; height:40px; border-radius:25px;background-image: linear-gradient(to right,#0b2e88, #6fb946); color:#fff; position:absolute; left:-88PX; TOP:0;font-weight:bold;} .hywrap3_1{ text-align:center;} .hywrap3_1 span{ font-size:58px; color:#eee; font-weight:bold;} .hywrap3_1 h2{ font-size:36px; color:#000;font-weight:bold; margin-bottom:20px;} .hywrap3_2{background: url(../images/hangye2.jpg) center top no-repeat; width:96%; max-width:1360px; margin:0 auto;font-size:20px; padding:100px 0 150px 0; margin-top:50px;} .hywrap3_2 li{max-width:350PX; margin-top:30PX;position:relative; border-bottom:1px dashed #aaa; padding-bottom:20px;} .hywrap3_2 li i{display:block; text-align:center; width:10px; height:10px; border-radius:25px;background-image: linear-gradient(to right,#0b2e88, #6fb946); color:#fff; position:absolute; left:-20PX; TOP:10px;} .hywrap3_2z{ font-size:250px; margin-left: 39px; margin-top: 31px;font-weight:bold;background-image: linear-gradient(to right,#0b2e88, #6fb946); width:320px; height:320px; border-radius:50%; color:#fff; line-height:320px; text-align:center;} .hywrap3_2z span{font-size:20px; max-width:20px;line-height:20px;} .hywrap4_1{ text-align:center; margin-top:100px;} .hywrap4_1 span{ font-size:58px; color:#eee; font-weight:bold;} .hywrap4_1 h2{ font-size:36px; color:#000;font-weight:bold; margin-bottom:20px;} .hywrap4_2 {width:96%; max-width:1360px; margin:0 auto; text-align:center; margin-top:100px; font-size:20px;} .hywrap4_2 li{ background:#f6f6f6 url(../images/hangye3.jpg) right bottom no-repeat; border-radius:5px; width:220px; padding:20px 0px;} .hywrap4_2 li:nth-child(2n){background:none; padding-top:60px;width:30px;} .hywrap4_2 li img{ display:block; margin:0 auto; margin-bottom:10px;} .hywrap4_3 {width:96%; max-width:1360px; margin:0 auto; text-align:center;} .hywrap4_3 img{ float:right; margin:30px 100px 30px auto;} .hywrap4_4 {width:96%; max-width:1360px; margin:0 auto; text-align:center; margin-top:0px; font-size:20px;margin-bottom:100px;} .hywrap4_4 li{ background:#f6f6f6 url(../images/hangye4.jpg) left bottom no-repeat; border-radius:5px; width:220px; padding:20px 0px;} .hywrap4_4 li:nth-child(2n){background:none; padding-top:60px;width:30px;} .hywrap4_4 li img{ display:block; margin:0 auto; margin-bottom:10px;} .hywrap5{background-image: linear-gradient(to right,#0b2e88, #6fb946);} .hywrap5_1{ text-align:center; padding-top:100px;} .hywrap5_1 span{ font-size:58px; color:#82a191; font-weight:bold;} .hywrap5_1 h2{ font-size:36px; color:#fff;font-weight:bold; margin-bottom:20px;} .hywrap5_1 h5{ color:#fff;} .hywrap5c{ margin:0 auto; max-width:1400px; padding-bottom:50px; width:96%;} .hywrap5c ul { margin-top:40px; border-radius:10px; overflow:hidden;} .hywrap5c ul dl{ width:19%; float:left; padding:30px 2%; margin:2% 1%; min-height:300px; background:#fff; border-radius:5px; text-align:center;} .hywrap5c ul dl img{ width:100%;padding:0px; margin:0px auto; display:block;} .hywrap5c ul dl span{ display:block; line-height:60px; font-size:20px; font-weight:bold;} .zxly {padding-left: 5px;margin-bottom: 30px;line-height: 40px;font-size: 15px;} .zxly span {font-weight: bold;font-size: 16px;} .gbk {padding-top: 100px;} .lxwm {margin-top:80px;padding: 0 10px;box-sizing: border-box; margin-bottom:100px; width:96%;} @media screen and (max-width: 750px) { .lxwm .text ul{display: block;} .lxwm .contactForm{ min-height:250px;} .protop span,.about span{ font-size:40px !important;} .lxwm .text ul dl img{ padding:0px;} .text dl{width: 92% !important; margin-bottom:30px;} .text dl:nth-child(1){border-right:1px solid #eee !important;border-bottom:0px solid #eee !important; display:none;} } .ny_lxwm .t { font-size: 24px; color: #333; font-weight: bold; line-height: 50px; } .ny_lxwm li { float: left; font-size: 18px; font-weight: bold; width: 350px; margin-top: 50px; } .ny_lxwm li span { display: block; font-weight: 400; color: #999; font-size: 14px; } .ny_lxwm li img { border: 1px solid #1e52a4; padding: 10px; float: left; border-radius: 51px; margin-right: 10px; } /* .ny_lxwm .li4{ width:500px;} */ .ny_lxwm .li5 { text-align: center; width: 120px; margin-top: 0px; font-weight: 400; font-size: 14px; } .ny_lxwm .li5 img { border: 0px; padding: 0px; display: block; border-radius: 0px; float: none; width: 100%; } .example-image-link { /* display: block; */ margin-bottom: 0; } /* */ .lb-data .lb-details { margin-top: 30px; } .business{ margin:100px auto;} .business h3{ font-size:24px; line-height:60px; color:#eba000;background:#fff;} .business .sn_title{ width:48%; min-height:500px;background:#eee;} .business .sn_title p{ display:block;line-height:40px;} .business .sn_title p span{background:#ddd; display:block; font-size:18px; padding-left:20px;line-height:50px; } .business .sn_title p em{ padding-left:20px; } .business .sn_text{width:48%;} .fix-right-v2 { position: fixed; right: 20px; bottom: 100px; width: 38px; height: 38px; z-index: 1001; } .fix-right-v2 table { width: 100%; height: 100%; } .fix-right-v2 table, .fix-right-v2 td { margin: 0; padding: 0; border: 0; border-spacing: 0; border-collapse: collapse; height: 38px; } .fix-right-v2 li { position: relative; } .fix-right-v2 a { display: block; width: 38px; font-size: 0; background-image: url(../images/sidebar_spriteV2.png); overflow: hidden; cursor: pointer; transition: none; } .fix-right-v2 .download a { height: 38px; background-position: -38px -176px; } .fix-right-v2 .download:hover a { background-position: 0 -176px; } .fix-right-v2 .download img { width: 90px; height: 90px; } .fix-right-v2 li span { position: absolute; right: 58px; top: 0; visibility: hidden; padding: 0 14px; opacity: 0; color: #fff; font-size: 12px; background: #128f5d; transition: .3s all ease-in; -webkit-transition: .3s all ease-in; -moz-transition: .3s all ease-in; -o-transition: .3s all ease-in; white-space: nowrap; } .fix-right-v2 li .popup-qr { top: -30px; padding: 8px; background: #fff; } .fix-right-v2 li span i { position: absolute; right: 0; top: 50%; width: 0; height: 0; margin: -5px -10px 0 0; font-size: 0; border: 5px solid; border-color: transparent transparent transparent #128f5d; overflow: hidden; } .fix-right-v2 li .popup-qr i { border-color: transparent transparent transparent #fff; } .fix-right-v2 .feedback a, .fix-right-v2 .feedback span { height: 38px; line-height: 38px; } .fix-right-v2 .feedback a { background-position: -38px -252px; } .fix-right-v2 .feedback:hover a { background-position: 0 -252px; } .fix-right-v2 li:hover span { right: 38px; opacity: 1; visibility: visible; } .fix-right-v2 .gotop { position: absolute; bottom: 38px; } .fix-right-v2 .gotop a, .fix-right-v2 .gotop span { height: 38px; line-height: 38px; } .fix-right-v2 .gotop a { background-position: -38px -290px; } .fix-right-v2 .gotop:hover a { background-position: 0 -290px; } /**/ #dituContentn { width: 100%; height: 300px; } .companywab { background: url(../images/ba.png) no-repeat left center; padding-left: 25px; } .c_wrap_r .parHd ul li { } /*大于1200px*/ @media screen and (min-device-width: 1200px) { .headweb { display: none; } .footweb { display: none; } } @media screen and (min-width: 750px) and (max-width:1200px) { .lxwm { padding: 0; } .lxwm h5 { margin-top: 20px; } .lxwm h2 { margin-bottom: 0; } .c_wrap_r .parHd ul li { padding: 5% !important; } .wrap { width: 96%; margin: auto; } .headweb { display: none; } .footweb { display: none; } .citys { display: none; } /*banner*/ .swiper-container { width: 100%; height: 100%; } /*内页*/ .c_wrap_l { display: none; } .c_wrap_r { width: 100%; float: none; padding: 20px 0; } .c_wrap_r .about { width: 100%; } .c_wrap_r .prolist { width: 46%; margin: 0 0%; margin-bottom: 20px; float: left; } .c_wrap_r .prolist img { width: 100%; } .pro_c { margin-bottom: 40px; padding: 0 6%; } .pro_c .text { margin-bottom: 20px; } .pro_c .img img { width: 100%; } .pagenav { margin-top: 30px; margin-bottom: 40px; } .pagenav p { font-size: 14px; } .interested { padding-bottom: 20px; } .content img { width: 100%; } .tag { margin-top: 30px; margin-bottom: 30px; } .newslist { display: none; } .newswep { display: block; } .newswep .newli { border-bottom: 1px solid #ccc; padding: 8px 0px; margin-bottom: 20px; } .newswep .newli .newlitit { display: block; font-size: 18px; color: #000; line-height: 18px; } .newswep .newli .newlidate { font-size: 14px; color: #969696; margin: 5px 0px; } .newswep .newli .newlicon { font-size: 14px; color: #969696; margin-bottom: 5px; } .newswep .newli .newlia { color: #5f5f5f; font-size: 16px; text-align: right; } .ny_lxwm .t { font-size: 24px; color: #333; font-weight: bold; line-height: 50px; } .ny_lxwm li { float: left; width: -webkit-fill-available; padding-left: 10px; width: 25%; } .lxtjyc { display: none; } /*头部*/ .nav { min-width: inherit !important; } .nav .wrap1>ul { width: 100%; display: flex; display: -ms-flexbox; justify-content: space-between; -ms-flex-pack: justify; } .nav ul li { width: inherit; } /* .nav ul li.active > a, .nav ul li:hover{background: #ad1722;} .nava:hover{background: #ad1722;} .sub-menu li:hover a, .sub-menu li.on a{background: #ad1722;} */ } @media screen and (min-width: 750px) and (max-width:820px) { .header .wrap .phone .phimg { display: none; } .headtop .fr { padding-left: 10px; } } @media(max-width:1200px) { .ny_lxwm li{ padding-left: 0; } } @media(max-width:991px) { .ny_lxwm { flex-wrap: wrap; justify-content: center; } .ny_lxwm li{ width: 50%; } } @media(max-width:750px){ .lb-dataContainer::-webkit-scrollbar { display: none; /* Chrome Safari */ } .lxwm .wrap li{ margin-top: 0; } .lb-dataContainer{ scrollbar-width: none; /* firefox */ -ms-overflow-style: none; /* IE 10+ */ overflow-x: hidden; overflow-y: auto; } } /* 改 */ @media(max-width: 1200px) { .location3 { padding: 0; } } @media screen and (min-width: 750px) and (max-width: 1200px) { .wrap.c_wrap { padding: 15px; box-sizing: border-box; } } @media screen and (min-width: 750px) and (max-width: 1200px) { .interested .prolist { width: 46%; margin-bottom: 20px; } } @media screen and (max-width: 750px) { .interested .prolist { width: 48%; margin-bottom: 20px; } } @media screen and (max-width: 750px) { .lxwm h5 { margin-top: 20px; } .lxwm h2 { margin-bottom: 0; font-size: 36px; } .lxwm { padding: 0;margin-bottom:30px !important; } } @media screen and (max-width: 750px) { .ny_lxwm .li5 { padding-top: 0 !important; } .gbk { padding-top: 0 !important; } } @media(max-width: 1600px) { .cpxqy_04 .cpzx1 { margin-left: -530px; top: 381px; } .cpxqy_04 .cpzx2 { margin-left: -648px; top: 500px; } .cpxqy_04 .cpyx1 { margin-left: 120px; top: 320px; } .cpxqy_04 .cpyx2 { margin-left: 170px; top: 390px; } .cpxqy_04 .cpyx3 { margin-left: 180px; top: 525px; } .cpxqy_04 img { max-width: 400px; } } @media(max-width: 1460px) { .cpxqy_04 li { font-size: 16px; padding-bottom: 40px; } .cpxqy_04 .zuoxian { padding-right: 30px; background-size: 100% 50%; } .cpxqy_04 .youxian { padding-left: 30px; background-size: 100% 50%; } .cpxqy_04 .cpzx1 { margin-left: -406px; top: 350px; } .cpxqy_04 .cpzx2 { margin-left: -520px; top: 470px; } .cpxqy_04 .cpyx1 { margin-left: 70px; top: 300px; } .cpxqy_04 .cpyx2 { margin-left: 125px; top: 403px; } .cpxqy_04 .cpyx3 { margin-left: 140px; top: 490px; } .cpxqy_04 img { max-width: 300px; } } @media(max-width: 1180px) { .cpxqy_04 img { margin-bottom: 10px; } .cpxqy_04 li { position: static; margin-left: 0 !important; background: none !important; padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 15px !important; font-size: 18px; max-width: 100%; width: 90%; margin: 0 auto !important; } .cpxqy_04 li:before { content: ''; display: inline-block; width: 10px; height: 10px; background-color: #fff; border-radius: 50%; margin-right: 10px; } } @media screen and (max-width: 750px) { .cpxqy_04 li { display: block; } } @media(max-width: 1600px) { .cpdier_04 .cpzx1 { margin-left: -620px; top: 290px; } .cpdier_04 .cpzx2 { margin-left: -640px; top: 450px; } .cpdier_04 .cpyx1 { margin-left: 115px; top: 270px; } .cpdier_04 .cpyx2 { margin-left: 120px; top: 500px; } .cpdier_04 img { max-width: 400px; } } @media(max-width: 1460px) { .cpdier_04 li { font-size: 16px; padding-bottom: 40px; } .cpdier_04 .zuoxian { padding-right: 30px; background-size: 100% 50%; } .cpdier_04 .youxian { padding-left: 30px; background-size: 100% 50%; } .cpdier_04 .cpzx1 { margin-left: -485px; top: 320px; } .cpdier_04 .cpzx2 { margin-left: -580px; top: 420px; } .cpdier_04 .cpyx1 { margin-left: 83px; top: 280px; } .cpdier_04 .cpyx2 { margin-left: 95px; top: 450px; } .cpdier_04 img { max-width: 300px; } } @media(max-width: 1280px) { .cpdier_04 img { margin-bottom: 10px; } .cpdier_04 li { position: static; margin-left: 0 !important; background: none !important; padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 15px !important; font-size: 18px; max-width: 100%; width: 90%; margin: 0 auto !important; } } @media screen and (max-width: 750px) { .cpdier_04 li { display: block; } .cpdier_04 li { font-size: 16px; width: 100%; } .cpdier_04 li:before { content: ''; display: inline-block; vertical-align: middle; width: 10px; height: 10px; background: #fff; margin-right: 10px; border-radius: 50%; } } .cpdier_01 { background: #f8f8f8 url(../images/cpp_02.jpg) center no-repeat; background-size: contain; } .cpdier_02 { background: #000 url(../images/cpp_03.jpg) center no-repeat; min-height: 41.66666vw; background-size: 100% auto; /* padding-top: 5.20833vw; */ padding-top: 100px; } @media(max-width:1280px) { .cpdier_01 { padding: 40px 0; line-height: 1.2; } .cpdier_01 br { height: 5px; } .cpdier_01 span { font-size: 30px; margin-bottom: 20px; } .cpdier .lansezi { margin-bottom: 0; } .cpdier_01 .lansezi b { font-size: 100px; line-height: .8; } .cpdier_02 span { font-size: 30px; margin-bottom: 20px; } .cpdier_03 { padding: 40px 10px; } .cpdier_03 span { font-size: 24px; margin-bottom: 10px; } .cpdier_03 ul { margin-top: 30px; } .cpdier_04 { padding: 40px 15px; } .cpdier_04 span { font-size: 24px; margin-bottom: 15px; } } @media(max-width:991px) { .cpdier_03 ul dl { width: 50%; } .cpdier_03 ul dl:nth-child(5) { display: none; } } @media(max-width:750px) { .cpdier_01 { padding: 30px 0; } .cpdier .lansezi { margin-top: -75px; } .cpdier_01 span { margin-bottom: 10px; font-size: 24px; } .cpdier_01 .lansezi b { font-size: 60px; } .cpdier_02 span { font-size: 24px; margin-bottom: 10px; } .cpdier_02 { font-size: 16px; } .cpdier_02 { min-height: 82vw; background-size: 140% auto; } .cpdier_03 ul { flex-wrap: wrap; } } /*小于750px*/ @media screen and (max-width: 750px) { .interested{display:none;} .col-md-2{ width:33.333% !important;} .hywrap2{padding-left:5%;} .casewrap .protop .protopr h5{margin-bottom: 20px !important;} .section_case{ padding-bottom:0px !important; margin-bottom:0px !important;} .hywrap2 li i,.hywrap3_2z,.casewrap .protoplist{display:none;} .hywrap3_2{ display:block !important; background:none; margin-top:0px; padding:0px;} .hywrap5c ul dl{ width:44%;} .iproduct{ padding-top:0px;background:none;min-height:200px;} .iproduct .parHd{display: none;} .iproduct .parBd ul li{width:100%;} .icase .parBd ul li{width:50%;} .icase .parBd ul li img{ height:160px;} .icase .iproduct_cont .tit{ font-size:14px;line-height:35px;} .icase .more a{ margin-top:0px;line-height:30px;} .cpwrap .protoplist{ display:none;} .obj-b2 {padding-top: 5px;} .obj-b2 a, .obj-d2 a, .obj-f2 a { line-height: 1.2;} .gbk h4 {font-size: 16px !important;margin-bottom: 20px !important; margin-top: 10px;} .gbk iframe {min-height: 420px !important; } .lxwm h2 {font-size: 24px;line-height: 1.5; } .lxwm .wrap li {margin-left: 0; width: 125px;line-height: 40px;} .ny_lxwm li {margin-top: 25px !important;width: 100%;} .c_wrap_r .parHd ul li {padding: 5% !important; } /* 产品详情小屏幕 */ .cpxqy_01 span {font-size: 24px;margin-bottom: 0;} .cpxqy_01 { padding: 30px 10px; } .cpxqy_01 img { margin-top: 10px;margin-bottom: 20px;} .cpxqy_02 { padding-top: 20px;} .cpxqy_02 span {font-size: 24px;margin-bottom: 10px;} .cpxqy_02 img { margin-top: 15px;} .cpxqy_03 { padding: 30px 0;} .cpxqy_03 span {font-size: 24px;margin-bottom: 0;} .cpxqy_03 ul {margin-top: 20px; } .cpxqy_04 { padding: 30px 0;} .cpxqy_04 span {font-size: 24px;margin-bottom: 10px;} .cpxqy_04 img { margin-top: 15px;} .interested .prolist p.title {height: 65px;line-height: 30px;transition: all .3s linear 0s; font-size: 16px;text-align: left;} .news_nrbg {background: #fff;padding-top: 40px;} .news_nr {width: auto;} /* .interested .prolist2 {} */ .news_nr h1 {text-align: left;color: #333;font-size: 16px;} .service-dialog {display: none;} .wrap { width: 96%; margin: auto;} .headtop {display: none;} .header {display: none;} .nav {display: none;} .headweb { display: block; position: relative; top: 80px; z-index: 1000;} .link {display: none;} .footweb {display: none;} .citys {display: none;} /*banner*/ .swiper-container { width: 100%; height: 100%; } .swiper-button-next-banner:after, .swiper-button-prev-banner:after { font-size: 5vw; } .footlogo { display: none; } /* .fixnav {} */ /*header*/ .headerw { width: 100%; height: 80px; position: relative; } .header_fixed { position: fixed; z-index: 666; top: 0; left: 0; right: 0; padding: 17px 0; background: #FFF; box-shadow: 2px 2px 15px 5px rgba(0, 0, 0, .15) } .logo_area { height: 46px; } .logo_area img { height: 46px } /*foot*/ .foot { width: 100%; height:auto; } .foot ul { padding-top: 5px; } .foot li p { color: #FFF; } .foot_box { width: 100%; height: 65px; } .foot_back { width: 100%; height: 100%; background: url(../images/back.png) 44px 36px no-repeat rgba(0, 0, 0, 0.8); background-size: 84%; position: fixed; top: 0; z-index: 999999; display: none; } .foot_back a { right: 20vw; width: 66vw; height: 12vw; display: block; position: absolute; top: 109vw; border-radius: 50px; text-align: center; line-height: 12vw; font-size: 4vw; } /*内页*/ .about h2{ font-size:24px !important;} .c_wrap_l { display: none;} .c_wrap_r { width: 100%;float: none;padding: 20px 0 0;} .c_wrap_r .about { width: 100%;margin-top:0;} .c_wrap_r .prolist {width: 100%;margin: 0 0%;margin-bottom: 20px;float: left;} .c_wrap_r .prolist img {width: 100%;} .pro_c {margin-bottom: 40px; display:block;} .pro_c .text {margin-bottom: 20px;} .pro_c .img img {width: 100%;} .pagenav {margin-top: 20px; margin-bottom: 0;} .pagenav p {font-size: 14px;width: 100%;text-align:left !important;} .pagenav p.newsprev {text-align: left;} .news_nr p.news_oth {margin-bottom: 0;} .interested h5 {font-size: 16px;padding-top: 0;} .interested h2 {line-height: 1.5;font-size: 24px;margin-bottom: 10px;} .example-image-link1 { display: block; } .jobfuli { font-size: 16px; line-height: 1.5; } .jobfuli img { max-width: 100%; display: block; margin-bottom: 20px; } .interested { padding-bottom: 20px; } .content img { width: 100% !important; } .tag { margin-top: 30px; margin-bottom: 30px; } .newslist { display: none; } .newswep { display: block; } .newswep .newli { border-bottom: 1px solid #ccc; padding: 8px 0px; margin-bottom: 20px; } .newswep .newli .newlitit { display: block; font-size: 18px; color: #000; line-height: 18px; } .newswep .newli .newlidate { font-size: 14px; color: #969696; margin: 5px 0px; } .newswep .newli .newlicon { font-size: 14px; color: #969696; margin-bottom: 5px; height: 48px; overflow: hidden; } .newswep .newli .newlia { color: #5f5f5f; font-size: 16px; text-align: right; } .cpdier_03{ padding: 30px 10px; } } /* 手机站产品列表 锚点*/ @media(max-width:750px){ #cplbsj1{ position: relative; top: -220px; } }