@charset "utf-8"; .container,.container-middle,.wrap{padding-right: 15px;padding-left: 15px;margin:0 auto;} @media (min-width: 768px) { .wrap,.container,.container-middle{ width: 750px;} } @media (min-width: 992px) { .wrap,.container,.container-middle{width: 970px;} } @media (min-width: 1260px) { .wrap,.container,.container-middle{ width: 1230px;} } @media (min-width: 1460px) { .container-middle{ width: 1430px;} .container{ width: 1430px;} } @media (min-width: 1920px) { .container-middle{ width: 1430px;} .container{width: 1430px;} } @keyframes myfirst {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}} @-webkit-keyframes myfirst {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}} @keyframes opacity {0% {opacity: 0;} 100% {opacity: 1;}} @-webkit-keyframes opacity {0% {opacity: 0;} 100% {opacity: 1;}} @keyframes scle2 { from { transform: scale(1); } 50% { transform: scale(1.05); } to { transform: scale(1.1); } } /* css3 keyframes - animation 4 */ @-webkit-keyframes anim4 { from { -webkit-transform: rotateZ(0deg); } 50% { -webkit-transform: rotateZ(180deg); } to { -webkit-transform: rotateZ(360deg); } } @-moz-keyframes anim4 { from { -moz-transform: rotateZ(0deg); } 50% { -moz-transform: rotateZ(180deg); } to { -moz-transform: rotateZ(360deg); } } @-ms-keyframes anim4 { from { -ms-transform: rotateZ(0deg); } 50% { -ms-transform: rotateZ(180deg); } to { -ms-transform: rotateZ(360deg); } } @-o-keyframes anim4 { from { -o-transform: rotateZ(0deg); } 50% { -o-transform: rotateZ(180deg); } to { -o-transform: rotateZ(360deg); } } @keyframes anim4 { from { transform: rotateZ(0deg); } 50% { transform: rotateZ(180deg); } to { transform: rotateZ(360deg); } } @-webkit-keyframes kuosan-1 { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; filter: alpha(opacity=100)\9 } 100% { -webkit-transform: scale(5); transform: scale(5); opacity: 0; filter: alpha(opacity=0)\9 } } @keyframes kuosan-1 { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; filter: alpha(opacity=100)\9 } 100% { -webkit-transform: scale(5); transform: scale(5); opacity: 0; filter: alpha(opacity=0)\9 } } @-webkit-keyframes kuosan-2 { 0% { -webkit-transform: rotateZ(0deg); transform:rotateZ(0deg); } 25% { -webkit-transform: rotateZ(90deg); transform:rotateZ(90deg); } 50% { -webkit-transform: rotateZ(180deg); transform:rotateZ(180deg); } 75% { -webkit-transform: rotateZ(270deg); transform:rotateZ(270deg); } 100% { -webkit-transform: rotateZ(360deg); transform:rotateZ(360deg); } } @keyframes kuosan-2 { 0% { -webkit-transform: rotateZ(0deg); transform:rotateZ(0deg); } 25% { -webkit-transform: rotateZ(90deg); transform:rotateZ(90deg); } 50% { -webkit-transform: rotateZ(180deg); transform:rotateZ(180deg); } 75% { -webkit-transform: rotateZ(270deg); transform:rotateZ(270deg); } 100% { -webkit-transform: rotateZ(360deg); transform:rotateZ(360deg); } } /*header*/ .header{ position: fixed; top: 0; left: 0; width: 100%; height: 100px; z-index: 5000;transition: ease .5s;} .header.on{background: #fff;box-shadow: 0 0 13px rgba(0,0,0,.1);} .header .logo2{display:none} .header.on .logo1{display:none} .header.on .logo2{display:block} .header.on .navitem>a{color:#333} .header.on .yuyan{color:#333} .header.on .yuyan a{color:#333} .header.on .bt-search .sub-bot {background: url(../images/icon-searcha.png) no-repeat center transparent;} .header-con{} .header.on{border: none;} .header .logo{ display: block; float: left; position: relative; z-index: 1200;margin: 22px 0;margin-left: 100px;} .header .logo img{ width: 200px; height: 52px;} .header-right{float: right;} .header-top{background: url(../images/headtop-ba_01.jpg)no-repeat center;transition: ease .5s;padding: 25px 0;} .ny-top{background: #fff;} .ny-top .header-language a:hover{color: #e60012;} .header-slogan{float:left;font-size: 22px;line-height: 40px;color: #341d17;} .header_search { float: right;width: 300px; height: 29px; margin-top: 3px; border-radius: 30px; background: #fff;} .header_search .text { width: 255px; float: left; font-size: 14px; color: #d4d7d9; opacity: 1; padding: 0 18px;line-height: 29px;} .header_search .submit {cursor: pointer; width: 45px; float: right; height: 29px;background: url(../images/icon_search.png) no-repeat center; } .ny-header .header_search{background-color: #f5f5f5;} .ny-header .header_search .text{color: #666;} .ny-header .header_search .submit{background-image: url(../images/icon_searcha.png);} .header-ph{float: right;position: relative;} .header-ph a{display: block;background: #1b3582;width: 100px;height: 100px;line-height: 100px;text-align: center;} .header-ph a img{display: inline-block;max-width: 100%;} .header-phone{opacity: 0;transition: ease .5s; position: absolute;padding: 5px 10px; top: 100%;background: #e60012;font-size: 20px;line-height: 30px;color: #fff;right: 0;width: auto;white-space: nowrap;border-radius: 5px;} .header-ph:hover .header-phone{opacity: 1;} .header-search{float: right;position: relative;margin:33px 22px;} .bt-search{ position: relative;border: none; background: none; float: left; width: 34px; height:34px;text-align: center; line-height: 40px; cursor: pointer; transition: .5s;z-index: 10;} /* .bt-search:hover{background: #fff;} */ .bt-search .sub-bot { display: inline-block; width: 21px; height: 20px; line-height: 34px; background: transparent; border: none; z-index: 3; cursor: pointer; background: url(../images/icon-searcha1.png) no-repeat center transparent; padding-right: 0px;} /* .header.on .sub-bot{background-image: url(../images/icon-searcha.png);} */ .searchop .search-all{ z-index: 10; opacity: 1; visibility: visible;} .search-all{ position: absolute; right: 0; top: 0; width: 300px; height: auto;z-index: -1; opacity: 0;visibility: hidden; transition: all .2s;} .search-all .search-box{ position: relative; height: 36px; margin-top: 38px;background: #fff;} .searchop .search-all .search-box{ animation: searchform-fade 400ms both;} .searchop .search-all form{ animation: searchform-slide 1s both; box-shadow: 0 0 20px rgba(0,0,0,0.2);} .search-all .search-box .search-txt{ color: #333; line-height: 34px; width: 44px; text-align: center;cursor: pointer; transition: all .3s ease-out;} .search-all .search-box .search-txt i{font-size: 20px!important;} .search-all .search-box .search-txt.left{ float: left;} .search-all .search-box .search-inp{ margin-left: 44px;transition: all .3s ease-out 0s;margin-right: 44px;} .search-all .search-box .search-inp input{ font-size: 16px; line-height: 36px; color: #333; width: 100%; border-radius: 5px;} .searchop .search-close{ opacity: 1; transition: all .2s ease-out 0s;} .search-all .search-box .search-close{ width: 44px; height: 36px; font-size: 16px; color: #333;line-height: 36px; text-align: center; cursor: pointer; position: absolute; top: 0; right: 0; opacity: 1;} .searchop .search-close:hover{} .searchshow .top2-bu a{-webkit-animation: item-searchshow .4s both; animation: item-searchshow .4s both;} .language{float: right;position: relative;padding-left: 16px; font-size: 16px;line-height: 24px;} .language::before{position: absolute;content: "";width: 1px;height: 17px;background: rgba(255,255,255,.6);left: 0;top: 50%;transform: translateY(-50%);} .header.on .language::before{background: #666;} .language-text{display: block;color: #fff;line-height:34px;padding:0 4px;cursor: pointer;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;} .language-text .icon-down{ display:block;float: right; vertical-align: middle;font-size: 12px; margin-left: 10px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;} .language-list{position: absolute;top:100%;width: 100%; right: 0;z-index: 10;background: #fff;padding:0px 0;-webkit-box-shadow: 0 2px 4px 2px rgba(0,0,0,.05);box-shadow: 0 2px 4px 2px rgba(0,0,0,.05);opacity: 0;visibility: hidden;-webkit-transition: all .6s;-o-transition: all .6s;transition: all .6s;} .language-list a{display: block;padding:10px 20px;text-align: center; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;} .language-list a:hover{color: #002857} .language:hover .language-text{font-weight: bold;} .language:hover .language-text .icon-down{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);} .language:hover .language-list{opacity: 1;visibility: visible;} .header-language{float: right;margin-left: 19px;margin-top: 8px;transition: ease .5s;} .header-language a{background: transparent; display: inline-block;font-size: 14px;line-height: 20px;font-family: "hnp-lt";color: #fff;transition: ease .5s;border-radius: 30px;padding: 0 10px;} .header-language a.on{color: #fff;background: #e60012;margin-right: -3px;} .header-language a:hover{color: #e60012;} .header-language a.on:hover{color: #fff;} /* .header-language{opacity: 0;} */ .ny-header .header-language{opacity: 1;} .header-navbar{} .navbar{float: left;transition: ease .5s;margin-right: -30px;margin-left:60px;} .navitem{float: left;padding: 0 12px;} .navitem>a{ display: inline-block; font-size: 17px; color: #fff; line-height: 30px; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; background: transparent; padding: 35px 12px; position: relative; } .navitem>a::before{position: absolute;content: "";width: 0;height: 4px;background: #e60012;left: 50%;bottom:0;transform: translateX(-50%);transition: ease .5s;display: none;} .navitem:hover>a::before{width: 100%;} .navitem.active>a{color: #e60012 !important;/* font-weight: bold; */}.ny-header .navitem.active>a,.ny-header .navitem>a:hover{color: #e60012;} .navitem:hover>a::before, .navitem.active>a::before{width: 100%;} .navitem:hover>a{color: #e60012;} /*header -end*/ /* ========== header-app ========= */ .header-app.hny .navbar-app { background: #333;} .header-app {display: none; position: fixed;top: 0; left: 0;width: 100%; height: 60px;z-index: 500; overflow: hidden; box-shadow: 3px 0 7px 0 rgba(0, 0, 0, .1); transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);} .header-app.open-menu { height: 100%;background: #fff; transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);} .navbar-app { position: relative; background: #fff !important; height: 60px;} .header-app .logo { display: inline-block; height: 60px; vertical-align: middle; padding: 15px;} .header-app .logo img { height: 100%;display: inline-block;} .app-lanu {text-align: center; padding: 20px 0;} .app-lanu a { display: inline-block; padding: 0 10px;line-height: 24px; color: #666;} .app-lanu a.on { color: white; background: #e60012; border-radius: 30px;} .app-sousuo { line-height: 22px; border-right: solid 1px #fff; padding-right: 0px; color: #000; float: left; font-size: 22px !important; margin-top: 19px;margin-left: 15px;} .alert-search {display: none; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); top: 0; left: 0; z-index: 9999;} .alert-top { height: 60px; background: rgba(57,36,30,1); padding: 0 15px;} .alert-top .text { height: 30px; margin-top: 15px; background: none; border-bottom: solid 1px #fff; width: 80%; float: left; color: white;} .alert-top .search { margin-left: 10px; background: url(../images/search.png) no-repeat center; width: 20px; height: 20px; background-size: cover; float: left; margin-top: 25px;} .alert-top span { color: #fff; float: right; font-size: 20px !important; margin-top: 21px;} .navapp-user { float: right; width: 60px; height: 60px; color: rgba(255, 255, 255, .82); line-height: 60px; font-size: 16px;} .navbar-togger { float: right; background: transparent; border: none; padding: 22px 15px; display: inline-block; visibility: visible; transition: transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96), opacity 0.28s 0.36s cubic-bezier(0.52, 0.16, 0.24, 1), -webkit-transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96);} .navbar-togger .icon_bar { width: 24px; height: 2px; background-color: #e60012; opacity: 1; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;} .navbar-togger .icon_bar:nth-of-type(2) { margin: 5px 0;} .open-menu .navbar-togger .icon_bar:nth-of-type(2) { opacity: 0;} .open-menu .navbar-togger .icon_bar:first-child {-webkit-transform: translate(0, 7px) rotate(45deg); -ms-transform: translate(0, 7px) rotate(45deg); transform: translate(0, 7px) rotate(45deg);} .open-menu .navbar-togger .icon_bar:last-child { -webkit-transform: translate(0, -7px) rotate(-45deg); -ms-transform: translate(0, -7px) rotate(-45deg); transform: translate(0, -7px) rotate(-45deg);} .nav-menu { position: absolute; top: 50px; left: 0; bottom: 0; right: 0; width: 100%; z-index: 620; padding: 20px; overflow-x: hidden; overflow-y: auto; visibility: hidden; -webkit-transition: visibility 0s linear 1s; -o-transition: visibility 0s linear 1s; transition: visibility 0s linear 1s;} .header-app.open-menu .nav-menu { visibility: visible; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;} .nav-list li { border-bottom: 1px solid #e5e5e5; opacity: 0; pointer-events: none;} .nav-list li.open { border-bottom: none;} .header-app.open-menu .nav-list li { opacity: 1; pointer-events: auto; -webkit-transform: none; -ms-transform: none; transform: none;} .nav-list li:nth-child(1) { -webkit-transform: translateY(-44px); -ms-transform: translateY(-44px); transform: translateY(-44px); transition: opacity .3345s cubic-bezier(0.52, 0.16, 0.52, 0.84) .15s, transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s, -webkit-transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s;} .header-app.open-menu .nav-list li:nth-child(1) { transition: opacity .3091s cubic-bezier(0.32, 0.08, 0.24, 1) .03s, transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s, -webkit-transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s;} .nav-list li:nth-child(2) { -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px); transform: translateY(-40px); transition: opacity .29294s cubic-bezier(0.52, 0.16, 0.52, 0.84) .13s, transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s, -webkit-transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s;} .header-app.open-menu .nav-list li:nth-child(2) { transition: opacity .32244s cubic-bezier(0.32, 0.08, 0.24, 1) .05s, transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s, -webkit-transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s;} .nav-list li:nth-child(3) { -webkit-transform: translateY(-36px); -ms-transform: translateY(-36px); transform: translateY(-36px); transition: opacity .26098s cubic-bezier(0.52, 0.16, 0.52, 0.84) .11s, transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s, -webkit-transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s;} .header-app.open-menu .nav-list li:nth-child(3) { transition: opacity .33467s cubic-bezier(0.32, 0.08, 0.24, 1) .07s, transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s, -webkit-transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s;} .nav-list li:nth-child(4) { -webkit-transform: translateY(-32px); -ms-transform: translateY(-32px); transform: translateY(-32px); transition: opacity .2386s cubic-bezier(0.52, 0.16, 0.52, 0.84) .09s, transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s, -webkit-transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s;} .header-app.open-menu .nav-list li:nth-child(4) { transition: opacity .34577s cubic-bezier(0.32, 0.08, 0.24, 1) .09s, transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s, -webkit-transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s;} .nav-list li:nth-child(5) {-webkit-transform: translateY(-28px); -ms-transform: translateY(-28px); transform: translateY(-28px); transition: opacity .22581s cubic-bezier(0.52, 0.16, 0.52, 0.84) .07s, transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s, -webkit-transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s;} .header-app.open-menu .nav-list li:nth-child(5) { transition: opacity .35577s cubic-bezier(0.32, 0.08, 0.24, 1) .11s, transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s, -webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s;} .nav-list li:nth-child(6) { -webkit-transform: translateY(-24px); -ms-transform: translateY(-24px); transform: translateY(-24px); transition: opacity .20343s cubic-bezier(0.52, 0.16, 0.52, 0.84) .05s, transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s, -webkit-transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s;} .header-app.open-menu .nav-list li:nth-child(6) { transition: opacity .36577s cubic-bezier(0.32, 0.08, 0.24, 1) .13s, transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s, -webkit-transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s;} .nav-list li:nth-child(7) { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); transition: opacity .18105s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s, transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s, -webkit-transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s;} .header-app.open-menu .nav-list li:nth-child(7) { transition: opacity .37577s cubic-bezier(0.32, 0.08, 0.24, 1) .15s, transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s, -webkit-transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s;} .nav-list li:nth-child(8) { -webkit-transform: translateY(-16px); -ms-transform: translateY(-16px); transform: translateY(-16px); transition: opacity .15867s cubic-bezier(0.52, 0.16, 0.52, 0.84) .01s, transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s, -webkit-transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s;} .header-app.open-menu .nav-list li:nth-child(8) { transition: opacity .38577s cubic-bezier(0.32, 0.08, 0.24, 1) .17s, transform .40582s cubic-bezier(0.32, 0.08, 0.24, 1) .16s, -webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .16s;} .cate-item { position: relative;} .cate-item a { font-size: 16px; line-height: 48px; margin-right: 60px; display: block;} .nav-list li.active .cate-item a, .nav-list li.open .cate-item a { color: #e60012;} .category-cont a:last-child { border: none;} .category-cont a.active { color: #e60012;} .category-tig { font-size: 14px; color: #888; text-align: right; line-height: 48px; width: 50px; height: 48px; position: absolute; right: 0; top: 0; z-index: 2;} .category-tig::before, .category-tig::after { content: ''; background: #888; position: absolute; top: 50%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;} .category-tig::before { width: 16px; height: 2px; right: 0; margin-top: -1px;} .category-tig::after { width: 2px; height: 16px; margin-top: -8px; right: 7px;} .nav-list li.open .category-tig::after { opacity: 0;} .nav-list li.open .category-tig::before { background: #e60012;} .category-cont { display: none;} .nav-list li.open .category-cont { display: block; border: solid 1px #e5e5e5;} .category-pad { padding: 0 15px;} .category-cont a { line-height: 40px; border-bottom: 1px dashed #e5e5e5; display: block; font-size: 14px; color: #333;} .category-pad a.active { color: #e60012;} .cate-item1{position: relative;border-bottom:solid 1px #cfcfcf;} .category-li:last-child .cate-item1{border-bottom: none;} .cate-item1 a{border-bottom: none; font-size: 16px;line-height: 48px; margin-right: 60px; display: block; color: #444;} .category-li.open .cate-item1 a{color: #e60012} .category-cont1 a:last-child{border:none;} .category-cont1 a.active{color:#e60012;} .category-tig1{font-size: 14px; color: #888;text-align: right;line-height: 48px;width: 50px; height: 48px; position: absolute; right: 0;top: 0;z-index: 2;} .category-tig1::before,.category-tig1::after{ content: '';background: #888; position: absolute; top:50%; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;} .category-tig1::before{ width:16px; height: 2px; right:0; margin-top:-1px;} .category-tig1::after{ width:2px;height: 16px;margin-top: -8px;right:7px;} .category-li.open .category-tig1::after{ opacity: 0;} .category-li.open .category-tig1::before{background: #e60012;} .category-cont1{display: none;} .category-li.open .category-cont1{display: block;border-bottom:solid 1px #cfcfcf;} .category-li:last-child.open .category-cont1{border-bottom: none;border-top:solid 1px #cfcfcf;} .category-pad1{ padding: 0 15px;} .category-cont1 a {line-height:40px;border-bottom: 1px solid #cfcfcf; display: block; color: #666;} .category-pad1 a.active{color: #e60012;} .app-search { position: relative;} .app-search-text { width: 76%; height: 48px; font-size: 14px; text-align: left; display: inline-block; vertical-align: middle;} .app-search-btn { width: 48px; height: 48px; display: inline-block; background: transparent; vertical-align: middle; font-size: 16px; line-height: 48px; text-align: right; position: absolute; right: 0; top: 0;} .btn1.close1, .btn2.close1, .btn3.close1, .btn4.close1 { bottom: 0; right: 0;} .btn1.open1 { bottom: 125px; right: 0;} .btn2.open1 { bottom: 100px; right: 55px;} .btn3.open1 { bottom: 58px; right: 98px;} .btn4.open1 { bottom: 0px; right: 117px;} .header-app .headtop-left{float: none;width: 100%;margin-left: 0;} .header-app .top-search{width: 100%;margin-top: 25px;} .header-app .top-search{border-radius: 30px;border: 1px solid #777;position: relative;margin-top: 25px; padding: 5px 25px;width: 100%;} .header-app .top-search input:nth-child(2){width: 17px;height: 30px;position: absolute;right: 20px;top: 50%;margin-top: -15px; background: url(../images/top-search.png)no-repeat center;background-size: 100%;cursor: pointer;} .header-app .top-search input:nth-child(1){font-size: 14px;line-height: 30px;color: #777;width: 100%;padding-right: 25px;} .header-app .headtop-right{position: static;margin-right: 0;float: none;width: 100%;text-align: center;margin: 25px 0 0;} .header-app .logo p{font-size: 12px;line-height: 16px;color: #333;font-weight: bold;} /*footer*/ .footer{background: #EEEEEE;border-top: 1px solid #f5f5f5;} .bottom1{padding: 60px 0 25px;} .bottom2{padding: 17px 0 16px;border-top: 1px solid rgba(255,255,255,.1);} .bottom2 a{display:inline-block;font-size: 14px;line-height: 26px;color: rgba(255,255,255,.2);transition: .5s;position: relative;} .bottom2 a i{font-style: normal;margin: 0 10px;} .bottom2 .bottom2-con{} .bottom2 a.link-ctm{margin: 0 5px;padding-right: 10px;position: relative;} .bottom2 a.link-ctm::before{position: absolute;content: "";width: 2px;height: 15px;background: rgba(255,255,255,.2);right: 0;top: 50%;transform: translateY(-50%);} .bottom2 a:hover{color: #fff;} .bottom2 .left{float: left;padding: 2px 0;} .bottom2 .right{float: right;font-size: 0;padding: 9px 0;} .bottom2 .right a{border-radius: 2px;border: 1px solid rgba(255,255,255,.1);padding: 6px 27px 7px;color: rgba(255,255,255,.5);} .bottom2 .right a:hover{color: #fff;} .bottom2 .left p{font-size: 14px;line-height: 28px;color: rgba(255,255,255,.2);margin-right: 15px;} .bottom2 .left span{display: inline-block;margin: 0px;font-size: 14px;line-height: 28px;color: rgba(255,255,255,.3);} .bottom2 .right a{float: left;} .bottom2 .right span{display: inline-block;position: relative;padding-left: 14px;margin-left: 14px;} .bottom2 .right span::before{position: absolute;content: "";width: 1px;height: 14px;background: rgba(255,255,255,.1);left: 0;top: 50%;transform: translateY(-50%);} .bottom2 .right span:first-child{margin-left: 0;padding-left: 0;} .bottom2 .right span:first-child::before,.bottom2 .right span:last-child::before{display: none;} .bottom2-img{display: inline-block;float: right;} .bottom-lx{float: left;} .bottomlx-txt{text-align: left;} .bottomlx-txt h4{font-size: 20px; line-height: 30px; color: #fff;} .bottom-ewm{text-align: left;width: 100%;font-size: 0;margin: 34px -10px 0;} .bottom-ewm1{display: inline-block;width: 112px;text-align: center;margin: 0 10px;} .bottom-ewm img{display: inline-block;max-width: 100%;margin-bottom: 6px;} .bottom-ewm p{font-size: 14px;line-height: 28px;color: rgba(255,255,255,.3);} .bottom-contact{float: right;} .bottom-contact h4{ font-size: 20px; line-height: 30px; color: #fff;} .bottom-contact p{font-size: 14px;line-height: 26px;color: #666;} .bottom-contact p i{font-style: normal;display: block;} .bottom-lx ul{float: right;} .bottom-lx li{font-size: 16px;line-height: 30px;color: rgba(230,197,156,0.5);} .bottom-ulfont{float: left;position: relative;padding-right: 0px;} .bottom-ul{margin: 0 -100px;} .bottom-ul ul{float: left;margin: 0 100px;position: relative;padding-left: 18px;} .bottom-ul ul::before{position: absolute;content: "";width: 1px;height: 149px;background: #404042;top: 6px;left: 0;} .bottom-ul ul.bottom-secul::before{display: none;} .bottom-ul ul.bottom-secul{margin-left: 30px;margin-right: 0;} .bottom-ul ul:first-child{margin-right: 0;} .bottom-ul ul:last-child{margin-left: 80px;} .bottom-ul ul.botul-k{margin: 0 55px 0 5px;} .bottom-ul ul li{padding: 0px 0;} .bottom-ul ul li:first-child{margin-bottom: 23px;} .bottom-ul ul li span{display: inline !important;} .bottom-ul ul li em{display: inline;font-size: 20px;line-height: 30px;color: rgba(255,255,255,.8);font-family: "Arial";} .bottom-ul ul li em.botem-sma{font-size: 16px;} .bottom-ul ul li a, .bottom1-contact li, .bottom-ul ul li span{display: block;font-size: 14px;line-height: 26px;color: rgba(232,225,224,.4);transition: ease .5s;} .bottom-ul ul li:first-child a{font-size: 20px;line-height: 30px;color: #fff;position: relative;} .bottom-secul li:first-child a{opacity: 0;cursor: auto;} .bottom-ul ul li a:hover{color: #fff;} .bottom1-ewm{float: right;padding-right: 100px;width: 316px;} /* */ .bottom1-top{padding-bottom: 12px;} .bottom1bot-a{font-size: 0;margin: 0 -30px;} .bottom1bot-a a{padding: 0 30px; display: inline-block;font-size: 16px;line-height: 36px;color: rgba(255,255,255,.3);transition: ease .5s;} .bottom1bot-a a:hover{color: #1b3582;} .bottom1bot-right{float: right;width: 316px;} .bottom-toplogo{} .btoplogo-le{float: left;} .btoplogo{} .btoplogo img{max-width: 100%;} .btoplogo-le p{font-size: 18px;line-height: 30px;color: #fff;margin-top: 11px;} .btoplogo-ri{margin-top: 50px; float: right;font-size: 0;} .btoplogo-ri span{display: inline-block;margin-left: 15px;font-size: 14px;line-height: 28px;color: #666;} .btoplogo-ri span.span-icp{padding-left: 32px;position: relative;margin-left: 0;margin-right: 15px;} .btoplogo-ri span.span-ph{padding-left: 32px;position: relative;margin-right: 15px;} .span-icp::before{position: absolute;content: "";width: 24px;height: 24px;background: url(../images/footer-icon1.png)no-repeat center;background-size: 100% 100%;left: 0;top: 50%;transform: translateY(-50%);} .span-ph::before{position: absolute;content: "";width: 24px;height: 24px;background: url(../images/footer-icon2.png)no-repeat center;background-size: 100% 100%;left: 0;top: 50%;transform: translateY(-50%);} .btoplogo-ri span a{display: block;} .btoplogo-ri span:hover a{color: #1b3582;} .bot-link{margin-top: 52px; font-size: 0;} .bot-link span{display: inline-block;font-size: 14px;line-height: 30px;color: #666;} .bot-link a{display: inline-block;font-size: 14px;line-height: 30px;color: rgba(255,255,255,.5);transition: ease .5s;margin-right: 20px;} .bot-link a:last-child{margin-right: 0;} .bot-link a:hover{color: #fff;} .bottom1-bot{border-top: 1px solid #434343;padding-top: 50px;} .bt1-le{float: left;max-width: 90%;} .bottom1bot-a{font-size: 0;margin: -15px -50px 0;} .bottom1bot-a a{position: relative;padding: 0 50px;margin-top: 15px;display: inline-block;font-size: 18px;line-height: 30px;color: #333;z-index: 3;} .bottom1bot-a a::before{position: absolute;content: "";width: 1px;height: 17px;background: #bfbfbf;right: 0;top: 50%;transform: translateY(-50%);} .bottom1bot-a a:last-child::before{display: none;} .bt1-bot{margin-top: 37px;} .bt1-botle{font-size: 0;float: left;} .bt1-botle span{display: inline-block;font-size: 16px;line-height: 30px;color: #666;} .bt1-botle span.bt1-bot-ph{padding-left: 35px;margin-right: 15px; position: relative; font-size: 34px;line-height: 36px; font-family: 'AkzidenzGrotesk-Light';} .bt1-botle span.bt1-bot-ph::before{position: absolute;content: "";width: 25px;height: 25px;background: url(../images/bt-telephone.png)no-repeat center;background-size: 100% 100%;left: 0;top: 50%;transform: translateY(-50%);} .bt1-botri{float: right;margin-top: 7px;} .bott-share{} .bt1-ri{float: right;} .bt1-ewm{overflow: hidden;text-align: center;font-size: 0;/* transform: translateY(-50px); */} .bt1-ewm img{max-width: 100%;display: inline-block;} .bt1-ewm p{font-size: 14px;line-height: 32px;color: #666;} .bott-share{} .bott-share .bshare-custom{font-size: 0;margin: 0 -10px;} .bott-share a{display: inline-block !important; background: none !important;font-size: 22px !important;line-height: 38px; text-align: center;color: rgba(255,255,255,1) !important;width: 38px !important;height: 38px !important;border-radius: 50%;border: 1px solid rgba(255,255,255,.5); transition: ease .5s !important;padding-left: 0 !important;text-decoration: none !important; margin: 0 12px !important;background: transparent !important;} .bott-share a:hover{opacity: .7 !important;} .bott-share a::after{display: none !important;} .bsBox{width: 232px !important;height: 256px !important;} .bott-share a.bshare-tx{background: url(../images/share1.png)no-repeat center !important;width: 26px !important;height: 24px !important;} .bott-share a.bshare-dy{background: url(../images/share2.png)no-repeat center !important;width: 21px !important;height: 25px !important;} .bott-share a.bshare-tt{background: url(../images/share3.png)no-repeat center !important;width: 24px !important;height: 24px !important;} /*footer -end*/ /*app-底部*/ .foot-app {width: 100%;background: #EEEEEE;padding: 40px 0 0;padding-bottom: 0px;display: none;background-size: cover;border-top: 1px solid #eeeeee;} .footer-menu{padding: 0 15px;} .footer-top{padding: 20px 20px;} .appfoot-ul{padding: 0px 0 10px;border-bottom: 1px solid rgba(255,255,255,.5);} .appfoot-ul ul{font-size: 0;margin: 0 -12px;} .appfoot-ul li{display: inline-block;margin: 5px 0;} .appfoot-ul li a{display: block;padding: 0 12px;font-size: 18px;color: #333;line-height: 30px;} /* .footer-bot{padding: 20px 20px 40px;} */ .footer-tit { position: relative; border-bottom: 1px solid rgba(255,255,255,0.5);} .open .footer-tit a { color: rgba(255,255,255,1);} .footer-tit a { font-size: 16px; color: rgba(255,255,255,0.5); line-height: 48px; margin-right: 48px; display: block;} .footer-tig { font-size: 14px; color: #333; text-align: right; line-height: 48px; width: 20px; height: 48px; position: absolute; right: 0px; top: 0; z-index: 2;} .footer-tig::before, .footer-tig::after { content: ''; background: rgba(255,255,255,0.5); position: absolute; top: 50%; transition: all .3s; left: 50%;} .footer-tig::before { width: 18px; height: 2px; margin-left: -8px;} .footer-tig::after { width: 2px; height: 18px; margin-top: -8px;} .footer-item.open .footer-tig::after { opacity: 0;} .footer-item.open .footer-tig::before { background: rgba(255,255,255,1);} .footer-cont { display: none; border: solid 1px rgba(255,255,255,0.5); border-top: 0; padding: 0 15px;} .footer-cont a { line-height: 40px; color: rgba(255,255,255,0.5); display: block; font-size: 14px; border-bottom: dashed 1px rgba(255,255,255,0.5);} .footer-cont a:last-child {border: none;} .footer-left { width: 30%;float: right;} .footer-left img { display: block; width: 100%;} .footer-right{ width: 100%;} .footer-right p { font-size: 14px; color: rgba(119,119,119,0.5); line-height: 26px;} .footer-right p a{display: inline-block;margin-right: 20px;transition: ease .5s;} .footer-right p a:hover{color: rgba(244, 222, 193, 1);} .footer-share { text-align: right;} .footer-right .img{float: right;width: 16%;text-align: center;background: #373737;padding: 7px; padding-bottom: 5px;} .footer-right .imgg{margin-bottom: 10px;} .footer-right .imgg img{width: 100%;} .footer-right .fr2{float: right;} .footer-share a { display: inline-block !important; float: none !important; background: none !important; font-size: 20px !important; height: 30px !important; line-height: 30px !important; margin: 0 7px !important; padding: 0 !important; opacity: 1 !important; color: rgba(255, 255, 255, 0.5) !important;} .foot-lx{width: 50%;} .footer-bot .bottom2{background: transparent;} .footer-bot .left a:last-child{margin-right: 0;} .footer-bot .bottom2 .left p{float: none;} .footer-bot .left{float: left;} .footer-bot .right{float: right;} .footer-bot .bottom2-img{float: right;} .footer-link, .footer-link a { line-height: 26px; font-size: 14px; color: rgba(244, 222, 193, .6);} .footer-link { padding-bottom: 20px; overflow: hidden;} .footer-link a { display: block; float: left; margin-right: 15px;} .footer-link span { float: left;} .footer-top .bottom-lx,.footer-top .bottom-lx ul{float: none;} .footertop-img{margin-top: 10px;} .footer-top .bottom-ewm,.footer-top .bott-share{text-align: left;} /* .footer-right .img{width: 100%;margin: 0 auto;text-align: center;float: none;} */ .footer-right .img .image{float: left;width: 25%;} .footer-right .con1{float: none;width: 100%;text-align: center;} .footer-right .con1 .bdshare-button-style2-16 .bds_sqq,.footer-right .con1 .bdshare-button-style2-16 .bds_tsina,.footer-right .con1 .bdshare-button-style2-16 .bds_weixin{background: none!important;font-size: 20px!important;float: none!important;} .footer-bot p:nth-child(2){margin-right: 0;} .footer-top .bottom1-ewm{float: none;} .bottomlx-txt{} .footer-top .bottom-ewm,.footer-top .bott-share,.footer-top .bott-share .bshare-custom{float: none;text-align: center;} .footer-top .bottom1-font{float: none;text-align: center;margin-right: 0;margin-top: 15px;} .footer-top .bottom1-phone{margin-top: 10px;} .foot-app .bottom-logo{margin: 30px 0;} .ny-header .navitem>a{color: #3b3e40;} .footer-top .bott-share,.footer-top .bott-share .bshare-custom{text-align: left;} .footer-top .bottom1-ewm{float: none;} /*==================================home-banner==============================*/ .home-banner{position: relative;} .pc-banner{position: relative;} .banner-slide{display: block;position: relative;} .banner-slide img{width: 100%;} .banner-font{position: absolute;top:50%;left:0;width: 100%;text-align: center;z-index: 4;transform: translateY(-50%);} .banner-cont{ filter: alpha(opacity=0);position: relative;padding-bottom: 208px;} .banner-cont h3{letter-spacing: 8px; font-size: 64px;line-height: 74px;font-weight: bold; color: #222;position: relative; font-family: '联盟起艺卢帅正锐黑体';} .banner-cont h3 em{display: block;} .banner-cont h4{font-size: 28px;line-height: 38px;font-weight: lighter; color: #222;margin-top: 18px;} .banner-more.more{margin: 45px auto 0;height: 60px;line-height: 58px;width: 200px;} .home-banner .swiper-slide-active .banner-cont{opacity: 1; filter: alpha(opacity=100); transition: all .8s linear; transition-delay: .1s;} .home-banner.app{display: none;} .home-banner.app img{width: 100%;} .home-appbanner{width: 100%;display: none;} .banner-nav{position: absolute;width: 100%;top: 50%;left: 0;z-index: 5;font-size: 0;padding-top: 135px;transform: translateY(-50%);} .pc-banner .swiper-pagination{display: block;bottom: 35px; width: 100%;} .pc-banner .swiper-pagination-bullet{width: 20px;height: 5px;border-radius: 40px; background: #fff;margin: 0 7px;opacity: 1;} .pc-banner .swiper-pagination-bullet-active{width: 40px;} .banner-bf{display: inline-block; width: 33px;height: 33px;margin: 0 12px; cursor: pointer; background: url(../images/banner-bf.png)no-repeat center;background-size: 100% 100%;} .pc-banner .swiper-button-prev, .pc-banner .swiper-button-next{position: static;display: inline-block;margin: 0 0 10px; width: 22px;height: 16px;background: url(../images/banner-right_03.png)no-repeat center;background-size: 100% 100%;} .pc-banner .swiper-button-prev{transform: rotate(180deg);} .banner-img{width: 100%;} .appbanner-img{width: 100%;display: none;} .home-banner .swiper-slide-active img { /* visibility: visible !important; */ /* -webkit-animation: scaleUpDown 30s ; */ /* animation: scaleUpDown 30s; */ } @-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.3); transform: scale(1.3); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes scaleUpDown { from { -webkit-transform: scale(1.3); transform: scale(1.3); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } em.fontaw{font-style: normal; font-family: 'fontaw';font-size: 20px;position: relative;z-index: 3;} .more{position: relative;z-index: 22; width: 170px;font-size: 16px;border-radius: 3px; margin-top: 45px;border: 1px solid #e60012; height: 50px;overflow: hidden; display: block;text-align: center;color: white;line-height: 48px;transition: all .5s;} .more::before{ position: absolute;content: ''; top: 0; right: -30%; bottom: 0; left: -30%; z-index: -1; background: linear-gradient(to right, #e60012, #e60012); transition: opacity 0.4s linear, -webkit-transform 0.6s cubic-bezier(0.3, 0.69, 0.39, 1.04) 0.4s; transition: transform 0.6s cubic-bezier(0.3, 0.69, 0.39, 1.04) 0.4s, opacity 0.4s linear; opacity: 1; transition-delay: 0s,0s; transform: translate(0, 0) skew(-60deg, 0deg); } .more span{display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 11;} /* .more:hover:after{height: 0;} */ /* .more:hover::before{height: 0;} */ .more:hover::before{ opacity: 0; transform: translate(400px, 0) skew(-60deg, 0deg); } .more:hover{color: #e60012;transition: color 0s linear;border: 1px solid #e60012;} /*home-banner -end*/ /* index */ .index-tit{text-align: left;} .index-tit h3{font-size: 60px;line-height: 70px;color: #333;text-transform: uppercase; font-family: "DINMITTELSCHRIFTSTD";} .index-tit p{padding-right: 110px; font-size: 30px;line-height: 34px;color: #333;display: inline-block;position: relative;} .index-tit p::before{position: absolute;content: "";width: 100px;height: 1px;background: #333;right: 0;top: 50%;transform: translateY(-50%);} .index-dec{margin-top: 28px; font-size: 24px;line-height: 30px;color: #e6e6e6;text-align: center;} /* 产品中心 */ .index-one{padding: 68px 0 80px;} .inone-tit{} .index-one .index-tit{margin-right: 200px;} .inone-mo{float: right;margin-top: -50px;} .inone-con{margin-top: 50px; position: relative;width: 100%;} .inone-left{float: left;width: 33.93%;padding-right: 25px;} .ino-a{display: block;position: relative;width: 100%;background: #fff;box-shadow: 0 0 13px rgba(0,0,0,.1);border: 1px solid transparent;transition: ease .5s;} .ino-img{overflow: hidden;} .ino-img img{width: 100%;transition: ease .8s;} .ino-a:hover{border-color: #013d97;} .ino-a:hover .ino-img img{transform: scale(1.1);} .ino-txt{text-align: center;position: absolute;width: 100%;top: 35px;left: 0;} .ino-txt h3{font-size: 24px;line-height: 34px;color: #013d97;font-weight: lighter;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .ino-txt span{display: block; font-family: 'AkzidenzGrotesk-Light';font-size: 18px;line-height: 30px;color: #013d97;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .ino-txt p{font-size: 18px;line-height: 26px;color: #666;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .ino-right{float: right;width: 66.07%;} .ino-ul{margin: -25px -12.5px 0;} .ino-ul li{float: left;width: 50%;padding: 0 12.5px;margin-top: 25px;} .inone-left .ino-txt{top: 60px;} .inone-li{position: relative;} .inone-block{} .inone-hide{opacity: 0; position: absolute;width: 0%;height: 100%;background: #013d97;transition: ease .5s;left: 0;top: 0;} .inone-hide a{display: block;} .inone-li:hover .inone-hide{width: 100%;opacity: 1;} .inone-hide .ino-txt{top: 50%;transform: translateY(-50%);} .inone-hide .ino-txt h3,.inone-hide .ino-txt p{color: #fff;} /* 解决方案 */ .index-two{position: relative;padding: 37px 0 0;} .index-two::before{position: absolute;content: "";z-index: -1; width: 46.35%;height: 100%; right: 0;top: 0;background: #f4f7f9;} .index-two .index-tit{float: left;margin-top: -1px;} .intw-dec{float: right;font-size: 0;} .intw-dec span{transform: translateY(4px);display: inline-block;font-size: 38px;line-height: 30px; color: #1b3582; font-family: 'HelveticaNeueLTPro-Lt';} .intw-dec em{display: inline-block;font-size: 30px;line-height: 30px; color: #1b3582;font-weight: lighter;} .intw-con{position: relative;margin-top: 48px;} .intw-img{float: right;width: 67.86%;margin-top: -78px;position: relative;} .intw-img1{position: absolute;right: 0;top: 0; opacity: 0;transition: ease .5s;} .intw-img1.on{opacity: 1;position: relative;top: auto;left: auto;z-index: 2;right: auto;display: block;} .intw-pic{overflow: hidden;} .intw-pic img{width: 100%;transition: ease .8s;} .intw-img1:hover .intw-pic img{transform: scale(1.1);} .intw-txt{position: absolute;bottom:0;left: 0;padding: 25% 40px 33px; width: 100%;background: linear-gradient(to top,rgba(0,0,0,.8),transparent);} .intw-txt h3{font-size: 30px;line-height: 40px;color: #fff;font-weight: lighter;} .intw-txt p{margin-top: 7px; font-size: 16px;line-height: 30px;color: #fff;overflow-y: auto;max-height: 60px;} .intw-txt p::-webkit-scrollbar { width: 3px; background-color: #fff; } .intw-txt p::-webkit-scrollbar-thumb { background-color:#013d97; border-radius: 10px; } .intw-font{position: relative; float: left;width: 32.14%;padding-right: 60px;padding-bottom: 18px;} .intw-font::before{position: absolute;content: "";width: 1px;height: 100%;background: #d2d2d2;top: 0;left: 5px;} .intw-font1::after{position: absolute;content: "";width: 1px;height: 0%;background: #013d97;bottom: 12px;left: 5px;} .intw-font1{padding: 36px 0 0; padding-left: 36px;display: block;position: relative;} .intw-font1::before{position: absolute;content: "";width: 7px;height: 7px;left: 2px;bottom: 12px; background: #d2d2d2;border-radius: 50%;transition: ease .5s;} .intw-font1 h4{font-size: 20px;line-height: 30px;color: #444;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .intw-font1:first-child{padding-top: 14px;} .intw-font1.on{} .intw-font1.on::before{width: 11px;height: 11px;background-color: #013d97;left: 0;z-index: 2;} .intw-font1.on::after{height: 100%;} .intw-font1.on h4{color: #013d97;} /* 成功案例 */ .index-three{padding: 119px 0 27px;} .int-dec{position: relative;padding: 38px 0;} .int-dec::after{position: absolute;content: "";width: 40%;height: 100%; background: #fff;right: 0;top: 0;} .int-dec::before{position: absolute;content: "";width: 80%;height: 100%; background: #f4f7f9;left: 0;top: 0;} .int-dec .intw-dec{float: left;position: relative;} .int-con{position: relative;} .int-img{} .int-img1{display: block;height: 700px;background-size: cover;background-repeat: no-repeat;background-position: center;} .int-img1 img{display: none;max-width: 100%;} .int-font{position: absolute;width: 100%;top: -150px;left: 0;} .int-txt{float: right;width: 50%;padding: 68px 82px 63px; background: #fff;box-shadow: 0 0 13px rgba(0,0,0,.1);position: relative;z-index: 2;} .int-txtswip{position: relative; margin-top: 43px;padding-bottom: 152px;} .int-fonts{display: block;} .int-fonts h3{font-size: 30px;line-height: 40px;color: #013d97;font-weight: lighter;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .int-p{margin-top: 18px; font-size: 16px;line-height: 28px;color: #666;max-height: 140px;} .int-txtswip .swiper-button-next, .int-txtswip .swiper-button-prev{top: auto;bottom: 10px;height: auto;width: 22px;margin-top: 0; background: none;font-size: 22px;font-weight: bold;color: #666;} .int-txtswip .swiper-button-next:hover, .int-txtswip .swiper-button-prev:hover{color: #013d97;} .int-txtswip .swiper-pagination{bottom: 0; text-align: right; font-family: "DINMITTELSCHRIFTSTD";font-size: 30px;color: #666;} .int-txtswip .swiper-pagination-current{color: #013d97;font-size: 48px;} .int-txtswip .swiper-button-next{right: auto;left: 0;margin-left: 46px;} .int-txtswip .swiper-button-prev{left: 0;} /* 关于我们 */ .index-four{padding: 41px 0 0;background-size: cover;background-repeat: no-repeat;background-position: center;} .infou-dec{margin-top: 22px; font-size: 16px;line-height: 32px;color: #666;} .infou-con{margin-top: 58px;} .infou-img{overflow: hidden;float: left;width: 60.71%;} .infou-img img{width: 100%;animation: scle2 8s linear infinite;} .infou-txt{float: right;width: 39.29%;padding-left: 100px;} .infou-ul{} .infou-ul li:first-child{margin-top: 0;padding-top: 0;border-top: none;} .infou-ul li{margin-top: 52px;padding-top: 54px;border-top: 1px solid #e5e5e5;} .infou-ul li h3{font-size: 24px;line-height: 32px;color: #013d97;} .infou-icon{float: right; width: 233px;overflow: hidden;} .infou-icon img{width: 100%;} .infou-font{margin-right: 233px;padding: 56px 0 0;} .infou-font p{font-size: 0;} .infou-font span{display: inline-block;font-size: 72px;line-height: 32px;color: #013d97; font-family: 'DINCond-Medium';} .infou-font em{font-size: 16px;line-height: 32px;color: #666;} .infou-ul li:nth-child(2) .infou-icon{margin-top: -7px;} /* 新闻中心 */ .index-fiv{padding: 68px 0 75px;} .infiv-tit .index-tit{margin-right: 200px;} .infiv-con{margin-top: 50px;} .infiv-left{float: left;width: 32.143%;} .infiv-left a{display: block;position: relative;} .infiv-img{overflow: hidden;position: relative;} .infiv-img img{width: 100%;transition: ease .8s;height: 330px;/* background: url("/userfiles/images/2021/01/22/2021012220336517.jpg")no-repeat; *//* background-size: 100%; */} .infiv-con a:hover .infiv-img img{transform: scale(1.1);} .infiv-font{padding: 30px 30px 23px;padding-top: 25%; position: absolute;width: 100%;bottom: 0;background: linear-gradient(to top,rgba(0,0,0,.5),transparent);} .infiv-font span{display: block;font-size: 16px;line-height: 24px;color: #fff; font-family: 'CenturyGothic';white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .infiv-font h3{font-size: 22px;line-height: 30px;color: #fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .infiv-font p{margin-top: 9px; font-size: 16px;line-height: 30px;color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .infiv-ul{margin: 0 -12.5px;} .infiv-ul li{float: left;width: 33.333%;padding: 0 12.5px;margin-bottom: -13px;} .infiv-imga{display: block;} .indiv-txt{} .indiv-txt span{display: block;font-size: 16px;line-height: 26px;color: #666; font-family: 'CenturyGothic';white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .indiv-txt h4{font-size: 18px;line-height: 30px;color: #555;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: center;} .infiv-right a:hover .indiv-txt h4{color: #013d97;} .infiv-ta{display: block; border-top: 1px solid #eee;} .infiv-imga .indiv-txt{padding: 13px 0 14px;} .infiv-ta .indiv-txt{padding: 12px 0 13px;} .pic-ab{opacity: 0; position: absolute;width: 0;height: 0;transition: ease .5s;left: 50%;top: 50%;transform: translate(-50%,-50%); transform-origin: center center;} .picab-con{width: 100%;height: 100%;background: #013d97;position: relative;} .picab-txt{font-size: 20px;line-height: 30px;color: #fff;position: absolute;width: 100%;left: 0;text-align: center; top: 50%;transform: translateY(-50%);padding: 0 15px;} .infiv-img:hover .pic-ab{width: 80%;height: 80%;opacity: 1;} /*客服*/ /* */ /* ===kf==== */ .kf { transition: .8s; z-index: 999999; background-color: transparent; position: fixed;top: 50%;right: 20px; width: 50px;border-radius: 5px;} .kf span {z-index: 1000001; transition: .5s; cursor: pointer; position: relative;display: block;width: 50px; height: 50px;border-radius: 5px 0 0 5px; margin-bottom: 3px; } .kf span:hover {background-color: #1b3582; } .kf .zx { background-position: 0 0; background: #a7afb9 url(../images/kefu-zx.png)no-repeat center top 12px;} .kf .back_top { border: none; background: #a7afb9 url(../images/kf-top.png)no-repeat center top 13px;} .kf span a {transition: .5s;display: block; color: #fff;line-height: 24px;font-size: 14px;text-align: center;padding-top: 22px;} .kfimgr { position: absolute; bottom: 23px; right: -9px;} .kf span div i { display: block; position: absolute; width: 15px; height: 200px;right: -15px; top: 0;} .kf .freetel { background: #a7afb9 url(../images/kefu-qq.png)no-repeat center;} .kf .zxlya { background: #a7afb9 url(../images/kf-wx_03.png)no-repeat center;} .kf span:nth-child(4) div {white-space: nowrap;} .kf a { display: block; height: 68px; position: absolute; top: 0; right: 0; width: 100%} .nav_center div, .index_nav_center div, .shou, .zhan { -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);} .kf .zxlya .erweima {display: none;width: 140px; right: 62px; position: absolute; top: -72px; background: #fff; padding: 5px;text-align: center; box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25); border-radius: 5px;} .kf .zxzx {display: none; right: 86px; position: absolute; top: 6px; background: #fff; padding: 10px 20px; text-align: center; box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25); border-radius: 5px; width: 110px; font-size: 14px;color: #333;} .kfimgr { position: absolute; bottom: 23px; right: -9px;} .kf-ly { background: #a7afb9 url(../images/kf-ly_03.png)no-repeat center;} .shou { z-index: 1000000; cursor: pointer; width: 30px; height: 40px;top: 47%; margin-top: -15px; border-radius: 5px 0 0 5px;right: 62px; background: transparent url(../images/zk1.png)no-repeat center left; position: absolute; box-shadow: none;} .shou:hover { background: transparent url(../images/zk.png)no-repeat center left;} .kf-phone { background: #a7afb9 url(../images/kf-phone1.png)no-repeat center;} .kf-phone1, .zxwb {display: none;font-size: 15px;color: #333;background-color: #fff;position: absolute;right: 60px;box-shadow: 0 0 20px rgba(0,0,0,0.2);padding: 10px 12px;background: #fff;border-radius: 5px;min-width: 150px;text-align: center;} .kf-phone1 .kfimgr, .zxwb .kfimgr { bottom: 10px;} .kf-shqi {width: 100%; height: 40px;} .kf-shqi .m-icon { display: block;margin: 0 auto; width: 30px;height: 30px; border-radius: 50%; background: #a7afb9 url(../images/kf-close.png) no-repeat center;background-size: 15px; cursor: pointer;transform: rotate(45deg); transition: all 0.3s; } .kf-shqi .m-icon:hover { background-color: #1b3582;} .kf.show .m-icon { transform: rotate(0);} .shou{z-index: 1000000;cursor: pointer;width: 30px;height: 40px;top: 47%;margin-top: -15px;border-radius: 5px 0 0 5px;right: 62px; background:transparent url(../images/zk1.png)no-repeat center left;position: absolute;box-shadow: none;} .kffixed{position: fixed;display: none; bottom: 0; z-index: 20;width: 100%;height: 49px; overflow: hidden;} .kufuul {text-align: center;padding: 2px 0;width: 100%;height: 49px;position: absolute;bottom: 0;left: 0;display: inline-block;} .kefu{padding: 0;} .kefu li {float: left;height: 45px;text-align: center;color:#fff;line-height:45px;color: #fff;transition:all .4s;} .kfzx-tigg{width: 49.5%;height: 45px;display: block;float: left;line-height:45px;opacity: 1;transition:1s opacity;} .kfzx-enter{opacity: 0} .kf-zx{display: block; width: 100%;height: 100%; color: #fff;line-height:45px;text-align: center;background: #b5b5b5;} .kf-zx img{display: inline-block; vertical-align: middle;margin-right:10px;} .teldb{width: 49.5%; background: rgba(0,0,0,0.6); background-size: contain; margin: 0 1px;position: relative;} .teldb img{ display: inline-block; vertical-align: middle; margin-right: 10px;} .teldb a{ color: white; } .kf span:hover{background-color: #1b3582;} @media (max-width:991px) { .kf{display: none;} .kffixed{display: block;} } /* app-kf */ .kffixed{ position: fixed; bottom: 0; z-index: 2000; width: 100%; height: 49px;overflow: hidden;display:none;} .kufuul {text-align: center;padding: 2px 0;width: 100%;height: 49px;position: absolute;bottom: 0;left: 0;display: inline-block;} .kefu{padding: 0;} .kefu li {float: left;height: 45px;text-align: center;color:#fff;line-height:45px;color: #fff;transition:all .4s;} .kfzx-tigg{width: 49.5%;height: 45px;display: block;float: left;line-height:45px;opacity: 1;transition:1s opacity;} .kfzx-enter{opacity: 0} .kf-zx{display: block;width: 100%;height: 100%;color: #fff;line-height:45px;text-align: center;background: rgba(236,27,36,0.9);} .kf-zx img{display: inline-block; vertical-align: middle;margin-right:10px;} .teldb{width: 49.5%; background: rgba(0,0,0,0.6);background-size: contain; margin: 0 1px; position: relative;} .teldb img{ display: inline-block; vertical-align: middle; margin-right: 10px;} .teldb a{ color: white; } @media(max-width:1919px){ .navitem{padding: 0 10px;} .header .logo{margin-left: 30px;} .navbar{margin-left: 60px;margin-right: -15px;} } @media(max-width:1459px){ .banner-cont h3{font-size: 50px;line-height: 60px;} .banner-cont h4{font-size: 22px;margin-top: 12px;} .navbar{margin-left: 30px;} .index-tit h3{font-size: 50px;} .index-tit p{font-size: 28px;} .index-dec{font-size: 20px;margin-top: 10px;} .ino-ul li{margin-top: 18px;} .ino-ul{margin-top: -18px;} .intw-dec em{font-size: 28px;} .intw-dec span{font-size: 36px;} .intw-font1{padding: 23px 0 0 36px;} .int-img1{height: 600px;} .int-txtswip{padding-bottom: 100px;} .int-fonts h3{font-size: 28px;} .int-txt{padding: 55px 55px 50px;} .int-txtswip .swiper-pagination{font-size: 28px;} .int-txtswip .swiper-pagination-current{font-size: 42px;} .infou-font span{font-size: 60px;} .infou-icon{width: 190px;} .infou-ul li:nth-child(2) .infou-icon{margin-top: 0;} .infou-font{padding: 38px 0 0;} .infou-ul li{margin-top: 35px;padding-top: 35px;} .infou-ul li h3{margin-bottom: 10px;} .infou-con{margin-top: 50px;} .bt1-le{max-width: 81%;} .bottom1bot-a a{padding: 0 34px;} .bottom1bot-a{margin: -15px -34px 0;} .bot-link{margin-top: 30px;} .banner-cont{padding-bottom: 100px;} .infou-txt{padding-left: 60px;} .header-search{margin: 33px 20px;} .index-one,.index-fiv{padding: 60px 0;} .index-three{padding: 100px 0 10px;} } @media(max-width:1420px){ .navitem{padding: 0 8px;} } @media(max-width:1300px){ .navitem>a{font-size: 16px;} } @media(max-width:1259px){ .banner-cont h3{font-size: 36px;line-height: 50px;} .header,.footer{display: none !important;} .foot-app,.header-app{display: block !important;} body{padding-top: 60px;} .bott-share{margin-top: 15px;} .bott-share a{margin: 0 6px !important;} .more,.banner-more.more{width: 150px;height: 45px;line-height: 43px;font-size: 16px;} .index-tit h3{font-size: 36px;line-height: 46px;} .index-tit p{font-size: 24px;padding-right: 90px;} .index-dec{font-size: 18px;margin-top: 5px;} .index-tit p::before{width: 80px;} .inone-mo{margin-top: -45px;} .ino-txt{top: 20px;} .inone-left .ino-txt{top: 30px;} .ino-txt h3{font-size: 22px;} .ino-txt span{font-size: 16px;line-height: 26px;} .ino-txt p{font-size: 16px;} .ino-ul li{margin-top: 10px;} .ino-ul{margin-top: -10px;} .intw-font1{padding: 16px 0 0 25px;} .intw-font1 h4{font-size: 18px;} .intw-txt h3{font-size: 26px;} .index-two::before{width: 54%;} .int-font{top: -20px;} .int-dec::after{z-index: -1;} .int-dec::before{width: 68%;} .int-fonts h3{font-size: 26px;} .int-p{max-height: 84px;margin-top: 10px;} .int-txt{padding: 50px 40px 40px;} .int-txtswip{padding-bottom: 60px;margin-top: 30px;} .int-txtswip .swiper-pagination-current{font-size: 34px;} .int-txtswip .swiper-pagination{font-size: 24px;} .int-txtswip .swiper-button-next, .int-txtswip .swiper-button-prev{font-size: 20px;} .intw-dec em{font-size: 26px;} .intw-dec span{font-size: 34px;} .int-img1{height: 500px;} .infou-txt{padding-left: 60px;} .infou-icon{width: 150px;} .infou-font span{font-size: 52px;} .infou-font{margin-right: 170px;padding: 23px 0 0;} .infou-ul li h3{font-size: 22px;} .indiv-txt h4{font-size: 16px;line-height: 26px;} .indiv-txt span{font-size: 14px;line-height: 22px;} .infiv-imga .indiv-txt,.infiv-ta .indiv-txt{padding: 8px 0;} .infiv-font h3{font-size: 20px;} .infiv-font{padding: 25% 20px 18px;} .infiv-font p{line-height: 26px;} .bot-link{margin-top: 15px;} .bottom1-top{padding-bottom: 0;} .bt1-botle span.bt1-bot-ph{font-size: 24px;} .bt1-bot{margin-top: 15px;} .bt1-botle{float: none;} .bt1-botri{float: none;} .bt1-ewm{margin-top: 10px;} } @media(max-width:991px){ .kffixed{display: block;} .banner-cont h3{font-size: 32px;line-height: 50px;} .banner-cont h4{font-size: 20px;line-height: 30px;} .pc-banner .swiper-pagination-bullet{width: 30px;height: 4px;} .pc-banner .swiper-pagination{bottom: 16px;} .banner-cont{padding-bottom: 30px;} .footer-bot{padding-bottom: 60px;} .index-tit h3{font-size: 28px;line-height: 32px;} .index-tit p{font-size: 22px;padding-right: 70px;} .index-tit p::before{width: 60px;} .btoplogo-le{float: none;} .btoplogo-ri{float: none;width: 100%;margin-top: 15px;} .appfoot-ul{margin-top: 10px;} /* .ino-right{float: none;width: 100%;} .inone-left{padding: 0;width: 50%;margin-left: 25%;} */ .ino-txt{top: 12px;} .ino-txt h3{font-size: 20px;} .inone-left .ino-txt{top: 20px;} .intw-img,.intw-font{float: none;width: 100%;} .intw-img{margin-top: 0;} .intw-font{padding-right: 0;margin-top: 30px;} .intw-dec em{font-size: 22px;} .intw-dec span{font-size: 30px;} .index-two{padding: 25px 0 0;} .index-two .intw-dec{margin-top: 30px;} .intw-con{margin-top: 32px;} .intw-txt{padding: 25% 30px 24px;} .intw-txt p{max-height: 90px;} .int-txt{width: 60%;padding: 40px 32px 36px;} .int-dec{padding: 30px 0;} .int-fonts h3{font-size: 24px;} .int-img1{height: 450px;} .infou-img{float: none;width: 100%;} .infou-txt{padding: 0;float: none;width: 100%;padding: 20px 0 0;} .infou-ul li{float: left;width: 50%;margin: 0;padding: 0 15px;border: none;} .infou-ul{margin: 0 -15px;} .intw-txt h3{font-size: 24px;} /* .intw-img1{opacity: 1;position: static;display: none;} .intw-img1.on{position: static;opacity: 1;display: block;} */ } @media(max-width:767px){ .bsBox{width: 163px !important;height: 186px !important;margin-left: -82px !important;} .bsTop{width: 151px !important;} .bsFrameDiv>div{width: 140px !important;height: 150px !important;} .bsFrameDiv img{width: 130px !important;height: 130px !important;margin: 10px !important;} .index-one,.index-three{padding: 40px 0;} .index-tit h3{font-size: 24px;line-height: 34px;} .index-tit p{font-size: 22px;line-height: 30px;} .banner-cont h3{font-size: 26px;line-height: 40px;} .banner-cont h4{font-size: 16px;margin-top: 5px;} .banner-cont{padding-bottom: 20px;} .banner-more.more{margin-top: 28px;} .ino-right{float: none;width: 100%;} .inone-left{padding: 0;float: none;width: 50%;margin-left: 25%;} .ino-txt{top: 20px;} .ino-txt h3{font-size: 18px;} .inone-left .ino-txt{top: 30px;} .ino-ul li{padding: 0 10px;} .ino-ul{margin: 0 -10px;} .intw-dec em{font-size: 20px;} .intw-dec span{font-size: 22px;transform: none;} .inone-con,.intw-con,.infou-con,.infiv-con{margin-top: 20px;} .intw-txt h3{font-size: 18px;line-height: 28px;} .intw-txt p{font-size: 14px;line-height: 24px;} .intw-font1 h4{font-size: 16px;line-height: 26px;} .intw-font1::before{bottom: 9px;} .int-img1{height: auto;background: none !important;} .int-img1 img{display: block;} .int-font{position: relative;top: 0;} .int-txt{width: 100%;padding: 30px 25px;} .int-p{margin-top: 5px; max-height: none;height: auto;font-size: 14px;line-height: 24px;} .int-fonts h3{font-size: 18px;line-height: 28px;} .int-txtswip{margin-top: 15px;} .int-txtswip .swiper-pagination-current{font-size: 28px;} .int-txtswip .swiper-pagination{font-size: 20px;} .int-dec{padding: 15px 0;} .index-four{padding: 0;} .infou-dec{font-size: 14px;line-height: 24px;margin-top: 9px;} .infou-ul li h3{font-size: 18px;} .infou-font span{font-size: 36px;} .infou-font em{font-size: 14px;} .infou-icon{width: 110px;} .infou-font { margin-right: 130px;padding: 10px 0 0;} .index-fiv{padding: 40px 0 50px;} .infiv-left{float: none;width: 50%;padding: 0;margin-left: 25%;} .infiv-right{padding: 0;float: none;width: 100%;margin-top: 15px;} .infiv-font p{margin-top: 5px; font-size: 14px;line-height: 24px;} .infiv-font h3{font-size: 18px;} .int-img{padding: 0 15px;} .int-dec{padding-top: 0;} .intw-font{margin-top: 20px;} .infiv-ul li{width: 50%;margin-bottom: 20px;} .infiv-ul{margin-bottom: -20px;} } @media(max-width:640px){ .banner-slide img.home-appbanner{display: block;} .banner-slide img.home-pcbanner{display: none;} .inone-left{width: 100%;margin: 0;} .ino-ul li{width: 100%;} .index-two{padding-top: 0;} .intw-dec{float: none;} .index-two .index-tit{float: none;} .index-two .intw-dec{margin-top: 5px;} .intw-txt h3{color: #333;} .intw-txt p{color: #666;max-height: none;height: auto;} .intw-txt{position: relative;background: none;padding: 20px 0 0;} .index-two::before{display: none;} .int-dec::before{display: none;} .infou-ul li{width: 100%;border-top: 1px solid #e5e5e5;padding-top: 12px;margin-top: 12px;} .infou-ul li:nth-child(1){padding-top: 0;border-top: none;margin-top: 0;} .infou-ul li h3{margin-bottom: 0;} .inone-mo{float: none;margin-top: 15px;} .infiv-tit .index-tit,.index-one .index-tit{margin-right: 0;} .infiv-left{width: 100%;margin: 0;} .infiv-ul li{width: 100%;margin-top: 25px;margin-bottom: 0;} .infiv-ul{margin-top: -25px;} .intw-dec em{font-size: 18px;} .intw-dec span{font-size: 20px;} .banner-more.more{margin-top: 20px;} .bt1-ewm{margin-top:25px;} .bot-link a{margin-right: 12px;} } @media(max-width:530px){ } @media(max-width:375px){ .btoplogo-ri span.span-ph{margin-right: 0;} } @media(max-width:320px){ } .ny-header{background: #fff;} .ny-header .header-language a{color: #333;} .ny-header .header-language a.on{color: #fff;} #ino-p1{display: none;} #ino-p span{opacity: 0;} /* 内页 */ .ny-padd{padding: 75px 0 80px;} /* ny-banner */ .nybanner{position: relative;margin-top: 0;height:350px;background-size: cover;background-repeat: no-repeat;background-position: center;} .about-banner{height: 550px;} .abtbanner-vedio{position: absolute;width: 100%;height: 100%;left: 0;top: 0;} .abtbanner-vedio::before{position: absolute;content: "";width: 100%;height: 100%;background: rgba(0,0,0,.5);left: 0;top: 0;} .nyappbanner{width: 100%;display: none;} .nybanner-con{position: absolute;width: 100%;left: 0; top: 50%;transform: translateY(-50%);} .nybanner-font{text-align: center;padding-bottom: 5px;} .nybanner-font h3{font-size: 38px;line-height: 63px;color: #fff;} .nybanner-font p{margin-top: 5px;font-size: 14px;line-height: 24px;color: #fff;max-width:740px;margin-left: auto;margin-right: auto;} .nybanner-font p em{display: block;} .banner-menu{position: relative;height: auto;} .menu-cont{position: relative;height: 1px;margin-top: -1px;padding-bottom: 0px;} .menu{padding: 0 10px; width: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%); font-size: 0;white-space: nowrap;overflow-x: auto;overflow-y: hidden;background: #fff;box-shadow: 0 0 13px rgba(0,0,0,.1);} .menu::-webkit-scrollbar { height: 3px; background-color: #fff; } .menu::-webkit-scrollbar-thumb { background-color:#e60012; border-radius: 10px; } .menu a{display: inline-block;position: relative;margin: 0 32px; padding: 16px 0px;background: transparent; font-size: 16px;line-height: 28px;color: #666;} .menu a::before{position: absolute;content: "";width: 0;height: 2px;background: #e60012;left: 50%;transform: translateX(-50%);bottom: 0;transition: ease .5s;} .menu a.on::before{width: 100%;} .appli-menu a.on::before{display: none;} .menu a::after{position: absolute;content: "";width: 1px;height: 15px;background: #dedede;top: 50%;transform: translateY(-50%);right: -30px;} .menu a:last-child::after{display: none;} .menu a.on{color: #e60012;font-weight: bold;} .menu a:hover{color: #e60012;} .bread{padding: 10px 0; position: absolute;width: 100%;left: 0;bottom: 0;text-align: right; font-size: 0; font-size: 14px;line-height: 28px;color: #fff;margin: 0px 0 0;background: transparent;} .bread.probread{padding: 0; position: static;background: #F4F4F4;} .bread.probread,.bread.probread a,.bread.probread p,.bread.probread p em{color: #333;} .bread p{font-size: 14px;line-height: 28px;color: #fff;} .bread a{position: relative;z-index: 7; display: inline-block;font-size: 14px;line-height: 28px;color: #fff;transition: ease .5s;} .bread p em{display: inline-block;transform: translateY(1px);color: #fff;font-style: normal;font-size: 20px;margin: 0 10px;} .bread p em:first-child{/* margin-left: 0; */} .bread a:hover{color: #e60012;} .menu a em{margin-left: 10px;} /* ===============nav-second=========== */ .appsecond-nav{position: relative;display: none;z-index: 200;} .bot {position: absolute;top: 48px;background: #fff;z-index: 10;} .se-bot {width: 100%;display: none;} .se-top {height: 48px;line-height: 48px;border-bottom: solid 1px #d8d8d8;position: relative;} .se-top1 {background: #fff;} .se-top .se-a {color: #444;font-size: 16px;display: block;padding: 0px 20px;} .se-tig.P_tig {font-size: 16px;color: #333;text-align: center;transition: all .5s;line-height: 48px;width: 48px;height: 48px;position: absolute;right: 0;top: 0;z-index: 2;} .se-btop {height: 48px;line-height: 48px;} .se-a1 {color: #444;font-size: 16px;padding: 0px 20px;display: block;} .se-a1.hover {color: #fff;background: #e60012;border-bottom: solid 1px #fff;} .se-tig.P_tig.open {transform: rotateZ(90deg);opacity: 1;} .se-bottom{display: none;background:white;} .se-bottom a{display: block;font-size: 14px;color: #888;border-bottom: 1px solid #eee;padding: 10px 30px;} .se-bottom a.on{font-weight: bold;} .se-btop.active .se-tig.P_tig{color: #fff;} .se-btop.active .se-a1{background: #e60012;color: #fff;border-bottom: 1px solid #fff;} /* 分页 */ .lpage{font-size: 0;width: 100%;text-align: center; position: relative;} .lpage a{display: inline-block;font-size: 16px;line-height: 30px;color: #666;margin: 0 5px;background: #fff; font-family: "mon-r";padding: 5px;width: 40px;text-align: center; transition: ease .5s;} .lpage a.on,.lpage a:hover{background: #1b3582;color: #fff;} .lpage a em{font-size: 15px;} .info-page{font-size: 0;text-align: center;position: relative;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;padding: 15px 0 9px;} .info-page a{display: inline-block;font-size: 18px;line-height: 30px;color: #1b3582;} .info-left{position: absolute;left: 0;top: 50%;transform: translateY(-50%);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: 33.33%;background: url(../images/info-left.png)no-repeat center left;background-size: 22px 14px;padding-left: 40px;} .info-page a.info-cent{color: #666;padding-top: 26px; display: inline-block;position: relative;} .info-page a.info-cent::before{position: absolute;content: "";width: 23px;height: 23px;background: url(../images/infopage-cen.png)no-repeat center;background-size: 100% 100%;transition: ease 1s;top: 0;left: 50%;transform: translateX(-50%);} .info-page a.info-cent:hover::before{transform: rotate(180deg) translateX(50%);} .info-right{position: absolute;right: 0;top: 50%;transform: translateY(-50%);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: 33.33%;background: url(../images/info-right.png)no-repeat center right;background-size: 22px 14px;padding-right: 40px;} /* ==============anchor============= */ .anchor { position: fixed; top: 0; left: 0; width: 100%; padding: 15px 0; z-index: 490; background: #fff; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1); text-align: center; display: none;} .anchor li { display: inline-block;vertical-align: middle; margin: 0 5px;} .anchor li a { display: block; padding: 0 26px;font-size: 14px;line-height: 34px; text-align: center; color: #333; transition: all .3s;} .anchor li.on a{color: #fff;background: #1b3582;} .anchor li a:hover{color: #1b3582;} .anchor li.on a:hover{color: #fff;} /* ================ product 产品中心 =============== */ .product{} .pro-one{position: relative;} .pro-two{padding: 60px 0;} .pro-three{} .pro1-con{} .pro1-ul{margin: -50px -35px 0;font-size: 0;text-align: center;} .pro1-ul li{display: block;float: left; width: 25%;padding: 0 35px;margin-top: 50px;} .pro1-a{display: block;background: #fff;padding: 0;} .pro1-img{overflow: hidden;font-size: 0;text-align: center;border-bottom: 1px solid #eee;padding: 0 0 10%;} .pro1-img .img{width:100%;position:relative;padding-top:68%} .pro1-img .img img{width: 100%;height: 100%;position:absolute;top:0;left:0;transition: ease .5s;} .pro1-txt{text-align: center;margin-top: 20px;} .pro1-txt h3{font-size: 18px;line-height: 30px;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .pro1-txt p{margin-top: 0px;font-size: 14px;line-height: 26px;color: #666;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .pro1-ul li:hover .pro1-img img{transform: scale(1.1);} .pro-page{margin-top: 50px;} .pro1-ul li:hover .pro1-txt h3{color: #033C9A;} @media(max-width:1459px){ .pro1-txt h3{font-size: 18px;line-height: 26px;} .pro1-txt p{margin-top: 4px;} } @media(max-width:1259px){ .pro1-ul li{padding: 0px 20px;} .pro1-ul{margin: -50px -20px 0;} } @media(max-width:991px){ .pro1-ul li{width: 33.33%;} } @media(max-width:767px){ .pro1-ul li{margin-top: 30px;padding: 0 15px;} .pro1-ul{margin: -30px -15px 0;} .pro1-txt h3{font-size: 16px;} .pro1-txt p{font-size: 14px;line-height: 22px;} .pro1-txt{margin-top: 12px;} .pro-page{margin-top: 30px;} } @media(max-width:640px){ .pro1-ul li{width: 50%;} } /* ================ proinfo 产品详情 =============== */ /*视频弹窗*/ .msg-box-bg {width: 100%;height: 100%;position: fixed;left: 0;top: 0;display: none;z-index: 10001;background: rgba(0,0,0,0.5);} .msg-box {width: 860px;height: 524px;padding: 50px;background-color: #F3F3F3;position: absolute;left: 50%;transform: translateX(-50%); top: 0;margin-top: -262px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);} .msg-box .close-box {width: 38px;height: 38px;font-size: 30px;color: #666; cursor: pointer;position: absolute;right: 10px;top: 10px;-webkit-transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-o-transition: .5s;transition: .5s;} .msg-box .close-box:hover {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);} /*视频弹窗 -end*/ .proinfo{} .proinfo-one{overflow: hidden;width: 100%;} .proinfo-one img{width: 100%;} /* ================== solution 解决方案 ================= */ .solution{} .solu-one{ POSITION: relative; } .solu1-con{margin-left: 292px;} .solu1-ul{margin: 0px -12px -40px;} .solu1-ul li{float: left;width: 33.333%;padding: 0 12px;margin-bottom: 40px;} .solu1-a{border: 1px solid #E9E9E9;} .solu1-img{overflow: hidden;width: 100%;height: 180px;} .solu1-img img{width: 100%;transition: ease .5s;} .solu1-font{padding: 20px;} .solu1-font a{display: block;} .solu1-txt{} .solu1-txt h3{font-size: 18px;line-height: 26px;height: 50px;color: #333;/* font-weight: bold; */} .solu1-txt p{margin-top: 20px; font-size: 14px;line-height: 21px;height: 168px; color: #666;} .solu1-font span{display: none;background: #e60012;font-size: 14px;color: #fff;padding: 2px 5px;margin-top: 20px;width: auto;} .solu-page{margin-top: 50px;} .solu1-ul li:hover .solu1-img img{transform: scale(1.05);} .screen { float: left; width: 260px; padding-top: 30px; padding-right: 20px;} .screen .h1 { font-size: 24px; color: #222; margin-bottom: 20px; } .screen .form { margin-bottom: 25px; } .screen .form .box { border: 1px solid #dcdcdc; border-radius: 8px; line-height: 43px; background: #fff; padding: 0 14px; font-size: 0; } .screen .form .text { width: calc(100% - 17px); height: 39px; line-height: 39px; margin-top: 2px; vertical-align: top; } .screen .form .sub { font-size: 0; width: 17px; height: 17px; line-height: 17px; background: url(../images/img33.jpg) center center no-repeat; background-size: cover; margin-top: 13px; cursor: pointer; vertical-align: top; } .screen .sort { margin-bottom: 17px; } .screen .sort .h2 { font-size: 16px; color: #222; font-weight: bold; padding-bottom: 32px; border-bottom: 1px solid #dcdcdc; } .screen .sort .name { float: left; width: calc(100% - 12px); } .screen .sort .icon { float: right; width: 12px; transition: all .3s; } .screen .sort a { display: block; padding: 14px 15px; border-bottom: 1px solid #dcdcdc; font-size: 14px; color: #222; line-height: 26px; } .screen .sort li.on a { color: #e60012; } .screen .sort.on .icon { transform: rotate(180deg); -ms-transform: rotate(180deg);} @media(max-width:1259px){ .solu1-ul li{width: 33.333%;} .screen{float: none;width: 100%;padding: 0;} .solu1-con{margin-left: 0;margin-top: 40px;} } @media(max-width:991px){ .solu1-ul li{width: 50%;} } @media(max-width:767px){ .solu1-font{padding: 15px 15px;} .solu1-ul li{padding: 0 10px;margin-bottom: 30px;} .solu1-ul{margin: 0px -10px -30px;} .solu1-txt h3{font-size: 14px;} .solu-page{margin-top: 30px;} .screen .h1{font-size: 22px;margin-bottom: 12px;} .screen .sort a{padding: 10px 15px;} } @media(max-width:640px){ .solu1-ul li{width: 100%;} .solu1-txt h3{height: auto;} .solu1-txt p{height: auto;} } /* ================== solutinfo 解决方案详情 ================= */ .solutinfo{} .soluinfo1{padding: 70px 0;} .soluinfo1 img{width: 40%;/* margin-left: 59%; */} .soluinfo1-con img+div{width: 59%;padding: 0 5% 0 0;/* margin-left: -99%; */float: left;} .soluinfo1-con>div{display: inline-block; vertical-align: middle; box-sizing: border-box;} .soluinfo1 h3{font-size: 28px;line-height: 34px;color: #000;margin: 16px 0;} .soluinfo1 p{font-size: 16px;line-height: 28px;color: #777;} .soluinfo2{padding: 70px 0;} .soluinfo2-top{padding: 50px 0 0;} .soluinfo2-p{float: left;width: 48%;} .soluinfo2-p:nth-child(2){margin-left: 4%;} .soluinfo2-p h3{font-size: 28px;line-height: 34px; color: #000;margin: 16px 0;} .soluinfo2-p p{padding-bottom: 32px;font-size: 16px;line-height: 28px;color: #777;} .soluinfo2-p p img{display: block;width: 100%;} .soluinfo3{padding: 70px 0;} .soluinfo3-con{} .soluinfo3-con h3{font-size: 28px;line-height: 38px;color: #000;margin: 16px 0;} .soluinfo3-con p{padding-bottom: 32px;font-size: 16px;line-height: 28px;color: #777;} .soluinfo3-con p img{display: block;width: 100%;} .soluinfo4{padding: 70px 0;} .soluinfo4-con{padding: 70px 0 0;} .soluinfo4-con h3{text-align: center; font-size: 28px;line-height: 38px;color: #000;margin: 16px 0;} .soluinfo4-con p{text-align: center; padding-bottom: 32px;font-size: 16px;line-height: 24px;color: #777;} .soluinfo4-con p img{display: block;width: 100%;} /* 解决方案底部推荐切换 */ .soluinfo-btmenu{position: relative;width: 100%;} .soluinfo-btmenu::after{content: ""; display: block;height: 1px; width: 100%;position: absolute; bottom: 0; z-index: 1;background-color: #DEDEDE;} #soluinfo-btmenu{font-size: 0; position: relative;z-index: 2; padding-top: 10px;} .btn-tag{display: inline-block;font-size: 15px; background-color: #F6F6F6;border: 1px solid #DEDEDE; border-left: none; vertical-align: bottom;padding: 10px 40px;color: #AEAEAE;cursor: pointer;} .btn-tag:first-of-type{border-left: 1px solid #DEDEDE;} .btn-tag.on{padding: 13px 40px;color: #000;border-bottom-color:#fff;background-color: #fff;border-left: 1px solid #DEDEDE;margin-left: -1px;} .soluinfo-btcon{padding: 50px 0 0;} #soluinfo-btcon{} .btn-btcont{display: none;} .btn-btcont.on{display: block;padding-bottom: 50px;} @media(max-width:1459px){ .soluinfo1 h3,.soluinfo2-p h3, .soluinfo3-con h3,.soluinfo4-con h3{font-size: 20px;line-height: 26px;} .soluinfo1 p,.soluinfo2-p p, .soluinfo3-con p,.soluinfo4-con p{font-size: 15px;} } @media(max-width:1259px){ .soluinfo1,.soluinfo2,.soluinfo3,.soluinfo4{padding: 45px 0;} .soluinfo2-top,.soluinfo4-con{padding: 20px 0 0;} .btn-tag{padding: 7px 30px;font-size: 14px;} .btn-tag.on{padding: 10px 30px;font-size: 15px;} } @media(max-width:991px){ } @media(max-width:767px){ .soluinfo1 h3,.soluinfo2-p h3, .soluinfo3-con h3,.soluinfo4-con h3{font-size: 16px;line-height: 24px;} .soluinfo1 p,.soluinfo2-p p, .soluinfo3-con p,.soluinfo4-con p{font-size: 14px;line-height: 24px;padding-bottom: 10px;} .soluinfo2-top, .soluinfo4-con{padding: 0;} .soluinfo1, .soluinfo2, .soluinfo3, .soluinfo4{padding: 30px 0;} .soluinfo1 img{width: 100%;margin-left: 0;} .soluinfo1-con img+div{width: 100%;margin: 0;padding: 0;} .soluinfo1-con>div{display: block;} .soluinfo2-p{width: 100%;} .soluinfo2-p:nth-child(2){margin: 0;} .btn-btcont.on{padding-bottom: 40px;} } @media(max-width:640px){} /* ==================== news新闻中心 ================== */ .news{padding: 60px 0;} #news{} .hotnews{border-bottom: 1px solid #e7e7e7;} .hot-news a,.news-list a{display: block;} .hot-news{margin: -30px -12px 0;} .hotnews-li{float: left; width: 25%;padding: 0 12px;margin-top: 30px;} .news-img{overflow: hidden;} .news-img img{width: 100%;transition: ease .8s;} .hotnews-li:hover .news-img img{transform: scale(1.1);} .hotnews-font{padding: 16px 0 28px;} .news-tit{font-size: 18px;line-height: 24px; color: #333;} .news-tit a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .news-tit:hover{color: #e60012;} .news-p{height: 40px;line-height: 20px;font-size: 14px;color: #8c8c8c; margin-top: 5px; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .news-list{} .news-li{padding: 30px;padding-right: 100px;border-bottom: 1px solid #ededed;transition: all 300ms ease 0s;} .news-li>div{position: relative;} .news-li .news-p{margin-top: 10px;} .news-font{width: 53%;float: left;} .news-time{border-left: 1px solid #eaeaea;float: right;padding-left: 20px;margin-right: 150px;} .news-date{font-family: 'impact';font-size: 50px;color: #e6e6e6;transition: all 300ms ease 0s;} .news-year{font-family: "Arial"; font-size: 14px;color: #666;margin-top: 5px;} .news-right{position: absolute;transition: all 300ms ease 0s; right: 0%; width: 17px; height: 30px; background: url(../images/info_more.png) no-repeat;background-size: 100% 100%; top: 50%; margin-top: -15px;} .news-page{margin-top: 40px;} .news-li:hover .news-date{color: #e60012;} .news-li:hover .news-right{right: -30px;} .news-li:hover{border-color: #e60012;} .news-li:hover .news-tit{color: #e60012;} @media(max-width:1459px){} @media(max-width:1259px){ .news-date{font-size: 40px;} .news-li{padding-right: 60px;} } @media(max-width:991px){ .hotnews-li{width: 33.333%;} .hotnews-font{padding: 16px 0 0;} .news-time{margin-right: 80px;} .news-font{width: 58%;} .news-date{font-size: 36px;} .news-right{width: 12px;height: 22px;} .news-li{padding-right: 40px;} .news-li:hover .news-right{right: -20px;} .hotnews{padding-bottom: 28px;} } @media(max-width:767px){ .news-date{font-size: 28px;} .news-li{padding: 25px 20px;} .news-time{margin-right: 40px;} .news-page{margin-top: 30px;} } @media(max-width:640px){ .hotnews-li{width: 50%;} .news-time{float: none;width: 100%;border: none;padding: 0;margin-top: 10px;} .news-font{float: none;width: 100%;padding-right: 0px;} .news-date{font-size: 24px;} .news-right{display: none;} .news-li{padding: 20px 0px;} .hotnews-li{padding: 0 8px;margin-top: 20px;} .hot-news{margin: -20px -8px 0;} .news{padding: 40px 0;} } /* ================== newsinfo新闻详情 ================== */ .newsinfo{} .newsinfo-con{padding-top: 44px;} .newsinfo-wrap{} .newsinfo-left{float: left;width: 77.14%;padding-right: 80px;} .newsinfo-tit{font-size: 30px;line-height: 40px;color: #333;} .newsinfo-dec{margin-top: 8px;} .newsinfo-dec h5{float: left;max-width: 72%; font-size: 16px;line-height: 30px;color: #888;} .newsinfo-share{float: right;max-width: 28%;} .newsinfo-share .bott-share{margin-top: -1px;} .newsinfo-share span{display: inline-block;font-size: 16px;line-height: 30px;color: #888;} .newsinfo-share a{font-size: 20px !important;line-height: 26px !important; color: #888 !important;} .newsinfo-share a:hover{color: #e60012 !important;opacity: 1 !important;} .newsinfo-share .bott-share .bshare-custom{margin: 0;} .newsinfo-font{margin-top: 14px; font-size: 16px;line-height: 32px;color: #666;} .newsinfo-font p{} .newsinfo-font img{max-width: 100%;/* display: inline-block; */height: auto;} .newsinfo-img{text-align: center;font-size: 0;} .newsinfo-right{float: right;max-width: 320px;width: 22%;padding-top: 1px;} .newsinfo-right h3{font-size: 20px;line-height: 30px;color: #e60012;} .newsinfo-riul{margin-top: 15px;} .newsinfo-riul li{padding: 15px 0 14px; border-bottom: 1px solid #e5e5e5;} .newsinfo-riul li:first-child{border-top: 1px solid #e5e5e5;} .newsinfo-riul li a{display: block;} .newsinfo-riul li h4{font-size: 16px;line-height: 24px;color: #666;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .newsinfo-riul li p{font-size: 16px;line-height: 24px;color: #666; font-family: "CENTSCHBKCYRILL-BT-ROMAN";white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .newsinfo-riul li:hover h4{color: #e60012;} .newsinfo-page{margin-top: 30px;} .newsinfo-right.sctop{position: fixed;right: 7.5%;padding-left: 0px; top: 140px;z-index:20} .newsinfo-right.scbot{top:0;left:0;position:absolute;} .newsinfo-right.scbot2{bottom:0;left:0px;position:absolute;} @media(max-width:1459px){ .newsinfo-tit{font-size: 26px;} } @media(max-width:1259px){ .newsinfo-tit{font-size: 24px;} .newsinfo-right{width: 22.86% !important;} } @media(max-width:991px){ .newsinfo-tit{font-size: 20px;} .newsinfo-dec h5,.newsinfo-share{float:none;max-width: none;width: 100%;} .newsinfo-share .bott-share{text-align: left;} .newsinfo-share{margin-top: 10px;} .newsinfo-left{padding-right: 0px;float: none;width: 100%;} .newsinfo-right{float: none;width: 100% !important;padding: 0;margin-top: 30px;} .newsinfo-right h3{font-size: 18px;} } @media(max-width:767px){ .newsinfo-font,.newsinfo-riul li h4, .newsinfo-riul li p,.newsinfo-dec h5,.newsinfo-share span{font-size: 14px;line-height: 26px;} .newsinfo-tit{font-size: 18px;line-height: 30px;} .newsinfo-right h3{font-size: 16px;} .newsinfo-riul li{padding: 10px 0;} .newsinfo-riul{margin-top: 10px;} .newsinfo-page{margin-top: 30px;} .newsinfo-right{margin-top: 20px;} } /* ================= 成功案例appli =============== */ .appli{} .appli-one{} .appli-con{} .appli-ul{margin-top: -20px;} .appli-li{width: 100%;margin-top: 20px;} .appli-li>a{display: block; padding: 4%;background-color: rgba(241, 243, 246, 0.76);} .appli-img{ width: 40%; height: 250px; float: left;overflow: hidden;} .appli-img>div{height: 100%;width: 100%;transition: ease .5s; background-size: cover;background-repeat: no-repeat;background-position: center;} .appli-li:hover .appli-img>div{transform: scale(1.1);} .appli-txt{width: 60%; float: left;padding: 2% 3%;padding-right: 1%;} .appli-p{height: 78px;padding-right: 0; font-size: 16px;line-height: 26px;color: #333;margin-top: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .appli-txt h3{font-size: 24px;line-height: 32px;color: #333;} .appli-page{margin-top: 40px;} .appli-mo{margin-top:20px;} @media(max-width:991px){ .appli-img,.appli-txt{float: none;width: 100%;} /* .appli-p{margin-top: 5px;} */ .appli-txt{padding: 3%;padding-bottom: 1%;} .appli-p{max-height: none;height: auto;margin-top: 5px;} } @media(max-width:767px){ .appli-page{margin-top: 30px;} .appli-txt h3{font-size: 18px;} .appli-txt{padding: 5% 3%;} .appli-p{font-size: 14px;} .appli-mo{margin-top: 20px;} .appli-li>a{padding: 20px 15px 10px;} } /* ============== about ============= */ /* .about{overflow-x: hidden;} */ .about .fl{float: left;} .about .fr{float: right;} .trans { -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } #center{} #category{} #qiye_index{padding:24px 0 36px;} #qiye_index .q_name{height:94px; line-height:47px; background:url(../images/qiye.jpg) no-repeat center bottom; color:#222; font-family:mf; font-size:35px; text-align:center;} #qiye_index .q_name.cn{line-height:79px;} #qiye_index .q_name.en{line-height:47px;} #qiye_index .qi_list{padding:0 6%; margin-top:30px;} .qi_list li{width:49%; position:relative; z-index:1; margin-bottom:20px;overflow: hidden;} .qi_list li a{width:100%; display:block;} .qi_list li .pic{width:100%;} .qi_list li .pic img{width:100%;} .qi_list li .mpic{width:100%; display:none;} .qi_list li .mpic img{width:100%;} .qi_list li .orange{background-color: rgba(215,24,23,.8);left: 20%;right: 20%;top: 30.8%;bottom: 30.8%;position: absolute;z-index: 1;} .qi_list li:hover .orange{left: 0;right: 0;top: 0;bottom: 0;} .qi_list li .culture{width:100%; position:absolute; z-index:3; left:0; text-align:center;top: 50%;transform: translateY(-50%);} .qi_list li .culture .q_pic{width:64px; height:64px; display:inline-block; vertical-align:middle; margin-right:25px;} .qi_list li .culture .q_pic span{display:inline-block; vertical-align:middle; height:100%;} .qi_list li .culture .q_pic img{max-width:100%; vertical-align:middle;} .qi_list li .culture .cu{display:inline-block; *display:inline; zoom:1; vertical-align:middle;} .qi_list li .culture .cu .cu_t{height:56px; line-height:56px; font-size:40px; color:#fff; font-family:mf; color:#fff; text-align:center;} .qi_list li .culture .cu .cu_e{height:22px; line-height:22px; text-align:center; color:#fff;} .qi_list li .culture .cul_del{text-align:center; margin:20px 0 24px; font-size:14px; color:#fff; height:180px; line-height:26px; padding:0 4%; display:none;} .qi_list li .culture .cu_more{width:24px; height:24px; margin:0 auto; display:none;} .qi_list li:hover .culture{top:20px !important;transform: none;} .qi_list li:hover .cul_del{display:block;} .qi_list li:hover .cu_more{display:block;} .qi_list li:hover .q_pic{display:none;} #center{position:relative; z-index:5;} #category{position:absolute; width:100%; top:-60px; text-align:center;} #category .show_980{display:none;} #category ul{font-size:0;} #category ul li{width:236px; border-right:1px solid #fff; background:rgba(255,255,255,0.8); height:60px; line-height:60px; text-align:center; display:inline-block; font-size:18px; overflow:hidden;} #category ul li:last-child{border-right:none;} #category ul li a{color:#595959; display:block;} #category ul li:hover{background:#e60012; font-weight:bold;} #category ul li:hover a{color:#fff;} #category ul li.on{background:#e60012; font-weight:bold;} #category ul li.on a{color:#fff;} .art_top{/* padding:40px 0 90px; *//* background:url(../images/company_bg.jpg) no-repeat right top; */} .a_cn{height:60px; text-align:center; font-size:0;} .a_cn .a_line{width:106px; height:1px; background:#e60012; vertical-align:middle; display:inline-block;} .a_cn .a_name{height:60px; line-height:60px; font-size:40px; color:#e60012; vertical-align:middle; font-family:mf; margin:0 30px; display:inline-block;} .a_tit{line-height:24px; font-size:14px; text-align:center; color:#888;} .art_top .a_box{margin-top:40px;} .art_top .a_box .a_lab{width:54%;} .art_top .a_box .a_lab .a_del{line-height:34px; font-size:14px; color:#666;} .art_top .a_box .item{margin-top:50px; background:#fff9f5;} .art_top .a_box .item .item_li{width:33.33%; border-right:1px solid #ffeadc; padding:20px 0;} .art_top .a_box .item .item_li .item_num{height:64px; line-height:64px; color:#e60012; text-align:center; font-size:44px;} .art_top .a_box .item .item_li .item_num span{font-size:44px; color:#e60012;} .art_top .a_box .item .item_li .bri{height:34px; line-height:34px; font-size:16px; text-align:center; color:#666; font-family:mf;} .art_top .a_box .a_rab{width:42%;} .art_top .a_box .a_rab img{width:100%;} .art_top .ente{padding-top:104px;} .honor{padding:80px 0; background:#fbf7ef;} .honor .honor-swiper{margin-top:60px;} .honor .item{width:18%;} .honor .item .pic{width:100%; border:1px solid #e0e0e0;display: block;} .honor .item .pic img{width:100%;} .honor .item .title{height:64px; line-height:64px; font-size:16px; color:#666; overflow:hidden; text-align:center;} .honor .h_button{margin-top:60px; height:38px; background:url(../images/h_button_bg.jpg) repeat-x center; text-align:center; font-size:0;} .honor .h_button .prev{width:38px; height:38px; background:url(../images/h_prev.jpg) no-repeat; cursor:pointer; margin-right:1px; display:inline-block;} .honor .h_button .next{width:38px; height:38px; background:url(../images/h_next.jpg) no-repeat; cursor:pointer; display:inline-block;} @media(max-width:1459px){ .a_cn{height: 50px;} .a_cn .a_name{font-size: 40px;line-height: 50px;height: 50px;} .art_top .a_box .item .item_li .item_num span{font-size: 34px;} .qi_list li .culture .cu .cu_t{font-size: 30px;line-height: 40px;height: 40px;} .qi_list li .culture .q_pic{width: 50px;height: 50px;} .infiv-img img {height: 280px;} } @media(max-width:1259px){ .a_cn{height: 40px;} .a_cn .a_name{font-size: 30px;line-height: 40px;height: 40px;margin: 0 20px;} .art_top .a_box .item .item_li .item_num span{font-size: 34px;} .a_cn .a_line{width: 90px;} .qi_list li .culture .cu .cu_t{font-size: 24px;line-height: 36px;height: 36px;} .qi_list li .culture .q_pic{width: 40px;height: 40px;margin-right: 12px;} #category ul li{width: 190px;height: 56px;line-height: 56px;} #category{top: -56px;} .art_top .a_box .item{margin-top: 30px;} .art_top .ente{padding-top: 60px;} .art_top{padding-bottom: 60px;} .honor .honor-swiper{margin-top: 50px;} .honor .h_button{margin-top: 40px;} .infiv-img img {height: 210px;} } @media(max-width:991px){ #category .show_980{display: block;font-size: 0;} #category ul{display: inline-block;} #category .hide_980{display: none;} .art_top{background-size: 22%;} .a_cn .a_name{font-size: 28px;line-height: 40px;height: 40px;margin: 0 20px;} .art_top .a_box .item .item_li .item_num span{font-size: 30px;} .a_cn .a_line{width: 90px;} .qi_list li .culture .cu .cu_t{font-size: 22px;line-height: 36px;height: 36px;} .qi_list li .culture .q_pic{width: 40px;height: 40px;margin-right: 12px;} .art_top .a_box .a_rab,.art_top .a_box .a_lab{width: 100%;} .art_top .a_box .a_lab{margin-top: 20px;} .qi_list li{width: 100%;} .qi_list li:hover .culture{top: 50% !important;transform: translateY(-50%);} .qi_list li .culture .cul_del{height: 190px;} .infiv-img img {height: 165px;} } @media(max-width:767px){ .art_top{background-size: 22%;} .a_cn{height: 34px;} .a_cn .a_name{font-size: 24px;line-height: 34px;height: 34px;margin: 0 16px;} .a_cn .a_line{width: 50px;} .art_top .a_box .item .item_li .item_num span{font-size: 20px;} .art_top .a_box .item .item_li .item_num{line-height: 34px;height: 34px;font-size: 20px;} .art_top .a_box .item .item_li .bri{font-size: 14px;line-height: 26px;height: 26px;} .art_top .a_box .item .item_li{padding: 16px 0;} .a_cn .a_line{width: 50px;} .qi_list li .culture .cu .cu_t{font-size: 18px;line-height: 30px;height: 30px;} .qi_list li .culture .q_pic{width: 30px;height: 30px;margin-right: 10px;} .art_top .a_box .a_rab,.art_top .a_box .a_lab{width: 100%;} .art_top .a_box .a_lab{margin-top: 20px;} .infiv-img img { height: 190px; } #category ul{display: block;white-space: nowrap;} .art_top .a_box{margin-top: 20px;} #category ul li{font-size: 15px;line-height: 40px;height: 40px;width: 150px;} #category{top: -40px;} .qi_list li .culture .cul_del{height: 120px;margin: 8px 0 0;} .art_top .ente{padding-top: 40px;} .art_top{padding-bottom: 20px;} .honor{padding: 40px 0;} .honor .h_button{margin-top: 25px;} .honor .item .title{height: 30px;line-height: 30px;margin-top: 5px;} .honor .honor-swiper{margin-top: 0px;} .honor-swip1{margin-top: 20px;} .honor-swip2{margin-top: 40px;} } @media(max-width:375px){ .qi_list li .culture .cul_del{height: 100px;margin: 8px 0 0;} } /* ==================== 2020.10.31 视频中心 ===================== */ .vedio{padding: 80px 0;} .vedio-con{} .vedio-ul{margin: -10px -10px 0;} .vedioli{float: left;width: 33.333%;padding: 0 10px;margin-top: 10px;} .vedioli a{display: block;background: #fff;box-shadow: 1px 1px 40px rgba(0, 0, 0, 0.1);} .vedio-pic{overflow: hidden;width: 100%;position: relative;} .vedio-pic img{width: 100%;} .vedio-pic::before{ content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, .5) url(../images/vedio-bofan.png)no-repeat center; left: 0;top: 0;background-size: 60px 60px;} .vedio-font{padding: 15px 20px 15px;} .vedio-font p{font-size: 18px; height: 52px;line-height: 26px; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} @media(max-width:1259px){ .vedio-font p{font-size: 16px;} } @media(max-width:991px){ .vedio-pic::before{background-size: 42px 42px;} } @media(max-width:767px){ .vedioli{width: 50%;} .vedio{padding: 40px 0;} } @media(max-width:360px){ .vedioli{width: 100%;} } /* 2020.11.2联系我们 */ .contact{padding: 80px 0;} .contact-tit{border-bottom: 1px solid #eee;width: 45.8%; padding-bottom: 5%;} .contact-con{margin-top: 30px;} .contact-con{color: #666;} .info{float: left; width: 45.8%;} .contact-map{border:1px solid #eee;padding:10px;float: right; width: 50%;} .contact-map img{width:100%;} .edit-list-65 .select{position:relative;z-index:20;margin-bottom:20px;} .edit-list-65 .select dt{cursor:pointer;border:1px solid #eee;position:relative;padding-right:40px;line-height:40px;} .edit-list-65 .select dt span{font-size: 16px; border-right:1px solid #eee;padding:0 12px;font-weight:bold;} .edit-list-65 .select dt::after{position:absolute;content:'';border:6px solid transparent;border-top-color:#e60012;right:15px;top:50%;margin-top:-3px;} .edit-list-65 .select dd{position:absolute;left:0;top:100%;border:1px solid #eee;border-top:0;background:#fff;width:100%;} .edit-list-65 .select dd a{font-size: 16px; display:block;cursor:pointer;padding:0 12px;line-height:40px;border-bottom:1px solid #eee;} .edit-list-65 .select dd a:last-child{border-bottom:0;} .edit-list-65 .dot { display: block;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;} .contact-two{padding: 60px 0 0;} .contact-input{margin-top: 40px;} .contact-input1{margin: 0 -10px;} .contact-input1>div{float: left;width: 50%;padding: 0 10px;height: 80px;} .contact-input input{font-size: 16px;color: #666;background: #f5f5f5;padding: 18px 20px;width: 100%;margin-bottom: 0px;} .contact-input textarea{font-size: 16px;color: #666;background: #f5f5f5;padding: 18px 20px;width: 100%;min-height: 117px;} .contact-submit{position: relative;width: 165px;height: auto;transition: ease .5s;margin: 0 auto;margin-top: 25px;transition: ease .5s;} .message-submit{position: relative; font-size: 16px;color: #fff;width: 165px;height: 52px;line-height: 52px; margin: 0 auto;display: block;padding: 0px 15px;cursor: pointer;transition: ease .5s;} .contact1-p{} .contact1-p h4{font-size: 24px;line-height: 36px;margin-bottom: 6px;} .contact1-p p{font-size: 16px; line-height: 30px;position: relative;padding-left: 15px;} .contact1-p p::before{position: absolute;content: "";width: 6px;height: 6px;background: #033C9A;border-radius: 50%;left: 0;top: 12px;} @media(max-width:767px){ .contact-tit{width: 100%;} .contact{padding: 40px 0;} .info{float: none;width: 100%;} .contact-map{float: none;width: 100%;} .contact-input1>div{float: none;width: 100%;height: 70px;} .contact-input input{padding: 12px 15px;font-size: 15px;/* margin-bottom: 10px; */} .contact-input{margin-top: 20px;} .contact-input textarea{font-size: 15px;padding: 12px 15px;} .contact1-p h4{font-size: 16px;} .contact1-p p{font-size: 14px;line-height: 28px;} .edit-list-65{margin-top: 20px;} .edit-list-65 .select{margin-bottom: 10px;} .contact-con{margin-top: 18px;} .contact-two{padding: 40px 0 0;} .edit-list-65 .select dd a, .edit-list-65 .select dt span{font-size: 14px;} } @media(max-width:359px){ .info p img{max-width: 46%;} } /* 服务网点 */ .service{} .servie-one{padding: 60px 0; background-size: cover;background-repeat: no-repeat;background-position: center;} .servie1-wrap{} .servie1-tit{margin: 0 !important;text-align: center; font-size: 24px;line-height: 30px;color: #333;font-weight: bold;} .servie1-left{} .servie1-text{} .servie1-wrap{background-color: #fff;padding: 64px 60px;} .servie1-wrap>div{margin-top: 30px;} .servie1-left{float: left;width: 41%;} .servie1-right{float: right;width: 59%;padding-left: 30px;} .servie1-left p{float: left;padding: 0 5px;margin-bottom: 26px;width: 50%;} .servie1-text{margin: 0 -5px;} .servie1-left textarea{font-size: 16px; color: #888;width: 100%;background-color: #f6f6f6;padding: 18px 16px;height: 130px;} .servie1-left .text{font-size: 16px; color: #888;background-color: #f6f6f6;padding: 14px 16px;width: 100%;} .servie1-left .submit{cursor: pointer; display: block;padding: 15px 20px;margin-top: 36px;font-size: 15px; border: 1px solid #afafaf;color: #777;transition: all 0.5s;cursor: pointer;} .servie1-left .submit:hover{background-color: #1b3582;color: #fff;border: 1px solid transparent;} ul.same,#tab-container p {margin: 0px;padding: 0px; /* background: #f6f6f6; */ } .tabs-list li {font-size: 16px;display: inline-block;padding: 13px 24px;margin: 0 4px 0 0;list-style: none;cursor: pointer;float: left;} .tabs-container {padding: 0px;background-color: #fff;clear: left;} h2.accordion {cursor: pointer;padding: 5px;display: none;} .sub-content,.tab-content {display: none;} .top-item.active {border-bottom: none;margin-bottom: -1px !important;padding: 12px 24px 14px 24px !important;border-bottom: 0px #fff solid !important;} .top-item.active {border-bottom: none;background-color: #1b3582 !important;color: #fff;} .tab-content.active,.accordion-active {display: block;} h2.accordion {font-size: 13px;border: 1px solid #c1c1c1;border-top: 0px solid #c1c1c1;margin: 0px;padding: 10px 15px;} h2.active {border-bottom: 0px solid #c1c1c1 !important;margin-bottom: 0px !important;padding: 10px 15px !important;} h2.tab-title:last-child {border-bottom: 12px solid #c1c1c1 !important;background: blue;} /*-----------Vertical tabs-----------*/ .vtabs ul.tabs-list {float: left;width: 30%;} .vtabs .tabs-list li {display: block;padding: 15px 15px !important;margin: 0 0 4px;cursor: pointer;float: none;} .vtabs .tabs-container {padding: 0px;background-color: #fff;border: 1px solid #c1c1c1;float: left;width: 68%;min-height: 250px;border-radius: 4px;clear: none;} .vtabs .tab-content {border: none;word-wrap: break-word;} .vtabs li.active {position: relative;z-index: 1; margin-right: -1px !important;padding: 14px 15px 15px 14px !important;border-top: 1px solid;border: 1px solid #5AB1D0 !important;border-left: 4px solid #5AB1D0 !important;margin-bottom: 4px !important;border-right: 1px #FFF solid !important;} .arrow {width: 0;height: 0;float: right;margin-top: 3px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 12px solid #c1c1c1;} h2.active span.arrow {border: none;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 12px solid #9B9797;} /*-----------Accordion styles-----------*/ h2.active {background: #DBDBDB;} .easy-accordion h2.accordion {display: block;} .easy-accordion .tab-content {border: 1px solid #c1c1c1;} .easy-accordion .tab-content:last-child {border-bottom: 1px solid #c1c1c1;} .jfit {width: 100%;margin: 0px;} .active {display: block;} h2.accordion:first-child {border-top: 1px solid #c1c1c1;} #tab-container {} .same-style {background: #fff;margin: 15px 0;} .same-style .active {background: #fff url(../images/icon-11.jpg) no-repeat 10px center !important;color: #1b3582;font-weight: bold;} .same-style li {background: #fff url(../images/icon-11.jpg) no-repeat 10px center !important;font-size: 14px;} .tabs-info .hd {padding: 10px 0 10px 25px;font-size: 16px;color: #000;background: #f6f6f6;} .tabs-info .bd p {background: #fff !important;} .tabs-info .c-info {padding: 20px 30px 5px 25px;font-size: 14px;color: #333;line-height: 1.7;} .c-info-p{height: 138px;} .top-item {background-color: rgb(245, 245, 245); border-color: rgb(193, 193, 193);} .top-item.active {background-color: white; border-color: rgb(193, 193, 193);} .zong {margin-bottom: 20px;} .service-two{padding: 60px 0;} .service2-wrap{} .service2-con{margin-top: 40px;} .data .r-box{width: 100%;background: #fff;} .data .table { padding: 0;overflow-x: auto;} .data .table::-webkit-scrollbar { height: 5px; background-color: #fff; } .data .table::-webkit-scrollbar-thumb { background-color:#013d97; border-radius: 10px; } .data .table table{width: 100%;} .data .table th {font-size: 20px; color: #222; line-height: 60px; background: #eee; font-weight: normal;} .data .table th:nth-child(1) { width: 70%; text-align: left;padding: 0 44px;} .data .table td { border-bottom: 1px dashed #dfdfdf;text-align: center; font-size: 16px; color: #666;padding: 22px 0;} .data .table tr:hover td { background: #f8f8f8;} .data .table td a { color: #333;} .data .boxs {position: relative;} .data .centre .icon {position: absolute;left: 10px;top:50%;transform: translateY(-50%); float: left;width: 10px; height: 10px; background: url(../images/img35.png) center center no-repeat; background-size: cover;} .data .centre .text {width: 100%;font-size: 16px;color: #222;} .data .centre .box {padding: 0 10px; text-align: left;position: relative;overflow: hidden;padding-left: 44px;} .service2-mo{margin: 0 auto; margin-top: 40px;} .service-three{padding-bottom: 60px;} .service3-wrap{} .service3-con{font-size: 0;margin-top: 30px;} .service3-li{width: 50%; display: inline-block; vertical-align: top; padding-right: 20px;box-sizing: border-box;} .service3-li:nth-child(even){padding-right: 0;padding-left: 20px;} .service3-ul{} .c-faq-item{font-size: 16px; line-height: 24px; padding: 15px 0; border-bottom: #e5e5e5 1px solid; box-sizing: border-box;} .c-faq-item a{display: block;color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .c-faq-item em{} .c-faq-item span{} .c-faq-item a:hover{color: #e60012;} @media(max-width:1259px){ .top-item.active,.tabs-list li{padding: 10px 18px !important;} .tabs-list li{margin-top: 8px;} ul.same{font-size: 0;margin-top: -8px;} .top-item{height: 44px;} .top-item.active{margin-bottom: 0 !important;} .servie1-wrap{padding: 50px 40px 60px;} } @media(max-width:991px){ .data .table table{min-width: 767px;} .data .table th{font-size: 18px;} .data .centre .text,.data .table td{font-size: 14px;} } @media(max-width:767px){ .data .table table{min-width:640px;} .servie1-left{float: none;width: 100%;} .servie1-right{float: none;width: 100%;margin-top: 30px;padding: 0;} .servie1-tit{font-size: 22px;} .servie1-wrap{padding: 40px 30px;} .servie1-wrap>div{margin-top: 20px;} .servie1-left .text,.servie1-left textarea{font-size: 15px;} .servie1-left p{margin-bottom: 10px;} .servie1-left .submit{padding: 10px 15px;margin-top: 20px;} .top-item{font-size: 14px;height: auto;} .tabs-list li{font-size: 14px;} .same-style li{padding: 6px 18px !important;} .same-style{margin-top: 5px;} .servie-one,.service-two{padding: 40px 0;} .data .table td{padding: 14px 0;} .data .table td a img{width: 21px;height: 21px;} .service3-con,.service2-con{margin-top: 20px;} .data .table th{line-height: 52px;} .service-three{padding-bottom: 40px;} .service2-mo{margin-top: 25px;} .c-faq-item{padding: 11px 0;} .data .table th{font-size: 16px;} .c-faq-item{font-size: 14px;} .c-info-p{height: auto;} } @media(max-width:640px){ .servie1-wrap{padding: 40px 25px;} .tabs-info .c-info{padding: 20px 0 0;} .servie1-left p{float: none;width: 100%;margin: 0 0 10px;} .top-item{width: 48%;} .data .table table{min-width: 500px;} .service3-li,.service3-li:nth-child(even){width: 100%;display: block;padding: 0;} .infiv-img img{ height: auto; max-height: 300px; } } /* 产品详情 */ /* ========产品详情========= */ .proinfo { padding: 80px 0; background: #fff; } /* */ .proi-one { padding: 0 0 60px; border-bottom: 1px solid #e5e5e5; } .proi-one .pir-left { width: 380px; float: left; -webkit-box-shadow: 0 0 8px 2px rgba(0,0,0,.14); box-shadow: 0 0 8px 2px rgba(0,0,0,.14); } .proi-one .pir-right { /* float: right; width: 72.85%; */ margin-left: 380px;padding: 0 40px; } .pir-left .int-pic { width: 100%; height: 100%; overflow: hidden; position: relative; } .pir-left .int-pic img { width: 100%; transition: all .5s; } .pir-left .int-pic iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: none; } .pir-right h3 { font-size: 30px; color: #e60012; line-height: 30px; } .sh-line { width: 40px; height: 2px; background: #e60012; margin: 20px 0; } .pir-right p { font-size: 16px; position: relative; color: #666; line-height: 32px; /* font-weight: lighter; */ } .proi-btn .banner-more { margin: 0; float: left; margin-top: 40px;display:none; } .banner-more { margin: 0; margin-top: 40px; } /* 轮播 */ .pri4-swip{margin-top: 55px;position: relative;padding: 0 60px;} .pri4-slide{display: block;text-align: center;} .pri4-img{font-size: 0;text-align: center;} .pri4-img img{max-width: 100%;display: inline-block;} .pri4-txt{font-size: 18px;line-height: 30px;color: #333;margin-top: 15px;} .pri4-swip .swiper-button-next, .pri4-swip .swiper-button-prev{width: 55px;height: 55px;background: none;color: #e60012;border-radius: 50%;line-height: 55px;text-align: center;font-size: 20px;border: 1px solid #e60012;} .pri4-swip .swiper-button-next:hover, .pri4-swip .swiper-button-prev:hover{overflow-block: #fff;background: #e60012;} .pri4-swip .swiper-button-next{right: 0;} .pri4-swip .swiper-button-prev{left: 0;} .pri4-swip .swiper-pagination{width: 100%;text-align: center;display: none;} .pri4-swip .swiper-pagination-bullet{margin: 0 5px;} /* pri-dec */ .pri-dec{padding-top: 50px;} .pridec-con{margin-top: 30px;} .pridec-con p{font-size: 16px;line-height: 30px;color: #666;} /* */ .proi-two { padding: 75px 0; } .prodintro-sec { margin-top: 40px; overflow: hidden; position: relative; } .prodintro-sec::before { content: ''; width: 120px; height: 100%; background: #fff; position: absolute; left: 50%; top: 0; margin-left: -60px; } .prodintro-sec::after { content: ''; width: 1px; height: 100%; background: rgba(136,136,136,.5); position: absolute; top: 0; left: 50%; z-index: 4; } .prodintro-row { margin-bottom: 17px; } .prodintro-row .p-item { font-size: 16px; line-height: 24px; font-weight: 400; color: #000000; padding-right: 45px; float: left; width: 50%; position: relative;padding-left: 15px; } .prodintro-row .p-item:last-child { } .p-li { border-bottom: 1px solid rgba(136,136,136,.5); position: relative; padding-bottom: 17px; padding-left: 22px; } .p-li p { height: auto; } .prodintro-row .p-item .p-li::before { content: ''; width: 11px; height: 11px; border: 2px solid #666; position: absolute; top: 6px; left: 0; border-radius: 50%; transition: all .3s; } .p-item:hover .p-li p, .p-item:hover .p-li::before { color: #e60012; border-color: #e60012; cursor: pointer; } .charact .prodintro-row { border-bottom: 1px solid rgba(34,188,173,.3); } .charact .prodintro-sec::after { background: rgba(34,188,173,.3); } .prodintro-sec .prodintro-row:last-child { border-bottom: none; margin-bottom: 0; } /* */ .proi-three { padding-bottom: 75px; } .proi-left { width: 47.1%; float: left; margin-top: 10px; } .proi-right { float: right; width: 46.8%; margin-top: 10px; } .soli-table { white-space: nowrap; } .soli-table table { width: 100%; } .soli-table th { text-align: left; background: #eee; font-size: 18px; color: #000000; font-weight: 400; text-align: center; padding: 15px 20px; border: 1px solid #d2d2d2; } .soli-table thead tr:first-child th { border: transparent; font-size: 24px; color: #000000; background: transparent; } .soli-table .proi-tab th:first-child { width: 12%; } .soli-table .proi-tab th:nth-child(2) { width: 31.2%; } .soli-table .proi-tab th:last-child { width: 56.9%; } .soli-table td { border: solid 1px !important; line-height: 22px; text-align: center; font-size: 16px; /* color: #666; */ padding: 15px 20px; font-weight: 400; } /* */ .proi-four { padding-bottom: 75px; } .proi-four ul { margin: 0 -33px; margin-top: 45px; } .proi-four li { width: 25%; text-align: center; padding: 0 33px; float: left; } .proi-four li .proi-pic { width: 100%; height: 100%; overflow: hidden; } .proi-four li .proi-pic img { width: 100%; transition: all .5s; } .proi-four li:hover .proi-pic img { transform: scale(1.05); } /* */ .proi-five { padding-bottom: 75px; } .down-big thead td { height: 80px; background: #f7f7f7; padding: 27px 0; } .down-big { margin-top: 10px; } .down-big table { width: 100%; } .down-big span { display: block; text-align: left; color: #333; font-size: 22px; line-height: 26px; padding-left: 30px; } .down-big thead td.span1 { width: 80px; } .down-big thead td.span2 { width: 460px; } .down-big thead td.span3 { width: 200px; } .down-big thead td.span4 { width: 180px; } .down-big thead td.span5 { width: 192px; } .down-big tbody tr { height: 90px; border-bottom: solid 1px #d6d6d6; } .down-big tbody td { position: relative; font-size: 16px; color: #666; text-align: left; padding-left: 30px; } .down-big tbody td i { padding-right: 20px; } .down-big tbody td i::before { content: ''; width: 10px; height: 10px; position: absolute; left: 5%; top: 49%; background: #e60012; transform: translateY(-49%); } .down-big tbody td a { background: url(../images/download.png) no-repeat center right 46px; width: 140px; height: 46px; display: block; font-size: 16px; color: #666; line-height: 44px; text-align: left; transition: all .5s; } .down-big tbody td a:hover { border-color: transparent; padding: 0 22px; background: #e60012 url(../images/downloadh.png) no-repeat center right 22px; color: white; } .detail-page .detail-prev { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; margin-right: 100px; font-size: 16px; color: #666; line-height: 28px; } .pri-mo{margin-top: 30px;} .proinfo .ny-wraptit{padding: 0 0 30px;} .proinfo .tit-line { float: left; width: 5px; height: 42px; background: #e60012; margin-right: 20px; } .proinfo .ny-text{text-align: left; font-size: 30px; color: #e60012; line-height: 30px; display: inline-block; float: left;} /* 相关案例 */ .pri-mopro{} .pri-moprocon{margin-top: 55px;} @media (max-width: 1519px) { .soli-table { overflow: auto; } } @media (max-width: 1238px) { .proi-one, .proi-two { padding: 55px 0; } .proi-three, .proi-four, .proi-five { padding-bottom: 55px; } .pir-right h3 { font-size: 26px; } .pir-right p { font-size: 20px; } .proi-one .pir-left{width: 360px;} .proi-one .pir-right{margin-left: 360px; padding: 0 30px;} } @media (max-width: 991px) { .proinfo { padding: 0 0 40px; } .pir-right { padding: 15px 0 12px; } .sh-line { margin: 20px 0; } .p-li p { font-size: 14px; overflow-y: auto; } .proi-right, .proi-left { margin-top: 0; } .soli-table thead tr:first-child th { font-size: 20px; } .proi-four ul { margin: 0 -15px; } .proi-four li { padding: 0 15px; } .down-big { width: 100%; white-space: nowrap; overflow: auto; } .down-big thead td { height: 60px; padding: 16px 0; } .down-big span { font-size: 20px; } .down-big tbody td i { padding-right: 0; } .ny-wraptit .ny-text { font-size: 26px; line-height: 26px; } .ny-wraptit .tit-line { height: 26px; margin-right: 8px; } .pri4-swip .swiper-button-next, .pri4-swip .swiper-button-prev{display: none;} .pri4-swip{padding: 0 0 40px;margin-top: 20px;} .pri4-swip .swiper-pagination{display: block;bottom: 10px;} .proi-one .pir-left{width: 100%;text-align: center;float: none;} .pir-left .int-pic img{width: auto;display: inline-block; max-width: 100%;} .pir-p{max-height: none !important;height: auto;padding: 0;} .proi-one .pir-right{margin-left: 0;width: 100%; padding: 30px 0 0;} } @media (max-width: 767px) { .proi-one { padding: 40px 0; } .proi-one, .proi-two { padding: 35px 0; } .proi-three, .proi-five { padding-bottom: 35px; } .proi-four { padding-bottom: 15px; } .proi-one .pir-left { width: 100%; } .proi-one .pir-right { width: 100%; padding: 22px 0 0; } .pir-right h3 { font-size: 22px; } .pir-right p { font-size: 18px; } .prodintro-row .p-item { margin-bottom: 10px; width: 100%; padding: 0 15px; } .prodintro-row { margin-bottom: 0; } .p-li { padding-bottom: 10px; } .prodintro-sec::before { display: none; } .prodintro-sec::after { display: none; } .prodintro-row .p-item:last-child { padding-left: 15px; } .proi-left, .proi-right { width: 100%; } .proi-right { margin-top: 20px; } .soli-table th { text-align: left; } .proi-four li { width: 50%; margin-bottom: 20px; } .down-big thead td { padding: 12px 0; } .down-big span { font-size: 18px; } .down-big thead td.span3 { width: 190px; } .down-big tbody td { font-size: 14px; } .down-big tbody td a { height: auto; background-size: 16px; font-size: 14px; padding: 10px 12px; padding-left: 8px; line-height: 30px; line-height: 14px; } .down-big tbody td a:hover { width: 107px; border-color: transparent; font-size: 14px; padding: 10px 12px; background: #e60012 url(../images/downloadh.png) no-repeat center right 13px; color: white; background-size: 16px; } .ny-top { margin-bottom: 10px; } .ny-wraptit .tit-line { height: 23px; } .ny-wraptit .ny-text { font-size: 22px; line-height: 22px; } .sh-line{margin: 10px 0;} .pir-right p{font-size: 14px !important;line-height: 24px;} .pri-dec{padding-top: 40px;} .pridec-con,.prodintro-sec{margin-top: 20px;} .pridec-con p{font-size: 14px;line-height: 24px;} .prodintro-row .p-item:last-child,.prodintro-row .p-item{padding: 0;} .soli-table td{font-size: 14px;} .soli-table th{font-size: 16px;} .pri4-txt{font-size: 16px;margin: 10px 0;} } @media(max-width:360px){ .proi-four li{width: 100%;} } /* job诚聘英才 */ .job{padding: 80px 0;} .job .servie1-tit{text-align: center;} .job-page{margin-top: 50px;} .job-con{margin: 80px 0 0px;} .join-s{margin-top: 30px;} .job-item{margin-top: 20px;} .job-hea{border: 1px solid #dcdcdc;padding: 23px 30px;cursor: pointer;transition: ease .5s;} .job-le{float: left;} .job-le h3{font-size: 20px;line-height: 30px;color: #333;margin-bottom: 10px;} .job-le p{font-size: 16px;line-height: 30px;color: #666;} .job-le p span{display: inline-block;position: relative;margin: 0 10px;} .job-le p span:first-child{margin-left: 0;} .job-le p span::before{position: absolute;content: "";width: 1px;height: 17px;right: -10px;top: 7px;background: #dcdcdc;} .job-le p span:last-child::before{display: none;} .job-ri{float: right;margin-top: 15px;} .job-ri i{display: block;width: 40px;height: 40px;border-radius: 50%;border: 1px solid #9b9b9b;transition: ease .5s;position: relative;} .job-ri i::before,.job-ri i::after{position: absolute;content: "";top: 50%;left: 50%;background: #666999;} .job-ri i::before{width: 18px;height: 2px;margin-left: -8px;} .job-ri i::after{width: 2px;height: 18px;margin-top: -8px;} .job-item.open .job-ri i{border-color: #fff;} .job-item.open .job-ri i::before,.job-item.open .job-ri i::after{background-color: #fff;} .job-item.open .job-ri i::after{opacity: 0;} .job-item.open .job-hea{border: none; background: #cc0010;background-size: 100% 100%;background-position: center;} .job-item.open .job-le h3,.job-item.open .job-le p{color: #fff;} .job-item.open .job-le p span::before{background: #fff;} .job-cont{border: 1px solid #dcdcdc;border-top: none;display: none;} .job-item.open .job-cont{display: block;} .job-pad{padding: 39px 30px 60px;} .job-pad h4,.job-pad h5{font-size: 16px;line-height: 36px;color: #333;} .job-pad h4{} .job-pad p{font-size: 16px;line-height: 36px;color: #666;} /* .job-p{margin-bottom: 50px;} */ .job-sub{margin-top: 55px;background: transparent;width: 160px;height: 52px;line-height: 52px;} .job-sub span{border-color: transparent;} @media (max-width:1459px) { .job-ul li p i{display: inline;} .job{padding: 60px 0;} } @media (max-width:1259px) { .job-ul li{padding: 0 10px;} .job-ul{margin: 0 -10px;} .job{padding: 60px 0;} } @media (max-width:991px) { .job-le h3{margin-bottom: 5px;} .job-hea{padding: 15px 30px;} .job-ri{margin-top: 12px;} .job-ri i{width: 36px;height: 36px;} .job-ul li{width: 50%;margin: 10px 0;} .job-ul{margin: -10px;} .job-ul li h3{font-size: 21px;margin-top: 12px;} .job-ul li span{margin: 17px 0 10px;} .job-ul li p{font-size: 16px;} .job-ul li>div{padding: 50px 20px;} .job-sub{margin-top: 30px;} } @media (max-width:767px) { .job-le h3{font-size: 17px;margin-bottom: 0;} .job-le p{font-size: 15px;} .job-ri i{width: 30px;height: 30px;} .job-ri i::before{width: 14px;margin-left: -6px;} .job-ri i::after{height: 14px;margin-top: -6px;} .job-pad p{font-size: 15px;line-height: 32px;} .job-pad{padding: 30px 30px 20px;} .job-hea{ padding: 10px 25px;} .job-con{margin-top: 30px;} .job-ul li h3{font-size: 18px;} .job-ul li span{margin: 12px 0 4px;} .join-s{margin-bottom: 30px;} .job-ul li>div{padding: 30px 15px;} .job-sub{margin-top: 20px;width: 150px;height: 45px;line-height: 43px;} .job{padding: 40px 0;} .job-page{margin-top: 30px;} .join-s{margin-top: 20px;} } @media (max-width:640px) { .job-pad{padding: 20px 16px 20px;} .job-hea{ padding: 10px 16px;} .job-item{margin-top: 15px;} .job-con{margin-top: -15px;} .job-ul li{width: 100%;} .job-ul li p{height: auto;line-height: 30px;} .job-icon{width: 48px;height: 48px;line-height: 48px;} } @media(max-width:1459px){ .nybanner-font h3{font-size: 40px;} .nybanner{height: 280px;} } @media(max-width:1259px){ .nybanner{margin-top: 0;} .nybanner-font h3{font-size: 36px;line-height: 40px;} .nybanner{height: 280px;} .anchor{display: none !important;} .menu a{margin: 0 20px;} .nybanner-font p em{display: inline;} } @media(max-width:991px){ .nybanner-font h3{font-size: 34px;} .nybanner{height: 300px;} .info-page a{font-size: 16px;background-size: 20px 13px;} .info-page a.info-cent::before{width: 18px;height: 18px;} .info-page a.info-cent{padding-top: 20px;font-size: 14px;} .info-left{padding-left: 32px;} .info-right{padding-right: 32px;} } @media(max-width:767px){ .nybanner-font h3{font-size: 24px;line-height: 30px;} .nybanner-font p{margin-top: 5px;} .ny-padd{padding: 40px 0;} .bread a{font-size: 14px;} .lpage a{font-size: 17px;padding: 8px 10px;width: 40px;height: 40px;} .lpage a.lpage-prev{margin-right: 40px;} /* .about-banner .nybanner-con{padding-bottom: 50px;} */ .appsecond-nav{display: block;} .banner-menu{display: none;} .more{font-size: 14px;} } @media(max-width:640px){ .bread{display: none;} .nybanner{background: none !important;height: auto;} .nyappbanner{display: block;} .menu{max-width: 100%;margin-left: 0;} .menu a{font-size: 15px;padding: 10px 20px;} .nybanner-font{text-align: center;padding: 0;} .lpage a{margin: 0 3px;width: 34px;font-size: 15px;height: 34px;line-height: 34px;padding: 0;} } /* =====================下拉 ================ */ .dropdown-menu{padding-bottom: 20px; position: absolute; top: 100%; z-index: 1100;background: #fff;border-top: 1px solid #eeeeee; -webkit-transition: none;-o-transition: none;transition: none;height: auto;display: none;overflow: hidden;width: 100%;left: 0;margin-top: 0;-ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);-o-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);} .category-item{position: relative;} .category-item-single{position: static;} .dropdown-menu.single{width: 300px;left: 50%;transform: translateX(-50%);} .navitem:hover .dropdown-menu{opacity: 1;display: block;visibility: visible;} .dropdown-con{padding: 0 130px;} /* .category-item:hover .dropdown-menu.single{max-height: 450px;opacity: 1;} */ .dropdown-cont{position: relative;padding: 2px 0 10px;} .dropdown-cont::before{position: absolute;content: "";width: 100%;height: 1px;background: #d4d7d9;left: 0;top: 50%;transform: translateY(-50%);} .dropdown-ul{font-size: 0;} .dropdown-ul li{float: left;width: 25%;} .dropdown-ul li>div{position: relative;padding: 20px 15px 21px 0;} .dropdown-ul li>div::before{position: absolute;content: "";width: 1px;height: 168px;background: #d4d7d9;right: 0;top: 50%;transform: translateY(-50%);} .dropdown-ul li:nth-child(4n)>div::before{display: none;} .dropdown-img{float: left;width: 160px;text-align: center;line-height: 168px;overflow: hidden;} .dropdown-ul li:nth-child(5n) .dropdown-img, .dropdown-ul li:nth-child(1) .dropdown-img{text-align: left;} .dropdown-img img{display: inline-block; max-width: 100%;} .dropdown-txt{margin-left: 160px;min-height: 168px;overflow-y: auto;} .dropdown-txt h3{font-size: 16px;line-height: 30px;color: #3b3e40;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .dropdown-txt p{margin-bottom: 4px; font-size: 14px;line-height: 20px;color: #6c7073;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .dropdown-txt a{padding: 6px 0; display: block; font-size: 14px;line-height: 20px;color: #3b3e40;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .dropdown-a{font-size: 0;margin: 0 -7px;} .dropdown-mo{margin: 8px 7px 0; display: inline-block;width: 168px;height: 44px;text-align: center; font-size: 18px;line-height: 44px;color: #fff;border-radius: 5px;background: linear-gradient(to right,#bb2d38,#d61819);} .dropdown-mo span{display: inline-block;} .dropdown-mo em{display: inline-block;font-size: 22px;margin-left: 20px;margin-right: 10px;} em.em-dx{font-family: 'Dengb';} /* 常规下拉 */ .navitem.single .dropdown-menu{border-top: 1px solid #e60012;padding-bottom: 0;margin-top: 0px;display: none;position: absolute;width: 192px;top: 100%;left: 50%;transform: translateX(-50%);} .navitem.single{position: relative;} .navitem:hover .dropdown-menu{display: block;} .navitem.single .dropdown-pad{text-align: center;background: #fff;padding: 8px 20px;} .navitem.single .dropdown-menu a{display: block;font-size: 16px;line-height: 30px;padding: 15px 0; color: #333;transition: ease .5s;border-top: 1px dashed #e5e5e5;} .navitem.single .dropdown-menu a:hover{color: #e60012;} .navitem.single .dropdown-menu a:first-child{border-top: none;} .dropdown-menu li a:hover{color: #e60012;} @media (max-width:1919px) { .dropdown-con{padding: 0;} } @media (max-width:1459px) { .dropdown-img{width: 120px;padding: 0 15px;} .dropdown-txt{margin-left: 120px;} } @media (max-width:1259px) { .dropdown-menu li{padding: 0 0 0 30px;} .dropdown-dec{font-size: 16px;padding: 12px 12px 11px 0px !important;} .dropdown-menu li.dropdown-img{width: 25%;} .dropdown-menu li.dropdown-title{width: 31%;} .dropdowntit-font h5{margin-bottom: 30px;} } @media (max-width:1170px) { .dropdown-menu li{} } @media (max-width:1459px) { .msg-box{width: 700px;height: 450px;} } @media (max-width:1259px) { .msg-box{width: 650px;height: 400px;} } @media (max-width:991px) { .msg-box{width: 600px;height: 350px;} } @media (max-width:767px) { .msg-box{width: 500px;height: 320px;padding: 40px;} .msg-box .close-box{width: 30px;height: 30px;font-size: 26px;} } @media (max-width:640px) { .msg-box{width: 280px;} } /* 新样式下拉2020.10.31 */ .pc-newnav { float: right;} .navbar .navbar-li {float: left; padding: 0 27px;} .navbar-li {position: relative;} .pc-newnav-ul { } .pc-newnav-ul-li { float: left; /* padding: 0 15px; */ /* position: relative; */ /* margin: 0px 27px; */ } .pc-newnav-cat { color: #333; display: block; position: relative; line-height: 90px; padding: 0 10px; font-size: 18px; padding: 0 32px; font-weight: 100; } .pc-newnav-cat:hover { color: #e60012; /* font-weight: bold; */ } .nav-lanu a { font-size: 18px; line-height: 17px; color: #333; padding: 0 12px; border-right: solid 1px #545353; } .nav-lanu a.on { color: #e60012; } .newnav-search { background: url(../images/search2.png)no-repeat center; width: 21px; position: relative; float: right; height: 90px; padding: 0 40px; } .newsearch-box { position: absolute; top: 92px; right: 0; width: 320px; opacity: 0; height: 0; overflow: hidden; transition: all .3s; } .newsearch-box input { border: 0px solid #777; border-right: 1px solid transparent; color: #777; padding: 0 10px; width: 260px; height: 46px; float: left; display: inline-block; background-color: #fff; } .newsearch-box .butt { float: left; width: 60px; height: 46px; display: inline-block; background: url(../images/search.png)no-repeat center; background-color: #e60012; border: 1px solid #ffffff; } .newnav-search:hover .newsearch-box { opacity: 1; height: 52px; } @media (max-width: 1459px) { .pc-newnav-ul-li { /* padding: 0 2px; */ } .pc-newnav-cat { padding: 0 18px; } } @media (max-width: 1259px) { .pc-newnav-ul-li { /* padding: 0 8px; */ } .pc-newnav-cat { padding: 0px 12px; font-size: 16px; } } .pc-newnav-div { display: none; width: 100%; text-align: left; background-color: black; border-top: 1px solid #e60012; } .navitem:hover .pc-newnav-div{display: block;} @media (min-width: 1200px) { .pc-newnav-div-cat01 { margin: 0px auto; max-width: 1200px; padding: 0; } } @media (min-width: 1024px) { .pc-newnav-div { padding: 0; position: absolute; top: 90px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background: white; z-index: 2; /* text-align: center; */ padding: 0px; min-width: 150px; z-index: 99; background-color: #2e2f33; } /*.pc-newnav-div:before { content: ""; width: 267px; height: 326px; background: url(../images/prolefticon.png) 0 0 no-repeat; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }*/ .pc-newnav-div-cat01 { display: table; width: 100%; max-width: 100%; width: 80%; margin-left: 20%; } .pc-newnav-div-cat01-left { display: table-cell; vertical-align: top; height: 100%; width: 20%; padding: 50px 0 50px; /* border-right: 1px solid #25262B; */ height: 580px; background-color: red; background-color: black; } .pc-newnav-div-cat01-left a { display: block; margin-bottom: 2px; /* white-space: nowrap; */ padding: 5px 38px 5px 16px; color: #fff; font-size: 16px; text-align: left; line-height: 32px; } .pc-newnav-div-cat01-left a:hover { /* color: #e60012; */ background-color: #2f3034; } .pc-newnav-div-xyj { background: url(../images/yjt.png) 95% 50% no-repeat; background-size: 20px; } .pc-newnav-div-xyj-on { background: url(../images/yjt.png) 95% 50% no-repeat; background-size: 20px; color: #fff !important; background-color: #2f3034; } .pc-newnav-div-xyj:hover { background: url(../images/yjt.png) 95% 50% no-repeat; background-size: 20px; background-color: #2f3034; } .pc-newnav-div-cat01-right { overflow: hidden; /* padding: 50px 0 50px; */ /* max-width: 100%; */ display: table-cell; vertical-align: top; height: 100%; width: 80%; } .pc-newnav-div-cat01-right .nav-item:nth-child(1) { display: block; } .pc-newnav-div-cat01-right .nav-item { display: none; background-color: #fff; } .pc-newnav-div-cat01-right .three-type, .pc-newnav-div-cat01-right .nav-img { display: inline-block; vertical-align: top; width: 32%; background-color: #2e2f33; height: 580px; } .pc-newnav-div-cat01-right .nav-img { width: 36%; background-color: #fff; padding-right: 30px; padding: 50px 30px 50px; /* margin-left: 30px; */ } .pc-newnav-div-cat01-right .three-type { padding-left: 40px; padding-right: 30px; padding: 50px 0 50px; } .pc-newnav-div-cat01-right .three-type a { font-weight: normal; font-family: 'Roboto-Regular'; /* white-space: nowrap; */ /* overflow: hidden; */ /* text-overflow: ellipsis; */ /* height: 36px; */ line-height: 36px; display: block; text-align: left; font-size: 16px; padding-left: 5px; color: #fff; /* padding-left: 20px; */ margin-left: 20px; } .pc-newnav-div-cat01-right .three-type a:hover { color: #e60012; /* background: url(../images/yjth.png) 95% 50% no-repeat; */ /* background-size: 16px; */ color: #222 !important; background-color: #fff; border-left: 3px solid #e60012; } .pc-newnav-div-cat01-xyj { background: url(../images/yjt.png) 95% 50% no-repeat; background-size: 16px; padding-right: 50px; color: #fff !important; /* margin: 0px 10px; */ margin-left: 20px; /* margin: 0px 20px 0px 10px; */ } .pc-newnav-div-cat01-xyj:hover { background: url(../images/yjth.png) 95% 50% no-repeat; background-size: 16px; color: #222 !important; background-color: #fff; } .pc-newnav-div-cat01-xyj-on { background: url(../images/yjth.png) 95% 50% no-repeat; background-size: 16px; color: #222 !important; background-color: #fff; border-left: 2px solid #e60012; } .pc-newnav-div-cat01-right .nav-img:nth-child(1) { display: block; } .pc-newnav-div-cat01-right .nav-img { text-align: center; display: none; /* overflow: hidden; */ } .pc-newnav-div-cat01-right .nav-img .nav-img-a { display: block; text-align: left; line-height: 26px; font-size: 14px; background: url(../images/yjth.png) 95% 50% no-repeat; background-size: 16px; padding-right: 40px; margin-bottom: 5px; color: #333; } .pc-newnav-div-cat01-right .nav-img .nav-img-a:hover { color: #e60012; text-decoration: underline; } .pc-newnav-div-cat01-right .nav-img .nav-img-a p:hover { color: #e60012; } } .pc-newnav-ul-li:hover .pc-newnav-div { display: block; } .hideon { display: inline-block !important; } .pc-newnav-ul-li:hover h3 { /*background-color: #e60012!important;*/ } .pc-newnav-ul-li:hover h3 a { color: #ffffff !important; background-color: #e60012 !important; border-radius: 0px; } .pc-newnav-on h3 { /*background-color: #e60012 !important;*/ } .pc-newnav-on h3 a { color: #e60012 !important; } .cat4-div-h3 { font-size: 24px; /* font-weight: bold; */ text-align: left; line-height: 36px; margin-top: 0px; margin-bottom: 10px; } .cat4-div-h3 label { font-size: 14px; color: #e60012; cursor: inherit; margin-bottom: 0px; } .cat4-div .nav-img-a { float: left; background: #fff !important; /* text-align: center!important; */ padding-right: 20px !important;width: 50%; } .cat4-div .nav-img-a img{width: 100%;} /* 2020.11.6 */ .ino-a{border: none;position: relative;} .inone-block{position: relative;} .ino-a::before{position: absolute;content: "";width: 1px;height: 0;background: #013d97;left: 0;top: 0;transition: ease 1s;} .ino-a::after{position: absolute;content: "";width: 0;height: 1px;background: #013d97;left: 0;top: 0;transition: ease 1s;} .inone-block::before{position: absolute;content: "";width: 1px;height: 0;background: #013d97;right: 0;bottom: 0;transition: ease 1s;} .inone-block::after{position: absolute;content: "";width: 0;height: 1px;background: #013d97;right: 0;bottom: 0;transition: ease 1s;} .inone-li:hover .inone-block::before,.inone-li:hover .ino-a::before{height: 100%;z-index: 2;} .inone-li:hover .inone-block::after,.inone-li:hover .ino-a::after{width: 100%;z-index: 2;} .inone-li{} .pic-ab{display: none;} .pro1-a{box-shadow: 0 0 13px rgba(0,0,0,.1);} .pro1-ul li{width: 25%;padding: 0 12.5px;margin-top: 25px;} .pro1-ul{margin: -25px -12.5px 0;} .pro1-img{padding: 5%;} .pro1-txt{margin: 0;padding: 20px 30px;} @media(max-width:1459px){ .pro1-txt h3{font-size: 16px;line-height: 20px;} .pro1-txt p{margin-top: 4px;} .pro1-ul li{width:33.333%} } @media(max-width:1259px){ .pro1-ul li{padding: 0px 12px;} .pro1-ul{margin: -50px -12px 0;} } @media(max-width:991px){ .pro1-ul li{width: 33.33%;} } @media(max-width:767px){ .pro1-ul li{margin-top: 20px;padding: 0 10px;} .pro1-ul{margin: -20px -10px 0;} .pro1-txt h3{font-size: 16px;} .pro1-txt p{font-size: 14px;line-height: 22px;} .pro-page{margin-top: 30px;} .pro1-txt{padding: 15px;margin: 0;} } @media(max-width:640px){ .pro1-ul li{width: 50%;} } .proinfo .tit-line,.sh-line{background-color: #1b3582;} .proinfo .ny-text,.pir-right h3{color: #1b3582;} .solu1-txt h3{height: 26px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .solu1-a{display: block;height: 270px;} .solu-tit{font-size: 28px;line-height: 50px;color: #1b3582;text-align: center;} .soluinfo2-li{width: 100%;margin-top: 40px;} .soluinfo2-img{float: right;width: 50%;padding: 0 15px;} .soluinfo2-top{margin: -43px -15px 0;} .soluinfo2-p:nth-child(2){margin: 0;} .soluinfo2-p{width: 50%;padding: 0 15px;} .soluinfo2-li:nth-child(even) .soluinfo2-img{float: left;} .soluinfo2-li:nth-child(even) .soluinfo2-p{float: right;} .soluinfo3-con{margin-top: 40px;} .soluinfo3-con p:last-child,.soluinfo4-con p:last-child{padding-bottom: 0;} .soluinfo4-con{padding: 0;margin-top: 40px;} .soluinfo3-con p img,.soluinfo4-con p img{width: auto;max-width: 100%;display: inline-block;} /* 新闻改版 */ /* =========================== news ============================ */ .news{padding-top: 50px;} .news-con{margin-bottom: 50px;} .news-ul{} .news-ul li{} .news-ul li a{display: block;border-bottom: 1px solid #e5e5e5;padding: 40px 0;} .news-img{overflow: hidden;float: left;width: 32.14%;transition: ease .5s;} .news-img img{width: 100%;max-height: 330px;transition: ease .5s;} .news-txt{float: right;width: 67.86%;padding: 52px 0;padding-left: 50px;transition: ease .5s;} .news-txt h3{font-size: 22px;line-height: 30px;color: #222;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;transition: ease .5s;} .news-txt h5{font-size: 16px;line-height: 28px;color: #777;margin: 15px 0;} .news-txt p{margin: 10px 0 0; font-size: 16px;line-height: 28px;color: #777; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;max-height: 56px;} .news-txt span{display: inline-block; font-size: 14px; line-height: 24px; color: #666; margin-top: 35px; transition: ease .5s; background: url(../images/new-mo.png)no-repeat center left; padding-left: 25px;} .news-ul li:hover .news-txt span { color: #1b3582; background-image: url(../images/new-mo1.png);} .news-ul li:hover .news-txt h3{color: #1b3582;} .news-ul li:hover .news-txt{transform: translateX(10px);} .news-ul li:hover .news-img{transform: translateX(-10px);} .news-ul li:hover .news-img img{transform: scale(1.04);} @media (max-width:1459px) { .news-txt{padding: 33px 0;padding-left: 50px;} } @media (max-width:1259px) { .news-txt{padding: 5px 0;padding-left: 30px;} /* .news-txt p{-webkit-line-clamp:1;} */ .news-txt span{margin-top: 25px;} } @media (max-width:991px) { .lbanner{height: 360px;} .news-ul li a{padding: 30px 0;} .news-txt{padding: 0;padding-left: 30px;} .news-txt h5{margin: 5px 0;} .news-txt span{margin-top: 15px;} } @media (max-width:767px) { .lbanner-font h3{font-size: 28px;} .lbanner-font p{font-size: 17px;line-height: 30px;} .news-txt h3{font-size: 18px;} .news-txt h5{font-size: 14px;line-height: 24px;} .news-ul li{float: left;width: 50%;padding: 0 10px;margin: 10px 0;} .news-ul li a{padding: 0;} .news-ul{margin: -10px;} .news-txt{float: none;width: 100%;padding: 20px 0;} .news-img{float:none;width: 100%;} .news-ul li:hover .news-img,.news-ul li:hover .news-txt{transform: none;} .ny-padd{padding: 40px 0;} } @media (max-width:640px) { } @media (max-width:320px) { .news-ul li{float: none;width: 100%;padding: 0;margin: 15px 0;} .news-ul{margin: -15px 0;} } .newsinfo-right h3,.newsinfo-riul li:hover h4{color: #1b3582;} .servie1-tit{font-weight: normal;font-size: 40px;} .a_cn .a_name{color: #1b3582;} .a_cn .a_line{display: none;} /* 关于我们排版 */ .about-two{background-repeat: no-repeat !important;background-position: center !important; background-size: 100% 100% !important;} .about-two .about-tit p,.about-two .about-tit h3{color: #fff;} .ab2-con{margin-top: 45px;} .ab2-top{} .ab2-left{float: left;width: 57.14%;padding-right: 100px;padding-top: 40px;} .ab2-right{float: right;width: 42.86%;overflow: hidden;} .ab2-right img{width: 100%;transition: ease .5s;} .ab2-left h3{font-size: 24px;line-height: 28px;color: #333;} .ab2-hr{width: 50px;height: 2px;background: #1b3582;margin: 25px 0;} .ab2-p{font-size: 16px;line-height: 32px;color: #666;max-height: 284px;} .ab2-p p{margin-bottom: 25px;} .ab2-p p:last-child{margin-bottom: 0;} .ab2-bot{margin-top: 60px;} .ab2-ul{margin: -25px -20px 0;} .ab2-ul li{float: left;width: 33.33%;font-size: 0; text-align: center;position: relative;padding: 0 20px;height: 110px;margin: 25px 0 0;} /* .ab2-ul li::before{position: absolute;content: "";width: 1px;height: 60px;background: rgba(220,220,220,0.2);right: 0;top: 50%;transform: translateY(-30px);} */ .ab2-ul li:last-child::before{opacity: 0;} .ab2-ul li h3{font-size: 50px;line-height: 60px;color: #333;} .ab2-ul li h3 span{color: #013d97; display: inline-block;font-family: "REDUCTO-CONDENSED-SSI-CONDENSED";} .ab2-ul li p{font-size: 16px;line-height: 24px;color: #666;} .ab2-ul li p span{display: block;} .ab2-ul li:nth-child(4),.ab2-ul li:nth-child(5){transform: translateX(50%);} .ab2-swiper{position: relative;} .ab2-swiper .swiper-pagination{display: none;width: 100%;} .ab2-swiper .swiper-button-next,.ab2-swiper .swiper-button-prev{width: 40px;height: 40px;background: #1b3582;transition: ease .5s;color: #39241e;line-height: 40px;text-align: center;opacity: 1;font-weight: bold;top: auto;bottom: 0;right: 0;left: auto;} .ab2-swiper .swiper-button-prev{right: 45px;} .ab2-swiper .swiper-button-next:hover,.ab2-swiper .swiper-button-prev:hover{color: #fff;background-color: #39241e;} .ab2-swiper .swiper-slide{overflow: hidden;} .ab2-swiper .swiper-slide img{width: 100%;transition: ease .5s;} .ab2-swiper .swiper-slide:hover img{transform: scale(1.04);} .ab2-icon{width: 66px;height: 110px;display: inline-block;vertical-align: middle;} .ab2-icon img{width: 100%;transition: ease .5s;} .ab2-ul li:nth-child(1) .ab2-icon{transform: translateY(-24px);} .ab2-ul li:hover .ab2-icon img{transform: rotateY(180deg);} .ab2-txt{display: inline-block;} .about-four{padding-top: 0;} .ab4-con{margin-top: 45px;} .ab4-ul{box-shadow: 0 0 13px rgba(0,0,0,0.1);} .ab4-ul li{float: left;width: 50%;position: relative;} .ab4-img{overflow: hidden;float: left;width: 50%;position: relative;} .ab4-img::before{position: absolute;content: "";width: 0;height: 0;border-bottom: 9px solid transparent;border-top: 9px solid transparent;border-right: 10px solid #fff;right: 0;top: 50%;margin-top: -3px;z-index: 5;} .ab4-ul li.ab4-liri .ab4-img::before{border-right: none;border-left: 10px solid #fff;right: auto;left: 0;} .ab4-img img{width: 100%;transition: ease .5s;} .ab4-txt{position: absolute;right: 0;top: 0;background: #fff; width: 50%;height: 100%; padding: 30px;text-align: center;} .ab4-txt>div{position: relative;width: 100%;height: 100%;} .ab4-txt h3{font-size: 24px;line-height: 32px;color: #333;transition: ease .5s;} .ab4-txt span{display: inline-block;width: 20px;height: 1px;background: #39241e;} .ab4-txt p{font-size: 16px;line-height: 32px;color: #666;} .ab4-ul li.ab4-liri .ab4-txt{right: auto;left: 0;} .ab4-ul li.ab4-liri .ab4-img{float: right;} .ab4-ul li:hover .ab4-img img{transform: scale(1.04);} .ab4-ul li:hover .ab4-txt h3{color: #1b3582;} @media(max-width:1459px){ .ab2-left{padding-top: 0;} .ab2-p{max-height: 249px;} .servie1-tit{font-size: 36px;} } @media(max-width:1259px){ .ab2-left{padding-right: 40px;} .ab2-p{max-height: 160px;} .ab2-icon{display: block;margin: 0 auto 10px;height: 60px;} .ab2-ul li:nth-child(1) .ab2-icon{transform: none;} .ab2-txt{display: block;border: 0;padding: 0;margin: 0;} .ab2-icon img{margin-top: 0;} .ab2-ul li{height: auto;border-left: 1px solid rgba(255,255,255,.2);} .ab2-ul li:first-child{border-left: none;} .ab2-ul li:nth-child(4){border-left: none;} .ab4-txt p{font-size: 17px;} .ab4-txt h3{font-size: 22px;} .servie1-tit{font-size: 34px;} } @media (max-width: 991px){ .ab2-right,.ab2-left{float: none;width: 100%;} .ab2-left{margin-top: 30px;} .ab2-p{max-height: none;height: auto;} .ab2-hr{margin: 10px 0;} .ab4-ul li{float: none;width: 100%;} .ab4-ul li:nth-child(even) .ab4-img,.ab4-ul li.ab4-liri:nth-child(even) .ab4-img{float: right !important;} .ab4-ul li:nth-child(even) .ab4-txt,.ab4-ul li.ab4-liri:nth-child(even) .ab4-txt{right: auto !important;left: 0 !important;} .ab4-ul li:nth-child(3) .ab4-img{float: left;} .ab4-ul li:nth-child(3) .ab4-txt{right: 0;left: auto;} .ab4-ul li:nth-child(2) .ab4-img::before{border-right: none;border-left: 10px solid #fff;right: auto;left: 0;} .ab4-ul li:nth-child(3) .ab4-img::before{border-left: none;border-right: 10px solid #fff;right: 0;left: auto;} .servie1-tit{font-size: 28px;} } @media (max-width: 767px){ .anchor{display: none !important;} .ab2-icon{width: 55px;height: 50px;} .ab2-ul li h3{font-size: 36px;line-height: 50px;} .ab2-ul li p{font-size: 15px;} .ab2-con,.ab3-swiper,.ab4-con,.ab6-con{margin-top: 20px;} .ab5-top{margin-top: 20px;} .ab2-left h3{font-size: 18px;} .ab2-p{font-size: 15px;line-height: 30px;} .ab4-txt h3{font-size: 18px;} .ab4-txt p{font-size: 15px;} .ab2-bot{margin-top: 20px;} .servie1-tit{font-size: 22px;} } @media (max-width: 640px){ .ab2-left{padding-right: 0;} .ab2-p p{margin-bottom: 10px;} .ab2-ul li{width: 50%;margin: 15px 0 0;padding: 0 10px;} .ab2-ul li:nth-child(3){margin-left: 25%;} .ab2-ul li:nth-child(4){transform: none;border-left: 1px solid rgba(255,255,255,.2);} .ab2-ul li:nth-child(3),.ab2-ul li:nth-child(5){border-left: none;} .ab2-ul li p span{display: inline;} .ab2-ul{margin: -15px -10px 0;} .ab4-img,.ab4-ul li:nth-child(even) .ab4-img, .ab4-ul li.ab4-liri:nth-child(even) .ab4-img{float: none !important;width: 100%;} .ab4-txt{position: static;width: 100%;} .ab4-img::before{display: none;} .ab4-ul li{margin: 15px 0;box-shadow: 0 0 13px rgba(0,0,0,0.1);} .ab4-ul{margin: -15px 0;box-shadow: none;} } @media (max-width: 360px){ .ab2-ul li p{height: 72px;} } .honor{background-color: #fff;} .about-four{background: #f7f7f7;} #category ul li:hover,#category ul li.on{background-color: #1b3582;} /* 产品详情 */ .proinfo{padding: 0;} .pri-achor{} .pri-tit{padding: 35px 0 32px;background: #f7f8fa;} .pri-tit span{display: inline-block;transform: translateY(-6px); color: #1b3582;font-size: 36px; line-height: 50px;} .pri-tit em{font-family: "DIN-BOLD";font-size: 56px;line-height: 50px;color: #dfe0e1;} .pri-one{padding: 40px 0 20px;} .pri1-dec{color: #333;font-size: 16px;line-height: 30px;padding: 0px 20px;font-weight: 400;text-align: left;} .pri1-img{margin-top: 40px; background: #f9f9f9;padding: 30px 15%;width: 100%;text-align: center;font-size: 0;} .pri1-img img{max-width: 100%;display: inline-block;} .pri-two{padding: 40px 0 0px;} .pri2-con{} .pri2-con .pri2-table2{margin-top: 40px;} .pri2-con .soli-table{overflow-x: auto;white-space: normal;} .pri2-con .soli-table tr td:first-child{/* background: #eee; */white-space: nowrap;} .pri2-con .pri2-table2.soli-table tr td:first-child{background: none;width: 16%;} .pri2-con .pri2-table2.soli-table tr td:first-child{white-space: normal;} .pri2-con .pri2-table2 tbody tr:first-child{background: #eee;} .pri2-con .soli-table thead tr:first-child th{padding-bottom: 20px;} .pri2-con .soli-table table{width: 99.5%;border: 1px solid red;} .pri2-con .soli-table td{text-align: left;} .pri2-con .pri2-table2.soli-table td{text-align: center;} .pri-three{padding: 60px 0 0px;} .pri3-con{} .pri3-ul{margin: -22px -11px 0;} .pri3-ul li{float: left;width: 50%;padding: 0 11px;margin-top: 22px;} .pri3-ba{background-size: cover;background-repeat: no-repeat;background-position: center;height: 243px;width: 100%;position: relative;} .pri3-font{position: absolute; top: 50%; left: 40px;width: 270px;transform: translateY(-50%);text-align: left; color: #fff;} .pri3-font h3{font-size: 28px; line-height: 40px; font-weight: 400;color: #fff;} .pri3-font p{font-size: 16px; line-height: 22px; color: hsla(0,0%,100%,.7); font-weight: 400;} .pri-four{padding: 40px 0 0px;} .pri4-con{} .pri4-ul{margin: -22px 0 0;} .pri4-ul li{margin-top: 22px;} .pri4-ba{background: #111112; height: 350px;width: 100%;position: relative;padding: 0 15%;} .pri4-font{position: absolute; top: 50%; left: 20%;width: 400px;transform: translateY(-50%);text-align: center; color: #fff;} .pri4-font h3{font-size: 28px; line-height: 40px; font-weight: 400;color: #fff;margin-bottom: 10px;} .pri4-font p{font-size: 16px; line-height: 22px; color: hsla(0,0%,100%,.7); font-weight: 400;} .pri4-img{height: 100%;float: right;} .pri4-img img{height: 100%;} .pri4-ul li:nth-child(even) .pri4-img{float: left;} .pri4-ul li:nth-child(even) .pri4-font{left: auto;right: 20%;} .pri-fiv{padding: 40px 0 0px;} .pri5-con{} .pri5-img{text-align: center;font-size: 0;} .pri5-img img{max-width: 100%;display: inline-block;} .pri-six{padding: 40px 0 0;} .pri-six .service2-con{margin-top: 0;} .pri-achor{z-index: 99;background: #fff; border-bottom: 1px solid #e1e1e1; height: 62px;} .pri-topul{font-size: 0;overflow-x: auto;white-space: nowrap;} .pri-topul::-webkit-scrollbar { height: 5px; background: #eee; } .pri-topul::-webkit-scrollbar-thumb { background: #1b3582; border-radius: 10px; } .pri-topul li{display: inline-block; padding: 0 30px; height: 61px; line-height: 60px;font-size: 16px;cursor: pointer;border-bottom: 2px solid transparent;} .pri-topul li a{display: block;line-height: 60px;font-size: 16px;color: #333;} .pri-topul li.on{border-color: #1b3582;} .pri-topul li.on a{color: #1b3582;} .pri-banner{padding: 80px 0 40px;} .pri-banner .proi-one{padding: 0;border: none;} .pri-id{padding-top: 60px;} .pri-id1{padding: 0;} .pri-mo{margin-top: 40px;} .pir-p{max-height: 96px;} .pri-page{padding-bottom: 80px;} .pri-fiv .solu1-a{height:auto} @media (max-width: 1459px){ .pri-tit span{font-size: 30px;} .pri-tit em{font-size: 50px;} .pri1-dec,.pri3-font h3{font-size: 24px;} .pri-tit{padding: 25px 0;} .pri4-ba{padding: 0 10%;height: 300px;} .pri4-font{left: 10%;} .pri4-ul li:nth-child(even) .pri4-font{right: 10%;} .pri-banner{padding: 60px 0 40px;} .solu1-a{height: 300px;} .solu1-img{height: 209px;} } @media (max-width: 1259px){ .pri-tit span,.pri4-font h3{font-size: 24px;} .pri-tit em{font-size: 38px;} .pri1-dec,.pri3-font h3{font-size: 20px;} .pri-tit{padding: 12px 0;} .soli-table thead tr:first-child th{font-size: 22px;} .pir-right{padding-top: 0;padding-bottom: 0;} .pir-right p{font-size: 18px;} .pri-mo{margin-top: 20px;} .solu1-a{ height: 300px; } } @media (max-width: 991px){ .pri-topul li a,.pri-topul li{line-height: 42px;} .pri-topul li{height: 43px;} .pri1-img{padding: 20px 10px;margin-top: 15px;} .pri-id{padding: 0;} .pri1-dec, .pri3-font h3{font-size: 18px;line-height: 30px;} .pri2-con .soli-table thead tr:first-child th{padding: 0 0 20px;font-size: 18px;} .pri-two{padding: 40px 0;} .pri-three{padding: 60px 0;} .pri4-font{left: 2%;width: 48%;} .pri4-ul li:nth-child(even) .pri4-font{right: 2%;} .pri4-ba{padding: 0 2%;} .pri-tit span, .pri4-font h3{font-size: 22px;} .pri-fiv{padding: 40px 0;} .pri-six{padding: 40px 0 0px;} .pri-four{padding: 40px 0;} .pir-right p{font-size: 16px;} .solu1-a{height: 300px;} } @media (max-width: 767px){ .soli-table td{font-size: 14px;} .pri3-font p{font-size: 14px;} .pri3-font{left: 0;padding: 0 0px 0 40px;} .pri3-ul li{width: 100%;} .pri-three{padding: 40px 0;} .pri4-ba{height: 240px;padding: 0 5%;} .pri4-font{left: 5%;width: 45%;} .pri4-ul li:nth-child(even) .pri4-font{right: 5%;} .pri-tit span{font-size: 20px;line-height: 30px;} .pri4-font h3{font-size: 18px;line-height: 30px;} .pri4-font p{font-size: 14px;} .pri4-font h3{margin-bottom: 5px;} .pri3-ba{height: 220px;} .pri-tit em{font-size: 30px;line-height: 30px;} .pri-tit span{transform: translateY(-3px);} .pri-banner{padding: 40px 0 20px;} .proinfo{padding: 40px 0 0;} .pri1-dec{font-size: 17px;} .pri2-con .soli-table table{max-width: 640px;} .pri-topul li{padding: 0 15px;border-width: 1px;} .pri-one{padding: 30px 0;} .pri4-ul li:nth-child(even) .pri4-img,.pri4-img{float: none;width: 100%;height: auto;} .pri4-img img{height: auto;width: 100%;} .pri4-ba{height: auto;padding: 30px 5% 0;} .pri4-ul li:nth-child(even) .pri4-font,.pri4-font{position: relative;left: auto;top: auto;right: auto; transform: none;width: 100%;margin-bottom: -30px;} .pri-six{padding: 40px 0 0;} .pri-page{padding-bottom: 40px;} .solu1-a{ height: auto; } } /* 下拉 */ .tit-h6{} .nav-top{display: inline-block;vertical-align: top;width: 49%;padding-right: 30px;} .nav-top ul{} .nav-top ul li{} .nav-top ul li a{text-align: left; display: block;color: #666; line-height: 1.375; margin: 15px 0;position: relative;font-size: 16px;} .nav-top ul li a:hover{text-decoration: underline;} .pc-newnav-div-cat01-right .three-type{width: 26%;} .pc-newnav-div-cat01-right .nav-img{padding: 10px 30px 10px; width: 73%;text-align: left;overflow-y: auto;} .pc-newnav-div-cat01-right .nav-img::-webkit-scrollbar { width: 5px; background: url(../images/scroll2.png)repeat-y center; } .pc-newnav-div-cat01-right .nav-img::-webkit-scrollbar-thumb { background:url(../images/scroll1.png)repeat-y center; border-radius: 10px; } .tit-h6{display: block; color: #333; font-size: 20px; line-height: 1.375; cursor: context-menu;} .cat4-div-h3{font-size: 30px;} .pc-newnav-div-cat01-left,.pc-newnav-div-cat01-right{float: left;} .pc-newnav-div::before{position: absolute;content: "";width: 40%;height: 100%;right: 0;top: 0;background: #fff;z-index: -1;} .pc-newnav-div::after{position: absolute;content: "";width: 20%;height: 100%;left: 0;top: 0;background: black;z-index: -2;} .block1{margin-bottom: 15px; padding-bottom: 20px;} .block2{ margin-top: 25px; margin-bottom: 0px;padding-bottom: 20px;} .block1 ul li a.newpro{position: relative;} .newBox{display: inline-block;position: relative;} .activityNew{display: inline-block; float: none; background-image: url(../images/nav-new.png); width: 29px; height: 12px; position: absolute; top: -13px; left: 0;} .block3 ul{padding: 10px 0;} .block4-pic{width: 49%;padding: 0 10px; position: relative;display: inline-block;overflow: hidden;transform: translateY(-10px);} .block4-pic img{width: 100%;transition: ease .8s;} .block4-pic p{position: relative;width: 100%;font-size: 14px;color: #666;padding: 10px 20px 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .block4-pic.white p{color: #fff;position: absolute;bottom:0;left: 0;} .block4-height{width: 100%;height: 20px;} .block4-pic:hover img{transform: scale(1.05);} .nav-top:last-child{margin-top: 15px;padding-right: 0;} .pc-newnav-div-cat01-right .three-type, .pc-newnav-div-cat01-right .nav-img, .pc-newnav-div-cat01-left{height: 550px;} .block2-ul li a span{display: inline-block;width: 16px;height: 15px;background: url(../images/nav-mo.png)no-repeat center;background-size: 100% 100%; transform: translateY(1px);margin-right: 7px;} .block4{margin-top: 76px;} .nav-h5{font-size: 30px;line-height: 40px;color: #fff;margin-bottom: 20px;} .pc-newnav-div-cat01-right .three-type, .pc-newnav-div-cat01-left{padding: 10px 0 10px;} .pc-newnav-div-xyj-on{border-left: 2px solid #e60012;} .pc-newnav-div-xyj i, .pc-newnav-div-cat01-xyj i{display: block; color: #fff;position: absolute;float: right;font-size: 10px;position: absolute; right: 20px; font-weight: bold;top: 50%;transform: translateY(-50%);} .pc-newnav-div-xyj, .pc-newnav-div-cat01-xyj{position: relative;} .pc-newnav-div-cat01-xyj{} .pc-newnav-div-cat01-xyj i{color: #666;} .about-four{padding-top: 80px;} .appli-li>a{height: 340px;} @media (max-width: 1459px){ .appli-li>a{height: 324px;} } @media (max-width: 1259px){ .appli-li>a{height: auto;} } @media (max-width: 991px){ .ab2-left{padding-right: 0;} .ab2-ul{margin: -25px 0 0;} } @media (max-width: 767px){ .about-four{padding-top: 40px;} .ab2-ul li p{height: 24px;} } @media (max-width: 640px){ .appli-img{height: 200px;} } .pro-left{float: left;width: 280px;} .pro-search{height: 46px;background: #fff;border: solid 1px #e5e5e5;margin-bottom: 24px;} .pro-search .submit{cursor: pointer; width: 44px;height: 44px;float: right;background: url(../images/pro-search.png) no-repeat center;} .pro-search .text{color: #bcbcbc;font-size: 14px;width: 234px;height: 44px;padding: 0 15px;} .pro-tit{height: 90px;background: #1b3582;padding:25px 25px 0;} .pro-tit h3{font-size: 26px;line-height: 30px;color: white;} .pro-tit h4{font-size: 13px;line-height: 25px;color: rgba(255,255,255,.67);text-transform: uppercase;} .pro-menu{padding: 0 6px;background: white;} .pro-item1{position: relative; height: 66px; line-height: 65px;border-bottom: solid 1px #eeeeee;padding: 0 20px;} .pro-cate1{display: block;margin-right: 25px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; font-size: 16px;color: #222;} .pro-tig1{position: absolute;right: 20px;top: 0; transition: all .5s; width: 20px;height: 65px;background: url(../images/pro-dowm.png) no-repeat center;} .pro-tig1::before{position: absolute;content: "";width: 20px;height: 20px;border-radius: 50%;border: 1px solid #666;left: 50%;top: 50%;transform: translate(-50%,-50%);} .pro-item2{position: relative;height: 51px; line-height: 50px;border-bottom: solid 1px #eeeeee;padding: 0 20px;} .pro-cate2{display: block;margin-right: 20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; font-size: 14px;color: #555;padding-left: 16px;background: url(../images/pro-cate2.png) no-repeat left center;} .pro-tig2{position: absolute;right: 20px;top: 0; transition: all .5s;width: 20px;height:50px;background: url(../images/pro-dowm.png) no-repeat center;} .pro-slide2{border-bottom: solid 1px #eeeeee;} .pro-pad{padding: 7px 35px 4px 35px;} .pro-pad a{display: block;font-size: 14px;color: #888;line-height: 30px;} .pro-slide1,.pro-slide2{display: none;} .pro-parent1.open .pro-cate1,.pro-cate1:hover{color: #1b3582;font-weight: bold;} .pro-parent1.open .pro-tig1,.pro-parent2.open .pro-tig2{transform: rotate(90deg);} .pro-parent2.open .pro-cate2{color: #1b3582;} .pro-pad a.on,.pro-pad a:hover,.pro-cate2:hover{color: #1b3582;} .pro-parent1.open .pro-slide1,.pro-parent2.open .pro-slide2{display: block;} .pro-parent1:last-child .pro-item1{border-bottom: none;} .app-menu{height: 45px;background: #fff;display: none;} .app-parent{height: 100%; position: relative;} .app-item{position: relative;height: 45px;padding: 0 15px;} .app-cate{line-height: 45px; float: left;font-size: 14px;color: #333;font-weight: bold;} .app-tig{position: absolute;width: 20px;height: 45px;top: 0;right: 15px;background: url(../images/pro-dowm.png) no-repeat center;} .app-parent .pro-menu{display: none;position: absolute;width: 100%;left: 0;top: 100%;z-index: 33;} .app-parent.open .app-tig{transform: rotate(90deg);} .app-parent.open .app-item{border-bottom: solid 1px #eee;} .app-menu .pro-menu{padding: 0 6px;background: white;box-shadow: 0 0 10px rgba(0,0,0,0.1);} .app-menu .pro-item1{position: relative; height:41px; line-height: 40px;border-bottom: solid 1px #eeeeee;padding: 0 10px;} .app-menu .pro-cate1{display: block;margin-right: 20px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; font-size: 14px;color: #222;} .app-menu .pro-tig1{position: absolute;right: 20px;top: 0; transition: all .5s; width: 20px;height: 40px;background: url(../images/pro-dowm.png) no-repeat center;} .app-menu .pro-item2{position: relative;height: 41px; line-height: 40px;border-bottom: solid 1px #eeeeee;padding: 0 10px;} .app-menu .pro-cate2{display: block;margin-right: 20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; font-size: 14px;color: #555;padding-left: 16px;background: url(../images/pro-cate2.png) no-repeat left center;} .app-menu .pro-tig2{position: absolute;right: 20px;top: 0; transition: all .5s;width: 20px;height:40px;background: url(../images/pro-dowm.png) no-repeat center;} .app-menu .pro-slide2{border-bottom: solid 1px #eeeeee;} .app-menu .pro-pad{padding: 7px 25px 4px;} .app-menu .pro-pad a{display: block;font-size: 12px;color: #888;line-height: 20px;} .app-menu .pro-slide1,.app-menu .pro-slide2{display: none;} .app-menu .pro-parent1.open .pro-cate1,.app-menu .pro-cate1:hover{color: #1b3582;font-weight: bold;} .app-menu .pro-parent1.open .pro-tig1,.app-menu .pro-parent2.open .pro-tig2{transform: rotate(90deg);} .app-menu .pro-parent2.open .pro-cate2{color: #1b3582;} .app-menu .pro-pad a.on,.pro-pad a:hover,.pro-cate2:hover{color: #1b3582;} .app-menu .pro-parent1.open .pro-slide1,.app-menu .pro-parent2.open .pro-slide2{display: block;} .app-menu .pro-parent1:last-child .pro-item1{border-bottom: none;} .app-menu{box-shadow: 0 0 13px rgba(0,0,0,.1);} @media (max-width: 1259px){ .pro-left{float: none;width: 100%;} } @media (max-width: 1259px) { .pro-right{width: 640px;} .center-li{width: 50%;} .app-menu{display: block;} .pro-nav{display: none;} .pro-left,.pro-right{width: 100%;float: none;} .pro-tig1::before{display: none;} } @media (max-width:991px){ } @media (max-width:767px){ .product{padding: 40px 0 50px;} .pro-search{height: 40px;} .pro-search .text,.pro-search .submit{height: 38px;} .pro-search .text{width: 80%;} .center-box{margin: 0 -7.5px;padding-bottom: 10px;} .center-li{padding: 0 7.5px;margin-bottom: 15px;} .center-font{padding: 10px 13px;background-size: 20px;background-position: right 13px center;} .center-font h3{margin-right: 25%;} } /* 2020.12.1修改 */ .bottom1-bot{border: none;padding-top: 21px;} .bot-link{margin-left: 16px;padding-left: 16px;position: relative;float: left;margin-top: 0;} .bot-link span{position: relative;padding-right: 18px;line-height: 28px;} .bot-link span::before{position: absolute;content: "";width: 12px;height: 7px;opacity: .6;transition: ease .5s; background: url(../images/bot-down.png)no-repeat center;background-size: 100% 100%;right: 0;top: 50%;transform: translateY(-50%);} .botlink-hide{position: absolute;width: 120px;bottom: 100%;left: 0;padding: 15px 0; opacity: 0;transition: ease .5s;background: rgba(0,0,0,1);text-align: center;} .botlink-hide a{display: block;margin: 0;} .bot-link:hover .botlink-hide{opacity: 1;z-index: 4;} .bot-link:hover span::before{transform: translateY(-50%) rotate(180deg);} .bot-link:hover span{color: #1b3582;} .btoplogo-ri{float: left;margin-top: 0;} .website{margin-left: 16px;padding-left: 16px;transition: ease .5s;display: block;font-size: 14px;line-height: 28px;color: #666;float: left;position: relative;} .website::before{position: absolute;content: "";width: 2px;height: 15px;background: #bfbfbf;left: 0;top: 50%;transform: translateY(-50%);} .bot-link::before{position: absolute;content: "";width: 2px;height: 15px;background: #bfbfbf;left: 0;top: 50%;transform: translateY(-50%);} .website:hover{color: #1b3582;} .bt1-botle span:last-child{} .bt1-bot{margin-top: 33px;} .bt1-bt{margin-top: 21px;} .bt1-ewm p{font-size: 16px;line-height: 34px;} .bt1-ri{padding-top: 0;transform: translateY(-50px);} .appfoot-ul{border: none;} .botapp-top .bottom1-top{float: left;max-width: 80%;} .botapp-top .footer-bot{float: right;width: 140px;transform: translateY(-35px);} /* news */ .lmenu{box-shadow: 0 0 13px rgba(0,0,0,.1);} .lmenu-ul{font-size: 0;overflow-x: auto;white-space: nowrap;} .lmenu-ul li{display: inline-block;position: relative;} .lmenu-ul li::before{position: absolute;content: "";width: 0;height: 100%;background: #ff0000;left: 0;top: 0;transition: ease .8s;} .lmenu-ul li a{display: block;padding: 25px 40px;position: relative; font-size: 18px;line-height: 30px;color: #333;transition: ease .5s;} .lmenu-ul li.on::before,.lmenu-ul li:hover::before{width: 100%;} .lmenu-ul li.on a,.lmenu-ul li:hover a{color: #fff;} /* ==============anchor============= */ .anchor { position: fixed; top: 0; left: 0; width: 100%; padding: 15px 0; z-index: 490; background: #fff; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1); text-align: center; display: none;} .anchor li { display: inline-block;vertical-align: middle; margin: 0 5px;} .anchor li a { display: block; padding: 0 26px;font-size: 14px;line-height: 34px; text-align: center; color: #333; transition: all .3s;} .anchor li.on a{color: #fff;background: #ff0000;} .anchor li a:hover{color: #ff0000;} .anchor li.on a:hover{color: #fff;} /* =========lcontact =========== */ .lcontact{} .lcontact-tit{font-size: 30px;line-height: 40px;color: #333;} .lcontact-dec{margin-top: 18px; font-size: 16px;line-height: 30px;color: #666;} .lcontact-one{padding: 73px 0 80px;} .lcontact1-con{} .lcontact1-left{float: left;width: 50%;} .lcontact1-ul{margin-top: 36px;} .lcontact1-ul ul{font-size: 0;margin: -15px -15px 0;} .lcontact1-ul li{display: inline-block;margin-top: 15px; width: 33.333%;padding: 0 15px;vertical-align: top;} .lcontact1-ul li:last-child{width: 50%;} .lcontact1-ul li h3{font-size: 20px;line-height: 30px;color: #333;} .lcontact1-ul li em{margin-top: 6px; display: block;font-size: 18px;line-height: 30px;color: #666;font-family: "DIN-REGULAR";} .lcontact1-ul li span{margin-top: 7px;display: block;font-size: 16px;line-height: 30px;color: #666;} .lcontact1-right{float: right;width: 50%;padding-left: 20px;} .contact-input{margin: 26px 0 0;} .contact-input input,.contact-input textarea{padding: 14px 12px 13px;} .contact-input textarea{min-height: 120px;} .message-submit{margin: 0;height: 50px;line-height: 50px;} .contact-submit{margin: 15px 0 0;} .contact-input input,.contact-input textarea{border-radius: 0;background: none;border: 1px solid #e5e5e5;} .lcontact-two{padding: 80px 0;} .lcontact-two img{max-width: 100%;} .lcontact-three{background: #F4F4F4;} .lcontact3-con{} .lcontact3-top{font-size: 0;margin: 0 -35px; text-align: center;border-bottom: 1px solid #dcdcdc;overflow-x: auto;white-space: nowrap;} .lcontact3-li{display: inline-block;position: relative;margin: 0 35px;} .lcontact3-li::before{position: absolute;content: "";width: 0;height: 4px;background: #1b3582;transition: ease .5s;left: 50%;bottom: 0;transform: translateX(-50%);} .lcontact3-li.on::before{width: 100%;} .lcontact3-li a{display: block;padding: 10px 10px 26px; font-size: 20px;line-height: 30px;color: #333;transition: ease .5s;} .lcontact3-li.on a{color: #1b3582;} .lcontact3-bot{margin-top: 43px;} .lcontact3-font{display: none;} .lcontact3-font.on{display: block;} .lcontact3-ul{margin: -20px -15px 0;} .lcontact3-ul li{float: left;width: 25%;padding: 0 15px;margin-top: 20px;} .lcontact3-ul li>div{} .lcontact3-ul li h3{font-size: 20px;line-height: 30px;color: #333;} .lcontact3-p{margin-top: 15px; font-size: 16px;line-height: 34px;color: #666;} /* 2020.12.11改 */ @keyframes ditu{ from { transform: translateY(0); } 50%{ transform: translateY(-8px); } to { transform: translateY(0px); } } .lcontact-three{padding: 73px 0 79px;} .lcontact-three .lcontact-tit{text-align: center;} .lcontact3-con{margin-top: 46px; padding-left: 88px;padding-right: 80px;} .lcontact3-map{position: relative;float: left;width: 53.57%;} .lcontact3-map>img{width: 100%;} .lcontact3-map>img.lcontact3-appimg{display: none;} .lcontact3-dotcon{} .lcontact3-dot{cursor: pointer; text-align: center;} .lcontact3-dot em{display: block;width: 12px;margin: 0 auto;} .lcontact3-dot.lcontact3-sz em{width: 24px;} .lcontact3-dot em img{width: 100%;transition: ease .8s;} .lcontact3-dot em img:nth-child(2){display: none;} .lcontact3-dot h4{font-size: 14px;line-height: 24px;color: #333;} .lcontact3-dot.on{} .lcontact3-dot.on em img{animation: ditu 2s linear infinite;} .lcontact3-dot.on em img:nth-child(1){display: none;} .lcontact3-dot.on em img:nth-child(2){display: inline-block;} .lcontact3-dot{position: absolute;} .lcontact3-dot:nth-child(1){top: 21.4%;left: 20.60%;} .lcontact3-dot:nth-child(2){top: 19.55%;left: 84.09%;} .lcontact3-dot:nth-child(3){top: 33.2%;left: 73.03%;} .lcontact3-dot:nth-child(4){top: 44.09%;left: 66.21%;} .lcontact3-dot:nth-child(5){top: 43.54%;left: 77.57%;} .lcontact3-dot:nth-child(6){top: 49.81%;left: 58.63%;} .lcontact3-dot:nth-child(7){top: 54.05%;left: 81.21%;} .lcontact3-dot:nth-child(7) h4,.lcontact3-dot:nth-child(7) em{display: inline-block;} .lcontact3-dot:nth-child(8){top: 59.04%;left: 73.03%;} .lcontact3-dot:nth-child(8) h4,.lcontact3-dot:nth-child(8) em{display: inline-block;} .lcontact3-dot:nth-child(9){top: 59.96%;left: 49.39%;} .lcontact3-dot:nth-child(10){top: 65.49%;left: 67.27%;} .lcontact3-dot:nth-child(11){top: 71.58%;left: 77.9%;} .lcontact3-dot:nth-child(12){top: 81.1%;left: 66.67%;} .lcontact3-dot:nth-child(13){top: 82.1%;left: 57.27%;} .lcontact3-dot:nth-child(13) h4,.lcontact3-dot:nth-child(13) em{display: inline-block;} .lcontact3-font{padding-top: 50px; display: block;float: right;width: 46.43%;padding-left: 120px;} .lcontact3-txt{display: none;} .lcontact3-txt.on{display: block;} .lcontact3-txt>div{background: #fff;padding: 73px 55px 83px;} .lcontact3-txt h3{font-size: 20px;line-height: 24px;color: #013d97;border-bottom: 1px solid #eee;padding-bottom: 29px;} .lcontact3-p{margin-top: 20px;max-height: 170px;} .lcontact3-map{margin-bottom: 204px;} .lcontact3-bf{position: absolute;width: 100%;left: 0; top: 0;} .lcontact3-bf img{width: 100%;} /* */ /* .navitem:nth-child(6){display: none;} */ .news-txt{width: 72.86%;padding: 40px 0;padding-left: 50px;} .news-img{width: 27.14%;} .newsinfo-tit{text-align: center;} .news-txt h5{font-size: 16px; line-height: 28px; color: #777;margin: 15px 0;} .pro-search{border-color: #1b3582;position: relative;padding-right: 50px;} .pro-tit{height: 70px;padding: 10px 25px 0;} .pro-item1{height: 50px;line-height: 50px;} .pro-tig1{height: 50px;} .pro-search .submit{position: absolute;right: 0;top: 0;} .pro-search .text{width: 100%;} .pro-left.sctop{position: fixed;left: 13%;padding-left: 0;top: 140px;z-index: 20} .pro-left.scbot{top: 0;left: 0;position: absolute} .pro-left.scbot2 {bottom: 50px;left: 0;position: absolute;} .pro-menu{background: #f9f9f9;overflow-y: auto;overflow-x: hidden;/* max-height: 605px; */} .pro-menu::-webkit-scrollbar{ width: 5px; background: url(../images/scroll2.png)repeat-y center; } .pro-menu::-webkit-scrollbar-thumb{ background:url(../images/scroll1.png)repeat-y center; border-radius: 10px; } .soluinfo1-con{margin-top: 40px;} .pro1-con,.solu1-con{margin-left: 305px;} .pro1-ul{margin-top: 0;} .pro1-ul li:nth-child(1), .pro1-ul li:nth-child(2), .pro1-ul li:nth-child(3),.pro1-ul li:nth-child(4){margin-top: 0;} .solutinfo{padding: 70px 0 0;} .soluinfo1{padding-top: 0;} .soluinfo2-img img{max-width: 100%;} /* */ /* .pc-newnav-div{display: block;} */ .pc-newnav-divcon{position: relative;} .pc-newnav-divcon::before{position: absolute;content: "";width: 28.2%;height: 100%;background: #f7f7f7;left: 0;top: 0;} .pc-newnav-div::after{display: none;} .pc-newnav-div-cat01-left{background-color: transparent;} .pc-newnav-div{background: #fff;top: 100px;} .pcnav-left{float: left;width: 27.14%;background: #f7f7f7;padding-top: 50px;padding-bottom: 50px;} .pcnav-leul{} .pcnav-leul li{position: relative;padding: 0 30px;} .pcnav-leul li::before{position: absolute;content: "";width: 5px;height: 100%;background: #e60012;left: 0;top:0;opacity: 0;transition: ease .6s;} .pcnav-leul li a{display: block;font-size: 16px;line-height: 30px;color: #333;padding: 12px 0;} .pcnav-leul li.on{background: #fff;} .pcnav-leul li.on::before{opacity: 1;} .pcnav-leul li.on a{} .pcnav-leul li em{position: absolute;top: 20px;right: 30px;opacity: 0; display: block;width: 7px;height: 14px;background: url(../images/down-right.png)no-repeat center;background-size: 100% 100%;float: right;} .pcnav-leul li.on em{opacity: 1;} .pcnav-right{padding-top: 50px;float: right;width: 72.86%;padding-left: 70px;background: #fff;} .pcnav-ripro{display: none;} .pcnav-ripro.on{display: block;} .pcnav-rili{margin-top: 70px;} .pcnav-rili:first-child{margin-top: 0;} .pcnav-rili h3{padding-left: 10px; font-size: 16px;line-height: 30px;color: #333;position: relative;} .pcnav-rili h3::before{position: absolute;content: "";width: 5px;height: 15px;border-left: 1px solid #ff0000;border-right: 1px solid #ff0000;left: 0;top: 50%;transform: translateY(-50%);} .pcnav-riul{font-size: 0;margin: 0 -9px; margin-top: 12px;} .pcnav-riul li{display: inline-block;padding: 0 9px;max-width: 25%;} /* .pcnav-riul li:last-child{margin-right: 0;} */ .pcnav-riul li a{display: block;text-align: center;} .pcnav-pic{text-align: center;} .pcnav-pic img{display: inline-block; max-width: 100%;transition: ease .5s;} .pcnav-txt{font-size: 16px;line-height: 28px;color: #666;text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .pcnav-riul li:hover .pcnav-pic img{transform: scale(1.05);} .pcnav-riul li:hover .pcnav-txt{color: #e60012;} .pcnav-riul1 li{padding: 0 20px;} .pcnav-riul1{margin: 0 -20px; margin-top: 12px;} .pcnav-right,.pcnav-left{overflow-y: auto;overflow-x: hidden;padding-bottom: 50px;height:700px;} .pcnav-right::-webkit-scrollbar,.pcnav-left::-webkit-scrollbar{ width: 5px; background: url(../images/scroll2.png)repeat-y center; } .pcnav-right::-webkit-scrollbar-thumb,.pcnav-left::-webkit-scrollbar-thumb{ background:url(../images/scroll1.png)repeat-y center; border-radius: 10px; } /* */ .news{padding-top: 0;} /* */ .solutinfo .solu1-con{margin-left: 310px;} .soluinfo2,.soluinfo4{background: #f7f7f7;padding-left: 30px;padding-right: 30px;} .soluinfo1 p, .soluinfo2-p p, .soluinfo3-con p, .soluinfo4-con p{line-height: 26px;padding-bottom: 12px;} .soluinfo4-con p{text-align: left;} .newsinfo-font p{padding-bottom: 12px;} .newsinfo-font{line-height: 26px;} @media(max-width:1919px) { .pro-left.sctop{left: 7.5%;} } @media(max-width:1679px) { .pro-left.sctop{left: 3%;} } @media(max-width:1489px) { .pro-left.sctop{left: 2.5%;} } @media(max-width:1459px) { .lmenu-ul li a{padding: 16px 30px;font-size: 16px;} .lcontact-tit{font-size: 26px;} .lcontact1-ul li{width: 50%;} .lcontact1-ul li h3{font-size: 18px;} .lcontact1-ul li em{font-size: 16px;line-height: 26px;} .lcontact1-ul{margin-top: 20px;} .lcontact-dec{margin-top: 10px;} .lcontact3-li a{font-size: 18px;padding: 10px 10px 20px;} .lcontact3-p{margin-top: 10px;line-height: 32px;} .lcontact3-bot{margin-top: 30px;} .lcontact1-ul li:last-child{width: 100%;} .solu-tit{font-size: 36px;line-height: 40px;} .pcnav-right{padding-left: 50px;} .pcnav-right,.pcnav-left{height: 580px;} .news-txt{padding: 34px 0;padding-left: 50px;} .pcnav-rili{margin-top:20px;} .lcontact3-map{margin-bottom: 199px;} .solutinfo{padding: 60px 0 0;} } @media(max-width:1259px) { .bt1-bot{margin-top: 0;} .bt1-bt{margin-top: 12px;} .bt1-le{max-width: 100%;} .lcontact-tit{font-size: 24px;line-height: 30px;} .lcontact-one,.lcontact-three{padding: 60px 0;} .soluinfo1-con{margin-top: 30px;} .pro1-con,.solu1-con{margin-left: 0;margin-top: 30px;} .pro1-ul li:nth-child(1), .pro1-ul li:nth-child(2), .pro1-ul li:nth-child(3){margin-top: 25px;} .solu-tit{font-size: 30px;} .pro1-ul{margin-top: -25px;} .news-txt{padding: 23px 0;padding-left: 50px;} .solutinfo .solu1-con{margin-left: 0;} .lcontact3-map{margin-bottom: 155px;} } @media(max-width:991px) { .bt1-botle span{display: block;} .bt1-botle span:last-child{margin-left: 0;} .btoplogo-ri span{display: block;margin-left: 0;} .bot-link{margin-left: 0;padding-left: 0;} .bot-link::before{display: none;} .botapp-top{padding-bottom: 60px;} .footer-bot{transform: none;} .lcontact3-ul li{width: 50%;} .lcontact3-p{font-size: 14px;line-height: 24px;margin-top: 5px;} .lcontact3-ul li h3{font-size: 18px;} .lcontact3-bot{margin-top: 25px;} .lcontact3-li a{padding: 10px 10px 15px;} .lcontact-tit{font-size: 22px;} .lcontact1-left{float: none;width: 100%;} .lcontact1-right{margin-top: 30px; float: none;padding: 0;width: 100%;} .lcontact3-li{margin: 0 20px;} .lcontact3-top{margin: 0 -20px;} .message-submit{width: 150px;height: 45px;line-height: 45px;} .solu-tit{font-size: 26px;line-height: 30px;} .news-txt p{-webkit-line-clamp: 1;margin: 5px 0 0;} .news-txt{padding: 16px 0; padding-left: 30px;} .news-txt h3{font-size: 20px;} .botapp-top .footer-bot{transform:none;} .lcontact3-map{margin-bottom: 253px;} } @media(max-width:767px) { .botapp-top .bottom1-top{float: none;width: 100%;max-width: none;} .botapp-top .footer-bot{float: none;width: 100%;text-align: center;margin-top: 20px;} .appfoot-ul li a{font-size: 16px;} .appfoot-ul{margin-top: 0;} .foot-app{padding: 30px 0 0;} .lmenu{display: none;} .lcontact-one,.lcontact-three{padding: 40px 0;} .lcontact3-li a{font-size: 16px;padding: 6px 6px 10px;} .lcontact3-li::before{height: 2px;} .lcontact3-li{margin: 0 6px;} .lcontact3-top{margin: 0 -6px;} .lcontact3-ul li h3{font-size: 16px;} .lcontact-tit{font-size: 20px;} .lcontact-dec{font-size: 15px;line-height: 28px;margin-top: 3px;} .lcontact1-ul li h3{font-size: 16px;} .lcontact1-ul li em,.lcontact1-ul li span{font-size: 14px;line-height: 24px;} .lcontact1-ul li{margin-top: 10px;} .lcontact1-ul li em,.lcontact1-ul li span{margin-top: 2px;} .lcontact1-ul ul{margin-top: -10px;} .lcontact1-ul{margin-top: 10px;} .contact-input{margin: 16px 0 0;} .contact-input input, .contact-input textarea{/* padding: 12px; */} .lcontact3-ul li{margin-top: 15px;} .lcontact3-ul{margin-top: -15px;} .soluinfo1-con{margin-top: 20px;} .pro1-ul li:nth-child(1), .pro1-ul li:nth-child(2), .pro1-ul li:nth-child(3){margin-top: 20px;} .pro1-ul{margin-top: -20px;} .solu-tit{font-size: 20px;} .soluinfo2-img,.soluinfo2-p{float: none;width: 100%;} .soluinfo2-p{margin-top: 20px;} .soluinfo2-top{margin-top: 20px;} .soluinfo2-li{margin-top: 20px;} .soluinfo2-li:first-child{margin-top: 0;} .soluinfo3-con,.soluinfo4-con{margin-top: 20px;} .solutinfo{padding: 40px 0 0;} .news-img{width: 100%;} .news-txt{width: 100%;padding: 20px 0;} .news-txt p{-webkit-line-clamp: 2;} .news-txt h3{font-size: 18px;} .soluinfo2, .soluinfo4{padding-left: 15px;padding-right: 15px;} .soluinfo2-img, .soluinfo2-p{padding: 0;} .soluinfo1-con img+div{float: none;margin: 20px 0 0;} .soluinfo2-p:nth-child(2){margin: 20px 0 0;} .news{padding-top: 40px;} } @media(max-width:640px) { .lcontact3-ul li{width: 100%;} .pri1-dec{font-size: 14px;line-height: 24px;padding: 0 10px;} .lcontact3-bf{display: none;} .lcontact3-map{margin-bottom: 0;} } /* 半岛·综合体育解决方案手机 */ .intw-appcon{display: none;margin-top: 32px;} .intw-appswip{position: relative;padding-bottom: 30px;} .intw-appswip .swiper-pagination-bullet{margin: 0 5px;} .intw-appswip .swiper-pagination-bullet-active{background-color: #e60012;} .intw-appswip .swiper-pagination{width: 100%;bottom: 0;} .intw-appswip .swiper-button-next, .intw-appswip .swiper-button-prev{display: none;} @media (max-width:1459px) { .lcontact3-con{padding: 0;} .news-txt span{margin-top: 18px;} .news-txt h5{margin: 10px 0;} /* .news-txt{padding: 6px 0;padding-left: 50px;} */ } @media (max-width:1259px) { .lcontact3-font{padding-left: 40px;} .lcontact3-txt>div{padding: 60px 35px 50px;} .lcontact3-txt h3{padding-bottom: 16px;} .lcontact3-dot h4{font-size: 12px;} .news-txt p{-webkit-line-clamp: 1;} .news-txt h5{margin: 6px 0;} /* .news-txt{padding: 0;padding-left: 50px;} */ } @media (max-width:991px) { .lcontact3-map{float: none;width: 100%;} .lcontact3-font{margin-top: 30px; width: 100%;float: none;padding: 0;} .lcontact3-p{max-height: none;height: auto;margin: 10px 0 0;} .lcontact3-txt>div{padding: 40px 35px 30px;} .news-txt h5 {margin: 5px 0 0;} .news-txt h5{font-size: 14px;line-height: 22px;} .news-txt{padding-left: 30px;} .news-txt h3{font-size: 18px;line-height: 26px;} .news-txt span{margin-top: 5px;} .intw-con{display: none;} .intw-appcon{display: block;} .index-two{padding-bottom: 30px;} .index-three{padding-top: 60px;} } @media (max-width:767px) { .lcontact3-con{margin-top: 20px;} .lcontact3-p{display: none;} .lcontact3-txt h3{padding-bottom: 0;border-bottom: none;} .lcontact3-txt.on,.lcontact3-txt{display: inline-block;width: 33.333%;padding: 0 10px;vertical-align: top;} .lcontact3-font{padding: 20px 10px;background: #fff;font-size: 0;} .lcontact3-txt>div{padding: 8px 0;} .lcontact3-txt h3{font-size: 16px;} .lcontact-two{padding: 40px 0;} .news-txt h5 { font-size: 14px;line-height: 24px;} .news-txt{padding: 20px 0;} .index-three{padding-top: 40px;} .int-dec{padding: 15px 0;} } @media (max-width:640px) { .lcontact3-txt.on,.lcontact3-txt{width: 50%;text-align: center;} .lcontact3-map>img,.lcontact3-dotcon{display: none;} .lcontact3-map>img.lcontact3-appimg{display: block;} .index-two{padding-bottom: 0px;} } .solutinfo .solu1-con .container{width:auto;} .solutinfo .solu1-con .container:after {display:none; } img{max-width: 100%;display: block;margin: 0 auto;height: auto;} .pri2-table1 table{max-width: none;display: block;} .pri2-table1{overflow: hidden;width: 99%;} .pri2-table1 table{max-width: none;width: 100%;display: block;} .pri2-table1 tr, .pri2-table1 tbody{width: 100%;} .pri2-table1 tbody{overflow-y: scroll; overflow-x: hidden;} /* .pri2-con .pri2-table2.soli-table td, */ .pri2-con .pri2-table1 td, /* .pri2-con .pri2-table2.soli-table th, */ .pri2-con .pri2-table1 th{word-break: break-all;} .lcontact2-con{margin: 26px 0 0;} .lcontact2-ul{font-size: 0;text-align: left;margin: -30px -12.5px 0;} .lcontact2-ul li{float: left; width: 33.333%;padding: 0 12.5px;margin-top: 30px; vertical-align: top;} .lcontact2-ul li>div{border: 1px solid #e5e5e5;padding: 20px 25px;transition: ease .5s;height: 210px;} .lcontact2-ul li:hover>div{border-color: #e60012;} .lcontact2-ul li p{} .lcontact2-ul li h3{color: #e60012;} .lcontact2-ul li h3 span{display: inline; font-size: 20px;line-height: 30px;} .lcontact2-ul li h3 em{display: inline; font-size: 20px;line-height: 30px;font-family: 'DIN-REGULAR';} .lcontact2-p{margin-top: 7px;/* min-height: 195px; */} .lcontact2-ul li p{color: #666;} .lcontact2-ul li p span{font-size: 16px;line-height: 30px;} .lcontact2-ul li p em{font-size: 16px;line-height: 30px;font-family: 'DIN-REGULAR';} @media(max-width:1459px) { .lcontact2-ul li p{font-size: 16px;} .lcontact2-ul li{padding: 0 15px;} .pcnav-right, .pcnav-left{padding-top: 30px;} .ny-padd{padding: 60px 0;} } @media(max-width:1259px) { .lcontact3-dot:nth-child(12){top: 80.1%;} } @media(max-width:991px) { .lcontact2-ul li{width: 50%;} .lcontact2-ul li h3{height: 53px;line-height: 18px;} .lcontact2-ul li h3 span{font-size: 18px;} } @media(max-width:767px) { .ny-padd{padding: 40px 0;} .lcontact2-con{margin: 16px 0 0;} .lcontact2-ul li p{font-size: 14px;line-height: 22px;} .lcontact2-ul li{padding: 0 12px;margin-top: 20px;} .lcontact2-ul{margin: -20px -12px 0;} .lcontact2-ul li>div{padding: 20px;} .lcontact2-ul li h3 span,.lcontact2-ul li h3 em{font-size: 16px;} .lcontact2-ul li p span,.lcontact2-ul li p em{font-size: 14px;line-height: 24px;} .lcontact2-p{min-height: 150px;} } @media(max-width:640px) { .lcontact2-ul li{width: 100%;} .lcontact2-p{min-height: 0;height: auto;} .lcontact2-ul li h3{height: auto;} .lcontact2-ul li>div{padding: 20px 20px 30px;height: auto;} } /* 解决方案下拉,应用案例下拉 */ .xiala{position: absolute;border-top: 1px solid #e60012;min-width: 550px;text-align: left;left: -22%;top: 100%;display: none;background: #fff;} .navitem:hover .xiala{display: block;} .navitem.navitemx{position: relative;} .xiala-con{position: relative;padding: 30px 0 40px; font-size: 0;text-align: center;display: inline-block; width: auto;} .xiala-ul{} .xiala-li{vertical-align: top; display: inline-block;border-left: 1px solid #eee;} .xiala-li:first-child{border: none;} .xiala-li ul{} .xiala-li li{text-align: left;} .xiala-li li>a{width: 274px;display: block;font-size: 16px;line-height: 48px;color: #666;padding: 0 40px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .xiala-li li>a:hover{color: #e60012;} .pri2-con {position: relative;padding-bottom: 20px;} .pri-two .pri2-con::before { position: absolute; content: ""; width: 1px; height: 100%; background: #dcdcdc; left: 50%; top: 0; } .pri2-con .pri-tit { text-align: left; } .pri2-font { margin: 0 -70px; } .pri2-list { float: left; width: 50%; padding: 0 70px; } .pri2-ul { margin-top: 10px; } .pri2-ul li:first-child { padding-top: 0; padding-bottom: 5px; } .pri2-ul li { border-bottom: 1px solid #dcdcdc; padding: 5px 0 5px; } .pri2-ul li h4 { line-height: 30px; color: #666; position: relative; padding-left: 20px; } .pri2-ul li h4::before { position: absolute; content: ""; width: 8px; height: 8px; border-radius: 50%; background: #dcdcdc; left: 0; top: 11px; } .pri-tit,.pri-one,.pri-two,.pri-three table p,.pri-four{/* color:#666; */font-size:16px;} @media(max-width:767px) { .pri-tit,.pri-one,.pri-two,.pri-three table p,.pri-four{ font-size:14px;} .ny-padd{padding: 40px 0;} .lcontact2-con{margin: 16px 0 0;} .lcontact2-ul li p{font-size: 14px;line-height: 22px;} .lcontact2-ul li{padding: 0 12px;margin-top: 20px;} .lcontact2-ul{margin: -20px -12px 0;} .lcontact2-ul li>div{padding: 20px;} .lcontact2-ul li h3 span,.lcontact2-ul li h3 em{font-size: 16px;} .lcontact2-ul li p span,.lcontact2-ul li p em{font-size: 14px;line-height: 24px;} .lcontact2-p{min-height: 150px;} .pri2-list { width: 100%; float: none; margin-top: 20px; } .pri2-font { margin-top: -20px; } .pri2-con::before { display: none; } .pri2-con { padding-bottom: 0; } .pri2-ul { margin-top: 15px; } .pri2-ul li { padding: 8px 0; } .pri2-ul li:first-child { padding-bottom: 8px; } .pri2-ul li h4 { line-height: 24px; } } @media(max-width:640px) { .lcontact2-ul li{width: 100%;} .lcontact2-p{min-height: 0;height: auto;} .lcontact2-ul li h3{height: auto;} .lcontact2-ul li>div{padding: 20px 20px 30px;} } /* 2021.1.23修改 */ .ab2-slide{width: 100%;} .ab2-swiper .swiper-pagination{display: block;bottom: 10px;} .ab2-swiper .swiper-pagination-bullet-active{background-color: #ff0000;} .solu1-ul li{width: 25%;} .solu1-txt h3{height: auto;height: 52px; white-space: pre-wrap;text-overflow: initial;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .soluinf-page{padding-bottom: 60px;margin: 0;} .solutinfo-page{} .pro-left,.pro-menu{background: #fff;} .solutinfo .solu1-con,.solu1-con{background: #fff;padding: 0 30px 30px;} .solutinfo .solu1-con p{margin-bottom: 10px;} .solutinfo{padding: 70px 0;} .pro1-con{background: none;padding: 0;} .ny-tag{height: 50px;line-height: 50px;border-bottom: 1px #dbdbdb solid;margin-bottom: 23px;} .nytag-p{font-size: 16px;color: #333;font-weight: bold;} .info-title{text-align: center;} .info-title h3{margin: 0; font-size: 18px;line-height: 30px; color: #0075c2;font-weight: bold;} .info-title p{font-size: 12px;line-height: 30px;color: #666;} .botlink-hide{display: none;padding-bottom: 0;transition: none; opacity: 1;text-align: left; position: relative;width: 100%;background: transparent;margin-left: -5px;} .botlink-hide a{display: inline-block;font-size: 14px;line-height: 24px;color: #666;margin: 0 5px;} .botlink-hide a:hover{color: #013d97;} @media(max-width:1459px) { .solu1-ul li{width: 33.333%;} .pro1-ul li:nth-child(4){margin-top: 25px;} .solutinfo{padding: 60px 0;} } @media(max-width:1259px) { .soluinf-page{padding-bottom: 30px;} } @media(max-width:991px) { .solu1-ul li{width: 50%;} } @media(max-width:767px) { .pro1-ul li:nth-child(4){margin-top: 20px;} .solutinfo{padding: 40px 0;} .soluinf-page{padding-bottom: 20px;} .solutinfo .solu1-con, .solu1-con{padding: 30px 20px;} .solu1-img{ height: 121px; } } @media(max-width:640px) { .solu1-ul li{width: 50%;} .solu1-txt h3{height: auto;-webkit-line-clamp: 1;} } @media(max-width:400px) { .pro1-ul li{width: 100%;} } a.zz{display:none;} .yqlj{ margin: 0px auto; border: 2px #dbdbdb solid; margin-bottom: 30px; margin-top: 8px; } .yqlj_bt{ border-right:1px #dbdbdb solid;} .yqlj_bt b{ font-size:15px;} .yqlj_bt1{ width:140px; height:17px; line-height:17px; text-align:center; background:url(../images/tyzt_18.jpg) 15px 0px no-repeat;} .yqlj a{ color: #666; line-height: 20px; margin-right: 3px; font-size: 13px; white-space: nowrap;} .pri-one p,.pri-two p{ margin-bottom: 10px; } .link-ctm{display: none !important;} .guanj{min-height:30px;position:relative;padding-left:60px;margin: 20px 0;} .guanj span{position:absolute;top:5px;left:0;display:inline-block;font-size: 14px;font-weight:700;color:#777;height: 14px;line-height: 14px;} .guanj a{height:23px;font-size:13px;padding:0 6px;line-height:23px;display:inline-block;background-color:#949494;color:#fff}