@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, .container{width: 1430px;}}@media (min-width: 1920px){.container-middle{width: 1630px;} .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%; border-bottom: 1px solid rgba(255,255,255,.3); height: 90px; z-index: 5000; background: transparent; transition: ease .5s;} .header.on{box-shadow: 0 0 13px rgba(0,0,0,.1);}.header-con{}.header.on{border: none;}.header .logo{display: block; float: left; position: relative; z-index: 1200; margin: 0px 0; margin-left: -30px;} .header .logo img,{width: 184px; height: 90px;} .header .logo img.logoon, .header .logo img.logoon{display: none;}.header.on .logo img, .header.ny-header .logo img{display: none;} .header.on .logo img.logoon, .header.ny-header .logo img.logoon{display: block;}.gpcode{float: left; font-size: 16px; line-height: 30px; color: #fff; margin: 30px 0; margin-left: 30px;}.header-right{float: right; margin: 28px 0; margin-left: 50px;}.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: #F0BB44;}.header-slogan{float: left; font-size: 22px; line-height: 40px; color: #341d17;}.header-phone{font-size: 24px; line-height: 40px; color: #fff; margin-top: 10px; position: relative; padding-left: 28px; font-family: "DINMITTELSCHRIFTSTD";} .header-phone::before{position: absolute; content: ""; width: 17px; height: 17px; background: url(../images/headtop-phone.png)no-repeat center; background-size: 100% 100%; top: 10px; left: 0;} .header-phone span{display: inline-block; font-family: "ITCAvantGardeStd-BkCn"; font-size: 22px; line-height: 30px; color: #341d17;}.header-search{float: right; margin-top: 0px; position: relative; margin-right: 0;}.bt-search{position: relative; border: none; background: none; float: left; width: 34px; height: 34px; text-align: right; 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-search.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 em{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-navbar{}.navbar{float: right; transition: ease .5s; margin-right: -24px;}.navitem{float: left; padding: 0 14px;} .navitem > a{display: inline-block; font-size: 16px; color: rgba(255,255,255,1); line-height: 30px; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; background: transparent; padding: 30px 10px; position: relative;} .navitem.active > a{color: #fff;} .navitem:hover > a{color: #fff;} .navitem > a::before{position: absolute; content: ""; width: 0px; height: 3px; background: #ec1b24; left: 50%; bottom: 0%; transform: translateX(-50%); transition: ease .5s;} .navitem:hover > a::before, .navitem.active > a::before{width: 100%;}/*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: 3px 15px; margin-left: -15px;} .header-app .logo img{height: 100%; display: inline-block; margin-left: -15px;}.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: #ec1b24; 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: #ec1b24; 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: #ec1b24;}.category-cont a:last-child{border: none;}.category-cont a.active{color: #ec1b24;}.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: #ec1b24;}.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: #ec1b24;}.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: #ec1b24}.category-cont1 a:last-child{border: none;}.category-cont1 a.active{color: #ec1b24;}.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: #ec1b24;}.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: #ec1b24;}.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;} .bottom1{padding: 46px 0 26px;}.bottom2{padding: 22px 0 19px; border-top: 1px solid rgba(255,255,255,.1);} .bottom2 a{display: inline-block; font-size: 14px; line-height: 24px; color: rgba(255,255,255,.3); transition: .5s; position: relative;} .bottom2 a em{font-style: normal; margin: 0 10px;} .bottom2 .bottom2-con{} .bottom2 a.link-ctm::after{display: none;} .bottom2 a:hover{color: #fff;} .bottom2 .left{float: left; padding: 2px 0;} .bottom2 .right{float: right; font-size: 0;} .bottom2 .left p{float: left; font-size: 14px; line-height: 24px; color: rgba(255,255,255,.3); margin-right: 15px;} .bottom2 .left span{display: inline-block; margin: 0 5px; font-size: 14px; line-height: 24px; 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 .right span:last-child{padding-left: 16px; margin-left: 16px;}.bottom2-img{display: inline-block; float: right;}.bottom-lx{float: left;}.bottomlx-txt{text-align: right;}.bottom-lx h3{font-size: 48px; color: #333; line-height: 50px;}.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 h3{margin-bottom: 8px; padding-left: 36px; font-size: 26px; line-height: 30px; color: rgba(255,255,255,.6); position: relative; font-family: "DINMITTELSCHRIFTSTD";} .bottom-contact h3::before{position: absolute; content: ""; width: 29px; height: 22px; background: url(../images/bot-ph.png)no-repeat center; background-size: 100% 100%; left: 0; top: 50%; transform: translateY(-50%);} .bottom-contact p{font-size: 14px; line-height: 26px; color: #999;} .bottom-contact p em{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: 100px;} .bottom-ulfont::before{position: absolute; content: ""; width: 1px; height: 100%; background: rgba(255,255,255,.1); right: 0; top: 0;}.bottom-ul{margin: 0 -55px;} .bottom-ul ul{float: left; margin: 0 55px;} .bottom-ul ul:last-child{max-width: 15.5%;} .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: 21px;} .bottom-ul ul li a, .bottom1-contact li{display: block; font-size: 14px; line-height: 26px; color: rgba(232,225,224,.6); transition: ease .5s;} .bottom-ul ul li:first-child a{font-size: 16px; line-height: 24px; color: #fff; position: relative;} .bottom-ul ul li:first-child a::before{position: absolute; content: ""; width: 2px; height: 16px; background: rgba(236,27,36,.6); left: -12px; top: 50%; transform: translateY(-50%);} .bottom-ul ul li a:hover{color: #fff;}.bottom1-ewm{float: right; margin-left: 50px;}.bott-share{text-align: center; margin-top: 35px;} .bott-share .bshare-custom{font-size: 0; margin: 0 -10px;} .bott-share a{display: inline-block !important; background: none !important; font-size: 20px !important; width: 40px !important; height: 40px !important; line-height: 40px !important; text-align: center; border-radius: 50% !important; color: rgba(255,255,255,.5) !important; transition: ease .5s !important; padding-left: 0 !important; text-decoration: none !important; margin: 0 10px !important; background: transparent !important; border: 1px solid rgba(255,255,255,.1);} .bott-share a:hover{color: #fff !important; opacity: 1 !important; background: #ec1b24 !important; border-color: #ec1b24;} .bott-share a::after{display: none !important;}.bsBox{width: 232px !important; height: 256px !important;}.bottewm-img{text-align: right; width: 110px; display: inline-block;} .bottewm-img img{display: inline-block; max-width: 100%;} .bottewm-img p{margin-top: 5px; font-size: 14px; line-height: 24px; color: #ccc; text-align: center;}/*footer -end*//*app-底部*/.foot-app{width: 100%; background: #222; padding: 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: 10px 0; border-bottom: 1px solid rgba(255,255,255,.5);} .appfoot-ul ul{font-size: 0;} .appfoot-ul li{display: inline-block; margin: 5px 0;} .appfoot-ul li a{display: block; padding: 0 12px; font-size: 16px; color: rgba(255,255,255,0.5); 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;}/*==================================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;} .banner-cont h3{font-size: 60px; line-height: 70px; font-weight: bold; color: #fff; position: relative;} .banner-cont h4{font-size: 60px; line-height: 70px; color: #fff; margin-top: 24px;} .banner-cont h5{font-size: 0; margin-top: 41px;} .banner-cont h5 span{display: inline-block; font-size: 20px; line-height: 30px; margin: 0 25px; color: #fff; position: relative; padding-left: 20px;} .banner-cont h5 span::after{position: absolute; content: ""; width: 12px; height: 12px; border-radius: 50%; background: #fff; left: 0; top: 50%; transform: translateY(-50%);}.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: 50px; width: 100%;}.pc-banner .swiper-pagination-bullet{width: 15px; height: 4px; border-radius: 5px; background: #fff; margin: 0 7px;}.pc-banner .swiper-pagination-bullet-active{width: 30px; background: #ec1b24;}.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 6s infinite; animation: scaleUpDown 6s infinite;}@-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);}}i.fontaw{font-style: normal; font-family: 'fontaw'; font-size: 20px; position: relative; z-index: 3;}.more{position: relative; z-index: 22; width: 180px; font-size: 16px; border: 1px solid #ec1b24; height: 55px; overflow: hidden; display: block; text-align: center; color: white; line-height: 55px; transition: all .5s;} .more::before{position: absolute; content: ''; top: 0; right: -30%; bottom: 0; left: -30%; z-index: -1; background: #ec1b24; 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::before{opacity: 0; transform: translate(400px, 0) skew(-60deg, 0deg);} .more:hover{color: #ec1b24; transition: color 0s linear; border: 1px solid #ec1b24;}/*home-banner -end*//* index */.index-tit{font-size: 0px;} .index-tit em{display: inline-block; margin-left: -28px; padding-right: 10px; font-style: normal; line-height: 60px; font-family: 'AkzidenzGrotesk-Cond'; font-size: 60px; color: #ec1b24;} .index-tit span{display: inline-block; font-size: 52px; line-height: 60px; color: #222; font-weight: bold;}.index-dec{margin-top: 9px; font-size: 16px; line-height: 30px; color: #333;}/* 产品中心 */.index-one{padding: 158px 0 97px;} .index-one .index-tit, .index-one .index-dec{text-align: left;}.ino-con{position: relative; width: 100%; padding-bottom: 72px;}.ino-tit{position: absolute; left: 0; top: 0; width: 43.39%; padding-left: 100px; padding-right: 160px;}.ino-slide{display: block; padding: 0 80px; padding-left: 100px;}.ino-img{float: right; width: 56.61%; overflow: hidden;} .ino-img img{width: 100%; transition: ease .5s;}.ino-txt{float: left; width: 43.39%; padding-right: 160px; padding-top: 132px;} .ino-txt h3{font-size: 32px; line-height: 40px; color: #333;}.ino-p{margin-top: 21px; font-size: 16px; line-height: 30px; color: #666;} .ino-p p:first-child{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .ino-p p:last-child{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}.ino-mo{margin-top: 43px;}.ino-con .swiper-pagination{width: 100%; bottom: 0;}.ino-con .swiper-pagination-bullet{width: 10px; height: 10px; background: #ec1b24; margin: 0 10px;}.ino-con .swiper-pagination-bullet-active{width: 14px; height: 14px; background: none; border: 1px solid #ec1b24; position: relative;} .ino-con .swiper-pagination-bullet-active::before{position: absolute; content: ""; width: 6px; height: 6px; border-radius: 50%; background: #ec1b24; left: 3px; top: 3px;}.ino-con .swiper-button-next, .ino-con .swiper-button-prev{font-size: 16px; color: #666; text-align: center; width: 64px; height: 64px; background: transparent; line-height: 64px; border: 1px solid #a0a0a0; transition: ease .5s;} .ino-con .swiper-button-next:hover, .ino-con .swiper-button-prev:hover{color: #fff; background: #ec1b24; border-color: #ec1b24;}.ino-con .swiper-button-next{right: -64px;}.ino-con .swiper-button-prev{left: -64px;}/* 关于我们 */.index-two{height:800px;} .index-two .index-tit, .index-two .index-dec{text-align: left; color: #fff;} .index-two .index-tit i, .index-two .index-tit span{color: #fff;}.intw-con{position: relative;} .intw-con::after{position: absolute; content: ""; width: 48.75%; height: 100%; right: 0; top: 0;}.intw-fon{position: relative; z-index: 2;}.intw-left{float: left; width: 51.25%; padding: 104px 79px 100px 40px;}.home-about-img{position: relative; width: 100%;} .home-about-img img{width: 100%;}.ino-dot{position: absolute; width: 6px; height: 6px; background: #ec1b24; border-radius: 50%; transition: ease .5s;}.ino-dot1{top: 37.41%; left: 72.18%;}.ino-dot2{top: 55.06%; left: 79.02%;}.ino-dot3{top: 61.4%; left: 83.73%;}.ino-dot4{top: 62.58%; left: 76.46%;}.ino-dot5{top: 63.46%; left: 64.90%;}.ino-dot6{top: 66.78%; left: 56.20%;}.ino-dot7{top: 72.20%; left: 71.89%;}.ino-dot8{top: 80.96%; left: 78.6%;}.ino-dot9{top: 82.69%; left: 83.52%;}.ino-dot11{top: 72%; left: 65%;}.ino-dot10{top: 86.06%; left: 72.88%;}.ino-dot h3{font-size: 16px; line-height: 28px; color: #333; min-width: 35px; position: absolute; top: 150%; left: -100%;} .ino-dot h3.inodot-le{left: -500%; top: -100%;} .ino-dot h3.inodot-wi{color: #fff;}.ino-dot9 h3{left: 300%; top: -100%;}.ino-dot3 h3{left: 200%; top: -200%;}.ino-dot:before{position: absolute; content: ''; width: 100%; height: 100%; top: 0%; left: 0%; opacity: 0; filter: alpha(opacity=0)\9; border-radius: 50%; background: radial-gradient(circle, #ec1b24, rgba(236,27,36,0.3)); -webkit-animation: kuosan-1 2s linear infinite; animation: kuosan-1 2s linear infinite; -webkit-animation-delay: 750ms; animation-delay: 750ms;}.ino-dot:after{position: absolute; content: ''; width: 100%; height: 100%; top: 0%; left: 0%; opacity: 0; filter: alpha(opacity=0)\9; border-radius: 50%; background: radial-gradient(circle, #ec1b24, rgba(236,27,36,1)); -webkit-animation: kuosan-1 2s linear infinite; animation: kuosan-1 2s linear infinite; z-index: 0; -webkit-animation-delay: 1500ms; animation-delay: 1500ms;}.intw-right{float: right; width: 48.75%; padding: 249px 80px 172px;}.intw-txt{}.intw-hr{width: 2px; height: 50px; background: #fff; margin: 32px 0 0;}.intw-p{margin-top: 33px; font-size: 16px; line-height: 28px; color: #fff;}.intw-ul{margin-top: 79px; max-height: 189px; position: relative; z-index: 5;} .intw-ul ul{margin: 0 -20px;} .intw-ul li{float: left; width: 33.333%; padding: 0 20px;} .intw-ul li h3{font-family: "DINMITTELSCHRIFTSTD"; font-size: 48px; line-height: 50px; color: #fff;} .intw-ul li h3 em{display: inline-block; font-style: normal;} .intw-ul li h3 span{display: inline-block; font-size: 80px;} .intw-ul li:nth-child(3) h3 em{font-family: "Microsoft Yahei"; font-size: 24px;} .intw-ul li h4{margin-top: 3px; font-size: 16px; line-height: 30px; color: #fff;}.intw-tit{position: absolute; z-index: 1; right: 0; width: 48.75%; padding: 0 80px; top: 149px;}/* 核心技术 */.index-three{padding: 74px 0 0;}.int-con{margin-top: 43px;} .int-con a{display: block;}.int-ul{} .int-ul li{float: left; width: 25%; height: 750px; display: table; background-size: cover; background-repeat: no-repeat; background-position: center;}.intli-img{display: none; width: 100%;}.int-font{text-align: center; display: table-cell; vertical-align: middle; padding: 0 12px;}.int-icon{display: inline-block; margin-bottom: 26px; width: 60px; height: 61px;} .int-icon img{display: inline-block; max-width: 100%;}.int-font h3{font-size: 24px; line-height: 30px; color: #fff;}.int-font span{display: block; width: 40px; height: 0px; background: #fff; margin: 0px auto; transition: ease .5s;}.int-font p{font-size: 16px; line-height: 30px; color: #fff; transition: ease .5s; height: 0; opacity: 0;} .int-font p em{display: block; font-style: normal;}.int-ul li:hover .int-font span{height: 1px; margin: 27px auto 22px;}.int-ul li:hover .int-font p{height: auto; opacity: 1;}/* 核心技术手机端 */.int-appcon{display: none;}.int-swiper{padding: 0 0 30px; position: relative;} .int-swiper .swiper-pagination{width: 100%; bottom: 0;} .int-swiper .swiper-pagination-bullet{margin: 0 5px;} .int-swiper .swiper-pagination-bullet-active{background: #ec1b24;}.int-slide{padding: 40px 20px; background-size: cover; width: 100%; background-position: center; background-repeat: no-repeat;} .int-slide .int-icon{width: 50px; height: 51px; margin-bottom: 12px;} .int-slide .int-font h3{font-size: 17px;} .int-slide .int-font span{height: 1px; margin: 12px auto 10px;} .int-slide .int-font p{font-size: 14px; line-height: 26px;}/* 案例中心 */.index-four{background: #f5f5f5; padding: 74px 0 80px;}.infou-con{margin: 43px -50px 0;}.infou-ul{float: left; width: 20%; padding: 0 50px; margin-top: -20px;} .infou-ul li{margin-top: 20px;}.infou-img{overflow: hidden;} .infou-img img{width: 100%; transition: ease .5s;}.infou-ul:nth-child(2), .infou-ul:nth-child(4){margin-top: 40px;}.infou-ul li:hover .infou-img img{transform: scale(1.05);}/* 新闻中心 */.index-fiv{padding: 74px 0 80px;}.infiv-top{position: relative;}.infov-tit{padding-right: 180px;}.infiv-mo{position: absolute; right: 0; bottom: 0;}.infiv-con{margin-top: 43px;}.infiv-left{float: left; width: 43.75%;}.infiv-right{float: right; width: 56.25%; padding-left: 80px;}.infiv-left a{display: block;}.infiv-img{overflow: hidden; position: relative;} .infiv-img img{width: 100%;}.infiv-time{float: left; width: 100px; padding: 15px 20px;} .infiv-time span{display: block; font-size: 48px; line-height: 50px; color: #333; font-family: "DINMITTELSCHRIFTSTD";} .infiv-time h5{margin-top: -3px; font-size: 18px; line-height: 20px; color: #666; font-family: "DIN-Light";}.infiv-txt{margin-left: 110px; padding: 18px 0;} .infiv-txt h3{font-size: 22px; line-height: 30px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: ease .5s;} .infiv-txt p{margin-top: 18px; font-size: 16px; line-height: 30px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: ease .5s;}.infiv-left .infiv-txt{margin-left: 0; padding: 24px 0;} .infiv-left .infiv-txt p{margin-top: 9px;}.infiv-left .infiv-time{position: absolute; left: 0; top: 0; width: 100px; height: 100px; background: #ec1b24; padding: 14px 20px;} .infiv-left .infiv-time span, .infiv-left .infiv-time h5{color: #fff;}.infiv-left a:hover .infiv-txt h3{color: #ec1b24;}.infiv-left .infiv-time h5{}.infiv-ul{} .infiv-ul li{border-bottom: 1px solid #e5e5e5;} .infiv-ul li:last-child{border-color: transparent;} .infiv-ul li a{display: block; padding: 20px 0 18px;} .infiv-ul li:last-child a{padding-top: 22px;} .infiv-ul li:first-child a{padding-top: 0;} .infiv-ul li:hover .infiv-time span{color: #ec1b24;} .infiv-ul li:hover .infiv-txt h3{color: #ec1b24;}/*客服*//* *//* ===kf==== */.kf{transition: .8s; z-index: 999999; background-color: transparent; position: fixed; top: 50%; right: 0; 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: #ec1b24;} .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; 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); width: 160px; text-align: center; padding: 10px 12px; background: #fff; border-radius: 5px;} .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: #ec1b24;}.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: #ec1b24;}@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){.bottom-ul ul{margin: 0 42px;} .bottom-ulfont{padding-right: 68px;} .bottom-ul{margin: 0 -42px;} .ino-font{padding-right: 70px;} .banner-cont h3{font-size: 58px;} .banner-cont h4{font-size: 50px;} .ino-con .swiper-button-next{right: 0;} .ino-con .swiper-button-prev{left: 0;} .header .logo{margin-left: 0;} .ino-txt{padding-right: 120px;} .intw-right{padding: 220px 50px 100px;} .intw-tit{padding: 0 50px; top: 100px;} .intw-ul li h3{font-size: 40px;} .intw-ul li h3 span{font-size: 68px;} .infiv-ul li a{padding: 6px 0;} .infiv-ul li:last-child a{padding-top: 6px;}}@media(max-width:1459px){.gpcode{display: none;} .bottom-ul ul{margin: 0 22px;} .bottom-ul{margin: 0 -22px;} .bottom-ulfont{padding-right: 68px;} .index-tit span{font-size: 40px;} .index-tit em{font-size: 60px;} .banner-cont h3{font-size: 50px; line-height: 60px;} .banner-cont h4{font-size: 36px; line-height: 50px;} .banner-cont h5{margin-top: 20px;} .ino-more{margin-top: 50px;} .ino-txt{padding-right: 80px;} .intw-ul li:nth-child(3) h3 em{font-size: 20px;} .intw-ul li h3{font-size: 32px; line-height: 32px;} .intw-ul li h3 span{font-size: 50px;} .intw-ul li{padding: 0 12px;} .intw-ul ul{margin: 0 -12px;} .intw-ul li h4{font-size: 14px; line-height: 26px;} .intw-left{padding: 104px 50px 100px 0px;} .infiv-txt p{-webkit-line-clamp: 1;} .infiv-right{padding-left: 60px;} .infiv-time span{font-size: 42px;} .int-ul li{height: 650px;} .ino-tit{padding-right: 80px;}}@media(max-width:1259px){.banner-cont h3{font-size: 42px; line-height: 60px;} .banner-cont h4{font-size: 28px; margin-top: 10px;} .banner-cont h5{margin-top: 10px;} .banner-cont h5 span{font-size: 18px;} .header{display: none !important;} .foot-app, .header-app{display: block !important;} body{padding-top: 60px;} .index-tit span{font-size: 34px; line-height: 46px;} .index-tit em{font-size: 50px; line-height: 50px;} .ino-txt h3{font-size: 26px;} .ino-txt{padding-right: 60px;} .ino-tit{padding-right: 60px;} .ino-p{margin-top: 10px;} .index-one{padding: 80px 0 60px;} .ino-con{padding-bottom: 40px;} .index-tit em{padding-right: 0; margin-left: -10px;} .infou-ul{padding: 0 35px;} .infou-con{margin: 43px -35px 0;} .int-ul li{height: 550px;} .int-ul li:hover .int-font span{margin: 16px auto 12px;} .int-ul li:hover .int-font span{font-size: 22px;} .infiv-txt p{-webkit-line-clamp: 2; margin-top: 10px;} .bottom1-ewm{margin-left: 0;} .bottom-contact{float: left;} .footer-top .bottom1-ewm{float: right;} .bott-share{margin-top: 20px;} .bott-share a{margin: 0 6px !important;} .int-font p em{display: inline;} .bottom2 .left span{margin: 0;}}@media(max-width:991px){.kffixed{display: block;} .banner-cont h3{font-size: 36px; line-height: 50px;} .banner-cont h4{font-size: 24px; line-height: 30px;} .banner-nav{top: auto; bottom: 20px; text-align: center; transform: none; padding: 0;} .pc-banner .swiper-pagination{bottom: 20px;} .banner-cont{padding-bottom: 30px;} .banner-more, .more{width: 180px; height: 50px; line-height: 48px;} .footer-bot{padding-bottom: 45px;} .index-tit span{font-size: 30px; line-height: 40px;} .index-tit em{font-size: 40px;} .bottom-contact h3{font-size: 28px; padding-left: 40px;} .bottom-contact h3::before{width: 26px; height: 20px;} .bottom2{padding: 10px 0;} .infiv-right{padding-left: 30px;} .ino-img{width: 100%;} .ino-txt{width: 100%; padding-right: 0;} .ino-con .swiper-button-next, .ino-con .swiper-button-prev{display: none;} .ino-txt h3{font-size: 22px; margin-top: 10px;} .intw-left{padding: 104px 20px 100px 0px;} .intw-hr{display: none;} .intw-right{padding: 219px 40px 100px;} .intw-tit{padding: 0 40px;} .intw-ul li h3 span{font-size: 42px;} .int-font p em{display: inline;} .int-ul li{height: 500px;} .infou-ul{padding: 0 25px;} .infou-con{margin: 43px -25px 0;} .infiv-txt p{-webkit-line-clamp: 1;} .infiv-time span{font-size: 30px; line-height: 40px;} .infiv-left .infiv-time{width: 80px; height: 80px; padding: 5px 9px;} .infiv-time h5{margin-top: -6px;} .ino-p p:first-child{display: block;} .ino-p p:last-child{white-space: inherit;} .ino-dot h3{font-size: 14px;} .int-font h3{font-size: 21px;} .ino-txt{padding-top: 0;} .ino-tit{position: relative; padding: 0 0 0 100px; width: 100%; margin-bottom: 20px;}}@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 span{font-size: 23px; line-height: 34px;} .index-tit em{font-size: 26px; line-height: 30px;} .banner-more{margin-top: 30px;} .banner-cont h3{font-size: 28px; line-height: 34px;} .banner-cont h4{font-size: 22px; margin-top: 10px;} .banner-cont h5{margin: 0 -10px; margin-top: 5px;} .banner-cont{padding-bottom: 30px;} .bottom-contact h3{font-size: 22px; padding-left: 30px; margin-bottom: 3px;} .bottom-contact h3::before{width: 20px; height: 15px;} .ino-slide{padding: 0;} .index-tit{margin-left: 12px;} .index-dec{margin-top: 3px;} .ino-txt h3{font-size: 17px; line-height: 30px;} .ino-p{font-size: 14px; line-height: 26px; padding: 0;} .intw-left{width: 100%; padding: 30px 0 0;} .intw-right{width: 100%; padding: 30px 20px 30px; margin-top: 20px;} .index-two, .index-four, .index-fiv{padding: 40px 0;} .intw-p{margin-top: 16px;} .intw-ul{margin-top: 30px;} .intw-ul li:nth-child(3) h3 em{font-size: 16px;} .intw-ul li h3 span{font-size: 28px;} .intw-con::after{display: none;} .infou-ul li{margin-top: 10px;} .infou-ul:nth-child(2), .infou-ul:nth-child(4), .infou-ul{margin-top: 10px;} .infou-ul{width: 33.333%; margin-top: 10px; padding: 0 10px;} .infou-ul:nth-child(4), .infou-ul:nth-child(5){width: 100%; padding: 0; margin: 0;} .infou-ul:nth-child(4) li, .infou-ul:nth-child(5) li{float: left; width: 33.333%; padding: 0 10px;} .infou-con{margin: 0px -10px 0;} .infiv-left{width: 100%;} .infiv-right{width: 100%; padding: 0;} .infiv-txt h3{font-size: 17px;} .infiv-txt p{font-size: 14px; line-height: 26px;} .infiv-left .infiv-txt p, .infiv-txt p{margin-top: 5px;} .infiv-left .infiv-txt{padding: 15px 0;} .infiv-time span{font-size: 26px;} .infiv-time{width: 80px; padding: 10px; padding-left: 0;} .infiv-txt{margin-left: 80px; padding: 10px 0;} .banner-cont h5 span{font-size: 16px; padding-left: 15px; margin: 0 10px;} .banner-cont h5 span::after{width: 8px; height: 8px;} .ino-txt{padding-top: 20px;} .ino-mo{margin-top: 25px;} .ino-dot h3{font-size: 12px;} .intw-p{margin-top: 10px; font-size: 14px; line-height: 26px; padding: 0; text-align: justify;} .intw-ul li{padding: 0 8px;} .intw-ul ul{margin: 0 -8px;} .infiv-time h5{font-size: 16px;} .infiv-con, .int-con{margin-top: 20px;} .int-con{display: none;} .int-appcon{display: block;} .int-font{display: block;} .int-font p{height: auto; opacity: 1;} .ino-tit{padding: 0;} .intw-tit{width: 100%; position: relative; top: 0; padding: 0;}}@media(max-width:640px){.banner-slide img.home-appbanner{display: block;} .banner-slide img.home-pcbanner{display: none;} .banner-cont{padding-bottom: 0;} .banner-cont h3{font-size: 30px;} .banner-cont h4{font-size: 22px; line-height: 40px; margin-top: 10px;} .bottom-contact h3{font-size: 20px;} .infov-tit{padding-right: 0;} .infiv-mo{position: relative; margin-top: 10px;} .infiv-mo{display: none;}}@media(max-width:530px){.bottom2 .right span:last-child{margin-left: 0; padding-left: 0;} .footer-bot .right{width: 100%;}}@media(max-width:375px){.bottom-contact{float: none;} .footer-top .bottom1-ewm{float: none; margin-top: 10px;} .bottewm-img{text-align: center; width: 100%;} .bott-share{margin-top: 10px;}}@media(max-width:320px){.bottom2 .right span{padding-left: 10px; margin-left: 10px;}}.ny-header{background: #fff;}.header.on{background-color: #fff; border-color: transparent;} /* .header.on .navitem>a{padding: 35px 12px;} */ /* .header.on .header-right{margin: 33px 0;} */ /* .header.on .logo img{width: 100px;height: 85px;} */ /* .header.on .logo{margin: 7px 0;} */ .header.on .logo p, .header.on .navitem > a, .header.on .language-text, .ny-header .logo p, .ny-header .navitem > a, .ny-header .language-text{color: #666;} .header.on .navitem.active > a{color: #ec1b24;} .header.on .navitem > a:hover{color: #ec1b24;} .header.on .gpcode, .ny-header .gpcode{color: #333;}.ny-header .sub-bot{background-image: url(../images/icon-searcha.png);}.header.on .language-text:hover{color: #ec1b24;}#ino-p1{display: none;}#ino-p span{opacity: 0;}/* 内页 */.ny-padd{padding: 75px 0 80px;}/* ny-banner */.nybanner{position: relative; margin-top: 90px; height: 450px; 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;}/* .about-banner .nybanner-con{padding-bottom: 110px;} *//* .about-banner .nybanner-con::before{position: absolute;content: "";width: 60px;height: 60px;background: url(../images/abtbanner-bf.png)no-repeat center;background-size: 100% 100%;left: 50%;transform: translateX(-50%);bottom: 0;} */.nyappbanner{width: 100%; display: none;}.nybanner-con{position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%);}.nybanner-font{text-align: center;} .nybanner-font h3{font-size: 48px; line-height: 50px; color: #fff;} .nybanner-font p{margin-top: 10px; font-size: 16px; line-height: 30px; color: #fff;}.banner-menu{position: relative; box-shadow: 0 0 13px rgba(0,0,0,.1); height: auto;}.menu{max-width: 90%; font-size: 0; white-space: nowrap; overflow-x: auto; overflow-y: hidden; float: left; margin-left: -40px;} .menu::-webkit-scrollbar{height: 3px; background-color: #fff;} .menu::-webkit-scrollbar-thumb{background-color: #ec1b24; border-radius: 10px;} .menu a{display: inline-block; position: relative; padding: 25px 40px; background: transparent; font-size: 16px; line-height: 30px; color: #333;} .menu a.on{background-color: #ec1b24; color: #fff;} .menu a:hover{color: #ec1b24;} .menu a.on:hover{color: #fff;}.bread{font-size: 0; font-size: 16px; line-height: 24px; color: #333; margin: 10px 0; position: absolute; transform: translateY(-50%); width: 100%; bottom: 0%;} .bread p{font-size: 16px; line-height: 24px; color: white; width: 1200px; margin: auto; text-align: right;} .bread a{position: relative; display: inline-block; font-size: 16px; line-height: 24px; color: white; transition: ease .5s;} .bread p a:first-child::before{position: absolute; content: ""; width: 21px; height: 19px; background: url(../images/bread2.png)no-repeat center; background-size: 100% 100%; left: 0; top: 50%; transform: translateY(-50%);} .bread p a:first-child{padding-left: 28px;} .bread p em{display: inline; font-style: normal; margin: 0 5px; font-family: cursive;} .bread a:hover{color: #ec1b24;}/* ===============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: #ec1b24; 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: #ec1b24; color: #fff; border-bottom: 1px solid #fff;}/* 分页 */.lpage{font-size: 0; border: 1px solid #e0e0e0; position: relative;} .lpage a{display: inline-block; font-size: 20px; line-height: 26px; width: 58px; height: 58px; padding: 16px 10px; text-align: center; border-left: 1px solid #e0e0e0; color: #666; transition: ease .5s;} .lpage a:first-child{border-left: none;} .lpage a.on, .lpage a:hover{color: #ec1b24;} .lpage a em{font-weight: bold;} .lpage a.lpage-prev, .lpage a.lpage-next{position: absolute; right: 0; top: 0;} .lpage a.lpage-prev{margin-right: 58px;}/* ===================== 客户案例 =============== */.appli{background: #f7f7f7;}.appli-tit{font-size: 42px; line-height: 50px; color: #222; text-align: center;}.appli-hr{display: block; width: 40px; height: 3px; background: #ec1b24; margin: 0 auto; margin-top: 16px;}.appli-con{margin-top: 39px;}.appli-ul{} .appli-ul ul{margin: -20px -25px 0;} .appli-ul li{float: left; width: 20%; padding: 0 25px; margin-top: 20px;} .appli-ul li > div{overflow: hidden;} .appli-ul li img{width: 100%; transition: ease .5s;} .appli-ul li:hover img{transform: scale(1.05);}@media(max-width:1459px){.appli-tit{font-size: 38px;}}@media(max-width:1259px){.appli-tit{font-size: 34px; line-height: 40px;}}@media(max-width:991px){.appli-tit{font-size: 30px;} .appli-hr{margin-top: 10px;} .appli-ul li{padding: 0 15px;} .appli-ul ul{margin: -20px -15px 0;}}@media(max-width:767px){.appli-tit{font-size: 23px; line-height: 34px;} .appli-hr{margin-top: 6px;} .appli-ul li{width: 25%;} .appli-con{margin-top: 20px;}}@media(max-width:640px){.appli-ul li{width: 33.333%; padding: 0 10px;} .appli-ul ul{margin: -20px -10px 0;} .abtbanner-vedio{display: none !important;}}/* ========= 员工活动 ========= */.team{padding-top: 80px;}.team-con{margin-bottom: 60px;}.team-ul{margin: -50px -12px 0;} .team-ul li{float: left; width: 33.33%; padding: 0 12px; margin-top: 50px;} .team-ul li a{display: block;}.team-img{overflow: hidden;} .team-img img{width: 100%; transition: ease .5s;}.team-ul li:hover img{transform: scale(1.05);}.team-txt{border-bottom: 1px solid #e5e5e5; padding: 25px 0; font-size: 22px; line-height: 30px; color: #333; text-align: center; transition: ease .5s; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}.team-ul li:hover .team-txt{color: #ec1b24;}@media(max-width:1259px){.team-txt{font-size: 21px;}}@media(max-width:767px){.team-txt{font-size: 17px; line-height: 30px; padding: 12px 0;} .team-ul li{margin-top: 20px;} .team-ul{margin: -20px -12px 0;} .team-con{margin-bottom: 30px;} .about-banner .nybanner-con::before{width: 40px; height: 40px;}}@media(max-width:640px){.team-ul li{width: 50%;}}/* ==================== 产品中心 ================== */.product{padding-top: 80px;}.pro-banner{height: 550px;}.probanner-con{padding-bottom: 0;} .probanner-con::before{display: none;}.pro-con{margin-top: 0;}.pro-ul{margin-top: -30px;} .pro-ul li{margin-top: 30px;} .pro-ul li a{display: block; background: #fff; box-shadow: 0 0 13px rgba(0,0,0,.1); padding: 40px 80px 66px;}.pro-img{overflow: hidden; float: left; width: 40.7%;} .pro-img img{width: 100%; transition: ease .5s;}.pro-ul li:hover .pro-img img{transform: scale(1.05);}.pro-txt{float: right; width: 59.3%; padding: 29px 40px 0 110px;} .pro-txt p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .pro-txt p, .pro-txt h4, .pro-txt h5, .pro-txt h6{font-size: 16px; line-height: 32px; color: #666;} .pro-txt h3{font-size: 24px; line-height: 30px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .pro-txt h4{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .pro-txt h5{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .pro-txt h6{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .pro-txt em{display: block; width: 50px; height: 2px; background: #ec1b24; margin: 28px 0 21px;}.pro-mo{margin-top: 22px; width: 130px; height: 40px; font-size: 14px; line-height: 40px; border-color: #e6e6e6; color: #666;} .pro-mo::before{background-color: transparent; display: none;}.pro-ul li:hover .pro-mo{color: #fff; border-color: #ec1b24;}.pro-mo::after{position: absolute; content: ""; width: 100%; height: 100%; background-color: #ec1b24; left: -100%; top: 0; transition: ease .5s;}.pro-mo span{padding-left: 30px;} .pro-mo span::before{position: absolute; content: ""; width: 22px; height: 17px; background: url(../images/pro-moa.png)no-repeat center; background-size: 100% 100%; left: 19px; top: 50%; transform: translateY(-50%);}.pro-ul li:hover .pro-mo span::before{background-image: url(../images/pro-mo.png);}.pro-ul li:hover .pro-mo::after{left: 0;}@media(max-width:1459px){.pro-txt p{-webkit-line-clamp: 1;}}@media(max-width:1259px){.pro-txt h3{margin-bottom: 10px;} .pro-txt em{display: none;}}@media(max-width:991px){.pro-img{width: 50%;} .pro-txt{width: 50%; padding: 30px 0 0 40px;} .pro-ul li a{padding: 40px 60px;} .pro-txt h3{font-size: 22px;}}@media(max-width:767px){.pro-img{width: 100%;} .pro-txt{width: 100%; padding: 20px 0 0;} .pro-ul li a{padding: 30px;} .pro-txt h3{font-size: 17px; line-height: 30px;} .pro-txt p, .pro-txt h4, .pro-txt h5, .pro-txt h6{font-size: 14px; line-height: 28px;} .pro-txt em{display: block; margin: 6px 0;} .pro-txt p{display: block;}}@media(max-width:640px){.pro-ul li a{padding: 25px 20px;}}/* ================== 人力资源 ================= */.job{padding-top: 80px;}.job-con{}.job-one{position: relative; background: #f6f6f6; padding: 65px 100px 89px 90px;} .job-one span{display: block; font-family: "Arial"; font-size: 200px; line-height: 60px; color: #d8d8d8; position: absolute;} .job-one span.job1-af{color: #ec1b24; transform: rotate(180deg); right: -6px; bottom: 15px;} .job-one span.job1-bf{left: -36px; top: 24px;}.job-font{} .job-font h3{font-size: 24px; line-height: 30px; color: #333;}.job1-p{margin-top: 20px; font-size: 16px; line-height: 28px; color: #666;}.job-two{margin-top: 100px;}.join-s{margin-top: -20px;}.job-item{margin-top: 20px;}.job-hea{border: 1px solid #dcdcdc; padding: 26px 30px; cursor: pointer; transition: ease .5s;}.job-le{float: left;} .job-le h3{font-size: 20px; line-height: 30px; color: #333; margin-bottom: 8px;} .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 em{display: block; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #9b9b9b; transition: ease .5s; position: relative;} .job-ri em::before, .job-ri em::after{position: absolute; content: ""; top: 50%; left: 50%; background: #999999;} .job-ri em::before{width: 18px; height: 2px; margin-left: -8px;} .job-ri em::after{width: 2px; height: 18px; margin-top: -8px;}.job-item.open .job-ri em{border-color: #fff;} .job-item.open .job-ri em::before, .job-item.open .job-ri em::after{background-color: #fff;} .job-item.open .job-ri em::after{opacity: 0;}.job-item.open .job-hea{border: none; background: #ec1b24;}.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: 37px 30px 73px;} .job-pad h5{font-size: 20px; line-height: 36px; color: #333; margin-bottom: 2px;} .job-pad p{font-size: 16px; line-height: 36px; color: #666;}.job-sub{margin-top: 34px; background: transparent; width: 160px; height: 50px; line-height: 50px;} .job-sub span{border-color: transparent;}@media (max-width:1259px){.job-one{padding: 50px;} .job-one span{font-size: 150px;} .job-one span.job1-bf{left: 0; top: 10px;} .job-one span.job1-af{bottom: 10px; right: 0;}}@media (max-width:991px){.job-le h3{margin-bottom: 5px;} .job-hea{padding: 15px 30px;} .job-ri{margin-top: 12px;} .job-ri em{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-font h3{font-size: 22px;} .job1-p{margin-top: 10px;}}@media (max-width:767px){.job-le h3{font-size: 17px; margin-bottom: 0;} .job-le p{font-size: 15px;} .job-ri em{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: 14px; line-height: 28px;} .job-pad{padding: 30px;} .job-hea{padding: 10px 25px;} .job-ul li h3{font-size: 18px;} .job-ul li span{margin: 12px 0 4px;} .job-ul li > div{padding: 30px 15px;} .job-sub{margin-top: 20px;} .job-pad h5{font-size: 16px;} .job-one span{font-size: 70px;} .job-one span.job1-bf{left: 0; top: -10px;} .job-one span.job1-af{bottom: -10px; right: 0;} .job-one{padding: 40px 30px;} .job-font h3{font-size: 18px;} .job1-p{font-size: 15px;} .job-two{margin-top: 40px;}}@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-one{padding: 25px 25px;}}/* =============== 新闻资讯 ============== */.news{}.news-one{padding: 50px 0 70px;}.news-top{position: relative;}.news-left{float: left; width: 50%; position: absolute; height: 100%; left: 0; top: 0; background-size: cover; background-repeat: no-repeat; background-position: center;} .news-left a{display: block; position: relative; width: 100%; height: 100%;}.newstop-img{overflow: hidden;} .newstop-img img{width: 100%; transition: ease .5s; display: none;}.news-left a:hover .newstop-img img{transform: scale(1.05);}.newstop-txt{position: absolute; width: 100%; padding: 20px 35px; bottom: 0; left: 0; background: linear-gradient(to top,rgba(0,0,0,.5),transparent);} .newstop-txt h3{font-size: 22px; line-height: 30px; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .newstop-txt p{margin-top: 5px; font-size: 16px; line-height: 30px; color: #fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}.news-right{float: right; width: 50%; padding-left: 50px;} .news-right ul{margin-top: -20px;} .news-right li{margin-top: 20px;} .news-right li a{display: block; background: #f5f5f5; transition: ease .5s; padding: 24px 20px 27px;} .news-right li:hover a{background-color: #ec1b24;}.news-time{}.news-time{float: left; width: 100px; padding: 0px 20px;} .news-time span{display: block; font-size: 48px; line-height: 50px; color: #333; font-family: "DINMITTELSCHRIFTSTD";} .news-time h5{margin-top: -3px; font-size: 18px; line-height: 20px; color: #666; font-family: "DIN-Light";}.news-txt{margin-left: 110px; padding: 0px 0;} .news-txt h3{font-size: 22px; line-height: 30px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: ease .5s;} .news-txt p{margin-top: 9px; font-size: 16px; line-height: 30px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: ease .5s;}.news-txt{}.news-right li:hover .news-time span, .news-right li:hover .news-time h5,.news-right li:hover .news-txt h3, .news-right li:hover .news-txt p{color: #fff;}.news-two{background: #f5f5f5; padding: 68px 0 80px;}.news-con{margin-bottom: 60px;}.news-ul{margin: -25px -12.5px 0;} .news-ul li{float: left; width: 33.333%; padding: 0 12.5px; margin-top: 25px;} .news-ul li a{display: block;}.news-img{overflow: hidden; /* display: none; */} .news-img img{transition: ease .5s; width: 100%;}.news-ul li:hover .news-img img{transform: scale(1.05);}.news-font{background: #fff; padding: 24px 30px 30px; box-shadow: 0 0 13px rgba(0,0,0,.1);} .news-font h3{font-size: 20px; line-height: 30px; color: #333; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-height: 60px;} .news-font h4{margin-top: 7px; font-family: "DIN-REGULAR"; font-size: 18px; line-height: 30px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .news-font p{margin-top: 8px; font-size: 16px; max-height: 46px; line-height: 24px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-height: 46px;}.news-ul li:hover .news-mo::after{left: 0;}.news-ul li:hover .news-mo{color: #fff; border-color: #ec1b24;} .news-ul li:hover .news-mo span::before{background-image: url(../images/pro-mo.png);}.news-ul li:hover .news-font h3{color: #EC1B24;}.news-mo{margin-top: 26px;}@media(max-width:1459px){.news-time span{font-size: 42px;}}@media(max-width:1259px){}@media(max-width:991px){.news-time span{font-size: 30px; line-height: 40px;} .news-time h5{margin-top: -6px;} .news-font h3, .news-txt h3, .newstop-txt h3{font-size: 20px;} .news-right{padding-left: 30px;} .news-right li a{padding: 24px 20px 27px 0;} .newstop-txt{padding: 25px;} .newstop-txt p{-webkit-line-clamp: 1;} .news-font{padding: 24px 25px 30px;}}@media(max-width:767px){.news-time span{font-size: 26px; line-height: 30px;} .news-time{width: 80px; padding: 10px; padding-left: 0;} .news-txt{margin-left: 80px;} .news-left{position: relative; width: 100%; background: none !important;} .newstop-img img{display: block;} .news-right{padding-left: 0; width: 100%; margin-top: 20px;} .news-right li a{padding: 10px 20px;} .news-one{padding: 40px 0;} .news-font h3, .news-txt h3, .newstop-txt h3{font-size: 17px;} .newstop-txt p, .news-txt p{font-size: 14px; line-height: 26px;} .news-txt p{margin-top: 4px;} .news-time h5{font-size: 16px; margin-top: -3px;} .newstop-txt{padding: 20px;} .news-font h4{font-size: 16px;} .news-font p{font-size: 14px; line-height: 26px;} .news-ul li{width: 50%;} .news-two{padding: 40px 0;} .news-con{margin-bottom: 30px;}}@media(max-width:640px){.news-ul li{width: 100%;} .news-font p{max-height: none; height: auto;}}/* ============== 新闻资讯详情 ============== */.newsinfo{padding: 74px 0 72px;}.newsinfo-con{}.newsinfo-tit{font-size: 30px; line-height: 40px; color: #333; text-align: center;}.newsinfo-dec{margin-top: 11px; text-align: center; font-size: 16px; line-height: 24px; color: #999;} .newsinfo-dec span{display: inline-block; margin: 0 5px;}.newsinfo-font{border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 9px 0 10px; width: 90%; margin: 0 5%; margin-top: 46px;} .newsinfo-font{margin-top: 32px; font-size: 16px; line-height: 32px; color: #666;}.newsinfo-img{text-align: center; margin: 32px 0;} .newsinfo-img img{display: inline-block; max-width: 100%; margin: 10px;}.newsinfo-bot{margin-bottom: 20px; margin-top: 52px;}.newsinfobot-left{float: left;}.button-fan{display: block; position: relative; font-size: 16px; line-height: 24px; color: #ec1b24; width: 160px; height: 50px; text-align: center; transition: ease .5s; text-transform: uppercase; overflow: hidden;} .button-fan span{position: relative; z-index: 2; display: block; padding: 12px 0; border: 1px solid #ec1b24; transition: ease;} .button-fan::before{content: ''; width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; border-color: transparent transparent transparent #ec1b24; position: absolute; bottom: 0; left: 0; transition: ease .5s;} .button-fan::after{content: ''; width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; border-color: transparent #ec1b24 transparent transparent; position: absolute; top: 0; right: 0; transition: ease .5s;} .button-fan:hover::before{border-width: 160px 0 0 160px;} .button-fan:hover::after{border-width: 0 160px 160px 0;} .button-fan:hover{color: #fff;} .button-fan:hover span{border-color: #ec1b24;}.newsinfobot-right{float: right; padding-top: 12px;} .newsinfobot-right span{display: inline-block; font-size: 16px; line-height: 26px; color: #999;} .newsinfobot-right a{background-image: none !important; display: inline-block !important; color: #fff !important; font-size: 16px !important; width: 26px !important; height: 26px !important; padding: 0 !important; margin: 0 !important; text-align: center !important; line-height: 26px !important; border-radius: 50% !important; text-decoration: none !important; transition: ease .5s; margin: 0 2px !important;} .newsinfobot-right a.icon-weibo{background-color: #da3c3c !important;} .newsinfobot-right a.icon-weixin{background-color: #21ba41 !important;} .newsinfobot-right a.icon-qq{background-color: #3e91ee !important;} .newsinfobot-right a.icon-kongjian{background-color: #f4c50b !important;} .newsinfobot-right a.icon-share-hole{color: #9a9a9a !important;} .newsinfobot-right a.icon-baidu{background-color: #3245df !important;}.newsinfo-page{margin-top: 21px;} .newsinfo-page a{display: block; font-size: 16px; line-height: 32px; color: #666; transition: ease .5s; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 50%;} .newsinfo-page a:hover{color: #ec1b24;}@media (max-width:991px){.newsinfo-tit{font-size: 24px; line-height: 34px;}}@media (max-width:767px){.newsinfo-tit{font-size: 22px; line-height: 34px;} .newsinfo-font p{font-size: 14px; line-height: 26px; text-align: justify;} .newsinfo-font{margin-top: 16px; padding-top: 0;} .newsinfo-font p{margin-top: 10px;} .newsinfo-img{margin: 10px 0;} .button-fan{width: 120px; height: 38px; font-size: 15px;} .button-fan span{padding: 6px 0;} .newsinfo-dec{font-size: 14px;} .newsinfo-bot{margin: 20px 0 10px;}}@media (max-width:640px){.newsinfobot-left{float: none;} .newsinfobot-right{float: none; margin-top: 15px;} .newsinfo-page a{max-width: 100%;} .newsinfo-tit{font-size: 20px;} .newsinfo-img img{margin: 10px 0;} .newsinfo-img{margin: 10px 0;}}/* =-============== 联系我们 ============== */.contact{padding-top: 78px;}.contact-one{padding-bottom: 78px;}.contact-one-p{font-size: 16px; line-height: 30px; color: #666; width: 77%;}.contact-one ul{}.contact-one li{float: left; width: 25%; text-align: center; padding: 0 10px;}.contact-icon{width: 106px; height: 106px; margin: 0 auto; position: relative; border-radius: 50%; border: 1px solid #dedede; text-align: center; line-height: 106px; overflow: hidden; transition: ease .5s;} .contact-icon img{width: 45px; height: 45px; margin: 0 auto; line-height: 106px; display: inline-block;}.contact-icon1{transition: ease .5s; top: 30%; left: 29%; position: absolute;}.contact-icon2{position: absolute; top: 100%; transition: ease .5s; left: 29%;}.contact-one li:hover .contact-icon2{top: 30%; left: 29%;}.contact-one li:hover .contact-icon1{top: -100%;}.contact-one li:hover .contact-icon{background: #ec1b24; border-color: #ec1b24;}.contact1-txt{margin-top: 22px;} .contact1-txt span{display: block; font-size: 20px; line-height: 36px; color: #333; font-family: "Arial";}.contact-one li:last-child .contact1-txt span{font-size: 16px; line-height: 28px; color: #333; font-family: "Microsoft Yahei";}.contact1-txt p{font-size: 16px; line-height: 22px; color: #666;}.contact-two{}.contact2-top{}.contact2-left{float: left; width: 50%;} .contact2-left img{width: 100%;}.contact2-right{float: right; width: 50%;} .contact2-right img{width: 100%;}.contact2-bot{}.contact2-botcon{margin-top: 61px;}.contact2-ul{margin: -58px -27px 0;} .contact2-ul li{float: left; width: 33.333%; padding: 0 27px; margin-top: 58px;} .contact2-ul li > div{height: 172px; padding: 0 35px 20px; border-bottom: 1px solid #ddd; position: relative;} .contact2-ul li h3{font-size: 20px; line-height: 30px; color: #333; margin-bottom: 12px;} .contact2-ul li > div::before{position: absolute; content: ""; width: 20px; height: 28px; background: url(../images/contact2-bf.png)no-repeat center; background-size: 100% 100%; left: 0; top: 0;} .contact2-ul li p{font-size: 16px; line-height: 26px; color: #666;}.contact-three{padding-top: 74px;}.contact-tit{font-size: 42px; line-height: 50px; color: #222; text-align: center; position: relative; padding-bottom: 19px;} .contact-tit::before{position: absolute; content: ""; width: 40px; height: 3px; background: #ec1b24; bottom: 0; left: 50%; transform: translateX(-50%);}.contact-input{margin-top: 40px;}.contact-input1{margin: 0 -10px;} .contact-input1 > div{float: left; width: 50%; padding: 0 10px;}.contact-input input{font-size: 16px; color: #666; background: #f5f5f5; padding: 18px 20px; width: 100%; margin-bottom: 20px;}.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;}@media (max-width: 1259px){.contact2-ul li > div{height: 200px;} .contact1-txt span{font-size: 18px;} .contact-tit{font-size: 36px; line-height: 40px;}}@media (max-width: 991px){.contact-one-p{width: 100%;} .contact-one li{width: 50%; margin-top: 20px;} .contact-one ul{margin-top: -20px;} .contact2-ul li{width: 50%; margin-top: 30px;} .contact2-ul{margin: -30px -27px 0;} .contact2-ul li > div{height: 180px;} .contact-tit{font-size: 32px;}}@media (max-width: 767px){.contact{padding: 40px 0 35px;} .contact-one-p{font-size: 14px; line-height: 22px;} .contact-icon{width: 80px; height: 80px;} .contact-icon img{width: 35px; height: 35px;} .contact1-txt span{font-size: 16px; line-height: 28px;} .contact1-txt p{font-size: 15px; line-height: 24px;} .contact-one li:last-child .contact1-txt span{font-size: 14px; line-height: 22px;} .contact-tit{font-size: 26px;} .contact2-left, .contact2-right{float: none; width: 100%;} .contact-three{padding-top: 40px;} .contact-input1 > div{float: none; width: 100%;} .contact-input input{padding: 12px 20px; font-size: 15px; margin-bottom: 10px;} .contact-input{margin-top: 20px;} .contact-input textarea{font-size: 15px;} .message-submit{padding: 10px 50px; font-size: 15px;} .contact-submit{width: auto; margin-top: 20px;} .contact2-left .swiper-button-next, .contact2-left .swiper-button-prev{width: 12px; height: 28px;} .contact-swip-con{font-size: 17px;} .contact-tit{font-size: 23px; line-height: 30px; padding-bottom: 10px;} .contact2-ul li{width: 100%; margin-top: 20px; padding: 0 15px;} .contact2-ul li > div{height: auto; padding: 0 10px 20px 28px;} .contact2-ul{margin: -20px -15px 0;} .contact2-botcon{margin-top: 30px;} .contact-one{padding-bottom: 40px;} .contact2-ul li h3{font-size: 17px; margin-bottom: 5px;} .contact2-ul li p{font-size: 14px;} .contact2-ul li > div::before{width: 16px; height: 21px;} .contact1-txt{margin-top: 15px;}}@media(max-width:400px){.contact1-txt span{font-size: 14px; line-height: 24px;} .contact1-txt p{font-size: 15px; line-height: 24px;}}@media(max-width:320px){.contact-one li{width: 100%;}}/* =============投资者关系 ================ */.service{background: #f7f7f7; padding: 0px 0 77px;}.service-one{}.service1-img{float: left; width: 50%; overflow: hidden;} .service1-img img{width: 100%;}.service-two{padding-top: 80px;}.service2-cont{background: #fff;}.service2-menu{font-size: 0; text-align: center; border-bottom: 2px solid #ec1b24;} .service2-menu a{display: inline-block; font-size: 0; padding: 21px 15px; width: 33.333%; transition: ease .5s;} .service2-menu a.on{background: #ec1b24;}.service2-icon{width: 25px; height: 25px; margin-right: 10px; transform: translateY(5px); overflow: hidden; display: inline-block;} .service2-icon img{width: 100%; transition: ease .5s;}.service2-menu a.on .service2-icon img{transform: translateY(-100%);}.service2-menu a h3{display: inline-block; font-size: 24px; line-height: 36px; color: #333; transition: ease .5s;}.service2-menu a.on h3{color: #fff;}.service2-con{padding: 50px;}.service2-con1{display: none;} .service2-con1.on{display: block;}.service2-ul{margin: -20px -25px 0;} .service2-ul li{float: left; width: 50%; padding: 0 25px; margin-top: 20px;} .service2-ul li a{display: block; border: 1px solid #eee; padding: 20px 30px 25px; transition: ease .5s;} .service2-ul li h4{font-size: 18px; line-height: 36px; color: #444; transition: ease .5s; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .service2-ul li p{font-size: 14px; line-height: 22px; color: #888;} .service2-ul li:hover h4{color: #ec1b24;} .service2-ul li:hover a{border-color: #ec1b24;}.service-three{padding: 75px 0 0;}.service3-ul{font-size: 0; text-align: center; margin-top: 40px;} .service3-ul li{float: none; width: auto; display: inline-block; padding: 0 80px;} .service3-ul .contact-icon{background: #fff;}.service-three li:last-child .contact1-txt span{display: block; font-size: 20px; line-height: 36px; color: #333; font-family: "Microsoft Yahei";}.service3-ul .contact1-txt span em{font-style: normal; display: inline;}.service3-ul .contact1-txt span i.service3-ar{font-family: "Arial";}.service3-ul .contact1-txt{margin-top: 19px;}@media(max-width:1259px){.service2-menu a h3{font-size: 21px;} .service3-ul li{padding: 0 65px;}}@media(max-width:991px){.service2-ul li{padding: 0 12px;} .service2-ul{margin: -20px -12px 0;} .service2-con{padding: 30px;} .service2-menu a h3{font-size: 20px;} .service2-menu a{padding: 16px 15px;} .service3-ul li{padding: 0 15px; float: left; width: 33.333%;} .service-three .service3-ul{margin-top: 20px;} .service3-ul .contact1-txt span, .service-three li:last-child .contact1-txt span{font-size: 17px; line-height: 30px;} .service3-ul .contact1-txt{margin-top: 12px;}}@media(max-width:767px){.service-two{padding-top: 40px;} .service2-menu a h3{font-size: 17px; line-height: 30px;} .service2-icon{width: 22px; height: 22px; margin-right: 6px;} .service2-ul li a{padding: 18px 15px 20px;} .service2-ul li h4{font-size: 16px;} .service-three{padding: 40px 0 0;} .service3-ul li{width: 50%;} .service3-ul li:last-child{transform: translateX(50%);} .service-three .service3-ul{margin-top: 0;} .service1-img{width: 100%;}}@media(max-width:640px){.service2-ul li{width: 100%;} .service2-menu{white-space: nowrap; overflow-x: auto;} .service2-menu a{min-width: 180px; padding: 10px 15px;} .service2-con{padding: 30px 15px;} .service2-menu a.on .service2-icon img{transform: translate(-100%);} .service2-icon{transform: translateY(4px);}}@media(max-width:320px){.service3-ul li{width: 100%;} .service3-ul li:last-child{transform: none;}}/* ============== 产品中心详情 =========== */.proinfo{padding-bottom: 72px;}.pri-one{padding-bottom: 48px;}.pri1-tit{font-size: 36px; line-height: 40px; color: #333; text-align: center;}.pri1-swiper{width: 100%; position: relative; margin-top: 40px;}.pri1-img{text-align: center; overflow: hidden;} .pri1-img img{display: inline-block; max-width: 100%;}.pri1-swiper .swiper-pagination{display: none; width: 100%; bottom: 0;}.pri1-swiper .swiper-pagination-bullet{width: 10px; height: 10px; background: #ec1b24; margin: 0 10px;}.pri1-swiper .swiper-pagination-bullet-active{width: 14px; height: 14px; background: none; border: 1px solid #ec1b24; position: relative;} .pri1-swiper .swiper-pagination-bullet-active::before{position: absolute; content: ""; width: 6px; height: 6px; border-radius: 50%; background: #ec1b24; left: 3px; top: 3px;}.pri1-swiper .swiper-button-next,.pri1-swiper .swiper-button-prev{font-size: 16px; color: #666; text-align: center; width: 64px; height: 64px; background: transparent; line-height: 64px; border: 1px solid #a0a0a0; transition: ease .5s;} .pri1-swiper .swiper-button-next:hover, .pri1-swiper .swiper-button-prev:hover{color: #fff; background: #ec1b24; border-color: #ec1b24;}.pri1-swiper .swiper-button-next{right: -64px;}.pri1-swiper .swiper-button-prev{left: -64px;}.pri-two{background: #f7f7f7;}.pri2-dec{margin-top: 34px; font-size: 16px; line-height: 27px; color: #666; text-align: center;} .pri2-dec em{display: block; font-style: normal;}.pri2-con{position: relative; margin-top: 37px;} .pri2-con::before{position: absolute; content: ""; width: 1px; height: 100%; background: #bfbfbf; left: 50%; top: 0;}.pri2-ul{margin: 0 -50px;} .pri2-ul li{float: left; width: 50%; padding: 0 50px;} .pri2-ul li > div{padding: 18px 0; border-bottom: 1px solid #bfbfbf;} .pri2-ul li:nth-child(1) > div, .pri2-ul li:nth-child(2) > div{padding-top: 0;} .pri2-ul li h4{font-size: 16px; line-height: 22px; color: #666; position: relative; padding-left: 25px;} .pri2-ul li h4::before{position: absolute; content: ""; width: 11px; height: 11px; border-radius: 50%; border: 2px solid #999; left: 0; top: 6px;}.pri-three{padding-bottom: 74px;}.pri3-tab{overflow-x: auto; white-space: nowrap; margin-top: 40px;} .pri3-tab table{width: 100%; text-align: center;} .pri3-tab td{border: 1px solid #dcdcdc; padding: 5px;} .pri3-tab th{border: 1px solid #dcdcdc; font-size: 20px; line-height: 30px; padding: 12px; color: #333; font-weight: normal;} .pri3-tab tr{border: 1px solid #dcdcdc; font-size: 16px; line-height: 30px; color: #666;} .pri3-tab td:hover, .pri3-tab th:hover{color: #ec1b24;}.pri-four{padding-top: 0; padding-bottom: 60px;}.pri4-con{margin-top: 40px;}.pri4-ul{margin: 0 -25px;} .pri4-ul li{float: left; width: 50%; padding: 0 25px;} .pri4-ul li a{display: block; position: relative; background: #fff; box-shadow: 0 0 13px rgba(0,0,0,.1);}.pri4-img{width: 100%; overflow: hidden; text-align: center;} .pri4-img img{display: inline-block; max-width: 100%; transition: ease .5s;}.pri4-ul li:hover .pri4-img img{transform: scale(1.05);}.pri4-txt{position: absolute; width: 100%; bottom: 0; left: 0; font-size: 20px; line-height: 30px; color: #333; padding: 20px 60px 27px 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}.pri4-mark{position: absolute; right: 0; bottom: 0; width: 50px; height: 50px; background: #999; transition: ease .5s;} .pri4-mark::before, .pri4-mark::after{position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #fff; width: 21px; height: 1px;} .pri4-mark::before{transform: rotate(90deg); margin-left: -10px;}.pri4-ul li:hover .pri4-mark{background-color: #ec1b24;}.pri4-ul li:hover .pri4-txt{color: #ec1b24;}.pri-page .newsinfo-bot{margin-top: 0; border-bottom: 1px solid #e5e5e5; padding-bottom: 30px;}@media(max-width:1579px){.pri1-swiper{padding: 0 80px;} .pri1-swiper .swiper-button-next{right: 0;} .pri1-swiper .swiper-button-prev{left: 0;}}@media(max-width:1259px){.pri1-tit{font-size: 32px;} .pri1-img{padding: 0 5%;} .pri4-txt{font-size: 18px; padding: 20px 60px 16px 30px;} .pri4-ul li{padding: 0 15px;} .pri4-ul{margin: 0 -15px;}}@media(max-width:991px){.pri1-swiper .swiper-button-prev, .pri1-swiper .swiper-button-next{display: none;} .pri1-swiper .swiper-pagination{display: block;} .pri1-swiper{padding: 0 0 40px;} .pri1-img{padding: 0 10%;} .pri2-ul li{padding: 0 20px;} .pri2-ul{margin: 0 -20px;} .pri4-txt{position: relative; padding-top: 0px;} .pri4-mark{width: 40px; height: 40px;} .pri3-tab table{min-width: 767px;} .pri1-tit{font-size: 26px;}}@media(max-width:767px){.pri2-ul li{width: 100%;} .pri2-ul li:nth-child(2) > div, .pri2-ul li > div{padding: 15px 0;} .pri2-ul li h4{font-size: 15px;} .pri2-con::before{display: none;} .pri2-ul li h4::before{width: 9px; height: 9px; top: 7px;} .pri1-tit{font-size: 20px;} .pri1-swiper, .pri2-con, .pri3-tab, .pri4-con{margin-top: 25px;} .pri1-img{padding: 0;} .pri3-tab tr{font-size: 14px;} .pri3-tab th{font-size: 17px;} .pri3-tab table{min-width: 640px;} .pri-four{padding-top: 0 !important;} .pri4-txt{font-size: 16px; padding: 20px 60px 12px 20px; position: absolute;} .pri4-ul li{margin-top: 20px; width: 100%;} .pri4-ul{margin-top: -20px;} .proinfo{padding-bottom: 40px;} .pri-page .newsinfo-bot{padding-bottom: 20px;} .pri-page .newsinfo-page{margin-top: 13px;} .pri2-dec{margin-top: 12px;}}@media(max-width:640px){.pri2-dec em{display: inline;} .pri4-txt{position: relative; padding-top: 0;}}/* ============== 关于我们 =============== */.about{}.about-one{padding-bottom: 73px;}.abt1-con{margin-top: 33px;}.abt1-left{float: left; width: 65%; margin-top: -28px;}.abt1-p{margin-top: 28px; font-size: 16px; line-height: 28px; color: #333; text-align: justify;}.abt1-right{float: right; width: 35%; padding-left: 130px;}.abt1-con .intw-ul{margin-top: 0;} .abt1-con .intw-ul ul{margin: -40px -15px 0;} .abt1-con .intw-ul li{width: 50%; margin-top: 40px; padding: 0 10px;} .abt1-con .intw-ul li h3, .abt1-con .intw-ul li h4{color: #333;} .abt1-con .intw-ul li:hover h3{color: #ec1b24;}.about-two{background: #f7f7f7;}.abt2-con{margin-top: 40px;}.abt2-left{float: left; width: 66.7%;}.abt2-ul{} .abt2-ul li{position: relative;}.abt2-img{float: left; width: 50%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center;} .abt2-img img{width: 100%; display: none;}.abt2-ul li:nth-child(even) .abt2-img{left: auto; right: 0;}.abt2-ul li:nth-child(even) .abt2-txt{float: left;}.abt2-txt{float: right; width: 50%; background: #fff; text-align: center; height: 370px; display: table;} .abt2-txt > div{display: table-cell; vertical-align: middle; padding: 0 15px;}.abt2-icon{width: 60px; height: 60px; overflow: hidden; margin: 0 auto; transition: ease .5s;} .abt2-icon img{width: 100%;}.abt2-txt h3{margin-top: 23px; font-size: 24px; line-height: 36px; color: #333;}.abt2-txt p{margin-top: 15px; margin-bottom: 10px; font-size: 16px; line-height: 36px; color: #666;} .abt2-txt p em{font-style: normal; display: block;}.abt2-right{float: right; width: 33.3%; position: relative; padding-top: 370px;} .abt2-right .abt2-img{float: none; width: 100%; height: 50%;} .abt2-right .abt2-txt{float: none; width: 100%;}.abt2-ul li:hover .abt2-icon{transform: translateY(-15px);}.abt2-right:hover .abt2-icon{transform: translateY(-15px);}.about-three{padding-bottom: 50px; background-size: cover; background-repeat: no-repeat; background-position: center;}.abt3-con{margin-top: 40px;}.abt3-swiper{position: relative; margin: -20px -40px;} .abt3-swiper .swiper-container{padding: 20px;}.abt3-slide{padding: 41px 20px 69px; transition: ease .5s; background: transparent;} .abt3-slide:hover{background-color: #fff; box-shadow: 0 0 13px rgba(0,0,0,.2);} .abt3-slide h3{border-bottom: 2px solid #ec1b24; padding-bottom: 11px;} .abt3-slide h3 span{font-family: "DIN-REGULAR"; display: inline-block; font-size: 30px; line-height: 40px; color: #222;} .abt3-slide h3 i{font-style: normal; display: inline-block; font-size: 16px; line-height: 30px; color: #222;}.abt3-img{text-align: center; margin-top: 30px; overflow: hidden;} .abt3-img img{display: inline-block; max-width: 100%; transition: ease .5s;}.abt3-p{font-size: 16px; line-height: 30px; color: #666; margin-top: 13px;} .abt3-p p{position: relative; padding-left: 15px;} .abt3-p p::before{position: absolute; content: ""; width: 6px; height: 6px; border-radius: 50%; background: #666; left: 0; top: 12px;}.abt3-swiper .swiper-pagination{bottom: 0; display: none; width: 100%;}.abt3-swiper .swiper-pagination-bullet{margin: 0 5px;}.abt3-swiper .swiper-pagination-bullet-active{background: #ec1b24;}.abt3-swiper .swiper-button-prev,.abt3-swiper .swiper-button-next{width: 55px; height: 55px; border-radius: 50%; line-height: 55px; background: #fff; color: #333; text-align: center; opacity: 1; cursor: pointer; transition: ease .5s; font-weight: bold; box-shadow: 0 0 13px rgba(0,0,0,.1);} .abt3-swiper .swiper-button-prev:hover, .abt3-swiper .swiper-button-next:hover{background: #ec1b24; box-shadow: none; color: #fff;}.abt3-swiper .swiper-button-prev{left: -75px;}.abt3-swiper .swiper-button-next{right: -75px;}.abt3-slide:hover .abt3-img img{transform: scale(1.05);}.about-four{}.abt4-swiper{margin-top: 40px;} .abt4-swiper .gallery-top{}.abt4-topslide{position: relative;} .abt4-topslide img{width: 100%;}.abt4-font{padding: 0 20px 110px; position: absolute; width: 100%; top: 50%; text-align: center; transform: translateY(-50%); left: 0; z-index: 5;} .abt4-font h3{font-size: 24px; line-height: 30px; color: #fff;} .abt4-font p{margin-top: 10px; font-size: 16px; line-height: 30px; color: #fff;} .abt4-font p em{display: block; font-style: normal;}.abt4-font444::before{position: absolute; content: ""; width: 60px; height: 60px; background: url(../images/abtbanner-bf.png)no-repeat center; background-size: 100% 100%; left: 50%; transform: translateX(-50%); bottom: 0;}.abt4-vedio{}.abt4-vd{}.abt4-swiper .gallery-thumbs{padding: 43px 0 32px; background: #fff; box-shadow: 0 0 13px rgba(0,0,0,.1);}.abt4bt-slide{text-align: center; border-right: 1px solid #e5e5e5; padding: 0 10px;}/* .abt4-swiper .gallery-thumbs .swiper-slide:nth-child(4n) .abt4bt-slide{border-right: none;} */.abt4-icon{width: 60px; height: 60px; margin: 0 auto; overflow: hidden;} .abt4-icon img{width: 100%; transition: ease .5s;}.abt4-swiper .gallery-thumbs .swiper-slide-active .abt4-icon img{transform: translateY(-100%);}.abt4bt-slide h4{margin-top: 17px; font-size: 24px; line-height: 48px; color: #222;}.abt4-vedio{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}.about-fiv{background: #F5F5F5; padding-bottom: 73px;}.abt5-con{margin-top: 40px;}.abt5-swiper{position: relative;}.abt5-slide{display: block;}.abt5-img{transition: ease .5s;} .abt5-img img{display: inline-block; width: 100%;}.abt5-slide p{margin-top: 12px; text-align: center; font-size: 18px; line-height: 32px; color: #333; transition: ease .5s;}.abt5-slide:hover p{color: #ec1b24;}.abt5-swiper .swiper-pagination{width: 100%; display: none;}.abt5-swiper .swiper-pagination-bullet{margin: 0 5px;}.abt5-swiper .swiper-pagination-bullet-active{background: #ec1b24;}.abt5-swiper .swiper-button-next, .abt5-swiper .swiper-button-prev{margin-top: -40px; width: 55px; height: 55px; border-radius: 50%; line-height: 55px; background: #fff; color: #333; box-shadow: 0 0 13px rgba(0,0,0,.1); text-align: center; opacity: 1; cursor: pointer; transition: ease .5s; font-weight: bold;}.abt5-swiper .swiper-button-next{right: -75px;}.abt5-swiper .swiper-button-prev{left: -75px;} .abt5-swiper .swiper-button-next:hover, .abt5-swiper .swiper-button-prev:hover{background: #ec1b24; color: #fff; box-shadow: none;}.about-six{padding-bottom: 88px;}.abt6-con{margin-top: 32px;}.abt6-left{float: left; width: 50%; padding-right: 130px;}.abt6-right{float: right; width: 50%}.inodot-txt{min-width: 328px; position: absolute; display: none; padding-bottom: 16px; bottom: 216%; left: -1772%; z-index: 5;} .inodot-txt > div{background: rgba(236, 27, 36, .7); border-radius: 5px; padding: 19px 18px 17px;} .inodot-txt h4{font-size: 22px; line-height: 34px; color: #fff;} .inodot-txt p{font-size: 16px; line-height: 30px; color: #fff;}.ino-dot.on .inodot-txt{display: block;}.abt6-font{} .abt6-font ul{margin-top: -12px;} .abt6-font li{margin-top: 12px;}.abt6-icon{width: 19px; height: 19px; font-size: 0; transform: translateY(5px); overflow: hidden; float: left;} .abt6-icon img{width: 100%;}.abt6-font li p{margin-left: 25px; font-size: 16px; line-height: 30px; color: #666;}.abt6-inp{margin-top: 25px;} .abt6-inp input{font-size: 16px; color: #666; background: #f5f5f5; padding: 18px 20px; width: 100%; margin-bottom: 20px;} .abt6-inp textarea{font-size: 16px; color: #666; background: #f5f5f5; padding: 18px 20px; width: 100%; min-height: 117px;}.about-mo{margin: 44px 0 0;}@media (max-width:1569px){.abt5-swiper{padding: 0 70px;} .abt5-swiper .swiper-button-next{right: 0;} .abt5-swiper .swiper-button-prev{left: 0;} .abt3-swiper .swiper-container{padding: 10px;} .abt3-swiper{padding: 0 70px; margin: -20px -10px;} .abt3-swiper .swiper-button-next{right: 0;} .abt3-swiper .swiper-button-prev{left: 0;}}@media (max-width:1459px){.abt1-right{padding-left: 100px;} .abt4-icon{width: 50px; height: 50px;} .abt4bt-slide h4{font-size: 22px; line-height: 30px;} .abt2-right{width: 33.3%;} .abt2-left{width: 66.7%;}}@media (max-width:1259px){.abt3-swiper{margin: -20px 0px;} .inodot-txt{min-width: 280px;} .abt2-txt p em{display: inline;} .abt1-right{padding-left: 60px;} .inodot-txt h4{font-size: 20px; line-height: 30px;} .inodot-txt p{font-size: 14px; line-height: 26px;}}@media (max-width:991px){.abt4bt-slide h4{font-size: 20px;} .abt4-icon{width: 45px; height: 45px;} .abt6-left{padding-right: 60px;} .abt3-slide{padding: 41px 20px 40px;} .abt2-txt p{font-size: 14px; line-height: 28px;} .abt2-txt h3{font-size: 21px;} .abt4-font h3{font-size: 20px;} .inodot-txt{min-width: 200px;} .inodot-txt h4{font-size: 17px; line-height: 30px;}}@media (max-width:767px){.abt1-left{width: 100%;} .abt1-right{width: 100%; padding: 0; margin-top: 20px;} .abt1-con .intw-ul li{width: 33.333%; padding: 0 8px; margin-top: 0px;} .abt1-con .intw-ul ul{margin: -20px -8px 0;} .abt1-con, .abt5-con, .abt4-swiper{margin-top: 20px;} .abt2-left{width: 100%;} .abt2-right{width: 100%; padding-top: 0;} .abt2-right .abt2-img{float: left; width: 50%; height: 100%;} .abt2-right .abt2-txt{float: right; width: 50%;} .abt2-txt{height: 300px;} .abt2-txt h3{font-size: 17px; margin-top: 10px;} .abt2-txt p{margin: 10px 0 0;} .abt3-swiper .swiper-button-prev, .abt3-swiper .swiper-button-next, .abt5-swiper .swiper-button-next, .abt5-swiper .swiper-button-prev{display: none;} .abt3-swiper, .abt5-swiper{padding: 0;} .abt3-swiper .swiper-pagination, .abt5-swiper .swiper-pagination{display: block;} .abt5-slide p{font-size: 16px;} .abt6-right{width: 100%;} .abt6-left{width: 100%; padding: 0; margin-top: 20px;} .abt6-inp input{font-size: 14px; padding: 13px 20px;} .abt6-inp textarea{font-size: 14px; padding: 13px 20px;} .abt6-font li{margin-top: 8px;} .abt6-font li p{font-size: 15px;} .abt6-font ul{margin-top: -8px;} .abt6-inp{margin-top: 20px;} .about-mo{margin: 25px 0 0;} .abt3-swiper{padding-bottom: 25px;} .abt4-font h3{font-size: 17px;} .abt4-font::before{width: 40px; height: 40px;} .abt4-font{padding: 0 20px 50px;} .abt4-font p{font-size: 14px; line-height: 26px;} .abt4-icon{width: 36px; height: 36px;} .abt4bt-slide h4{font-size: 16px; margin-top: 10px;} .abt3-p{font-size: 14px; line-height: 24px;} .abt3-slide h3 span{font-size: 24px;} .abt3-slide h3 em{font-size: 14px;} .abt3-img{margin-top: 20px;} .abt3-slide h3{padding-bottom: 5px;} .abt2-icon{width: 45px; height: 45px;} .abt1-p{font-size: 14px; line-height: 26px; margin-top: 15px;} .abt1-left{margin-top: -15px;} .abt1-con .intw-ul{margin-top: 30px;} .inodot-txt{display: none !important;} .abt3-slide{padding: 0 20px;} .abt3-slide:hover{box-shadow: none;}}@media(max-width:640px){.abt2-img{position: relative; width: 100%; background: none !important;} .abt2-img img{display: block;} .abt2-txt{width: 100%; height: auto; padding: 40px 0;} .abt2-right .abt2-img{width: 100%; height: auto; background: none !important;} .abt2-right .abt2-img img{display: block;} .abt2-right .abt2-txt{width: 100%;} .abt4-swiper .gallery-thumbs{padding: 20px 0;} .abt4-font::before{display: none;} .abt4-font{padding-bottom: 0;} .abt4-font p em{display: inline;} .abt4-font p{display: none;}}/* ==============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: #ec1b24;} .anchor li a:hover{color: #ec1b24;} .anchor li.on a:hover{color: #fff;}@media(max-width:1459px){.nybanner-font h3{font-size: 40px;} .nybanner{height: 400px;} .menu a{padding: 20px 35px;} .bread{margin: 8px 0;} .menu{margin-left: -35px;}}@media(max-width:1259px){.nybanner{margin-top: 0;} .nybanner-font h3{font-size: 36px; line-height: 40px;} .nybanner{height: 350px;} .menu a{padding: 15px 30px;} .bread{margin: 18px 0;} .bread p{width: 96%;} .menu{margin-left: 0px; max-width: 76%;} .anchor{display: none !important;}}@media(max-width:991px){.nybanner-font h3{font-size: 34px;} .nybanner{height: 300px;} .menu{max-width: 70%;}}@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;} .bread{margin: 19px 0;} .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;} */ .banner-more, .more{font-size: 15px; width: 140px; height: 42px; line-height: 42px;} .appsecond-nav{display: block;} .banner-menu{display: none;}}@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;} .lpage a{font-size: 15px;}}/* =====================下拉 ================ */.dropdown-menu{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;}/* .category-item:hover .dropdown-menu.single{max-height: 450px;opacity: 1;} */.dropdown-menu ul{padding: 54px 0 85px; font-size: 0;}.dropdown-menu li{float: left; padding: 0 0 0 45px; width: 25%;} .dropdown-menu li.dropdown-img{width: 21.42%; padding: 0 0px 0 0;}.dropdown-img1{width: 100%;} .dropdown-img1 img{width: 100%;}.dropdown-menu li:first-child{padding-left: 0;}/* .dropdown-menu li:last-child{padding-right: 0;border-right: none;} */.dropdown-tit{display: block; margin-bottom: 6px; font-size: 24px; color: #242e38; line-height: 40px; font-family: 'semi';}.dropdown-dec{display: block; font-size: 18px; color: #444; line-height: 28px; padding: 10px 12px 12px 0px; border-bottom: 1px solid #e5e5e5; position: relative;} .dropdown-dec::before{content: ""; position: absolute; width: 0; height: 1px; background: #ec1b24; bottom: -1px; left: 50%; transform: translateX(-50%); transition: ease .5s;} .dropdown-dec:hover::before{width: 100%;} .dropdown-dec:hover em{color: #ec1b24;} .dropdown-dec em{font-size: 18px; color: #666; font-weight: 550; float: right;}.dropdown-menu li a:last-child{margin-bottom: 0;}.dropdown-menu li a:hover{color: #ec1b24;}.dropdown-menu li.dropdown-title{width: 26%; padding-right: 30px;}.dropdowntit-font{} .dropdowntit-font h3{font-size: 30px; line-height: 40px; color: #333;} .dropdowntit-font h5{font-size: 16px; line-height: 30px; color: #555; margin: 9px 0 0px;} .dropdowntit-font a{font-size: 16px; display: block; margin-top: 40px;}@media (max-width:1460px){.dropdown-dec{font-size: 16px; padding: 10px 12px 5px 0px !important;} .dropdown-menu li{padding: 0 0 0 25px;}}@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{}}.hidden{display: none;}/* 2020.7.22 */.int-ul li{position: relative;} .int-ul li::before{position: absolute; content: ""; width: 100%; height: 100%; background: rgba(255,255,255,.2); left: 0; top: 0; transition: ease .5s; opacity: 0;}.int-ul:hover li::before{opacity: 1;}.int-ul li:hover::before{opacity: 0;}.pri2-ul li:hover h4{color: #ec1b24;} .pri2-ul li:hover h4::before{border-color: #ec1b24;}.ino-con .swiper-button-next, .ino-con .swiper-button-prev{margin-top: -36px; transform: translateY(-50%);}.pri1-swiper .swiper-button-next, .pri1-swiper .swiper-button-prev{margin-top: 0; transform: translateY(-50%);}.service2-icon{overflow: hidden;}.service2-menu a.on .service2-icon img{transform: translateY(-100%);}.pri4-img{padding: 40px 80px 80px;}@media (max-width:1459px){.pri4-img{padding: 40px 40px 80px;}}@media (max-width:1259px){.pri4-img{padding: 40px 30px 66px;}}@media (max-width:991px){.pri4-img{padding: 30px 25px;}}/*视频弹窗*/.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%; top: 50%; transform: translate(-50%,-50%); 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*/@media (max-width:1459px){.pri4-img{padding: 40px 40px 80px;} .msg-box{width: 700px; height: 450px;}}@media (max-width:1259px){.pri4-img{padding: 40px 30px 66px;} .msg-box{width: 650px; height: 400px;}}@media (max-width:991px){.pri4-img{padding: 30px 25px;} .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;}}.abt4-topslide{display: block;}/* 202.7.4 */.bottom-select1-lan{display: inline-block;} .bottom-select1-lan span{display: inline-block; font-size: 14px; line-height: 30px; color: #ededed; margin-right: 10px;}.sel_mask-a{display: inline-block; position: relative;} .sel_mask-a a{position: absolute; display: none; width: 100%; bottom: 100%; padding-right: 60px; left: 0; padding-left: 10px;} .sel_mask-a a.on{position: static; display: block; padding: 0;} .sel_mask-a .sel{} .sel_mask-a .sel:hover a{display: block; background-color: rgba(245,245,245,.8);} .sel_mask-a:hover{background-color: rgba(245,245,245,.8);} .sel_mask-a .sel:hover a.on{background-color: transparent;}@media (max-width: 1259px){.bottom-select1-lan{width: 33.33%;}}@media (max-width: 640px){.bottom-select1-lan span{max-width: 41%; padding-right: 10px; margin-right: 0;} .sel_mask-a{float: right; width: 75%;} .bottom-select1-lan{width: 100%;}}.service-inp li a{display: block; border: 1px solid #dcdcdc;}.service-inp select{font-size: 16px; line-height: 30px; color: #000; padding: 14px 20px; width: 100%;}@media (max-width: 767px){.service-inp select{font-size: 15px; padding: 5px 16px;}}a.hidden, a.zz{display: :none;}/*20200819发展历程*//*发展历程*/.about2-con{margin-top: 40px;}.research-tit{font-size: 48px; line-height: 50px; color: #333; text-align: center;}.about-dec{font-size: 16px; line-height: 26px; color: #666; text-align: center; margin-top: 25px;}#historySlide{position: relative; width: 100%; overflow: hidden;} #historySlide .history-c{height: auto; width: 100%; position: relative;}.history-c .swiper-slide{width: 100%; height: auto;}#historySlide .history-c .year{float: left; width: 48.54%; overflow: hidden;} #historySlide .history-c .year img{width: 100%;}#historySlide .history-c .cont{position: relative; width: 100%; padding: 0 185px;}#historySlide .history-c .des{float: right; width: 51.46%; padding-top: 50px; padding-left: 35px;}#historySlide .p-tit{font-size: 80px; font-family: 'DIN1451'; color: #ec1a23; line-height: 80px;}#historySlide .history-c .des p{font-size: 16px; line-height: 26px; color: #333; position: relative;}#historySlide .history-scroll{height: 70px; margin: 0 auto; padding: 0 80px; margin-top: 40px;}#historySlide .swiper-container{padding: 0 0px;}.history-scroll .swiper-slide{float: left; width: 154px; height: 70px; background: url(/PC/images/time-line.png) repeat-x top left 19px; cursor: pointer;} .history-scroll .swiper-slide.active-nav, .history-scroll .swiper-slide.active-nav:hover{}#historySlide .time-line{width: 154px; height: 70px; position: relative;}.history-scroll .dot{padding: 3px; width: 14px; height: 14px; border: 1px solid #3379fd; border-radius: 50%; position: absolute; top: 23px; left: 12px; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;} .history-scroll .dot i{display: block; background: #3379fd; width: 100%; height: 100%; border-radius: 50%;}.history-scroll .swiper-slide.active-nav .dot{opacity: 1;}.history-scroll .daty{font-size: 16px; line-height: 32px; position: absolute; top: 37px; left: 20px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 10;}#historySlide .arrow-left, #historySlide .arrow-right{width: 55px; height: 55px; border: 1px solid #ccc; border-radius: 50%; background: url(/PC/images/p-prev2.png) no-repeat center; position: absolute; top: 50%; margin-top: -40px; z-index: 10; cursor: pointer; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s;}#historySlide .arrow-left{left: 0;}#historySlide .arrow-right{right: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);} #historySlide .arrow-left:hover, #historySlide .arrow-right:hover{background-image: url(/PC/images/p-prevH.png); background-color: #3379fd; border-color: #3379fd;}.abt2-p{margin-top: 11px; max-height: 104px;}#historySlide .swiper-pagination{display: none; width: 100%;}#historySlide .swiper-pagination-bullet{width: 6px; height: 6px; background: #2c64fa; opacity: 1; margin: 0 8px;}#historySlide .swiper-pagination-bullet-active{position: relative;} #historySlide .swiper-pagination-bullet-active::before{position: absolute; content: ""; width: 12px; height: 12px; border-radius: 50%; border: 1px solid #2c64fa; left: -3px; top: -3px;}.about-three{background-size: cover; background-position: center; background-repeat: no-repeat; /* height: 700px; */ background-attachment: fixed;}.about3-dec{font-size: 30px; line-height: 40px; color: #333; text-align: center; margin-top: 20px;}.about-four{background: #f5f5f5; padding-top: 76px;}.about4-con{margin-top: 53px;}.abt4-swiper{position: relative; padding-bottom: 60px;}.abt4-slide{display: block;}.abt4-img{overflow: hidden; transition: ease .5s; border: 1px solid transparent;} .abt4-img img{width: 100%;}.abt4-slide p{font-size: 18px; line-height: 32px; color: #333; text-align: center; margin-top: 11px;}.abt4-slide:hover .abt4-img{border-color: #3379fd;}.abt4-slide:hover p{color: #3379fd;}.abt4-swiper .swiper-pagination{width: 100%; text-align: center; bottom: 0px;}.abt4-swiper .swiper-pagination-bullet{width: 10px; height: 10px; background: #2c64fa; opacity: 1; margin: 0 12px;}.abt4-swiper .swiper-pagination-bullet-active{position: relative;} .abt4-swiper .swiper-pagination-bullet-active::before{position: absolute; content: ""; width: 16px; height: 16px; border-radius: 50%; border: 1px solid #2c64fa; left: -3px; top: -3px;}.about-fiv{padding-top: 76px;}.abt5-con{margin-top: 60px;}.abt5-ul{} .abt5-ul ul{margin: -10px -10px; font-size: 0;} .abt5-ul li{padding: 0 10px; margin: 10px 0; display: inline-block;} .abt5-ul li:nth-child(5){margin-right: 120px;} .abt5-ul li:nth-child(6){margin-left: 120px;} .abt5-ul li:nth-child(11){margin-left: -70px;} .abt5-ul li:last-child{margin-right: -70px;} .abt5-ul li > div{box-shadow: 0 0 13px rgba(0,0,0,.1); font-size: 0;} .abt5-ul li img{display: inline-block; max-width: 100%; transition: ease .5s;} .abt5-ul li:hover img{transform: scale(1.05);}/* ==============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: #ec1a23; transition: all .3s;} .anchor li.on a, .anchor li a:hover{color: #fff; /* background: linear-gradient(to right,#2b61fa,#3683fe); */ background-color: #ec1b24;}@media(max-width:1569px){.abt5-ul li:nth-child(5){margin-right: 0px;} .abt5-ul li:nth-child(6){margin-left: 0px;} .abt5-ul li:nth-child(11){margin-left: 0px;} .abt5-ul li:last-child{margin-right: 0px;} .abt5-ul li{width: 20%;}}@media(max-width:1459px){#historySlide .history-c .des{padding-top: 30px;} .about-three{height: 600px;} .about3-dec{font-size: 26px;} #historySlide .p-tit{font-size: 70px; line-height: 70px;} .research-tit{font-size: 38px; line-height: 40px;}}@media(max-width:1259px){#historySlide .history-c .cont{padding: 0 100px;} .ab1-txt p{font-size: 17px;} .ab1-txt h3{font-size: 22px;} #historySlide .p-tit{font-size: 56px; line-height: 60px;} #historySlide .history-c .des{padding-top: 25px;} .about-three{height: 550px;}}@media (max-width: 991px){.anchor{display: none !important;} .header-app{display: block !important;} .about3-dec{font-size: 21px; line-height: 30px;} .about-three{height: auto;} #historySlide .history-c .year{width: 100%;} #historySlide .history-c .des{width: 100%; padding-left: 0;} #historySlide .p-tit{font-size: 40px; line-height: 50px;} #historySlide .arrow-left, #historySlide .arrow-right{width: 42px; height: 42px;} #historySlide .history-c .cont{padding: 0px 70px;} #historySlide .history-scroll{margin-top: 20px;} .ab1-ul li{float: none; width: 100%;} .ab1-ul li:nth-child(even) .ab1-img, .ab1-ul li.ab1-liri:nth-child(even) .ab1-img{float: right !important;} .ab1-ul li:nth-child(even) .ab1-txt, .ab1-ul li.ab1-liri:nth-child(even) .ab1-txt{right: auto !important; left: 0 !important;} .ab1-ul li:nth-child(3) .ab1-img{float: left;} .ab1-ul li:nth-child(3) .ab1-txt{right: 0; left: auto;} .ab1-ul li:nth-child(2) .ab1-img::before{border-right: none; border-left: 10px solid #fff; right: auto; left: 0;} .ab1-ul li:nth-child(3) .ab1-img::before{border-left: none; border-right: 10px solid #fff; right: 0; left: auto;} .about-dec span{display: block;} .abt2-p{max-height: none; height: auto;}}@media (max-width: 767px){.abt5-ul li{width: 25%;} .ab1-txt h3{font-size: 18px;} .abt5-con, .about4-con{margin-top: 20px;} .abt4-swiper{padding-bottom: 30px;} .abt4-slide p{font-size: 16px; margin-top: 5px;} .abt4-swiper .swiper-pagination-bullet{width: 6px; height: 6px;} .abt4-swiper .swiper-pagination-bullet-active::before{width: 12px; height: 12px;} .about-three{/* height: 380px; */} .about3-dec{font-size: 18px; margin-top: 10px;} .about2-con, .about1-con{margin-top: 25px;} #historySlide .p-tit{font-size: 30px; line-height: 40px;} .abt2-p{margin-top: 5px;} #historySlide .history-c .des p{font-size: 15px;}}@media (max-width: 640px){.about-three{/* height: 280px; */} #historySlide .swiper-pagination{display: block; bottom: 3px;} #historySlide .arrow-left, #historySlide .arrow-right{display: none;} #historySlide{padding-bottom: 35px;} #historySlide .history-c .cont{padding: 0 10px;} #historySlide .history-scroll{padding: 0 10px;} .abt5-ul li{width: 33.333333%;} .about-three{background-attachment: inherit;} .ab1-img, .ab1-ul li:nth-child(even) .ab1-img, .ab1-ul li.ab1-liri:nth-child(even) .ab1-img{float: none !important; width: 100%;} .ab1-txt{position: static; width: 100%;} .ab1-img::before{display: none;} .ab1-ul li{margin: 15px 0; box-shadow: 0 0 13px rgba(0,0,0,0.1);} .ab1-ul{margin: -15px 0; box-shadow: none;}}@media (max-width: 320px){.abt5-ul li{width: 50%;}}@media (max-width:767px){.ny-padd{padding: 40px 0;}} .fix:before, .fix:after{display: table; clear: both; content: '';}.channel_content{min-height: 300px; padding: 70px 0 100px; display: block;}.investor.channel_content{padding: 0;}.investor01{background: #eff3f6; padding: 60px 0 70px;}.wrap{width: 1300px; margin-right: auto; margin-left: auto;}.investor01 .infor{text-align: center; padding: 0 22%;}.investor01 .infor{text-align: center; padding: 0 22%;} .investor01 .infor .tit{font-size: 38px; color: #1a1a1a; line-height: 45px; font-weight: bold;} .investor01 .infor .con{font-size: 16px; color: #4c4c4c; line-height: 26px; margin-top: 22px;}.investor01 .content{margin-top: 30px;} .investor01 .content .left{width: 66.5%; float: left; background: url(/PC/images/investor01_1.jpg) no-repeat center;} .investor01 .content .left .rect-4416{padding-bottom: 44.16%;}*[class*="rect-"]{position: relative; display: block; width: 100%; height: 0; overflow: hidden;}.investor01 .content .left .box{padding: 50px 5% 50px 50px; position: relative;} .investor01 .content .left .box .title{font-size: 30px; color: #fff; line-height: 30px; margin-bottom: 30px;}.no-js .owl-carousel, .owl-carousel.owl-loaded{display: block;}.owl-carousel{display: none; width: 100%; z-index: 1;} .owl-carousel, .owl-carousel .owl-item{-webkit-tap-highlight-color: transparent; position: relative;} .investor01 .content .right{width: 32.5%; float: right; background: #2f7596eb;} .investor01 .content .right .rect-9030{padding-bottom: 90.3%;} .investor01 .content .right .rect-9030 > img{position: absolute; right: 0; bottom: 0; width: 249px; height: 100%;} .investor01 .content .right .intro{position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .investor01 .content .right .intro .box{padding: 35px 30px 52px 25px;} .investor01 .content .right .intro .box .title{font-size: 30px; color: #fff; line-height: 30px; margin-bottom: 30px;} .investor01 .content .right .intro .box .con dd{font-size: 16px; line-height: 32px;} .investor01 .content .right .intro .box .con dd a{color: #fff;} .investor01 .content .right .intro .box .con dd a:hover{color: rgba(255,255,255,0.7);}.investor01 .content .left .box .item .d{font-size: 15px; line-height: 26px; color: rgba(255,255,255,.9);}.investor01 .content .left .box .item .t{font-size: 18px; line-height: 26px; font-weight: bold; margin-bottom: 12px; color: white;}.investor02{padding: 60px 0 80px;} .investor02 .infor .tit{font-size: 30px; color: #1a1a1a; line-height: 30px;} .investor02 .infor .con{font-size: 16px; color: #4c4c4c; line-height: 26px; margin-top: 11px;} .investor02 .infor .con{font-size: 16px; color: #4c4c4c; line-height: 26px; margin-top: 11px;} .investor02 .content{margin-top: 23px;} .investor02 .content .left{width: 50%; float: left;}.rect-75{padding-bottom: 75%;}*[class*="rect-"] ._full{position: absolute; left: 0; top: 0; width: 100%; height: 100%; *height: auto;}.investor02 .content .left .cover{width: 90%; position: absolute; left: 5%; right: 5%; bottom: 30px; background: url(/PC/images/white94.png) center;} .investor02 .content .left .cover .box{padding: 35px 39px 20px 43px;}.investor01 .content .left .owl-nav .owl-prev{left: 0; background-position: -5px -47px;}.investor01 .content .left .owl-nav > div{width: 40px; height: 40px; background: url(/PC/images/investor01_3.jpg) no-repeat; position: absolute; bottom: 0; z-index: 2; font-size: 0; cursor: pointer; transition: all 0.5s ease; top: auto;}.investor01 .content .left .owl-nav .owl-next{left: 40px; background-position: -45px -3px;}.investor01 .content .left .box .item .c{font-size: 14px; line-height: 24px; color: rgba(255,255,255,.9); height: 48px; overflow: hidden; margin-bottom: 90px;}.investor01 .content .dierban{width: 100%; float: none; max-height: 400px; background: #264d6b;}.dierban_dd dd{width: 100%; float: left;}@media only screen and (max-width: 1240px){.wrap{width: 940px;} /*投资者关系*/ .investor01 .infor{padding: 0 10%;} .investor01 .content .left .box{padding: 30px;} .investor01 .content .left .box .title{margin-bottom: 10px; font-size: 25px; line-height: 25px;} .investor01 .content .left .box .item .c{margin-bottom: 70px;} .investor01 .content .right .intro .box{padding: 30px;} .investor01 .content .right .intro .box .title{margin-bottom: 10px; font-size: 25px; line-height: 25px;} .investor01 .content .right .intro .box .con .t{margin-bottom: 5px;} .investor01 .content .right .intro .box .con .cell{margin-top: 20px;} .investor01 .content .right .intro .box .con .c a{padding: 0 5px;} .investor01 .content .right .intro .box .con .c a:after{left: -3px;} .investor02 .content .left .cover{bottom: 25px;} .investor02 .content .left .cover .box{padding: 30px;} .investor02 .content .right .cover .box{padding: 30px;} .investor02 .content .right .cover .tab_t_box .tab_t{width: 30%;}}@media only screen and (max-width: 992px){.wrap{width: 740px;} .dierban_dd dd{width: 100%; float: none;} /*投资者关系*/ .investor01 .infor .tit{font-size: 30px;} .investor01 .content .left .rect-4416{padding-bottom: 57%;} .investor01 .content .left .box .item .t{margin-bottom: 5px;} .investor01 .content .left .box .item .c{margin-bottom: 80px;} .investor01 .content .right .rect-9030{padding-bottom: 117%;} .investor02 .content .left{width: 100%;} .investor02 .content .right{width: 100%; margin-top: 30px;} .investor02 .content .right .cover .box{padding: 50px;} .investor02 .content .right .cover .tab_c_box img{display: block; margin: 0 auto;}}@media only screen and (max-width: 760px){.wrap{padding-left: 3%; padding-right: 3%; width: auto;} .dierban_dd dd{width: 100%; float: none;} /*投资者关系*/ .investor01{padding: 30px 0;} .investor01 .infor{padding: 0;} .investor01 .infor .tit{font-size: 20px; line-height: 30px;} .investor01 .infor .con{margin-top: 5px;} .investor01 .content .left{width: 100%;} .investor01 .content .left .rect-4416{padding-bottom: 80%;} .investor01 .content .left .box .title{font-size: 18px; line-height: 23px; margin-bottom: 5px;} .investor01 .content .left .box .item .t{font-size: 16px;} .investor01 .content .left .box .item .c{margin-bottom: 30px;} .investor01 .content .right{width: 100%; margin-top: 30px;} .investor01 .content .right .rect-9030{padding-bottom: 100%;} .investor01 .content .right .intro .box .title{font-size: 18px; line-height: 23px; margin-bottom: 5px;} .investor01 .content .right .intro .box .con .t{font-size: 15px;} .investor02{padding: 30px 0;} .investor02 .infor .tit{font-size: 20px; line-height: 23px;} .investor02 .content .left .rect-75{padding-bottom: 95%;} .investor02 .content .left .cover .box{padding: 20px;} .investor02 .content .left .cover .box .t{padding-bottom: 15px;} .investor02 .content .left .cover .box .t .t_left{font-size: 15px; padding-top: 8px;} .investor02 .content .left .cover .box .t .t_right .stock .stock_l{margin-right: 10px;} .investor02 .content .left .cover .box .t .t_right .stock .stock_l span{font-size: 22px;} .investor02 .content .left .cover .box .c{margin-top: 15px;} .investor02 .content .left .cover .box .c .cell{width: 50%;} .investor02 .content .left .cover .box .text{margin-top: 10px;} .investor02 .content .right .cover .box{padding: 0 20px 20px;} .investor02 .content .right .cover .title{font-size: 18px;} .investor02 .content .right .cover .tab_t_box{margin-bottom: 15px;}}@media only screen and (max-width: 320px){.dierban_dd dd{width: 100%; float: none;} .investor01 .content .left .rect-4416{padding-bottom: 80%;} .investor01 .content .right .rect-9030{padding-bottom: 80%;} .investor02 .content .left .rect-75{padding-bottom: 120%;} .investor02 .content .left .cover .box .t .t_right{float: left;} .investor02 .content .left .cover .box .t .t_right .stock .stock_r .num{display: inline-block; line-height: 36px; font-size: 15px;} .investor02 .content .right .cover{left: 10px; right: 10px; top: 10px; bottom: 10px;}}.tz-right{float: right; font-size: 18px; font-weight: bold;} .tz-right:hover{/* color: #fb5252; */ /* text-decoration: underline; */ border-bottom: 2px solid white;}.newslist2{padding: 10px 0px 20px !important;}.news-txt2{border-left: 3px solid #ec1b24; margin-left: 0px; padding-left: 20px;} .news-txt2 h3{font-size: 18px;}/*20201023*/.ulall{} .ulall li{width: 23%; margin: 1%; float: left;} .ulall li a{padding: 30px 40px 40px;} .ulall .pro-img{float: none; width: 100%;} .ulall .pro-txt{float: none; width: 100%; padding: 0px; margin-top: 35px;} .ulall .pro-mo{margin: auto; margin-top: 30px; display: none;} .ulall .pro-txt h3{font-size: 20px; line-height: 24px; text-align: center;} .ulall .pro-txt p{font-size: 16px; line-height: 24px; margin: 5px 0px;} .ulall .pro-txt h4{font-size: 16px; margin: 5px 0px; line-height: 18px;} .ulall .pro-txt h5{font-size: 16px; margin: 5px 0px; line-height: 18px;} .ulall .pro-txt h6{font-size: 16px; margin: 5px 0px; line-height: 18px;}@media (max-width: 1260px){.ulall li{width: 23%; margin: 1%; float: left;}}@media (max-width: 990px){.ulall li{width: 31%; margin: 1%; float: left;}}@media (max-width: 767px){.ulall li{width: 96%; margin: 4% 2%; float: none;}}.newsinfo-font p img{max-width: 100%;} .about-new-two{padding: 80px 0;}.abt-swiper{position: relative;}.abt-slide{height: 420px; overflow: hidden; position: relative;}.abt-top{position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all .5s;} .abt-top h3{margin-bottom: 4px; font-weight: bold; padding: 49px 25px 24px; font-size: 20px; color: #333; line-height: 40px; background: url(../images/abt-top.jpg) repeat-x center bottom;} .abt-top h4{padding: 0 25px; margin-bottom: 6px; font-size: 20px; color: #333; line-height: 46px; font-family: 'Open Sans';} .abt-top p{margin-bottom: 8px; padding: 0 25px; font-size: 14px; color: rgba(102,102,102,.7); line-height: 22px; padding-right: 35px;}.abt-bot{position: absolute; width: 100%; left: 0; top: -100%; transition: all .5s; height: 100%;} .abt-bot img{display: block; width: 100%; height: 100%;}.abt-font h3{font-size: 20px; color: #fff; font-weight: bold; line-height: 30px;}.abt-font h4{margin-bottom: 16px; font-size: 20px; color: rgba(255,255,255,.6); font-family: 'Open Sans'; line-height: 20px;}.abt-font p{margin-bottom: 12px; font-size: 14px; color: rgba(255,255,255,.7); line-height: 20px;}.abt-slide:hover .abt-bot{top: 0;}.abt-slide:hover .abt-top{top: 100%;}.abt-font{position: absolute; width: 100%; padding: 0 25px 5px; left: 0; bottom: 0;}.abt-swiper .swiper-button-prev, .abt-swiper .swiper-button-next{width: 45px; height: 45px; border-radius: 50%; background: #d9d9d9; color: white; text-align: center; line-height: 45px; font-size: 16px; font-weight: bold; top: 93px; margin-top: 0;}.abt-swiper .swiper-button-prev{left: -85px;}.abt-swiper .swiper-button-next{right: -85px;} .abt-swiper .swiper-button-prev:hover, .abt-swiper .swiper-button-next:hover{background: #e9541a;}.abt-swiper .swiper-pagination{width: 100%; display: none;}.abt-swiper .swiper-pagination-bullet{opacity: 1; background: #d9d9d9; margin: 0 5px;}.abt-swiper .swiper-pagination-bullet-active{background: #ec1a23;}@media (max-width: 1400px){.abt-swiper .swiper-pagination{width: 100%; display: block;}}.news-left.newsnori{position: relative; /* height: auto; */ top: auto; left: auto; height: 400px;}@media (max-width: 1459px){.news-left.newsnori{height: 342px}}@media (max-width: 1259px){.news-left.newsnori{height: 325px}}@media (max-width: 991px){.news-left.newsnori{height: 300px}}@media (max-width: 767px){.news-left.newsnori{height: auto;}}.tzzgx{}.tzzgx li{width: 50%; float: left; padding: 1%;}.tzzgx li img{width:100%;}.tzzgx li div{position: relative; /* margin-bottom: 3%; */ margin: 4.5% 0;}.tzzgx li p{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; color: white; font-size: 24px; font-weight: bold; padding: 5%; background-color: rgb(0 0 0 / 29%);}.tzzgx li .p1{margin-bottom: 3%;}.tzzgx li .p3{}@media (max-width: 767px){.tzzgx li p{font-size:14px} }