.pageNav333 table{width:95%;margin:0 auto;} .xxx{width:300px;} tr:first-of-type p { color: white; } x .serviceContent tr.class-name td:first-of-type p { color: white; } .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .rslides li:first-child { position: relative; display: block; float: left; } .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; } .slide_container { margin-bottom: 50px; position: relative; float: left; width: 100%; } .slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .slide li { position: absolute; width: 100%; left: 0; top: 0; } .slide img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; } .slide .caption { display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; } .slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("../images/themes.gif") no-repeat left top; margin-top: -45px; } .slide_nav:active { opacity: 1.0; } .slide_nav.next { left: auto; background-position: right top; right: 0; } .navnewlist {width:100%; height: 30px; line-height: 30px;} .navnewlist a {color:#fff;} .svContent { background: #fff; padding: 20px; margin-bottom: 30px; overflow: hidden; font-size: 14px; border: 1px solid #eee; } .svContent p {background: none; padding: 0px !important; margin: 10px 0px;} .videoboxp {color: #fff; margin-top: 20px;} .arttagbox {overflow: hidden; margin-bottom: 30px;} .arttagbox a {margin-right: 10px;} .pageDaTitle2{ width: 100%;} @media screen and (max-width: 750px){ .TopSearch2 input[type="text"] { width: 140px; padding-left: 0px; } .topIcon2 { margin-right: 50px !important; }} .serviceContent p{background: none;} .serviceList2 .serviceItem2 .serviceSmall {height: auto !important;} .serviceContent p:first-of-type {margin-top: 0px;} .serviceSmall p {font-size: 14px;} .pageDaTitle2{font-size: 16px;} .serviceMore{margin-top: -20px; margin-left: 10px;} .serviceMore { margin-top: -20px; float: left; }.is-clicked { background: url(../images/m_nav2.png) no-repeat 50%; } .cd-nav-trigger.on { background-image: url("bg2.png"); /* 新的背景图片 */ transform: rotate(180deg); /* 绕中心点旋转 180 度 */ } a{cursor: pointer;} .pageDaTitle2 p{margin-top:20px;} .WFaq p{font-size: 16px; color: #666666; line-height: 24px; padding: 6px 0;} @media screen and (max-width:1200px){ .pageDaTitle2 a{ font-size:14px !important;} .WFaq p{font-size:14px;} } .navsysbox h2 { color: #fff; margin-bottom: 20px;} .navsysbox ul { overflow: hidden;} .navsysbox ul li { width: 25%; float: left; margin-bottom: 20px;} .navsysbox ul li a { display: block; width: 90%; } .navsysbox ul li a img{width: 100%;} .navsysbox ul li p{line-height: 30px; font-size: 12px; color: #fff;} .navtelbox {font-family: Times, "Times New Roman", "serif"; font-size: 18px; font-weight: bold; margin-left: 30px; color: #004d88;} .navtelbox span {font-size: 12px; font-family: Microsoft YaHei; display: block; margin-top: 5px;} .navtelbox i {display: block; height: 20px; width: 20px; background: url(../images/navtelico.png) no-repeat; margin-right:10px; float: left;} .foothotnav {width: 300px;} .footer2 b {display: block; line-height: 50px; width: 100%;} .foothotnav p {float: left; margin-right: 5%; display: block; width:45%;} .footer2 p {height: 30px; line-height: 30px;overflow: hidden;} .cd-nav-trigger.on { background-image: url("bg2.png"); /* 新的背景图片 */ transform: rotate(180deg); /* 绕中心点旋转 180 度 */ } a{cursor: pointer;} .pageDaTitle2 p{margin-top:20px;} .WFaq p{font-size: 16px; color: #666666; line-height: 24px; padding: 6px 0;} @media screen and (max-width:1200px){ .pageDaTitle2 a{ font-size:14px !important;} .WFaq p{font-size:14px;} } /* CSS Document */ body{ margin:0px; padding:0px; border:0px; color:#222222; font-size:14px; width:100%; background:#ffffff; } a{ margin:0px; padding:0px; border:0px; text-decoration:none; color:#222222; font-size:13px;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} a:hover{ text-decoration:none;} *{ padding:0px; margin:0px; border:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } /* background:rgba(0,0,0,0);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);*/ li{ list-style:none;} .clear{ clear:both !important; height:0px !important; width:0px !important; float:none !important; margin:0px !important; padding:0px !important; border:0px !important; line-height:0 !important; position:relative !important; } input:focus{ outline: none;}/*去除按钮选中的高亮标签*/ textarea:focus{ outline: none;}/*去除文本框选中的高亮标签*/ button:focus{ outline: none;}/*去除按钮选中的高亮标签*/ select:focus{ outline: none;}/*去除下拉框选中的高亮标签*/ img{ max-width:100%; vertical-align: middle;} div,p,table,td,ul,li,span,a,ol,input,label{ padding:0px; margin:0px; border:0px;} h1{ font-weight: normal;} input::-ms-input-placeholder{font-size: 16px; color:#999;} input::-webkit-input-placeholder{ font-size: 16px; color:#999;} input::-moz-placeholder{ font-size: 16px; color:#999;} input:-moz-placeholder{ font-size: 16px; color:#999;} textarea::-ms-input-placeholder{font-size: 16px; color:#999;} textarea::-webkit-input-placeholder{ font-size: 16px; color:#999;} textarea::-moz-placeholder{ font-size: 16px; color:#999;} textarea:-moz-placeholder{ font-size: 16px; color:#999;} .fl{ float:left;} .fr{ float:right;} @font-face{ font-family:'ab'; src:url(../images/ab.OTF); } /*黑白照片*/ .gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .gray:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: gray; } /*圆角5px*/ .radius5{ -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; } /*圆角10px*/ .radius10{ -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; } /*图片变大*/ .tra{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .tra:hover{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); filter: scale(1.15); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } /*透明度50%*/ .opacity5{ filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity:0.5;opacity: 0.5;} .shadow5{ -webkit-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; -moz-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; -ms-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; -o-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; } .shadow10{ -webkit-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; -moz-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; -ms-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; -o-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; } banner .banner_icon { animation: myfirst 2s ease-in-out infinite; -moz-animation: myfirst 2s ease-in-out infinite； /*Firefox */ -webkit-animation: myfirst 2s ease-in-out infinite； /*Safari 和 Chrome */ -o-animation: myfirst 2s ease-in-out infinite； /*Opera */ } @keyframes myfirst { 0% { transform:translate(0,-20px); opacity: 0; } 50% { opacity: 1; } 100% { transform:translate(0,20px); opacity: 0; } } @-moz-keyframes myfirst { /* Firefox */ 0% { -moz-transform:translate(0,-20px); opacity: 0; } 50% { opacity: 1; } 100% { -moz-transform:translate(0,20px); opacity: 0; } } @-webkit-keyframes myfirst { /* Safari 和 Chrome */ 0% { -webkit-transform:translate(0,-20px); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform:translate(0,20px); opacity: 0; } } @-o-keyframes myfirst { /* Opera */ 0% { -o-transform:translate(0,-20px); opacity: 0; } 50% { opacity: 1; } 100% { -o-transform:translate(0,20px); opacity: 0; } } .noscroll{ overflow: hidden; } .quan{ width: 100%;} .mo_top{ width:100%; display:none; position:fixed; top: 0; z-index: 123412;} .mo_top .mot{ width:100%; padding:0 2%; height:50px; background:#fff;box-shadow: 0px 0px 16px rgba(0,0,0,.2); display:flex; align-items:center; justify-content: space-between;} .mo_top .mot .molo{ float:left; display:inline-block; margin:10px 0;} .mo_top .mot .mot_right{ display:flex; align-items:center;} .mo_top .mot .mot_right dd{ margin-right: 5px;} .mo_top .mot .mot_right dd a i{ font-size:26px; color:#004a91;} .mo_top .mot .mot_right dt{ position:relative; width:35px; height:35px;} .mo_top .mot .mot_right dt .cd-nav-trigger{ top:0; right:0;} .AboutDate{ position: absolute; right: 4%; bottom: 13%; font-size: 20px; color: #fff; font-weight: bolder;} .pc-1400 {background:#fff;width:100%;} .header1{ width:1500px;margin:0 auto;height:90px; display:flex !important; justify-content:space-between; align-items:center; padding:0 calc( 100% * ( 60 / 1920 )); /*position:fixed; z-index:99999; top:0; left:0;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;*/background:#fff;} .header1 .topLogo1{ width:300px; } .header1 .topRight{ display:flex; align-items:center; position:relative;} .header1 .topRight .topMenu{ display:flex; position:relative; } .header1 .topRight .topMenu .menuTitle{ margin:0 24px; font-size:16px; position:relative; color:#000;white-space:pre;} .index .header1 .topRight .topMenu .menuTitle { margin:0px 1.125vw;} .index .header1 .topRight .topMenu .menuTitle{ padding:0 .25vw; } .header1 .topRight .topMenu .menuTitle img{ position:absolute; display:none; width:9px; height:6px; top:45px; left:50%; transform:translateX(-50%); pointer-events: none; opacity:0;} .header1 .topRight .topMenu .menuXun:hover .menuTitle img{ display:block;} .header1 .topRight .topMenu .menuXun.on .menuTitle img{ display:block;} .header1 .topRight .topMenu .menuDown{ position:absolute; left:0; width:100%; background:#FF0004; top:120px; display:none;} .header1 .topRight .menuXun{} .header1 .topRight .topMenu.on{ opacity: 0; pointer-events: none; } .header1 .topRight .topMenu2.on{ opacity: 0; pointer-events: none; } .topLeft{ display: flex; align-items: center; } .topGp{ display: flex; align-items: center; } .topGp .topGp1{ display: flex; flex-direction: column; background: rgba(255,255,255,.15); border-radius:3px; justify-content: center; align-items: center; color: #fff; padding:0 7px; margin:0 10px 0 15px; } .topGp .topGp1 .topGp11{ font-size: 12px; } .topGp .topGp1 .topGp12{ font-size: 15px; } .topGp .topGp2{ display: flex; flex-direction: column; } .topGp .topGp2 .topGp21{ display: flex; align-items: center; } .topGp .topGp2 .topGp21 .topGp211{ font-size: 15px; color: #ffffff; } .topGp .topGp2 .topGp21 .topGp212{ display: flex; flex-direction: column; } .topGp .topGp2 .topGp21 .topGp212 img{ opacity: 0; } .topGp .topGp2 .topGp21 .topGp212.up img:nth-child(1){ opacity: 1; } .topGp .topGp2 .topGp21 .topGp212.up img:nth-child(2){ opacity: 0; } .topGp .topGp2 .topGp21 .topGp212.down img:nth-child(1){ opacity: 0; } .topGp .topGp2 .topGp21 .topGp212.down img:nth-child(2){ opacity: 1; } .topGp .topGp2 .topGp22{ font-size:13px; color: rgba(255,255,255,.75); white-space: pre; } .menuBack{ width:fit-content; height:50px; border-radius:50px; padding:0 30px; display: flex; align-items: center; position: absolute; left: 50%; transform: translateX(-50%); bottom:45px; z-index: 8888; font-size: 14px; color: #ffffff; border:#fff solid 1px; cursor:pointer;} .menuBack i{ margin-right:15px; } .header1 .topRight .topIcon{ display:flex; align-items:center;} .header1 .topRight .topIcon a{ margin-left:10px; display: block; width:20px; cursor: pointer;} .header1 .topRight .topIcon .click_search img:last-child{ display:none;} .header1 .topRight .topIcon .click_search.on img:last-child{ display: block;} .header1 .topRight .topIcon .click_search.on img:nth-child(1){ display: none;} .header1 .topRight .topIcon a:nth-child(2){ margin-left:35px;} .header1 .topRight .topIcon a:nth-last-child(1){ margin-left:20px; width:70px;} .header1 .topRight .topIcon span{ color:#fff; } .click_search2 img:last-child{ display:none;} .click_search2.on img:last-child{ display: block;} .click_search2.on img:nth-child(1){ display: none;} .TopSearch2{ display:flex; align-items:center; border:1px solid #ededed; border-radius:100px; overflow:hidden; margin-left:30px; display:none;} .TopSearch2.on{ display:flex;height: 30px;} .TopSearch2 input[type="text"]{ height:40px; width:195px; display:flex; align-items:center; padding-left:20px; background:none; font-size:14px; color:#333;} .TopSearch2 input[type="submit"]{ height:40px; width:60px; display:flex; align-items:center; justify-content:center; color:#fff; font-size:14px; background:none; cursor:pointer; background:#156aa9; color:#fff;} .TopSearch2 input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#999; font-size:14px;} .TopSearch2 input::-webkit-input-placeholder{ /* WebKit browsers */ color:#999; font-size:14px;} .TopSearch2 input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999; font-size:14px;} .TopSearch2 input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; font-size:14px;} .TopSearch2 input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; font-size:14px;} .header1 .topRight .TopSearch{ display:flex; align-items:center; border:1px solid #ededed; border-radius:100px; overflow:hidden; margin-left:30px; display:none;} .header1 .topRight .TopSearch.on{ display:flex;height: 30px;} .header1 .topRight .TopSearch input[type="text"]{ height:40px; width:195px; display:flex; align-items:center; padding-left:20px; background:none; font-size:14px; color:#333;} .header1 .topRight .TopSearch input[type="submit"]{ height:40px; width:60px; display:flex; align-items:center; justify-content:center; color:#fff; font-size:14px; background:none; cursor:pointer; background:#156aa9; color:#fff;} .header1 .topRight .TopSearch input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#999; font-size:14px;} .header1 .topRight .TopSearch input::-webkit-input-placeholder{ /* WebKit browsers */ color:#999; font-size:14px;} .header1 .topRight .TopSearch input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999; font-size:14px;} .header1 .topRight .TopSearch input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; font-size:14px;} .header1 .topRight .TopSearch input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; font-size:14px;} .header2{ height:80px; display:flex !important; justify-content:space-between; align-items:center; padding:0 calc( 100% * ( 160 / 1920 )); width:100%; position:fixed; z-index:99999; top:-80px; left:0; background:#FFFFFF;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; box-shadow:0px 0px 25px rgb(0 0 0 / 10%);} .header2 .topRight2{ display:flex; align-items:center;} .header2 .topRight2 .topMenu2{ display:flex; align-items:center; position:relative;} .header2 .topRight2 .topMenu2 .menuXun2{} .header2 .topRight2 .topMenu2 .menuXun2 .menuTitle2{ padding:0 20px; font-size:18px; color:#42484b; white-space:pre;} .index .header2 .topRight2 .topMenu2 .menuXun2 .menuTitle2{ padding:0 calc(( 20 / 1920 ) * 100vw);} .header2 .topRight2 .topIcon2{ display:flex; align-items:center;} .header2 .topRight2 .topIcon2 a{ margin-left:10px; position:relative;} .header2 .topRight2 .topIcon2 a:nth-child(2){ margin-left:35px;} .header2 .topRight2 .topIcon2 a:nth-last-child(1){ margin-left:20px;} .header2 .topRight2 .topIcon2 a .zongClose{ position:absolute; left:0; top:0px; opacity:0;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; z-index:-1;} .header2.on .topRight2 .topIcon2 a .zongClose{ opacity:1;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; z-index:1;} .header1.show{ top:0px;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .header2.show{ top:0px;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .leftCb{ width:50px; display: flex; flex-direction: column; position: fixed; top: 40%; left: 0; z-index: 88888; } .leftCb .leftCb1{ display:none;} .leftCb .leftCb1 .leftCbImg{ cursor:pointer;} .leftCb .leftCb1 .leftCbMenu{ width:237px; padding-left: 7px; background: url(../images/cbl14.png) no-repeat 2px 30px; position: absolute; top: 0; left:50px; display: none;} .leftCb .leftCb1:hover .leftCbMenu{ display: block; } .leftCb .leftCb1 .leftCbMenu ul{ background: #fff; border-radius:5px; display: flex; flex-direction: column; box-shadow: rgba(13,22,47,.1) 0 0 2px; box-shadow: rgba(21,106,169,0.3) 0 0 10px; } .leftCb .leftCb1 .leftCbMenu li{ width:100%; border-bottom:#f2f2f2 solid 1px; padding:0 20px; } .leftCb .leftCb1 .leftCbMenu li a{ height:50px; display:flex; align-items: center; justify-content:space-between; font-size: 15px; color: #666666;} .leftCb .leftCb1 .leftCbMenu li a:hover{ color: #035593; } .leftCb .leftCb1 .leftCbMenu .rightCbMenu1{ width:100%; } .rightCb{ width:70px; position: fixed; right:2%; top: 30%; display: flex; flex-direction: column; z-index: 88888; } .rightCb .rightCb1{ width:70px; margin-bottom: 5px; cursor:pointer;} .rightCb .rightCb1 .rightCbImg{ width:70px; height:70px; display: flex; justify-content: center; align-items: center; background: #dc3545; border-radius: 5px; overflow: hidden; position: relative;} .rightCb .rightCb1 .rightCbImg:before{ content:""; position:absolute; display:inline-block; width:100%; height:100%; opacity:0; background:#000; left:0; top:0;} .rightCb .rightCb1 .rightCbImg.on{width:80; transform:translateX(-10px); transition: all ease 1.5;} .rightCb .rightCb1 .rightCbMenu{ position: absolute; right:80px; top: 0; padding:0 15px 0 0; display: none; flex-direction: column; } .rightCb .rightCb1 .rightCbMenu .rightCbMenuBox{ width: 355px; background: #fff; border-radius:5px; display:flex; flex-direction: column; padding:0 30px; box-shadow: rgba(21,106,169,0.3) 0 0 10px; } .rightCb .rightCb1 .rightCbMenu .rightCbMenuBox .rightCbMenu1{ width:100%; display: flex; align-items: center; justify-content: space-between; height: 80px; } .rightCb .rightCb1 .rightCbMenu .rightCbMenuBox .rightCbMenu2{ width:100%; display: flex; flex-direction: column; font-size: 14px; line-height: 26px; } .rightCb .rightCb1 .rightCbMenu .rightCbMenuBox .rightCbMenu2 li{ border-top:#e8e8e8 solid 1px; padding:30px 0; } .downBg{ width:100vw; height:100vh; background:url(../images/headerBg3.png) no-repeat 50%,url(../images/headerBg2.png) no-repeat -20% 50%/cover,url(../images/headerBg1.png) no-repeat -30% 50%/cover,url(../images/header1.png); position:fixed; top:0; left:0; z-index:77777; display:none;} .downBg.on{ display:block; background:url(../images/headerBg3.png) no-repeat 50%,url(../images/headerBg2.png) no-repeat 60% 50%/cover,url(../images/headerBg1.png) no-repeat 70% 50%/cover,url(../images/header1.png); transition: all 1s ease-in; } .menuDown{ width:100vw; height:100vh; position:fixed; top:0; left:0; z-index:88888; flex-direction:column; display:none; background: rgba(0,0,0,.5) url(../images/bn1.jpg) no-repeat 50%/cover;} .menuDown.on{ display:flex;} .menuDown .menuDownTop{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .menuDown .menuDownTop .menuDownBox{ display:none;} .menuDown .menuDownTop .menuDownBox.on{ display:flex;} .menuDown .menuDownTop .linkBox1{ width:fit-content; display:flex; padding-left: 3vw;} .menuDown .menuDownTop .linkBox1 .linkBoxLeft1 .lblTitle{ font-size:24px; color:#54aef4; margin-bottom:25px;} .menuDown .menuDownTop .linkBox1 .linkBoxLeft1 .lblLink a{ width:100%; font-size:16px; opacity:0.7; color:#FFFFFF; height:70px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; margin-left:-17px;} .menuDown .menuDownTop .linkBox1 .linkBoxLeft1.xwzx .lblLink{ width:260px;} .menuDown .menuDownTop .linkBox1 .linkBoxLeft1.xwzx .lblLink a{ width:50%;} .menuDown .menuDownTop .linkBox1.zong{ padding-left:10%; } .menuDown .menuDownTop .linkBox1.zong .linkBoxLeft1 .lblLink .menuDown .menuDownTop .linkBox1.zong .linkBoxLeft1 .lblLink a{ width:100%;} .menuDown .menuDownTop .linkBox1 .linkBoxLeft1 .lblLink a:hover{ opacity:1; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .menuDown .menuDownTop .linkBox1 .linkBoxLeft1 .lblLink a img{ margin-right:10px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .menuDown .menuDownTop .linkBox1 .linkBoxLine{ border:rgba(138,180,211,0.3) dashed 1px; margin-right:3.125vw;} .menuDown .menuDownTop .linkBox1.zong .linkBoxLeft1 .lblTitle{ color:#fff; } .menuDown .menuDownTop .linkBox1.zong .linkBoxLeft1 .lblLink a img{ opacity: 0; } .menuDown .menuDownTop .linkBox1.zong .linkBoxLeft1 .lblLink a:hover img{ opacity:1; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .headerAbout{ display:flex; flex-direction:column;} .headerAbout .headerAbout1{ font-size:24px; color:#FFFFFF; margin:25px 0; display:flex; align-items:center; justify-content:space-between;} .headerAbout .headerAbout1 span{} .headerAbout .headerAbout1 a{ font-size:24px; color:#FFFFFF; opacity:0.8;} .headerAbout .headerAbout2{ position:relative; width:28.125vw; margin-bottom:120px; cursor:pointer;} .headerAbout .headerAbout2 .headerAbout21{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/header3.png) 50%; z-index:9; display:flex; justify-content:center; align-items:center;} .headerAbout .headerAbout2 .headerAbout22{ position:relative;} .headerAbout .headerAbout2 .headerAbout22:before{ display:block; content:''; padding-top:calc( 100% * ( 275 / 540));} .headerAbout .headerAbout2 .headerAbout22 div{ width:100%; height:100%; display:flex; justify-content:center; align-items:center; overflow:hidden; position:absolute; left:0; top:0;} .menuDown .menuDownBot{ font-size:13px; line-height:2em; color:rgba(255,255,255,0.3); display:flex; flex-direction:column; align-items:flex-end; position:absolute; bottom:75px; right:calc( 100% * ( 60 / 1920 ));} .menuDown .menuDownBot .menuDownBot1{ display:flex; align-items:center; width:fit-content; margin-bottom:10px;} .menuDown .menuDownBot .menuDownBot1 .menuDownBot11{ margin:0 10px; width:45px; height:45px; position:relative;} .menuDown .menuDownBot .menuDownBot1 .menuDownBot11 .menuDownBot111{ width:45px; height:45px; opacity:0.8;} .menuDown .menuDownBot .menuDownBot1 .menuDownBot11:hover .menuDownBot111{ opacity:1;} .menuDown .menuDownBot .menuDownBot1 .menuDownBot11 .menuDownBot112{ width:109px; height:114px; position:absolute; left:50%; transform:translateX(-50%); background:url(../images/bot4.png) no-repeat 50%; padding:5px 0px 0px 0px; display:none;} .menuDown .menuDownBot .menuDownBot1 .menuDownBot11:hover .menuDownBot112{ display:block;} .menuDown .menuDownBot .menuDownBot1 .menuDownBot11 .menuDownBot112 div{ width:109px; height:109px; border-radius:9px; display:flex; justify-content:center; align-items:center; overflow:hidden;} .menuDown .menuDownBot a{ font-size:13px; line-height:2em; color:rgba(255,255,255,0.3); padding:5px;} .header1.on .topRight .topMenu{ opacity: 0; pointer-events: none; } .header2.on .topRight .topMenu{ opacity: 0; pointer-events: none; } .header1.on .zongIcon{ opacity: 0; pointer-events: none; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .header2.on .zongIcon{ opacity: 0; pointer-events: none; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .guanbi{position: absolute; right: 4%; top: 49px; z-index: 99999; opacity: 0; pointer-events: none; cursor:pointer;} .guanbi.on{ opacity:1; pointer-events:all;} .yffw{ display:flex;} .yffw .yffwLinkBox{ display:flex; flex-direction:column; width:15.625vw; flex-shrink:0;} .yffw .yffwLinkBox a{ display:flex; font-size:14px; color:#FFFFFF; opacity:0.7; align-items:center; line-height:34px;} .yffw .yffwLinkBox a:hover{ opacity:1;} .yffw .yffwLinkBox a img{ opacity:0;} .yffw .yffwLinkBox a:hover img{ opacity:1;} .yffw .yffwLinkBox a.p1{ font-size:20px; opacity:1; color:#54aef4;} .yffw .yffwLinkBox a.p2{ font-size:16px; opacity:1; margin-top:20px;} .yffw .yffwLinkBox a:hover{ color:#fff;} .yffw .yffwLinkBox a.p2:hover{ color:#54aef4;} .yffw .yffwLinkBox a span:nth-child(1){ display:inline-block; width:30px; text-align:right; padding-right:5px; flex-shrink:0;} .yffw .yffwLinkBox a.p2 span:nth-child(1){ width:0 !important; } .yffw .yffwLinkBox a.p1 span:nth-child(1){ text-align:left;} .yffw .linkBoxLine{ border:rgba(138,180,211,0.3) solid 1px; margin-right:4.53125vw;} .yffw .yffwLinkBox2{ width:13.5vw;} .yffw .yffwLinkBox3{ width:fit-content;} .tzzgx1{ width:fit-content; background:rgba(255,255,255,0.08); padding:3.125vw; display:flex; flex-direction:column; font-size:20px; color:#FFFFFF;/* margin-left:4.2vw;*/} .tzzgx1 .tzzgx11{ display:flex; align-items:center; margin-bottom:10px;} .tzzgx1 .tzzgx11 div{ white-space:pre; margin-right:10px;} .tzzgx1 .tzzgx11 div.small{ font-size:14px;} .tzzgx1 .tzzgx12{ display:flex; align-items:baseline; padding:30px 0;} .tzzgx1 .tzzgx12 div{ margin-right:7px;} .tzzgx1 .tzzgx12 div:nth-child(1){ font-size:67px; color:#fff; line-height:34px;} .tzzgx1 .tzzgx12 div:nth-child(2){ display:flex; align-items:flex-end; flex-direction:column; justify-content:center; width:fit-content;} .tzzgx1 .tzzgx12 div:nth-child(2).up img:nth-child(1){} .tzzgx1 .tzzgx12 div:nth-child(2).up img:nth-child(2){ opacity:0;} .tzzgx1 .tzzgx12 div:nth-child(2).down img:nth-child(1){ opacity:0;} .tzzgx1 .tzzgx12 div:nth-child(2).down img:nth-child(2){} .headerKhzx{ display: flex; } .headerKhzx .khzx1{ font-size: 14px; line-height: 26px; color:#fff; width:345px; } .headerKhzx .khzx11{ font-size: 18px; margin-bottom: 20px; } .xwzx1{ display: flex; } .xwzx1 .xwzxXun{ width:330px; height:395px; margin-left: 30px; position: relative;} .xwzxXun .xwzxXunImg{ width:100%; height:100%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .xwzxXun .xwzxXunImg img{ height:100%; max-width: auto !important; } .xwzxXun .xwzxXunText{ width:100%; height:100%; display: flex; flex-direction: column; color:#fff; padding:45px 30px 40px 30px; position: absolute; left: 0; top: 0;} .xwzxXun .xwzxXunText .xwzxXunText1{ font-size: 16px; } .xwzxXun .xwzxXunText .xwzxXunText2{ font-size: 24px; line-height: 42px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; margin:20px 0 40px 0; } .xwzxXun .xwzxXunText .xwzxXunText3{ display: none; } .xwzxXun .xwzxXunText .xwzxXunText4{ display: flex; align-items: center; position: absolute; left: 30px; bottom: 30px; } .xwzxXun .xwzxXunText .xwzxXunText4 i{ margin-right:10px;} .xwzxXun.on{ width:675px; height:395px; } .xwzxXun.on .xwzxXunText .xwzxXunText2{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow: hidden;} .xwzxXun.on .xwzxXunText .xwzxXunText3{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; font-size: 16px; line-height: 30px;} .xwzxXun.on .xwzxXunText .xwzxXunText4{} .xwzxXun.on .xwzxXunText .xwzxXunText4 i{ color: #256186; } .rlzy{} .rlzyBox{ display:flex; } .rlzyBox .rlzyXun{ width:330px; position: relative; margin-left:30px; } .rlzyBox .rlzyXun .rlzyImg{ width:100%; } .rlzyBox .rlzyXun .rlzyImg:before{ display: block; content:''; padding-top:calc( 100% * ( 425 / 330)); } .rlzyBox .rlzyXun .rlzyImg div{ width: 100%; height:100%; display: flex; justify-content: center; align-items: center; overflow: hidden; position: absolute; top:0; left:0; overflow: hidden; border-radius:10px; } .rlzyBox .rlzyXun .rlzyMb{ width:100%; height:100%; position: absolute; top:0; left:0; background: url(../images/header7.png) repeat-x 50% 100%; } .rlzyBox .rlzyXun .rlzyText{ width:100%; height:fit-content; position: absolute; bottom:0; left:0; padding:0 30px 25px 30px; } .rlzyBox .rlzyXun .rlzyText .rlzyText1{ font-size: 12px; color: #fff; } .rlzyBox .rlzyXun .rlzyText .rlzyText2{ margin:15px 0; } .rlzyBox .rlzyXun .rlzyText .rlzyText3{ font-size: 22px; color: #fff; } .indexBanner{ width:100%; overflow:hidden;} .indexBanner .bannerZhan{ width:100%;} .indexBanner .bannerBox{ width:100%; height:100%; position:absolute; left:0; top:0;} .indexBanner .bannerBox .imgBox{ width:100%; height:100%; z-index:1;} .indexBanner .bannerBox .imgBox li{ width:100%; height:100%; position:absolute; left:0; top:0; display:flex; justify-content:center; align-items:center; overflow:hidden;} .indexBanner .bannerBox .imgBox li:nth-child(1){ z-index:1;} .indexBanner .bannerBox .imgBox li img{ width:100%; object-fit:cover;} .indexBanner .textBox{ height:100%; top:0; left:0; position:absolute; z-index:2; padding-left: 8.3vw; overflow:hidden; width:100%;} .indexBanner .textBox li{ position:absolute; height:100%; display:flex; justify-content:center; flex-direction:column; top:0; color:#FFFFFF; width:210px;} .indexBanner .textBox li p{ transform:translateY(15px); opacity:0; display:inline-block;} .indexBanner .textBox li p.txt1{color:#FFFFFF; font-size:24px; text-transform:uppercase; margin-bottom:15px; white-space:pre; font-family:'RobotoB';} .indexBanner .textBox li p.txt2{font-size:60px; white-space:pre;} .indexBanner .textBox li p.txt3{font-size:20px; margin-bottom:35px; white-space:pre;margin-top: 10px;} .indexBanner .textBox li.on p{ transform:translateY(0px); opacity:1; transition:all ease 1.5s;} .indexBanner .textBox li.on{ z-index:5;} .indexBanner .textBox a{ color:#FFFFFF; display:flex; padding:0 30px; height:50px; border-radius:50px; align-items:center; justify-content:center; font-size:14px; line-height:48px; border:#FFFFFF solid 1px; width:fit-content; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .indexBanner .textBox a i{ margin-right:10px;} .indexBanner .textBox li.on a:hover{ background:#fff; color:#035fa3; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .indexBanner .textBox li:before{ content:""; display:inline-block; width:3224px; background:none; position:absolute; left:-113.2vw; border-radius:0px 1100px 1100px 0px; height:2057px; top: -52%; border-right:1px solid rgba(255,255,255,.2); opacity:0; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; display:none;} .indexBanner .textBox li.on:before{ opacity:1;animation:mymove 6s infinite; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} @keyframes mymove { from { background:rgba(0,0,0,.3);} to {background:rgba(0,0,0,0);} } .indexBanner .indexBox{ height:100%; display:flex; align-items:center; justify-content:center; right:8.7vw; position:absolute; top:0; font-size:15px; color:#FFFFFF; z-index:1;} .indexBanner .indexBox span:nth-child(1){ font-size:38px; font-weight:bolder;} .indexBanner .arrowBox{ height:100%; display:flex; align-items:center; justify-content:center; right:3.125vw; position:absolute; top:0; flex-direction:column; z-index:3;} .indexBanner .arrowBox img{ margin:10px 0; cursor:pointer;} .indexBanner .banner_bn{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; display:flex; align-items:center; background:url(../images/banner_bn.png) no-repeat 50%/cover;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; opacity:0;} .indexBanner .imgBox li.on .banner_bn{ opacity:.3;animation:mymove2 6s infinite; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} @keyframes mymove2 { from { opacity:.3;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} to { opacity:0;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} } .indexBanner .priontBox{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; background:url(../images/banner_bg.png) no-repeat 50%/cover;} .indexBanner .priontBox li{ width:7px; height:7px; position:absolute;} .indexBanner .priontBox li div{ width:7px; height:7px; border-radius:7px; background:#FFFFFF;} .indexBanner .priontBox li canvas{ width:60px; height:60px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .indexBanner .priontBox li svg{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .indexBanner .priontBox li svg .jdt2{ transform: rotate(-90deg); transform-origin:32px; } .indexBanner .priontBox li svg .jdts2{ animation: jtd2 infinite 5s linear; } @keyframes jtd2{ 0%{ stroke-dasharray:0 190; stroke-dashoffset: 0;} 100%{ stroke-dasharray:190 0; stroke-dashoffset: 0;} } .indexBanner .priontBox li:nth-child(1){ top:50%; left:calc( 100% * ( 1212 / 1920)); transform:translateY(-100px);} .indexBanner .priontBox li:nth-child(2){ top:50%; left:calc( 100% * ( 1217 / 1920));} .indexBanner .priontBox li:nth-child(3){ top:50%; left:calc( 100% * ( 1212 / 1920)); transform:translateY(100px);} .videoIcon{ position: absolute; left:4.9vw; bottom:5vw; display: flex; align-items: center;z-index: 9999; cursor:pointer;} .videoIcon .videoIcon1{ position: relative; display: flex; align-items: center; justify-content: center;} .videoIcon .videoIcon1 .videoIcon11{ position: absolute; left: 0; top: 0; animation: xunzhuan infinite 5s linear;} @keyframes xunzhuan{ 0%{ transform: rotate(0deg); } 100%{transform: rotate(360deg);} } .videoIcon .videoIcon2{ display: flex; flex-direction: column; color:#fff; padding-left: 10px; text-transform: uppercase; } .videoIcon .videoIcon2 .videoIcon21{ font-size: 16px; } .videoIcon .videoIcon2 .videoIcon22{ font-size: 14px; } .indexBanner .linkBox{ display: flex; align-items: center; position: absolute; right: 3.125vw; bottom:3.125vw; z-index:3;} .indexBanner .linkBox .linkBoxXun{ border:rgba(191,191,200,.39) solid 1px; border-radius: 5px; width:200px; padding:15px 22px 22px 22px; color:#fff; margin-left:15px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .indexBanner .linkBox .linkBoxXun:hover{ background:rgba(191,191,200,.39);} .indexBanner .linkBox .linkBoxXun .linkBoxXun1{ font-size: 14px; line-height: 2em; } .indexBanner .linkBox .linkBoxXun .linkBoxXun2{ font-size: 18px; line-height: 2em; margin-bottom: 15px; } .indexBanner .linkBox .linkBoxXun .linkBoxXun3{ font-size: 14px; color:#fff; display: inline-block;} .indexBanner .linkBox .linkBoxXun .linkBoxXun3 i{ margin-right:10px; } .index1{ width:100%; background: url(../images/index3.jpg) no-repeat 50%/cover; padding-left: 8.3vw; padding-top: 65px; overflow: hidden; padding-bottom: 77px; position:relative;} .index1:before{ content:""; display:inline-block; width:65px; height:742px; top:70px; left:0; position:absolute; background: url(../images/wn17.png) no-repeat 50% 50%;} .index1 .index11{ font-size: 18px; color: #035fa3; text-transform: uppercase; font-family:'RobotoB';} .index1 .index12{ margin:8px 0; } .index1 .index13{ font-size: 44px; color: #222222; font-weight: bolder; } .index1 .index14{ font-size: 44px; color: #222222; line-height: 2em;} .index1 .index15{ font-size: 16px; color: #555555; line-height: 2em; margin-bottom: 35px; max-width: 700px; } .index1 .index16{ display: flex; width:fit-content; align-items: center; font-size: 14px; color: #666666; height:52px; border:#c6c7c8 solid 1px; border-radius:50px; line-height:50px; padding:0 30px; margin-bottom:65px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; max-width:195px;} .index1 .index16 i{ color: #035fa3; margin-right: 10px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .index1 .index16:hover{ color:#fff; background:#035fa3; border:1px solid #035fa3; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .index1 .index16:hover i{ color:#fff; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .indexNews{ position: relative;} .indexNews .indexNewsArrow{ height: 0px; display: flex; justify-content: space-between; align-items: center; position: absolute; top:50%; width: 92%; z-index: 9; } .indexNews .indexNewsArrow .indexNewsLeft{ width: 55px; margin-left: -27px; cursor:pointer;} .indexNews .indexNewsArrow .indexNewsRight{ width: 55px; cursor:pointer;} .indexNews .indexNewsBox{ width: 100%; margin-bottom:0px;} .indexNews .indexNewsBox .slick-track{ display:flex; align-items:center;} .indexNews .indexNewsBox .inbXun{ height:330px; display:flex; align-items:center;} .indexNews .indexNewsBox .inbXun .inbXun_a{ position: relative; background:#fff; padding:50px; padding-right:88px; border-right:1px solid #ebebeb; position:relative; overflow:hidden; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; display:inline-block; width:100%; box-shadow:0px 11px 27px rgba(225,225,225,.14);} .indexNews .indexNewsBox .inbXun .inbXun_a:before{ content:""; display:inline-block; width:100%; height:100%; background: url(../images/index4.jpg) no-repeat 50%/cover; position:absolute; left:0; top:0px; opacity:0; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .indexNews .indexNewsBox .inbXun .inbXun_a .inbXuntime{ font-size:14px; color:#035fa3; margin-bottom:18px; z-index:1; position:relative; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .indexNews .indexNewsBox .inbXun .inbXun_a .inbXuntime span{ margin-left:17px;} .indexNews .indexNewsBox .inbXun .inbXun_a .inbXunTitle{ font-size:20px; color:#333333; line-height:30px; font-weight:bolder;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; z-index:1; position:relative; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .indexNews .indexNewsBox .inbXun .inbXun_a .inbXunTxt{ font-size:14px; color:#666666; line-height:24px; height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top:15px; margin-bottom:40px; z-index:1; position:relative; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .indexNews .indexNewsBox .inbXun .inbXun_a .inbXunMore{ display:flex; align-items:center; font-size:14px; color:#666666; z-index:1; position:relative; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .indexNews .indexNewsBox .inbXun .inbXun_a .inbXunMore span{ margin-right:5px; display:flex; width:17px; height:11px; background: url(../images/wn14.png) no-repeat 50%/cover; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .indexNews .indexNewsBox .inbXun .inbXun_a:hover{ padding:68px 50px; border-radius:5px; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; padding-right:88px;} .indexNews .indexNewsBox .inbXun .inbXun_a:hover:before{ opacity:1; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .indexNews .indexNewsBox .inbXun .inbXun_a:hover .inbXuntime{ color:#54aef4; transition: all 0.5s ease 0s; -webkit-transform: all 0.3s ease 0s;} .indexNews .indexNewsBox .inbXun .inbXun_a:hover .inbXunTitle{ color:#fff; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .indexNews .indexNewsBox .inbXun .inbXun_a:hover .inbXunTxt{ color:rgba(255,255,255,.8); transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .indexNews .indexNewsBox .inbXun .inbXun_a:hover .inbXunMore{ color:#fff; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .indexNews .indexNewsBox .inbXun .inbXun_a:hover .inbXunMore span{ width:31px; background: url(../images/wn14_on.png) no-repeat 50%/cover; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .indexNews .indexNewsBox .inbXun:hover .inbXunNei .inbXunText{ border-right:transparent solid 1px; background: transparent; top: 0; padding-top: 50px; height: 100%; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .indexNews .indexNewsBox .inbXun:hover .inbXunNei .inbXunText .inbXunDeta{ color: #fff; margin-bottom: 15px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .indexNews .indexNewsBox .inbXun:hover .inbXunNei .inbXunText .inbXunTitle{ color: #fff; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .indexNews .indexNewsBox .inbXun:hover .inbXunNei .inbXunText .inbXunSmall{ color: #fff; margin-bottom: 60px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .indexNews .indexNewsBox .inbXun:hover .inbXunNei .inbXunText .inbXunMore i{ color: #fff; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .indexNews .indexNewsBox .inbXun:hover .inbXunNei .inbXunText .inbXunMore span{ color: #fff; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .index2{ width: 100%; height: 919px; position: relative; } .index2Left{ position: absolute; width: 50%; height:100%; right: 50%; top:0; max-width:700px; } .index2Left .yffwIndexXun{ display: flex; align-items: center; position: absolute; width: 0; height: 0; cursor:pointer;} .index2Left .yffwIndexXun:nth-child(1){ left:calc( 100% * ( 547 / 700)); top:calc( 100% * ( 327 / 919)); } .index2Left .yffwIndexXun:nth-child(2){ left:calc( 100% * ( 560 / 700)); top:calc( 100% * ( 465 / 919));} .index2Left .yffwIndexXun:nth-child(3){ left:calc( 100% * ( 545 / 700)); top:calc( 100% * ( 604 / 919));} .index2Left .yffwIndexXun .yixDots{ width: 0; top: 4px; position: absolute; left:0; } .index2Left .yffwIndexXun .yixDots .yixDots1{ width:8px; height:8px; border-radius:8px; background: #fff; margin:-4px 30px 0 -4px; } .index2Left .yffwIndexXun .yixDots .jdt{ width: 54px; position: absolute; height: 54px; left: -27px; top: -27px; transform: rotate(-90deg); transform-origin:27px; opacity:0; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .index2Left .yffwIndexXun.on .yixDots .jdt{ opacity:1; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .index2Left .yffwIndexXun.on .yixDots .jdt3{ animation: jdt3 infinite 5s linear; } @keyframes jdt3{ 0%{ stroke-dasharray:0 190; stroke-dashoffset: 0;} 100%{ stroke-dasharray:190 0; stroke-dashoffset: 0;} } .index2Left .yffwIndexXun .yixTitle{ font-size: 20px; color: #fff; position: absolute; left:15px; top: -10px; white-space: pre; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .index2Left .yffwIndexXun.on .yixTitle{ left: 40px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .index2Right{ width:50%; display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%; margin-left:50%; } .index2Right .index2Right1{ margin-bottom: 15px; } .index2Right .irBox{ display: none; flex-direction: column; } .index2Right .irBox.on{ display: flex; } .index2Right .irBox .irBox1{ font-size: 44px; color: #fff; font-weight: bolder; } .index2Right .irBox .irBox2{ font-size: 44px; color: #fff; } .index2Right .irBox .irBox3{ font-size: 16px; color: #fff;} .index2Right .irBox .irBox4{ width: 540px; background: #fff; border-radius: 10px; padding:45px; position: relative; margin:45px 0 50px 0; transform: translate(0px, 50px); transition: all ease 1.3s; opacity: 0.5;} .index2Right .irBox.on .irBox4{ transform: translate(0px, 0px); opacity: 1;} .index2Right .irBox .irBox4 .irBoxTitle{ font-size: 30px; color: #414141; } .index2Right .irBox .irBox4 .irBoxLink{ display: flex; flex-direction: column; height: 145px; flex-wrap: wrap; } .index2Right .irBox .irBox4 .irBoxLink a{ font-size: 16px; color: #666666; line-height: 36px; width: 150px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .index2Right .irBox .irBox4 .irBoxLink a:hover{ color:#035fa3; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .index2Right .irBox .irBox4 .irBoxImg{ position: absolute; right:45px; top: 45px; } .index2Right .irBox .irBoxMore{ height: 54px; line-height: 52px; border:#fff solid 1px; border-radius:50px; display: flex; align-items: center; font-size: 14px; color: #fff; width:fit-content; transform: translate(0px, 50px); transition: all ease 1.3s; opacity: 0.5; max-width:195px; justify-content:center; padding:0px 20px;} .index2Right .irBox .irBoxMore i{ margin-right: 10px; color: #fff; } .index2Right .irBox.on .irBoxMore{ transform: translate(0px, 0px); opacity: 1;} .index2Bottom{ width:100%; position:absolute; bottom:80px; display:flex; justify-content:center; align-items:center; display:none;} .index2Bottom div{ width:15px; height:15px; border-radius:15px; background:#FFFFFF; margin:0 10px; opacity:0.5;} .index2Bottom div.on{ opacity:1; box-shadow:rgba(0,0,0,0.13) 0 0 10px;} .index3{ width: 100%; display: flex; flex-direction: column; padding:60px 8.3vw; } .index3 .index31{ margin-bottom: 10px;} .index3 .index32{ font-size: 44px; color: #222222; margin-bottom: 10px;} .index3 .index33{ font-size: 16px; color: #666666; } .index4{ width: 100%; max-width:93.75vw; margin: 0 auto 60px auto; position: relative; } .index4 .index4Img{ width: 100%; } .index4 .index4Img img{ width:100%;} .index4 .index4Img li{ display: none; } .index4 .index4Img li.on{ display: block; } .index4 .index4Text{ width: 50%; height: 100%; position: absolute; left: 0; top: 0; } .index4 .index4Text li{ color: #fff; padding-left: 100px; height: 100%; display: flex; flex-direction: column; justify-content: center; display: none; } .index4 .index4Text li.on{ display: flex; } .index4 .index4Text li .index4Text1{ font-size: 38px; } .index4 .index4Text li .index4Text2{ font-size: 16px; margin:10px 0 30px 0;} .index4 .index4Text li .index4Text3{ height: 54px; line-height: 52px; border:#fff solid 1px; border-radius:50px; display: flex; align-items: center; font-size: 14px; color: #fff; width:fit-content; max-width:195px; justify-content:center; padding:0px 20px;} .index4 .index4Text li .index4Text3 i{ margin-right: 10px; color: #fff; } .index4 .index4Dots{ width:50%; height: 100%; position: absolute; right: 0; top: 0; background:url(../images/index17.png) no-repeat 100% 50%/cover; padding-right: 120px; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; } .index4 .index4Dots li{ height: 80px; display: flex; align-items: center; font-size: 16px; color:#fff; } .index4 .index4Dots li:nth-child(2){ margin-right:-10px; } .index4 .index4Dots li .dotsTitle{ font-size: 16px; margin-right: 10px; cursor:pointer; color:#fff;} .index4 .index4Dots li.on .dotsTitle{ margin-right:25px; } .index4 .index4Dots li .dotsIcon{ position: relative; height: 7px; width: 7px; } .index4 .index4Dots li .dotsIcon .dotsIcon1{ height: 7px; width: 7px; border-radius: 7px; background: #fff; position: absolute;} .index4 .index4Dots li .dotsIcon .jdt{ position: absolute; left: -16px; top: -16px; transform: rotate(-90deg); transform-origin:20px; display: none; } .index4 .index4Dots li.on .dotsIcon .jdt{ display: block; } .index4 .index4Dots li.on .dotsIcon .jdt4{ animation: jdt4 infinite 5s linear; } @keyframes jdt4{ 0%{ stroke-dasharray:0 190; stroke-dashoffset: 0;} 100%{ stroke-dasharray:190 0; stroke-dashoffset: 0;} } .footer{ width: 100%; background: #2a2a2a; } .footer .footer1{ width:100%; padding:50px 3.125vw; display: flex; align-items:center;} .footer .footer1 .footerLogo{} .footer .footer1 .footerGp{ display: flex; align-items: center; } .footer .footer1 .footerGp .footerGp1{ width: 80px; height: 44px; background: #3e3e3e; display: flex; flex-direction: column; justify-content: center; align-items:center; font-size: 12px; line-height: 15px; color:rgba(255,255,255,.5); border-radius:3px; margin:0 10px 0 25px; } .footer .footer1 .footerGp .footerGp2{ display: flex; flex-direction: column; } .footer .footer1 .footerGp .footerGp2 .footerGp21{ font-size: 16px; color:rgba(255,255,255,.5); display: flex; } .footer .footer1 .footerGp .footerGp2 .footerGp21 .footerGp211{ margin-right:10px; } .footer .footer1 .footerGp .footerGp2 .footerGp21 .footerGp212{ display: flex; flex-direction: column; align-items: center; justify-content: flex-end; } .footer .footer1 .footerGp .footerGp2 .footerGp21 .footerGp212 img{ opacity:0; } .footer .footer1 .footerGp .footerGp2 .footerGp21 .footerGp212.up img:nth-child(1){ opacity:1; } .footer .footer1 .footerGp .footerGp2 .footerGp21 .footerGp212.up img:nth-child(2){ } .footer .footer1 .footerGp .footerGp2 .footerGp21 .footerGp212.down img:nth-child(1){} .footer .footer1 .footerGp .footerGp2 .footerGp21 .footerGp212.down img:nth-child(2){ opacity:1; } .footer .footer1 .footerGp .footerGp2 .footerGp22{ font-size: 12px; color:rgba(255,255,255,.5); line-height: 2em; } .footer .footer2{width:100%; padding:0px 3.125vw 50px 3.125vw; display: flex; justify-content: space-between; font-size: 13px; line-height: 26px; color:rgba(255,255,255,0.5);} .footer .footer2 .menuDownBot{ font-size:13px; line-height:2em; color:rgba(255,255,255,0.3); display:flex; flex-direction:column; align-items:flex-end; margin-right: 100px;} .footer .footer2 .menuDownBot .menuDownBot1{ display:flex; align-items:center; width:fit-content; margin-bottom:10px;} .footer .footer2 .menuDownBot .menuDownBot1 .menuDownBot11{ margin:0 10px; width:45px; height:45px; position:relative; cursor:pointer;} .footer .footer2 .menuDownBot .menuDownBot1 .menuDownBot11 .menuDownBot111{ width:45px; height:45px; opacity:0.8;} .footer .footer2 .menuDownBot .menuDownBot1 .menuDownBot11:hover .menuDownBot111{ opacity:1;} .footer .footer2 .menuDownBot .menuDownBot1 .menuDownBot11 .menuDownBot112{ width:109px; height:114px; position:absolute; left:50%; transform:translateX(-50%); background:url(../images/bot4.png) no-repeat 50%; padding:5px 0px 0px 0px; display:none;} .footer .footer2 .menuDownBot .menuDownBot1 .menuDownBot11:hover .menuDownBot112{ display:block;} .footer .footer2 .menuDownBot .menuDownBot1 .menuDownBot11 .menuDownBot112 div{ width:109px; height:109px; border-radius:9px; display:flex; justify-content:center; align-items:center; overflow:hidden;} .footer .footer2 .menuDownBot .menuDownBot1 .menuDownBot11 .menuDownBot112 div a{ margin-left:0px; display:inline-block; padding:5px;} .footer .footer2 .menuDownBot a{ font-size:13px; line-height:2em; color:rgba(255,255,255,0.3); margin-left:10px;} .footer3{ width: 100%; padding:16px 3.125vw; background: #252525; display: flex; align-items:center; flex-wrap: wrap; color:#fff;} .footer3 a{ line-height: 30px; margin:0 2px; padding:0 13px; font-size: 13px; text-align:center; color: rgba(255,255,255,.5); background: #292929; border:#2e2e2e solid 1px; border-radius:3px; } .footer3 a:hover{ background: #353535; border:#5c5c5c solid 1px; color: rgba(255,255,255,.8) } .links{ width: 100%; padding:16px 3.125vw; background: #252525; display: flex; align-items:center; flex-wrap: wrap; font-size:13px; color: rgba(255,255,255,.5); display:flex; align-items:center; padding-top:0px;} .links a{ margin:0 2px; padding:0 13px; font-size: 13px; text-align:center; color: rgba(255,255,255,.5);} .links a:hover{ color: rgba(255,255,255,.8) } .neiBnaner{ width: 100%; position:relative; } .neiBnaner .neiBnanerImg{ width:100%; } .neiBnaner .neiBnanerImg img{ width:100%;} .neiBnaner .neiBnanerText{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; justify-content: space-between; max-width: 1400px; width: 90%; } .neiBnaner .neiBnanerText .pageName{ display: flex; flex-direction: column; } .neiBnaner .neiBnanerText .pageName .pageName1{ font-size: 48px; color: #fff; font-weight: bolder; text-transform:capitalize;} .neiBnaner .neiBnanerText .pageName .pageName2{ font-size: 33px; color: #fff; margin-bottom:20px;} .neiBnaner .neiBnanerText .pageName .pageName3{ width: 76px; height: 4px; background: #fff; } .neiBnaner .neiBnanerText .pageName .pageName4{ font-size:18px; line-height: 33px; color:#fff; margin-top: 45px; max-width: 55%; } .neiBnaner .neiBnanerText .aboutBanner{ display: flex; flex-wrap: wrap; max-width: 830px; } .neiBnaner .neiBnanerText .aboutBanner .aboutBannerXun{ width:calc( 100% * ( 1 / 3)); display: flex; margin-bottom: 50px;} .neiBnaner .neiBnanerText .aboutBanner .aboutBannerXun .abxLeft{ width:70px; } .neiBnaner .neiBnanerText .aboutBanner .aboutBannerXun .abxRight{ padding-right:25px; display: flex; flex-direction: column; color: #fff; } .neiBnaner .neiBnanerText .aboutBanner .aboutBannerXun .abxRight .abxTop{ display: flex;} .neiBnaner .neiBnanerText .aboutBanner .aboutBannerXun .abxRight .abxTop span{ font-size: 42px; } .neiBnaner .neiBnanerText .aboutBanner .aboutBannerXun .abxRight .abxTop sup{ font-size: 13px; } .neiBnaner .neiBnanerText .aboutBanner .aboutBannerXun .abxRight .abxTop sub{ font-size: 14px; white-space: pre; margin-top: 20px; } .neiBnaner .neiBnanerText .aboutBanner .aboutBannerXun .abxRight .abxBot{ font-size: 12px; line-height: 3em; white-space: pre; } /*数字滚动插件的CSS可调整样式*/ .mt-number-animate{ line-height:42px; height: 40px; font-size: 42px; overflow: hidden; display: inline-block; position: relative; } .mt-number-animate .mt-number-animate-dot{ width: 25px; line-height: 42px; float: left; text-align: center;} .mt-number-animate .mt-number-animate-dom{ width: 25px;text-align: center; float: left; position: relative; top: 0;} .mt-number-animate .mt-number-animate-dom .mt-number-animate-span{ width: 100%; float: left;} .pageNav{ width: 100%; height: 0; position: relative;} .pageNav .pageNavBox{ width: 100%; overflow: hidden; overflow-x: auto; display: flex; height:56px; position: absolute; bottom:0; background: rgba(0,0,0,0.7); } .pageNav .pageNavBox a{ text-align: center; line-height: 56px; font-size: 18px; color: #fff; padding:0 35px; flex: 1; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .pageNav .pageNavBox a:hover{ background: url(../images/about22.jpg) no-repeat 50% /100% 100%; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .pageNav .pageNavBox a.on{ background: #136098; } .pageNav2{ width: 94%; margin:25px auto; display: flex; align-items: center; max-width: 1400px; margin-bottom:50px;} .pageNav2 a{ color: #b5b5b5; font-size: 16px; margin-right: 10px; display:flex; align-items:center;} .pageNav2 a:nth-child(1):before{ content:""; display:inline-block; width:16px; height:16px; background: url(../images/wn16.png) no-repeat 50%; margin-right:6px; position:relative; top:2px;} .pageNav2 span{ color: #b5b5b5; font-size: 16px; margin-right: 10px; } .pageNav2 a.on{ color: #222222; } .pageNav2 a:nth-child(1) i{ display:none;} {} .about1{ width: 94%; margin:20px auto 65px auto; max-width: 1400px; } .about1 .about11{ font-size: 32px; color: #222222; } .about1 .about12{ font-size: 18px; color: #d9d9d9; margin-bottom: 20px; text-transform: uppercase; font-weight: bolder; line-height: 2em;font-family:'RobotoB';} .about1 .about13{ font-size: 18px; color: #666666; line-height: 32px; text-align: justify;} .about1 .about13 p:first-child{ margin-bottom:10px;} .about2{ width: 100%; height:540px; position: relative; overflow: hidden;} .about2 .about2Arrow{ height:0; top: 50%; left: 50%;transform: translateX(-50%); max-width: 1500px; position: absolute; z-index: 9; width: 100%; display: flex; justify-content: space-between;} .about2 .about2Arrow .about2ArrowLeft{ width:96px; height: 51px; background: url(../images/aboutleft.png) no-repeat 50%;cursor:pointer;} .about2 .about2Arrow .about2ArrowLeft:hover{ background: url(../images/aboutleft2.png) no-repeat 50%; } .about2 .about2Arrow .about2ArrowRight{ width:96px; height: 51px; background: url(../images/aboutright.png) no-repeat 50%; cursor:pointer;} .about2 .about2Arrow .about2ArrowRight:hover{ background: url(../images/aboutright2.png) no-repeat 50%; } .about2Img li{ padding:0 25px; } .about3{ margin-bottom: 175px; width:94%; max-width: 1400px; position: relative; height: 0; margin:0 auto 175px auto;} .about3 .about3Xun{ width: 420px; background: #fff; box-shadow: rgba(15,88,142,.15) 0 0 15px; border-radius: 10px; padding:35px; position: absolute; left: 95px; bottom:-200px; opacity: 0;} .about3 .about3Xun .about3Line{ position: absolute; left:-54px; top:60px; transition: all ease 1.5s;} .about3 .about3Xun .about3Title{ font-size: 22px; color: #222222; margin:15px 0 35px 0; padding-left: 5px; } .about3 .about3Xun .about3Mess{ padding-bottom: 100px;} .about3 .about3Xun .about3Mess p{display: flex; align-items: center; margin-bottom: 15px;} .about3 .about3Xun .about3Mess p:last-child{ margin-bottom: 0;} .about3 .about3Xun .about3Mess img{ margin-right:12px; } .about3 .about3Xun .about3Mess span{ font-size: 18px; line-height: 30px; color: #666666;} .about3 .about3Xun .about3Bot{ display: flex; align-items: baseline; font-family:"BEBAS"; } .about3 .about3Xun .about3Bot span:nth-child(1){ font-size: 20px; color: #333333; } .about3 .about3Xun .about3Bot span:nth-child(2){ font-size: 14px; color: #999; } .about3 .about3Xun.on{ bottom:-100px; opacity: 1; transition: all ease 1.2s;} .about3 .about3Xun.on .about3Line{ left: -27px;} .about4{ display: flex; flex-wrap: wrap; } .about4 li{ width:calc( 100% * ( 395 / 1400 )); margin-right: 105px; border-bottom:#E4e4e4 solid 1px; margin-bottom: 15px; line-height: 70px; color: #666666; padding-left: 22px; background: url(../images/about24.png) no-repeat 0 50%; font-size: 18px; } .about4 li:nth-child(3n){ margin-right:0; } .about4 li:hover{ color: #156aa9; background: url(../images/about25.png) no-repeat 0 50%; } .about5{ padding-top:60px; padding-bottom: 40px; } .about6{ width:100%; padding:60px 0; background: #f0f4f7; } .about6 .about61{ width:94%; max-width: 1400px; margin:0 auto; display: flex; flex-direction: column; margin-bottom: 45px; } .about6 .about61 .about611{ font-size: 18px; color: #d9d9d9; text-transform: uppercase; font-weight: bolder; font-family:'RobotoB';} .about6 .about61 .about612{ font-size: 32px; color:#222222; line-height: 50px; } .about6 .about61 .about613{ font-size: 16px; color:#666666; line-height: 40px; } .aboutForm{ width:94%; max-width: 1400px; display: flex; flex-wrap: wrap; margin:0 auto; } .aboutForm input{ background: transparent; } .aboutForm .fromBox1{ width:calc( 100% * ( 1 / 3 ) - ( 22px * 2 / 3)); padding:0 20px; border:#dcdcdc solid 1px; border-radius:5px; margin-bottom: 22px; margin-right: 22px; } .aboutForm .fromBox1:nth-child(3n){ margin-right:0; } .aboutForm .fromBox1 input{ width: 100%; height:54px; line-height: 54px; font-size: 16px; color:#666666;} .aboutForm .fromBox2{ width: 100%; border:#dcdcdc solid 1px; border-radius:5px; padding:15px 20px; margin-bottom: 35px; } .aboutForm .fromBox2 textarea{ width: 100%; height: 235px; font-size: 16px; color:#666666; background: transparent; resize:none; font-family:"思源黑体"; } .aboutForm .fromBox3{ width: 100%; } .aboutForm .fromBox3 input{ width:calc( 100% * ( 1 / 3)); border:#156aa9 solid 1px; color:#156aa9; font-size: 16px; line-height: 55px; border-radius: 5px; cursor: pointer; } {} .team{ width:100%; max-width: 1424px; display: flex; flex-wrap: wrap; margin:0 auto 90px auto; } .team .teamXun{ width:calc( 25% - 24px); margin:0 12px 30px 12px; cursor: pointer;} .team .teamXun .teamTop{ width:100%; position: relative; background: #d0e1ee; overflow: hidden; } .team .teamXun .teamTop:before{ content:''; display: block; padding-top: calc( 100% * ( 340 / 333)); } .team .teamXun .teamTop .teamTopBg{ width: 100%; height:100%; position: absolute; top: 0; left:0; z-index: 1; transform: translate(10px, 10px); opacity: 0; } .team .teamXun .teamTop .teamTopImg{ width: 100%; height:100%; position: absolute; top: 0; left:0; text-align: center; z-index: 2; display:flex; align-items:flex-end; justify-content:center;} .team .teamXun .teambot{ width: 100%; display: flex; flex-direction: column; padding:25px 20px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .team .teamXun .teambot .teambot1{ font-size: 20px; color:#222222; line-height: 30px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .team .teamXun .teambot .teambot1 span:last-child{ margin-left:10px;} .team .teamXun .teambot .teambot2{ font-size: 14px; color:#666666; line-height: 30px; margin-bottom: 5px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .team .teamXun .teambot .teambot3{ font-size: 14px; color:#ffffff; line-height: 30px; display: flex; align-items: center;} .team .teamXun .teambot .teambot3 span{} .team .teamXun .teambot .teambot3 i{ margin-left: 10px; } .team .teamXun:hover .teambot{ background: #156aa9;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .team .teamXun:hover .teambot .teambot1{ color:#fff; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .team .teamXun:hover .teambot .teambot2{ color:#fff; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .team .teamXun:hover .teamTop .teamTopBg{ transform: translate(0px, 0px); opacity: 1; transition: ease 0.5s all;} .tc{ width: 100vw; height:100vh; display: flex; justify-content: center; align-items: center; background: rgba(0,0,0,.5); position: fixed; top: 0; left: 0; z-index: 999999; display: none; } .tcBox{} .tcBox#teamTcBox{ width: 90%; max-width: 910px; background: #fff; max-height: 700px; position: relative; display: flex; flex-direction: column; padding:45px 0 35px 55px; transition: ease 1.5s all; transform: translate(0px, -20px); opacity: .7; } .tcBox#teamTcBox.on{ transform: translate(0px, 0px); opacity: 1; } #teamColseTc{ position: absolute; right:-70px; top:0; cursor:pointer;} .teamContent{ width: 100%; } .tcBox#teamTcBox .teamTcBoxTop{ width: 100%; display: flex; margin-bottom: 35px; align-items:flex-start;} .tcBox#teamTcBox .teamTcBoxTop .teamTcBoxTopImg{ width: 220px; height:224px; margin-right:50px; flex-shrink: 0; background: #d0e1ee; } .tcBox#teamTcBox .teamTcBoxTop .teamTcBoxTopText{ display: flex; flex-direction: column; justify-content: center; width: 100%; padding-top:15px;} .tcBox#teamTcBox .teamTcBoxTop .teamTcBoxTopText .teamTcBoxToptitle{ color:#efefef; font-size:50px; font-family:"ROBOTO-MEDIUM"; margin-bottom:20px;} .tcBox#teamTcBox .teamTcBoxTop .teamTcBoxTopText .teamTcBoxTopName{ font-size: 22px; color:#156aa9; font-weight: bolder; margin-bottom: 10px; } .tcBox#teamTcBox .teamTcBoxTop .teamTcBoxTopText .teamTcBoxTopXw{ font-size: 16px; color:#666666; } .tcBox#teamTcBox .teamContent{ font-size: 16px; color:#666666; line-height: 29px; text-align: justify; } .tcBox#teamTcBox .teamTcBoxSelect{ width:100%; align-items: center; display: flex; } .tcBox#teamTcBox .teamTcBoxSelect .ttbs{ width: 46px; height:43px;} .tcBox#teamTcBox .teamTcBoxSelect .ttbs.teamTcBoxNext{ margin-left:13px;} .tcBox#teamTcBox .teamTcBoxSelect .ttbs img:nth-child(1){ display: block; cursor:pointer;} .tcBox#teamTcBox .teamTcBoxSelect .ttbs img:nth-child(2){ display: none; cursor:pointer;} .tcBox#teamTcBox .teamTcBoxSelect .ttbs:hover img:nth-child(1){ display: none; } .tcBox#teamTcBox .teamTcBoxSelect .ttbs:hover img:nth-child(2){ display: block; } .tcBoxT{ max-height: 510px; overflow: hidden; overflow-y: auto; padding-right:80px; margin-bottom: 45px;} /* 设置滚动条的样式 */ .tcBoxT::-webkit-scrollbar { width:4px; } /* 滚动槽 */ .tcBoxT::-webkit-scrollbar-track { border-radius:10px; background: #fff;} /* 滚动条滑块 */ .tcBoxT::-webkit-scrollbar-thumb {border-radius:10px; background:#156aa9; } .tcBoxT::-webkit-scrollbar-thumb:window-inactive { opacity: 0.9; } {} .honor{ width:100%; margin:0 auto 45px auto; display: flex; flex-wrap:wrap; max-width: 1420px; } .honor .honorXun{ width:calc( 25% - 20px); margin:0 10px 20px 10px; position: relative; background: #fff; padding:16px; padding-bottom:0px;} .honor .honorXun .honorXunMask{ width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: 0; left: 0; top: 0; z-index: 2; position: absolute; left:0; top:0; pointer-events: none; padding-top: 35%; text-align: center; display:none;} .honor .honorXun:hover .honorXunMask{ opacity: 1; transition: all 0.3s ease; } .honor .honorXun .honorXunBox{ width: 100%; display: flex; flex-direction: column; } .honor .honorXun .honorXunBox .honorXunImg{ border-bottom: #e5e9ed solid 1px; height: 234px; display: flex; justify-content: center; align-items: center; padding:10px; } .honor .honorXun .honorXunBox .honorXunImg img{ -webkit-transform: scale(1); max-height:195px; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .honor .honorXun:hover .honorXunBox .honorXunImg img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); filter: scale(1.1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .honor .honorXun .honorXunBox .honorXunTitle{ font-size: 16px; color:#222222; line-height: 66px; text-align: center; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .fenye{ width: 100%; display: flex; justify-content: center; align-items: center;} .fenye { display: flex; align-items: center; margin-right:50px;} .fenye .prev a{ color:#666666; font-size: 14px; } .fenye .prev i{ margin-left:10px; color:#156aa9; } .fenye .num{ display: flex; align-items: center; } .fenye .num a{ width:58px; height:58px; text-align: center; line-height: 58px; display:inline-block; font-size: 16px; color:#222222; background: #fff; margin:0 10px; border-radius:60px; } .fenye .num a.on{ background:#156aa9; color:#fff; box-shadow: rgba(21,106,169,0.3) 0 0 10px; } .fenye .num a:hover{ background:#156aa9; color:#fff; box-shadow: rgba(21,106,169,0.3) 0 0 10px; } .fenye .num.on a{ background:#156aa9; color:#fff; box-shadow: rgba(21,106,169,0.3) 0 0 10px; } .fenye .num:hover a{ background:#156aa9; color:#fff; box-shadow: rgba(21,106,169,0.3) 0 0 10px; } .fenye .next{ display: flex; align-items: center; margin-left:50px; } .fenye .next a{ color:#666666; font-size: 14px; } .fenye .next i{ margin-left:10px; color:#156aa9; } #honorTc .tcBox{ max-width: 90%; max-height:90%; background: #fff; padding:35px; border-radius: 10px; position: relative; } #honorTc .tcBox .honorArrow{ width:calc( 100% + 140px); height: 0; display: flex; justify-content: space-between; align-items: center; top:50%; position: absolute; left:-70px; z-index: 9; } #honorTc .tcBox .honorArrow div{ width:40px; height:40px; border-radius:40px; text-align: center; line-height: 40px; background: #fff; box-shadow: rgba(0,0,0,0.3) 0 0 10px; } #honorTc .tcBox .colseTc{ width:20px; height:20px; border-radius:40px; text-align: center; line-height: 20px; background: #fff; box-shadow: rgba(0,0,0,0.3) 0 0 10px; top:-10px; right:-10px; position: absolute; } #honorTc .tcBox .honorArrow div i{ font-size: 16px; line-height: 40px; } #honorTc .tcBox .honorTcImg1{ width:fit-content; } #honorTc .tcBox .honorTcImg2{ width:100%; text-align: center; font-size: 14px; line-height: 3em; } #honorTc .tcBox .honorTcImg1 img{ max-height:600px;} {} .culture{ width: 94%; max-width: 1400px; margin:0 auto 100px auto; display: flex; justify-content: space-between; } .culture .cultureLeft{ display: table; width:49%; max-width: 650px; } .culture .cultureLeft .row{ display: table-row; } .culture .cultureLeft .row .columnLeft{ display: table-cell; width:65px; } .culture .cultureLeft .row .columnright{ display: table-cell; } .culture .cultureLeft .row.top .columnLeft{ padding-top:45px; } .culture .cultureLeft .row.top .columnright{ padding-top:45px; font-size: 20px; color: #222222; } .culture .cultureLeft .row.bot .columnLeft{ padding-bottom:30px;} .culture .cultureLeft .row.bot .columnright{ padding-bottom:30px; font-size: 16px; color:#222222; line-height: 24px; padding-top:15px;} .culture .cultureRight{ border-radius:20px; overflow: hidden; height:fit-content; box-shadow:rgba(15,79,128,.1) 0 0 70px; } {} .customer1{ width: 94%; max-width: 1400px; margin:45px auto; } .customer11{ font-size: 38px; color: #156aa9; } .customer12{ height:1px; margin:45px 0; width:100%; background: #b5b5b5; } .customer12 div{ width: 190px; background: #156aa9; height:1px; } .customer13{ width: 100%; } .customer13 li{ width: 100%; } .customer13 li .customer131{} .customer13 li .customer132{ font-size:28px; color:#222222; margin:20px 0; } .customer13 li .customer133{ font-size:16px; color:#222222; line-height: 29px; margin-bottom: 80px; } {} .xzzxLink{ display: flex; margin:50px auto 45px auto; justify-content: center;border-radius:55px; width:fit-content;} .xzzxLink a{ border-radius:55px; display: inline-block; width:405px; height:55px; line-height: 55px; text-align: center; font-size: 18px; color:#222222; background: #ffffff;} .xzzxLink a.on{ background: #136098; color:#fff; } .customer14{ width: 100%; display: flex; flex-direction: column; } .customer14 li{ width:100%; padding:36px; background: #f0f4f7; margin-bottom: 25px; display: flex; justify-content:space-between; align-items:center; background: #fff; border-radius:5px;} .customer14 li .cusLeft{ display: flex; align-items: center; max-width: 55%; } .customer14 li .cusLeft img{ margin-right:20px; } .customer14 li .cusLeft span{ font-size: 18px; color:#222222; display: inline-block; overflow: hidden; white-space: pre; text-overflow: ellipsis; } .customer14 li .cusright{ display: flex; align-items: center; } .customer14 li .cusright div{ font-size: 18px; color:#666666; margin-right:50px; } .customer14 li .cusright a{ width: 95px; height:40px; line-height: 40px; text-align: center; border-radius:5px; color:#fff; margin-left:10px; display: block; background: #156aa9; font-size: 18px; } {} .hzhb{ width: 100%; display: flex; flex-wrap: wrap; } .hzhb li{ width:20%; height:160px; display: flex; justify-content:center; align-items: center; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .hzhb li:hover{ background: #fff; box-shadow: rgba(6,69,132,.1) 0 0 35px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} {} .investor1{ width:100%; background: url(../images/investor2.png) no-repeat 0% 100%; overflow:hidden;} .investor1 .investor1Box{ width: 94%; display: flex; max-width: 1400px; margin:30px auto 100px auto;} .investor1 .investor1Box .investorGpxx{ display: flex; flex-direction: column; width:300px; flex-shrink:0; } .investor1 .investor1Box .investorGpxx .Gpxx1{ font-size: 32px; color:#222222; margin-bottom: 50px; } .investor1 .investor1Box .investorGpxx .Gpxx2{ font-size: 16px; color:#222222; border-bottom:rgba(181,181,181,.5) solid 1px; line-height: 40px; margin-bottom:30px; } .investor1 .investor1Box .investorGpxx .Gpxx3{ display: flex; flex-direction: column; } .investor1 .investor1Box .investorGpxx .Gpxx3 .Gpxx3top{ display: flex; align-items:baseline; } .investor1 .investor1Box .investorGpxx .Gpxx3 .Gpxx3top .Gpxx3top1{ font-size: 36px; color:#156aa9; line-height: 45px; } .investor1 .investor1Box .investorGpxx .Gpxx3 .Gpxx3top .Gpxx3top2{ display: flex; flex-direction: column; } .investor1 .investor1Box .investorGpxx .Gpxx3 .Gpxx3top .Gpxx3top2 img{ opacity: 0; } .investor1 .investor1Box .investorGpxx .Gpxx3 .Gpxx3top .Gpxx3top2.up img:nth-child(1){ opacity: 1; } .investor1 .investor1Box .investorGpxx .Gpxx3 .Gpxx3top .Gpxx3top2.up img:nth-child(2){} .investor1 .investor1Box .investorGpxx .Gpxx3 .Gpxx3top .Gpxx3top2.down img:nth-child(1){} .investor1 .investor1Box .investorGpxx .Gpxx3 .Gpxx3top .Gpxx3top2.down img:nth-child(2){ opacity: 1; } .investor1 .investor1Box .investorGpxx .Gpxx3 .Gpxx3bot{ font-size: 16px; color:#156aa9; display: flex; align-items: baseline; line-height: 30px; } .investor1 .investor1Box .investorGpxx .Gpxx3 .Gpxx3bot .Gpxx3bot1{ margin-right:20px; } .investor1 .investor1Box .investorGpxx .Gpxx3 .Gpxx3bot .Gpxx3bot2{} .investor1 .investor1Box .investorGpxx .Gpxx4{ display: flex; margin:35px 0; } .investor1 .investor1Box .investorGpxx .Gpxx4 .Gpxx4left{ display: flex; flex-direction: column; color:#156aa9; width:50%; line-height: 26px; } .investor1 .investor1Box .investorGpxx .Gpxx4 .Gpxx4left .Gpxx4left1{ font-size: 14px; } .investor1 .investor1Box .investorGpxx .Gpxx4 .Gpxx4left .Gpxx4left2{ font-size: 20px; } .investor1 .investor1Box .investorGpxx .Gpxx4 .Gpxx4right{ display: flex; flex-direction: column; color:#156aa9; width:50%; line-height: 26px; } .investor1 .investor1Box .investorGpxx .Gpxx4 .Gpxx4right .Gpxx4right1{ font-size: 14px;} .investor1 .investor1Box .investorGpxx .Gpxx4 .Gpxx4right .Gpxx4right2{ font-size: 20px;} .investor1 .investor1Box .investorGpxx .Gpxx5{ font-size: 14px; color:#222222; line-height: 50px; border-top:rgba(181,181,181,.5) solid 1px; } .investor1 .investor1Box .investor1Line{ width:1px; background: #dadada; margin:0 100px 0 120px; flex-shrink:0; } .investor1 .investor1Box .investor1Gonggao{ display: flex; flex-direction: column; width:100%; } .investor1 .investor1Box .investor1Gonggao .investor1Gonggao1{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; } .investor1 .investor1Box .investor1Gonggao .investor1Gonggao1 .investor1Gonggao11{ font-size: 32px; color:#222222; } .investor1 .investor1Box .investor1Gonggao .investor1Gonggao1 .investor1Gonggao12{ display: flex; align-items: center; } .investor1 .investor1Box .investor1Gonggao .investor1Gonggao1 .investor1Gonggao12 span{ font-size: 17px; color: #222; } .investor1 .investor1Box .investor1Gonggao .investor1Gonggao1 .investor1Gonggao12 i{ color:#bcbcbc; font-size: 20px; margin-left:10px; } .investor1 .investor1Box .investor1Gonggao .investor1Gonggao2{ width:100%; height:2px; background: #eeeeee; } .investor1 .investor1Box .investor1Gonggao .investor1Gonggao2 div{ background: #156aa9; height:2px; width:60px; } .investor1 .investor1Box .investor1Gonggao .investor1Gonggao3{ padding:0px 0 30px 0; display:flex; flex-direction: column; } .investor1 .investor1Box .investor1Gonggao .investor1Gonggao3 .investor1Gonggao31{ width:100%; padding:20px 0; border-bottom:#dadada solid 1px; background: url( ../images/investor5.png) no-repeat 100% 50%; } .investor1 .investor1Box .investor1Gonggao .investor1Gonggao3 .investor1Gonggao31:hover{ background: url( ../images/investor4.png) no-repeat 100% 50%;} .investor1 .investor1Box .investor1Gonggao .investor1Gonggao3 .investor1Gonggao31 .investor1Gonggao311{ font-size: 18px; color:#222222; line-height: 2em; } .investor1 .investor1Box .investor1Gonggao .investor1Gonggao3 .investor1Gonggao31:hover .investor1Gonggao311{ color:#156aa9; } .investor1 .investor1Box .investor1Gonggao .investor1Gonggao3 .investor1Gonggao31 .investor1Gonggao312{ font-size: 14px; color:#666666; line-height: 2em; } .investor2{ width:100%; background: url(../images/investor3.jpg) no-repeat 50%/cover; padding:100px 0; } .investor2 .investor21{ width: 94%; max-width: 1400px; margin:0 auto 0 auto; } .investor2 .investor21 .investor211{ margin-bottom: 10px; font-size: 18px; color:#035fa3; font-weight: bolder; text-transform: uppercase; font-weight: bolder; } .investor2 .investor21 .investor212{ margin-bottom: 10px; } .investor2 .investor21 .investor213{ font-weight: bolder; margin-bottom: 10px; font-size: 32px; color:#222222; } .investor2 .investor21 .investor214{ margin-bottom: 20px; font-size: 16px; color:#666666; } .investor3{ width:100%; background: url(../images/investor1.jpg) no-repeat 50%; overflow: hidden; } .investor3Nei{ display: flex; align-items: center; width:94%; max-width: 1400px; margin:110px auto 120px auto; } .investor3Nei .investor3Left{ display: flex; flex-direction: column; width: 380px; flex-shrink: 0; } .investor3Nei .investor3Left .investor3Left1{ font-size: 18px; color:#fff; text-transform: uppercase; font-weight: bolder; } .investor3Nei .investor3Left .investor3Left2{ margin:10px 0 10px 0 ; } .investor3Nei .investor3Left .investor3Left3{ font-size: 32px; color:#fff; margin-bottom: 45px;} .investor3Nei .investor3Left .investor3Left4{ font-size: 18px; color: #fff; line-height: 2em; display: table; } .investor3Nei .investor3Left .investor3Left4 .investor3Left4row{ display: table-row; } .investor3Nei .investor3Left .investor3Left4 .investor3Left4row div:nth-child(1){ width: 30px; display: table-cell; } .investor3Nei .investor3Left .investor3Left4 .investor3Left4row div:nth-child(2){ display: table-cell; white-space: pre; } .investor3Nei .investor3Left .investor3Left4 .investor3Left4row div:nth-child(3){ display: table-cell; } .investor3Nei .investor3Right{ width: 100%; background: rgba(255,255,255,0.1); display: flex; } .investor3Nei .investor3Right .addressXun{ width: calc( 100% / 3); display: flex; flex-direction: column; padding: 0 35px; padding:80px 35px 110px 35px; border-right:rgba(229,233,237,.1) solid 1px; } .investor3Nei .investor3Right .addressXun .addressXun1{ font-size: 20px; color:#ffffff; padding-bottom: 30px; border-bottom:rgba(255,255,255,.5) solid 1px; margin-bottom: 25px; } .investor3Nei .investor3Right .addressXun .addressXun2{ display: flex; flex-direction: column; } .investor3Nei .investor3Right .addressXun .addressXun2 .addressXun21{ display: flex; align-items: center; font-size: 13px; color:#fff; line-height: 2em; } .investor3Nei .investor3Right .addressXun .addressXun2 .addressXun21 div:nth-child(1){ width:20px; } {} .gpxxPage{ width: 94%; margin:45px auto 100px auto; display: flex; max-width: 1400px; padding:60px 40px; background: #f0f4f7;} .gpxxPage .gpxxPageLeft{ display: flex; flex-direction: column; width: 515px; border-right:#dee1e3 solid 1px; flex-shrink: 0; } .gpxxPage .gpxxPageLeft .gpxxPageLeft1{ display: flex; align-items: center; font-size:20px; } .gpxxPage .gpxxPageLeft .gpxxPageLeft1 span{ margin-right: 15px; } .gpxxPage .gpxxPageLeft .gpxxPageLeft2{ display: flex; align-items:baseline ; margin:40px 0 50px 0; } .gpxxPage .gpxxPageLeft .gpxxPageLeft2 .gpxxPageLeft21{ font-size: 67px; color:#156aa9; font-weight: bolder; } .gpxxPage .gpxxPageLeft .gpxxPageLeft2 .gpxxPageLeft22{ display: flex; flex-direction: column; } .gpxxPage .gpxxPageLeft .gpxxPageLeft2 .gpxxPageLeft22 img{ opacity: 0; } .gpxxPage .gpxxPageLeft .gpxxPageLeft2 .gpxxPageLeft22.up img:nth-child(1){ opacity: 1; } .gpxxPage .gpxxPageLeft .gpxxPageLeft2 .gpxxPageLeft22.up img:nth-child(2){ opacity: 0; } .gpxxPage .gpxxPageLeft .gpxxPageLeft2 .gpxxPageLeft22.down img:nth-child(1){ opacity: 0; } .gpxxPage .gpxxPageLeft .gpxxPageLeft2 .gpxxPageLeft22.down img:nth-child(2){ opacity: 1; } .gpxxPage .gpxxPageLeft .gpxxPageLeft2 .gpxxPageLeft23{ font-size: 20px; color:#b5b5b5; margin:0 10px; } .gpxxPage .gpxxPageLeft .gpxxPageLeft2 .gpxxPageLeft24{ font-size: 20px; color:#156aa9; } .gpxxPage .gpxxPageLeft .gpxxPageLeft3{ display: flex; align-items: center; font-size: 14px; color:#666666; } .gpxxPage .gpxxPageLeft .gpxxPageLeft4{ font-size: 14px; color:#666666;} .gpxxPage .gpxxPageRight{ display: flex; align-items: center; justify-content: space-around; width: 100%; } .gpxxPage .gpxxPageRight .gpr{ display: flex; flex-direction: column; } .gpxxPage .gpxxPageRight .gpr .gprTop{ font-size: 18px; color:#222222; } .gpxxPage .gpxxPageRight .gpr .gprBot{ font-size: 30px; color: #156aa9; line-height: 50px; } {} .zuixgg{ width: 94%; max-width: 1400px; margin:20px auto 60px auto; display: flex; flex-direction: column; } .zuixgg .zuiXggXun{ display: flex; align-items: center; justify-content:space-between; height:90px; border-bottom: #e9e9e9 solid 1px; width:100%; padding-right: 50px; transition: all ease 0.5s;} .zuixgg .zuiXggXun .zuiXggXunLeft{ display: flex; align-items: center; color: #222;} .zuixgg .zuiXggXun .zuiXggXunLeft .zuixggDate{ display: flex; flex-direction: column; width:195px; align-items: center; } .zuixgg .zuiXggXun .zuiXggXunLeft .zuixggDate .zuixggDate1{ font-size: 20px; text-align: center; } .zuixgg .zuiXggXun .zuiXggXunLeft .zuixggDate .zuixggDate2{ font-size: 14px; text-align: center;} .zuixgg .zuiXggXun .zuiXggXunLeft .zuixggTitle{ font-size: 20px; } .zuixgg .zuiXggXun .zuiXggXunRight{ } .zuixgg .zuiXggXun .zuiXggXunRight img:nth-child(1){ } .zuixgg .zuiXggXun .zuiXggXunRight img:nth-child(2){ display: none;} .zuixgg .zuiXggXun:hover{ border-bottom: rgba(0,0,0,0) solid 1px; box-shadow: rgba(11,75,122,.1) 0 0 10px; transition: all ease 0.5s; border-radius:5px; background:#fff;} .zuixgg .zuiXggXun:hover .zuiXggXunLeft .zuixggTitle{ color: #156aa9; } .zuixgg .zuiXggXun:hover .zuiXggXunRight img:nth-child(1){ display: none;} .zuixgg .zuiXggXun:hover .zuiXggXunRight img:nth-child(2){ display: block; } {} .tzrlx{ display: flex; width:94%; max-width: 1400px; margin:0 auto 95px auto; background:; } .tzrlx .addressXun{ width: calc( 100% / 3); display: flex; flex-direction: column; padding: 0 35px; padding:80px 35px 110px 35px; border-right:rgba(229,233,237,.1) solid 1px; } .tzrlx .addressXun .addressXun1{ font-size: 28px; color:#222222; padding-bottom: 30px; border-bottom:#d0e1ee solid 1px; margin-bottom: 25px; } .tzrlx .addressXun .addressXun2{ display: flex; flex-direction: column; } .tzrlx .addressXun .addressXun2 .addressXun21{ display: flex; align-items: center; font-size: 18px; color:#222222; line-height: 2em; } .tzrlx .addressXun .addressXun2 .addressXun21 div:nth-child(1){ width:35px; } .tzrlx .addressXun:hover{ box-shadow: rgba(18,49,104,.12) 0 0 20px; } .investor6{ display: flex; width:94%; max-width: 1400px; margin:0 auto 100px auto; flex-direction: column;} .investor61{} .investor61 .investor612{ font-size: 32px; color: #222222; line-height: 2em; } .investor61 .investor613{ font-size: 16px; color: #666666; line-height: 2em; margin-bottom: 20px; } .investorForm{ width:100%; max-width: 1400px; display: flex; flex-wrap: wrap; margin:0 auto; } .investorForm input{ background: transparent; } .investorForm .fromBox1{ width:calc( 100% * ( 1 / 3 ) - ( 22px * 2 / 3)); padding:0 20px; border-radius:5px; margin-bottom: 22px; margin-right: 22px; background: #f0f4f7; } .investorForm .fromBox1:nth-child(3n){ margin-right:0; } .investorForm .fromBox1 input{ width: 100%; height:54px; line-height: 54px; font-size: 16px; color:#666666;} .investorForm .fromBox2{ width: 100%; border-radius:5px; padding:15px 20px; margin-bottom: 35px; background: #f0f4f7; } .investorForm .fromBox2 textarea{ width: 100%; height: 235px; font-size: 16px; color:#666666; background: transparent; resize:none; font-family:"思源黑体";} .investorForm .fromBox3{ width: 100%; } .investorForm .fromBox3 input{ width:calc( 100% * ( 1 / 3)); color:#222222; font-size: 16px; line-height: 55px; border-radius: 5px; cursor: pointer; background: #f0f4f7; } .ywzx{ width: 100%; background: url(../images/investor11.jpg) no-repeat 50%/cover;height: 580px; display: flex; justify-content: center; align-items: center; display:none;} .ywzx .ywzxBox{ display: flex; width:94%; max-width: 1400px; margin:0 auto 0px auto; flex-direction: column;} .ywzx .ywzxBox .ywzxBox1{ font-size:38px; color: #222222; margin-bottom:30px; } .ywzx .ywzxBox .ywzxBox2{ display: flex; flex-direction: column; } .ywzx .ywzxBox .ywzxBox2 .ywzxXun{ display: flex; align-items: center; font-size: 20px; line-height: 50px; } .ywzx .ywzxBox .ywzxBox2 .ywzxXun img{ margin-right: 15px; } .ywzx .ywzxBox .ywzxBox2 .ywzxXun b{ font-weight:lighter !important;} {} .yghdList{ width: 94%; max-width: 1430px; margin:0 auto 25px auto; display: flex; flex-wrap: wrap; } .yghdList .yghdXun{ display: flex; flex-direction: column; width:calc( 100% * ( 1 / 3) - 30px); margin:0 15px 30px 15px; transition: all ease 0.5s;} .yghdList .yghdXun .yghdXunImg{ width:100%; position: relative; overflow: hidden; border-radius: 5px 5px 0 0 ; } .yghdList .yghdXun .yghdXunImg:before{ content: ''; display: block; padding-top: calc( 100% * ( 275 / 447 )); } .yghdList .yghdXun .yghdXunImg .yghdXunImgMask{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9; opacity: 0; } .yghdList .yghdXun .yghdXunImg .yghdXunImgBox{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 5; display: flex; justify-content:center; align-items: center; overflow: hidden; } .yghdList .yghdXun .yghdXunText{ width: 100%; padding:20px; display: flex; flex-direction: column; transition: all ease 0.5s;} .yghdList .yghdXun .yghdXunText .yghdXunTitle{ width: 100%; overflow: hidden; color:#666666; font-size: 18px; white-space: pre; text-overflow: ellipsis; transition: all ease 0.5s; } .yghdList .yghdXun .yghdXunText .yghdXunBottom{ display: flex; justify-content:space-between; margin-top:30px; } .yghdList .yghdXun .yghdXunText .yghdXunBottom .yxbBox{ display: flex; align-items: center; font-size: 14px; color: #b5b5b5; } .yghdList .yghdXun .yghdXunText .yghdXunBottom .yxbBox .yxbIcon{} .yghdList .yghdXun .yghdXunText .yghdXunBottom .yxbBox .yxbIcon img{ display: none; margin-right: 5px; } .yghdList .yghdXun .yghdXunText .yghdXunBottom .yxbBox .yxbIcon img:nth-child(1){ display: block; } .yghdList .yghdXun .yghdXunText .yghdXunBottom .yxbBox .yxbIcon img:nth-child(2){} .yghdList .yghdXun:hover{ box-shadow:0px 10px 20px rgba(0,0,0,.1); transition: all ease 0.5s;} .yghdList .yghdXun:hover .yghdXunImg .yghdXunImgMask{ opacity: 1; transition: all ease 0.5s; } .yghdList .yghdXun:hover .yghdXunText{ background: #fff; transition: all ease 0.5s;} .yghdList .yghdXun:hover .yghdXunText .yghdXunTitle{ color: #156aa9; transition: all ease 0.5s;} .yghdList .yghdXun:hover .yghdXunText .yghdXunBottom .yxbBox .yxbIcon img{ } .yghdList .yghdXun:hover .yghdXunText .yghdXunBottom .yxbBox .yxbIcon img:nth-child(1){ display: none;} .yghdList .yghdXun:hover .yghdXunText .yghdXunBottom .yxbBox .yxbIcon img:nth-child(2){ display: block;} {} .humanContent{ width: 94%; max-width: 1300px; margin:55px auto; } .contentTop{ width:100%; display: flex; justify-content: space-between; border-bottom: #e5e9ed solid 1px; } .contentTop .contentLeft{ display: flex; flex-direction: column; } .contentTop .contentLeft .contentTitle{ font-size:32px; color:#222222; } .contentTop .contentLeft .contentBottom{ display: flex; align-items: center; margin:35px 0 50px 0; } .contentTop .contentLeft .contentBottom .yxbBox{ display: flex; align-items: center; font-size: 14px; color: #b5b5b5; margin-right: 65px; } .contentTop .contentLeft .contentBottom .yxbBox .yxbIcon{} .contentTop .contentLeft .contentBottom .yxbBox .yxbIcon img{margin-right: 5px; } .contentTop .contentRight{ padding:0 18px; height: 42px; border:#b5b5b5 solid 1px; border-radius:42px; line-height: 40px; display: flex; align-items: center; justify-content:center; } .contentTop .contentRight img{ margin-right: 10px; } .neirong{ font-size: 16px; line-height:32px; padding:30px 0; border-bottom: #e5e9ed solid 1px; } .contentBot{ width: 100%; display: flex; justify-content: space-between; align-items: center; margin:40px auto 60px auto; } .contentBot a{display: inline-block; font-size: 16px; color: #222222; background: #f0f4f7; width:35%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .contentBot a:nth-child(1):before{ content:"上一篇："; color:#666;} .contentBot a:nth-child(2){ width:10%;} .contentBot a:nth-child(3):before{ content:"下一篇："; color:#666;} .contentBot_page{ display:flex; align-items:center; justify-content:space-between;} .contentBot_page .contentBot_page_list{ max-width:48%; font-size:16px; color:#222; display:flex; align-items:center;} .contentBot_page .contentBot_page_list a{ display:inline-block; background:none; max-width:85%; width: auto;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .contentBot_page .contentBot_page_list a:hover{ color:#156aa9;} .contentBot_page .contentBot_page_list a:before{ display:none;} .zhaopin{ width:94%; margin:0 auto 40px auto; max-width: 1400px; display: flex; flex-direction: column; } .zhaopin .zpItem{ width: 100%; display: flex; flex-direction: column; margin-bottom:20px; background: #fff; border-radius:10px; } .zhaopin .zpItem .zpTop{ width: 100%; display: flex; justify-content: space-between; padding: 25px 50px 25px 35px; align-items: center; cursor:pointer;} .zhaopin .zpItem .zpTop .zpTopLeft{ display: flex; flex-direction: column; } .zhaopin .zpItem .zpTop .zpTopLeft .zpTopCn{ font-size: 20px; color:#156aa9; line-height: 2em; } .zhaopin .zpItem .zpTop .zpTopLeft .zpTopEn{ font-size: 14px; color:#666666; line-height: 2em; } .zhaopin .zpItem .zpTop .zpTopRight{} .zhaopin .zpItem .zpTop .zpTopRight .anniu{ display: flex; align-items: center; font-size: 16px; color:#666; cursor:pointer;} .zhaopin .zpItem .zpTop .zpTopRight .anniu i{ margin-left: 10px; } .zhaopin .zpItem .zpTop .zpTopRight .zk{} .zhaopin .zpItem .zpTop .zpTopRight .sq{ display: none; } .zhaopin .zpItem .zpBot{ width: 100%; display:none; border-top: #dadada solid 1px;} .zhaopin .zpItem .zpBot .zpBotBox{ width: 100%; padding:30px 50px 50px 30px; } .zhaopin .zpItem .zpBot .zpBotBox .zpBotTop{ font-size: 14px; color:#222222; line-height: 24px; } .zhaopin .zpItem .zpBot .zpBotBox .zpBotBot{ display: flex; align-items: center; justify-content: space-between; margin-top:45px; } .zhaopin .zpItem .zpBot .zpBotBox .zpBotBot .zpBotBotLeft{ display: flex; align-items: center; } .zhaopin .zpItem .zpBot .zpBotBox .zpBotBot .zpBotBotLeft .fyj{ margin-right: 24px; cursor:pointer;} .zhaopin .zpItem .zpBot .zpBotBox .zpBotBot .zpBotBotLeft .zx{ cursor:pointer;} .zhaopin .zpItem .zpBot .zpBotBox .zpBotBot .zpBotBotRight{ display: flex; align-items: center; } .zhaopin .zpItem .zpBot .zpBotBox .zpBotBot .zpBotBotRight a{ margin-left: 10px; } #tdjl .tcBox{ width:94%; max-width: 915px; margin:0 auto; display: flex; flex-direction: column; position: relative; width: 94%; max-width: 915px; margin: 0 auto; display: flex; flex-direction: column; position: relative; max-height: 90%; overflow: hidden; overflow-y: auto; } /* 设置滚动条的样式 */ #tdjl .tcBox::-webkit-scrollbar { width:4px; } /* 滚动槽 */ #tdjl .tcBox::-webkit-scrollbar-track { border-radius:10px; background: #666666; } /* 滚动条滑块 */ #tdjl .tcBox::-webkit-scrollbar-thumb { border-radius:10px; background:#222222; } #tdjl .tcBox::-webkit-scrollbar-thumb:window-inactive { background:#222222 } #tdjl .tcBox .colseTc{ position: absolute; right:19px; top: 17px; cursor:pointer;} #tdjl .tcBox .tdbdTop{ width: 100%; height:127px; background: url(../images/humanimg4.jpg) no-repeat 50%/cover; display: flex; justify-content: center; align-items: center; flex-direction: column; flex-shrink: 0; } #tdjl .tcBox .tdbdTop .tdbdTop1{ display: flex; align-items: center; font-size: 28px; color:#fff; } #tdjl .tcBox .tdbdTop .tdbdTop1 img{ margin-right: 19px; } #tdjl .tcBox .tdbdTop .tdbdTop2{ font-size: 16px; color:#fff; text-align: center; margin-top:15px; } #tdjl .tcBox .zxtdForm{ width: 100%; background: #fff; display: table; padding:35px 0; } #tdjl .tcBox .zxtdForm .zxtdRow{ display: table-row; margin-bottom:10px;} #tdjl .tcBox .zxtdForm .zxtdRow .zxtdLeft{ display: table-cell; width:calc( 100% * ( 300 / 915)); text-align:right; padding-right:15px; font-size: 14px; color: #666666;} #tdjl .tcBox .zxtdForm .zxtdRow .zxtdLeft span{ color: red; } #tdjl .tcBox .zxtdForm .zxtdRow .zxtdRight{ display: table-cell; } #tdjl .tcBox .zxtdForm .zxtdRow .zxtdRight .input1{ width:90%; max-width: 425px; height:40px; border:#e3e3e3 solid 1px; padding:0 10px; margin-bottom:10px;} #tdjl .tcBox .zxtdForm .zxtdRow .zxtdRight .input2{ width:90%; max-width: 425px; height:245px; border:#e3e3e3 solid 1px; padding:0 10px; } #tdjl .tcBox .zxtdForm .zxtdRow .zxtdRight label{ width:95px; line-height: 50px; font-size: 14px; color: #666666; display: flex; align-items: center; } #tdjl .tcBox .zxtdForm .zxtdRow .zxtdRight label input{ margin-right: 10px; } #tdjl .tcBox .zxtdForm .zxtdRow .zxtdRight .input3{ width:90%; max-width: 425px; background: #156aa9; color: #fff; text-align: center; line-height: 55px; height:55px; margin-top:40px; cursor:pointer;} {} .humanI1{ display: flex; align-items: center; justify-content:space-between;} .humanI1 .humanI1Left{ width:50%; display: flex; justify-content:flex-end; } .humanI1 .humanI1Left .humanI1LeftBox{ width:94%; max-width:675px; display: flex; flex-direction: column; margin-right: 25px; } .humanI1 .humanI1Left .humanI1LeftBox .humanI1LeftBox1{ font-size: 18px; font-weight: bolder; color: #156aa9; text-transform: uppercase;font-family:'RobotoB'; } .humanI1 .humanI1Left .humanI1LeftBox .humanI1LeftBox2{ padding:5px 0 15px 0; } .humanI1 .humanI1Left .humanI1LeftBox .humanI1LeftBox3{ font-size: 38px; color:#222222; } .humanI1 .humanI1Left .humanI1LeftBox .humanI1LeftBox4{ font-size: 16px; color:#666666; line-height: 28px; padding:15px 0 45px 0; text-align:justify; padding-top:30px;} .humanI1 .humanI1Left .humanI1LeftBox .humanI1LeftBox4 p span{ font-weight:bolder; color:#333; font-weight:bolder;} .humanI1 .humanI1Left .humanI1LeftBox .humanI1LeftBox5{ border:#b2b2b2 solid 1px; border-radius:50px; display: flex; align-items: center; justify-content:center; max-width:200px; width: fit-content; line-height: 50px; margin-bottom:50px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; padding:0px 20px;} .humanI1 .humanI1Left .humanI1LeftBox .humanI1LeftBox5 img{ margin-right: 15px;} .humanI1 .humanI1Left .humanI1LeftBox .humanI1LeftBox5 span{ font-size: 16px;} .humanI1 .humanI1Left .humanI1LeftBox .humanI1LeftBox5:hover{ background:#156aa9; border:1px solid #156aa9; color:#fff;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .humanI1 .humanI1Left .humanI1LeftBox .humanI1LeftBox5:hover i{ color:#fff;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .about5s{ width:100%; display:flex; align-items:center; margin-top:30px;} .about5s .about5sItem{ width:calc( 100% * ( 1 / 6) - ( 30px * 5 / 6)); height:145px; display:flex; justify-content:center; align-items:center; flex-direction:column; border:#156aa9 dashed 1px; border-radius:5px;} .about5s .about5sItem .about5sItemTop{ font-size:22px; color:#156aa9; text-align:center; margin-bottom:20px; font-weight: bolder;} .about5s .about5sItem .about5sItembot{ font-size:18px; color:#666666; text-align:center;} .about5s .about5sItem2{ width:30px; text-align:center;} #mini-btn{ margin-bottom: 5px !important; margin-right: 10px !important; } .bottom { background: #fff; background: linear-gradient(#f7f7f8, #ffffff); width: 100%; height: 55px; position: fixed; bottom: 0; left: 0; z-index: 9999; border-top: rgb(173 204 255) 1px solid; border-bottom: rgb(173 204 255) 1px solid; padding-top: 8px; } .bottom-con { width: fit-content; margin: 0 auto; } .bottom-h3 { background: url(https://www.yjsjiu.com/images/bottombar-icon.png) no-repeat 10px center; width: 130px; height: 40px; border: rgb(224 116 5) 2px solid; border-radius: 4px; font-size: 16px; color: #e07405; line-height: 40px; padding-left: 50px; float: left; margin-right: 2px; } /* 16 */ .bottom-btn { border: #0052a6 2px solid; color: #000; width: 110px; height: 40px; float: left; margin-left: 10px; /* color: #fff; */ border-radius: 5px; padding: 10px 5px; font-weight: 500; background: #ffffff00; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; box-shadow: inset 5px 5px 5px 0px rgb(159 159 159 / 50%), 7px 7px 20px 0px rgb(40 40 40 / 10%), 4px 4px 5px 0px rgb(30 30 30 / 10%); outline: none; } .bottom-btn:after { position: absolute; content: ""; width: 0; height: 100%; top: 0; left: 0; direction: rtl; z-index: -1; box-shadow: -7px -7px 20px 0px #d7d7d7, -4px -4px 5px 0px #fff9, 7px 7px 20px 0px #0002, 4px 4px 5px 0px #0001; transition: all 0.3s ease; } .bottom-btn:hover { color: white; background: #3368c0; } .bottom-btn:hover:after { left: auto; right: 0; width: 100%; } .bottom-btn:active { top: 2px; } #close { background: url("https://www.yjsjiu.com/images/close.png") no-repeat 0 0; width: 23px; height: 23px; display: block; float: left; margin: 10px 0 0 16px; cursor: pointer; } .bottom-icon { background: url("https://www.yjsjiu.com/images/bottom-icon.png") no-repeat 0 0; width: 50px; height: 50px; position: fixed; left: 0; bottom: 0; font-size: 18px; color: #9e9e9e; text-align: center; line-height: 24px; padding: 10px 0 0 10px; cursor: pointer; display: none; margin: 10px; } @media (min-width: 50px) and (max-width: 750px) { .dbhf{ display: none; } .videoboxp {display: none;} .pageName3 {display: none;} .pageName2 {margin-top: 20px;} .hm-develop { position: relative; border-bottom: 1px solid #9a9a9a; margin-top: 15px;} .con6 .con6-div {width: 90%;} .con6 .div-btm form .btn-inp .a {width: 100%; margin-top:15px;} .con6 .div-btm form .btn-inp {display: block !important;} .map .cont_lef {width: 100%; margin-bottom: 15px;} .cont_rig {width: 100%; margin-bottom: 15px;} .foothotnav p {width: 100%; margin-right: 0px;} } @media screen and (max-width:1472px){ .yffw .yffwLinkBox a.p1{font-size: 19px;margin-bottom:15px;} } @media screen and (max-width:1024px){ .slide_container{margin-top:50px;} } @media screen and (max-width:1366px){ .yffw .yffwLinkBox a.p1{font-size: 18px;margin-bottom:15px;} } @media screen and (max-width:1200px){ .about5s{ flex-wrap: wrap;} .about5s .about5sItem{ width:calc( 100% * ( 1 / 3) - ( 40px * 2 / 3)); margin:20px 0;} .about5s .about5sItem2:nth-child(6){ display:none;} } .humanI1 .humanI1Right{position: relative; cursor:pointer; width:45%;} .humanI1 .humanI1Right .humanI1Right1{ position: absolute; left:0; top:0; display:flex; align-items:center; justify-content:center; width:100%; height:100%;} .humanI1 .humanI1Right .humanI1Right1 img{ margin-top:20px;} .humanI1 .humanI1Right .humanI1Right2{} .humanI2{ width:94%; max-width: 1400px; padding:40px 0; border-top:#dadada solid 1px; border-bottom:#dadada solid 1px; display: flex; margin:0 auto 60px auto;} .humanI2 .humanI2Xun{ display: flex; justify-content: space-between; align-items: center; padding:0 30px; border-right: #dadada solid 1px; width: 25%;} .humanI2 .humanI2Xun:nth-last-child(1){ border:none; } .humanI2 .humanI2Xun .humanI2Left{ display: flex; flex-direction:column; } .humanI2 .humanI2Xun .humanI2Left1{ font-size: 33px; color:#666666; font-weight: bolder; font-family:'ROBOTO-MEDIUM';} .humanI2 .humanI2Xun .humanI2Left2{ font-size: 16px; color:#848484; } .humanI2 .humanI2Xun .humanI2Right{} .humanI2 .humanI2Xun .humanI2Right img:nth-child(1){} .humanI2 .humanI2Xun .humanI2Right img:nth-child(2){ display: none; } .humanI2 .humanI2Xun:hover .humanI2Left1{ color:#156aa9;} .humanI2 .humanI2Xun:hover .humanI2Left2{ color:#156aa9;} .humanI2 .humanI2Xun:hover .humanI2Right img:nth-child(1){ display: none;} .humanI2 .humanI2Xun:hover .humanI2Right img:nth-child(2){ display: block;} .humanI3{ background: #f0f4f7; width:100%; overflow: hidden;} .humanI3Box{ width:94%; max-width: 1400px; padding:80px 0; margin:0 auto; padding-bottom:0px;} .humanI3Box .humanI31{ font-size: 18px; font-weight: bolder; color: #156aa9; text-transform: uppercase;font-family:'RobotoB';} .humanI3Box .humanI32{ padding:5px 0 15px 0;} .humanI3Box .humanI33{ font-size: 38px; color:#222222; } .humanI3Box .humanI34{ font-size: 16px; color:#666666; line-height: 28px; padding:15px 0 45px 0; text-align:justify; padding-bottom:35px;} .humanI4{ width:94%; max-width: 1400px; margin:30px auto 80px auto; display: flex; height:530px; margin-top:0px;} .humanI4 .humanI4Xun{ width: calc( 100% * ( 260 / 1400)); position: relative; overflow: hidden; transition: all ease 0.75s; } .humanI4 .humanI4Xun .humanI4Text{ width: 100%; height:100%; position: absolute; left: 0; top: 0; padding:60px 30px; } .humanI4 .humanI4Xun .humanI4Text .humanI4Title{ font-size: 24px; color:#222222; font-weight: bolder; } .humanI4 .humanI4Xun .humanI4Text .humanI4Small{ font-size: 16px; color:#333; line-height: 2em; opacity: 0; } .humanI4 .humanI4Xun .humanI4Bottom{ position: absolute; left:-100%; bottom:-100%; opacity: 0.3; background:url(../images/h9.png) no-repeat 0 100%/60% 45%; z-index: 99; display: flex; flex-direction: column; width: 100%; height: 100%; padding:20px 30px; align-items: end; justify-content: flex-end;} .humanI4 .humanI4Xun .humanI4Bottom .humanI4Bottom1{ display: flex; align-items: center; width:100%; justify-content:flex-start;} .humanI4 .humanI4Xun .humanI4Bottom .humanI4Bottom1 div:nth-child(1){ margin-right:10px; } .humanI4 .humanI4Xun .humanI4Bottom .humanI4Bottom1 div:nth-child(2){ font-size: 16px; color:#fff; line-height: 35px; } .humanI4 .humanI4Xun.on{ width:calc( 100% * ( 614 / 1400));} .humanI4 .humanI4Xun.on .humanI4Text .humanI4Small{ opacity: 1; margin-top:15px; transition: all ease 0.75s 0.75s; } .humanI4 .humanI4Xun.on .humanI4Bottom{ left: 0; bottom:0; opacity: 1; transition: all ease 0.75s 0.75s; } .humanI5{ background: url(../images/human8.jpg) 50%/cover; width: 100%; overflow: hidden; display: flex; flex-wrap: wrap; padding-top: 85px; align-items: center; flex-direction: column; padding-bottom:104px;} .humanI5 .humanI51{ width:100%; font-size: 18px; color: #fff; font-weight: bolder; text-align: center; text-transform:uppercase;font-family:'RobotoB';} .humanI5 .humanI52{ width:100%; font-size: 38px; color: #fff; text-align: center; margin-bottom:30px; } .humanI5 .humanI53{ width:100%; display: flex; justify-content: center; align-items: center; } .humanI5 .humanI53 li{ display: flex; align-items: center; margin:0 45px; cursor:pointer;} .humanI5 .humanI53 li a{ font-size: 22px; color:rgba(255,255,255,.7);} .humanI5 .humanI53 li.on{ color:#fff; } .humanI5 .humanI53 li img{ opacity: 0; margin-right: 10px; } .humanI5 .humanI53 li.on img{ opacity: 1; } .humanI5 .humanI54{ text-align: center; margin-top:70px; } .humanI5 .humanI54 li{ display: none; align-items:center; justify-content:space-between; flex-wrap:wrap;} .humanI5 .humanI54 li.on{ display: flex; } .humanI5 .humanI54 li .humanI54_list{ font-size:21px; color:#fff; text-align:center; width:20%; text-align:center; position:relative; padding:92px 0px; cursor:pointer;} .humanI5 .humanI54 li .humanI54_list:before{ content:""; display:inline-block; width:125px; height:1px; background:url(../images/wn12.png) no-repeat 50%; position:absolute; top:148px; right:-60px;} .humanI5 .humanI54 li .humanI54_list:after{ content:""; display:inline-block; width:100%; height:100%; background:url(../images/wn13.png) no-repeat 50%/cover; position:absolute; left:0; top:0; opacity:0;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .humanI5 .humanI54 li .humanI54_list:hover:after{ opacity:1;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .humanI5 .humanI54 li .humanI54_list:last-child:before{ display:none;} .humanI5 .humanI54 li .humanI54_list p:last-child{ margin-top:30px;} .humanI5 .humanI54 li .humanI54_list p span{ margin-right:10px;} .humanI5 .humanI55{ width: 94%; max-width: 1400px; position: relative; } .humanI5 .humanI55 .humanI551{ width:100%; height: 100%; display: flex; position: absolute; left: 0; top: 70px;} .humanI5 .humanI55 .humanI551 .humanI5511{ width: 20%; height:100%; overflow: hidden; position: relative; } .humanI5 .humanI55 .humanI551 .humanI5511 .sIntro{ width:100% !important; height:100% !important; position: absolute; border:#fff solid 1px; border-radius:5px; top:100%; } .humanI5 .humanI55 .humanI551 .humanI5511 .sIntro .blur { width:100% !important; height:100% !important; background: rgba(256,256,256,0.5); } .blur { filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */ -webkit-filter: blur(1px); /* Chrome, Opera */ -moz-filter: blur(1px); -ms-filter: blur(1px); filter: blur(1px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=1, MakeShadow=false); /* IE6~IE9 */ } .Salary{ width:100%; display: flex; justify-content:space-between; margin:10px 0 110px 0;} .Salary .SalaryItem{ width:calc(100% * ( 1 / 3 ) - 20px); position: relative; padding:60px 70px 50px 30px; background: #f0f4f7; border-radius: 5px; } .Salary .SalaryItem .SalaryIcon{ position: absolute; right:20px; top:-15px; transition: all ease .75s; } .Salary .SalaryItem .SalaryTitle{ font-size: 20px; color:#222222; margin-bottom:15px;} .Salary .SalaryItem .SalarySmall{ font-size: 16px; color:#666; line-height: 25px; text-align: justify; } .Salary .SalaryItem:hover .SalaryIcon{ top: -25px; } .humanI7{ width:100%; display: flex; justify-content: space-between; margin-bottom: 50px; } .humanI7 .humanI71{ width:calc(50% - 25px); position: relative; display: inline-block; } .humanI7 .humanI71 .humanI71Img{ width: 100%; } .humanI7 .humanI71 .humanI71Img:before{ content: ''; display: block; padding-top: calc( 100% * ( 523 / 936)); } .humanI7 .humanI71 .humanI71Img div{ width:100%; height:100%; display: flex; justify-content: center; align-items: center; overflow: hidden; position: absolute; left:0; top: 0; } .humanI7 .humanI71 .humanI71Text{ width:100%; height:100%; display: flex; flex-direction: column; justify-content: center; background: url(../images/hum4.png) no-repeat 50% / cover; position: absolute; left:0; top: 0; padding-left:calc(100% * ( 100 / 936));} .humanI7 .humanI71 .humanI71Text .humanI71En{ font-size: 18px; color:#fff; font-weight: bolder; } .humanI7 .humanI71 .humanI71Text .humanI71Icon{ margin:10px 0 10px 0; } .humanI7 .humanI71 .humanI71Text .humanI71Cn{ font-size: 30px; color:#fff; } .humanI7 .humanI71 .humanI71Text .humanI71More{ display: flex; width:fit-content; align-items: center; justify-content:center; max-width:130px; font-size:14px; line-height: 40px; border-radius:40px; border:#fff solid 1px; margin-top:calc(100% * ( 100 / 523)); font-size: 14px; color: #fff; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; padding:0px 20px;} .humanI7 .humanI71 .humanI71Text .humanI71More i{ margin-right: 15px; } .humanI7 .humanI71 .humanI71Text .humanI71More:hover{ background:#fff; color:#156aa9;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} {} .ffpt{ width: 94%; max-width: 1480px; margin:10px auto 40px auto; } .ffpt .ffptTitle{ width:100%; max-width: 1400px; font-size: 38px; color:#156aa9; font-weight: bolder; margin:50px auto 0 auto; } .ffpt .ffptSmall{ width:100%; max-width: 1400px; font-size:16px; color:#222222; line-height: 24px; margin:20px auto 0 auto; } .ffpt .ffptBox{ width:100%; display: flex; flex-wrap: wrap; margin:35px auto 0 auto; } .ffpt .ffptBox .ffptItem{ margin:50px 40px; width:calc( 100% * ( 1 / 3) - 80px); position: relative;} .ffpt .ffptBox .ffptItem .ffptItemBg{ position: absolute; width:calc( 100% * ( 485 / 415)); height:calc( 100% * ( 310 / 250)); background: url(../images/ser2.png) no-repeat 0 50%; left:calc( -1 * 100% * ( 70 / 485)); top:calc( -1 * 100% * ( 30 / 310)); overflow: hidden; opacity: 0;} .ffpt .ffptBox .ffptItem .ffptItemBg img{ position: absolute; top: 50%; left:-10px; transform: translateY(-50%); opacity: .5; } .ffpt .ffptBox .ffptItem .ffptItemText{ width:100%; position: relative; display: block; } /*.ffpt .ffptBox .ffptItem .ffptItemText:before{ content: ''; display: block; padding-top: calc( 100% * 250 / 415); }*/ .ffpt .ffptBox .ffptItem .ffptItemText .ffptItemTextBox{ width: 100%;/* height:100%; position: absolute;*/ left:0; top: 0; border-radius:10px; background: url(../images/fw4.png) no-repeat 100% 100%,#fff; box-shadow: rgba(1,53,91,.16) 0 0 23px; display: flex; flex-direction: column; padding:0 45px 20px 35px ; } .ffptItemTextBox .ffptItemTitle{ height:100px; display: flex; align-items:center; } .ffptItemTextBox .ffptItemTitle .ffptItemTitle1{ width:55px; } .ffptItemTextBox .ffptItemTitle .ffptItemTitle2{ font-size: 18px; color: #333333; white-space: pre; overflow: hidden; text-overflow: ellipsis; } .ffptItemTextBox .ffptItemSmall{ font-size: 16px; line-height: 28px; color:#666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; height: 56px; } .ffptItemTextBox .ffptItemMore{ display: flex; width:fit-content; align-items: center; justify-content:center; max-width:145px; font-size:14px; line-height: 40px; border-radius:40px; border:#bfbfbf solid 1px; margin-top:calc(100% * ( 100 / 523)); font-size: 14px; color: #666666; margin-top: 35px; padding:0px 25px;} .ffptItemTextBox .ffptItemMore i{ margin-right: 15px; color:#156aa9; } .ffptItemTextBox .ffptItemMore span{} .ffpt .ffptBox .ffptItem:hover .ffptItemBg{ opacity: 1; transition: all 0.75s ease-in; } .ffpt .ffptBox .ffptItem:hover .ffptItemBg img{ left: 0; opacity: 1; transition: all .75s .75s ease-in; } .bai{ width: 100%; background: #fff; overflow: hidden; } .serviceBottom{ width:1400px; margin:100px auto; display: flex; justify-content: space-between; } .serviceBottom .sbItem{ width:calc( 50% - 40px); position: relative; overflow: hidden; border-radius:5px; box-shadow: rgba(1,53,91,.16) 0 0 23px;} .serviceBottom .sbItem .sbItemImg{ width: 100%; } .serviceBottom .sbItem .sbItemImg:before{ content: ''; display: block; padding-top:calc( 100% * 365 / 660); } .serviceBottom .sbItem .sbItemImg div{ width:100%; height:100%; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; } .serviceBottom .sbItem .sbItemText{ width:100%; height:100%; position: absolute; top: 0; left: 0; display: flex; flex-direction: column; justify-content: flex-end; padding-left:40px; color: #fff; background: url(../images/fwpt15.png) no-repeat 0 50%/cover;} .serviceBottom .sbItem .sbItemText .sbItemTitle{ flex-shrink:0; font-size: 24px; margin-bottom:10px; } .serviceBottom .sbItem .sbItemText .sbItemSmall{ flex-shrink:0; font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; height:48px; width:60%; } .serviceBottom .sbItem .sbItemText .sbItemMore{ flex-shrink:0; display: flex; width:fit-content; align-items: center; padding:0 15px; font-size:14px; line-height: 40px; border-radius:40px; border:#fff solid 1px; margin-top:calc(100% * ( 100 / 523)); font-size: 14px; margin: 30px auto 20px 0; } .serviceBottom .sbItem .sbItemText .sbItemMore i{ margin-right: 15px; } .serviceBottom .sbItem .sbItemText .sbItemMore span{} {} .ser1{ width:100%; text-align: center; font-size: 38px; color:#156aa9; } .service1{ margin:45px auto 80px auto; position: relative; width: 100%; } .service1 .service1Arrow{ width:1530px; max-width: 100%; height:0; position: absolute; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: space-between; top:50%; z-index: 9;} .service1 .service1Arrow div{} .service1 .service1Arrow div img{ display:none; } .service1 .service1Arrow div img:nth-child(1){ display: block; } .service1 .service1Arrow div img:nth-child(2){} .service1 .service1Arrow div:hover img:nth-child(1){ display: none; } .service1 .service1Arrow div:hover img:nth-child(2){ display: block; } .service1 .service1Box{ width: 94%; max-width: 1420px; height:148px; margin:0 auto; overflow: hidden;} .service1 .service1Box .serviceItem{ margin:0 10px; position: relative; height:148px;} .service1 .service1Box .serviceItem .serviceItem1{ width:100%; height:100%; display: flex; align-items: center; padding:20px; background: #f0f4f7; border-radius:5px;} .service1 .service1Box .serviceItem .serviceItem1 .serviceItem11{ position: absolute; right:20px; top: 15px; } .service1 .service1Box .serviceItem .serviceItem1 .serviceItem12{} .service1 .service1Box .serviceItem .serviceItem1 .serviceItem13{ position: absolute; font-size: 18px; color:#222222; left:15px; bottom:30px;} .service1 .service1Box .serviceItem .serviceItem2{ width:100%; height:100%; display: flex; position: relative; display: flex; align-items: center; background: url(../images/fw6.png) no-repeat 50%/cover; padding:20px; border-radius:5px; position: absolute; left: 0; top: 0; opacity:0; transition: all ease-in .3s; } .service1 .service1Box .serviceItem .serviceItem2 .serviceItem21{ position: absolute; right:20px; bottom: 30px; } .service1 .service1Box .serviceItem .serviceItem2 .serviceItem22{} .service1 .service1Box .serviceItem .serviceItem2 .serviceItem23{ position: absolute; font-size: 18px; color:#fff;left:20px; bottom: 30px; } .service1 .service1Box .serviceItem:hover .serviceItem2{ opacity: 1; } .ser2{ width:100%; background: rgba(240,244,247,.5); overflow: hidden; } .ser2 .content{ background: #fff; width: 94%; max-width: 1400px; margin:0 auto 20px auto; padding:45px 60px; font-size: 16px; line-height: 30px; color:#222; } .ceshiSelect{ width:100%; display: flex; font-size: 20px; color: #b5b5b5; border-bottom: #dcdcdc solid 1px;} .ceshiSelect li{ line-height:55px; margin-right:80px; font-size: 20px; padding-left: 25px; } .ceshiSelect li.on{ border-bottom: #2272ac solid 1px; color: #156aa9; background: url(../images/fwpt16.png) no-repeat 0 50%;} .ceshiOption{ width:100%; } .ceshiOption li{ display: none; } .p2{padding-left:20px; font-size: 16px; color: #222; line-height: 30px; } .p1{ font-size: 28px; font-weight: bolder; margin-bottom:15px;} .youshi{ width:100%; display: flex; flex-wrap:wrap; justify-content: space-between;} .youshi .youshiXun{ width: calc(100% * ( 1 / 3) - ( 25px * 2 / 3)); background: #f0f4f7; padding: 30px 35px 35px 35px; } .youshi .youshiXun .youshiTitle{ font-size:18px; color: #156aa9; height: 40px; border-bottom: #c5c6c7 solid 1px; } .youshi .youshiXun .youshiSmall{ font-size: 13px; color: #222222; line-height: 24px; text-align: justify; margin-top:10px;} .youshi .youshiXun .youshiSmall .p2{ font-size: 13px; color: #222222; line-height: 24px;} .platformBack{ width:100%; display: flex; align-items: center; justify-content: center; padding:35px 0 95px 0; } .platformBack .platformBackLine{ width:110px; height:1px; background: #222222; margin:0 8px; } .platformBack .platformBackCenter{ display: flex; align-items: center; font-size:14px; color: #222; } .platformBack .platformBackCenter i{ margin:0 8px;} .platformBack .platformBackCenter span{ margin:0 8px; font-weight: bolder;} {} .neiBnaner .neiBnanerText .serviceLink { display: flex; align-items: center;} .neiBnaner .neiBnanerText .serviceLink .serviceLinkXun{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 135px; height:135px; background: rgba(255,255,255,.15); border-radius: 5px; margin-left: 13px;} .neiBnaner .neiBnanerText .serviceLink .serviceLinkXun .serviceLinkImg{} .neiBnaner .neiBnanerText .serviceLink .serviceLinkXun .serviceLinkTitle{ font-size: 14px; color:#fff; line-height: 2em; } .serviceItem{ width:94%; max-width: 1400px; margin:80px auto; } .serviceItem .classTitle{ font-size: 32px; color:#156aa9; margin-bottom: 10px; } .serviceItem .classDescribe{ font-size: 16px; line-height: 24px; text-align: justify; } .serviceItem .serviceLink{ display: flex; flex-wrap: wrap; } .serviceItem .serviceLink .serviceLinkXun{ position:relative; overflow: hidden; width: calc( 100% * ( 1 / 3) - ( 10px * 2 / 3)); margin-left: 10px; margin-top:30px; border-radius:10px; height: 450px; } .serviceItem .serviceLink .serviceLinkXun:nth-child(3n+1){ margin-left:0px; } .serviceItem .serviceLink .serviceLinkXun .objImg{ width:100%; position: relative; } .serviceItem .serviceLink .serviceLinkXun .objImg:before{ content: ''; display: block; padding-top:calc( 100% * ( 500 / 460)); } .serviceItem .serviceLink .serviceLinkXun .objImg div{ width:100%; height:100%; display: flex; justify-content: center; align-items: center; overflow: hidden; position: absolute; left: 0; top: 0; } .serviceItem .serviceLink .serviceLinkXun .objText{ width:100%; position: absolute; top: 0 ; left: 0; display: flex; flex-direction: column; height:100%; } .objTop{ width:100%; background: #f0f4f7; display: flex; flex-direction: column; height:190px; padding:30px; justify-content: center; flex-shrink: 0; position: absolute;top: -200px; left: 0; z-index: 9;} .objTop .objTopIcon{} .objTop .objTopTitle{ font-size: 20px; line-height: 2em; } .objBot{ height:100%; display: flex; position: absolute; top: 0; left:0; padding:30px 10px 30px 30px; background: url(../images/services10.png) repeat-y 0; overflow: hidden; border-radius: 5px; flex-direction: column; top: 0px; width:100%; transition: all ease .75s; justify-content: space-between; } .objBot .objBotTop{ width:100%; display: flex; flex-direction: column; opacity: 1; transition: all ease .75s; } .objBot .objBotTop .objBotTop1{} .objBot .objBotTop .objBotTop2{ font-size: 20px; color:#fff; margin:10px 0 5px 0;} .objBot .objBotTop .objBotTop3{ font-size: 16px; line-height: 24px; color: rgba(255,255,255,.85); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; height:48px; padding-right:20px; } .objBotBot{ width: 100%; overflow: hidden; overflow-y: auto; display: flex; justify-content: flex-end; opacity: 0; height:250px; margin-top:10px; padding-right: 30px; overflow-y: auto;scrollbar-color: #fff; scrollbar-width: 1px; scrollbar-width: thin; scrollbar-width: 1px;} .objBotBot .objBotBotBox{ display: flex; flex-direction: column; width:100%; height: fit-content; } .objBotBot .objBotBotBox .objBotLink{ widht:100%; border-bottom:#fff solid 1px; } .objBotBot .objBotBotBox .objBotLink div{ height:50px; display: flex; justify-content: space-between; align-items: center;} .objBotBot .objBotBotBox .objBotLink span{ font-size: 14px; color: #fff; } .objBotBot .objBotBotBox .objBotLink i{ font-size: 20px; color:#fff; } .serviceLinkXun .objTop{ top:-190px; transition: all ease .75s; } .serviceLinkXun .objBot{ top:0px; transition: all ease .75s; } .serviceLinkXun .objBot{ background: url(../images/service26.png) repeat-y 0; transition: all ease .75s; } .serviceLinkXun .objBot .objBotTop{ opacity: 1; transition: all ease .75s; } .serviceLinkXun .objBot .objBotBot{ opacity: 1; transition: all ease .75s .75s;} /* 设置滚动条的样式 */ .objBotBot::-webkit-scrollbar { width:4px; } /* 滚动槽 */ .objBotBot::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); border-radius:10px; background: rgba(255,255,255,.3); } /* 滚动条滑块 */ .objBotBot::-webkit-scrollbar-thumb { border-radius:10px; background:#fff; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } .objBotBot::-webkit-scrollbar-thumb:window-inactive { background:#fff; } .serviceList{ width:100%; padding:35px 0; overflow: hidden; background: url(../images/servi2.png) no-repeat 50%/cover; } .serviceMore:hover i { color: #ffffff!important; } .serviceList .objTop{ background: #fff; } {} .drugService{ width: 100%; } .drugService .drugServiceBox{ width: 100%; max-width: 1400px; display: flex;margin:0 auto; } .drugServiceLeft{ width: 347px; flex-shrink:0; padding-bottom:75px;} .drugServiceLeft .pageTitle{ widht:100%; height:185px; padding-top: 95px; } .drugServiceLeft .pageTitle div{ font-size: 38px; color:#156aa9; font-weight: bolder; } .pageMenu{ width: 100%; padding:30px 30px 30px 0px; } .pageMenu .pageMenuBox{ width:100%; display: flex; flex-direction: column; } .pageMenu .pageMenuBox .pageMenuItem{ width:100%; } .pageMenu .pageMenuBox .pageMenuItem .pageMenuTitle{ width:100%; display: flex; justify-content: space-between; align-items: center; height:60px; border-bottom:#b5b5b5 solid 1px; } .pageMenu .pageMenuBox .pageMenuItem .pageMenuTitle a{ font-size: 18px; } .pageMenu .pageMenuBox .pageMenuItem .pageMenuTitle .zk{ color:#c1c1c1; font-size:20px; } .pageMenu .pageMenuBox .pageMenuItem .pageMenuTitle .sq{ color:#ffffff; font-size:20px; display: none; } .pageMenu .pageMenuBox .pageMenuItem .pageMenuDown{ background: #fbfcfe; } .pageMenu .pageMenuBox .pageMenuItem .pageMenuDown div{ display: flex; flex-direction: column;} .pageMenu .pageMenuBox .pageMenuItem .pageMenuDown div a{ height: 48px; line-height: 48px; padding-left: 30px; background: url(../images/service6.png) no-repeat 0 50%; font-size: 15px; overflow: hidden;} .pageMenu .pageMenuBox .pageMenuItem .pageMenuDown div a:hover{ background: url(../images/service7.png) no-repeat 0 50%; color: #156aa9;} .pageMenu .pageMenuBox .pageMenuItem .pageMenuDown div a.curr_on{ background: url(../images/service7.png) no-repeat 0 50%; color: #156aa9;} .drugServiceRigth{ width: calc(100% - 374px); flex: 1; border-left:#b5b5b5 solid 1px; } .pageMenu .pageMenuBox .pageMenuItem.on .pageMenuTitle{ background: #156aa9; padding:0 20px; transition: padding ease-in .5s; } .pageMenu .pageMenuBox .pageMenuItem.on .pageMenuTitle a{ color: #fff; } .pageMenu .pageMenuBox .pageMenuItem .pageMenuTitle:hover{ background: #156aa9; padding:0 20px; transition: padding ease-in .5s; } .pageMenu .pageMenuBox .pageMenuItem .pageMenuTitle:hover a{ color: #fff; } .faq{ width:100%; display: flex; justify-content: space-between; align-items: center; height:60px; border-bottom:#b5b5b5 solid 1px; font-size: 18px; } .faq .zk1{ color:#c1c1c1; font-size:20px; } .faq .sq1{ color:#ffffff; font-size:20px; display: none; } .faq.on{ background: #156aa9; padding:0 20px; transition: padding ease-in .5s; color: #fff; } .faq:hover{ background: #156aa9; padding:0 20px; transition: padding ease-in .5s; color: #fff; } .serviceContent{ padding-left:40px; padding-bottom: 50px; } .serviceContent .contentTop .contentLeft .contentTitle{ margin-bottom: 30px; } {} .pageDaTitle{ font-size: 32px; line-height: 45px; margin-bottom:15px;} .pageDaTitle2{ font-size:14px; text-align: justify; line-height: 24px; margin-bottom:20px; opacity: 0.85; width: 69%; float: left; } .serviceList2{ width:100%; display: flex; flex-direction: column; margin:45px auto;} .serviceList2 .serviceItem2{ padding:15px; width: 100%; background: #f0f4f7; margin-bottom: 25px; display: flex; flex-direction: column; } .serviceList2 .serviceItem2 .serviceTitle{ font-size: 20px; color:#156aa9; } .serviceList2 .serviceItem2 .serviceSmall{ font-size: 16px; color:#666666; line-height: 2em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; height:4em; margin:10px 0 20px 0;} .serviceList2 .serviceItem2 .serviceMore{ display: flex; float: right; align-items: center; padding:0 15px; height:40px; border:#b5b5b5 solid 1px; border-radius:40px; width:fit-content;max-width: 150px; justify-content: center;} .serviceList2 .serviceItem2 .serviceMore i{ margin-right: 10px; color:#156aa9; font-size: 15px; } .serviceMore:hover i { color: #ffffff; } .serTitle{ width:100%; display:flex; align-items:center; font-size:24px; margin:50px auto 25px auto;} .serTitle span{ margin-left:10px;} .serTitle2{ margin:10px; color:#222222; font-size: 15px; line-height: 25px; text-align: justify; opacity: 0.85; } .serLink{ width:100%; position:relative; height:112px;} .serLink .serLinkArrow{ width:100%; height:0; position:absolute; left:0; top:50%; display:flex; justify-content:space-between; align-items:center; z-index: 999;} .serLink .serLinkArrow img{ cursor:pointer;} .serLink .serLinkArrow .serLinkArrowLeft{ margin-left:-26px;} .serLink .serLinkArrow .serLinkArrowRight{ margin-right:-26px;} .serLink .serLinkBox{ width:calc( 100% + 11px );} .serLink .serLinkBox .serLinkItem{ position:relative; width:100%; padding-right:13px;} .serLink .serLinkBox .serLinkItem .serLinkItems{ display:flex; flex-direction:column; background:#f0f4f7; border-radius:10px; height:100%; width:100%; padding:25px 15px 15px 15px;} .serLink .serLinkBox .serLinkItem .serLinkItems .serLinkImg{ display:none; width: max-content;} .serLink .serLinkBox .serLinkItem .serLinkItems .serLinkImg.serLinkImg1{ display:inline-block;} .serLink .serLinkBox .serLinkItem .serLinkItems .serLinkImg.serLinkImg2{} .serLink .serLinkBox .serLinkItem .serLinkItems .serLinkTitle{ font-size:16px; margin:15px 0 15px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow: hidden;position: relative; z-index: 2; } .serLink .serLinkBox .serLinkItem .serLinkItems .serLinkMore{ font-size:13px;} .serLink .serLinkBox .serLinkItem .serLinkItems .serLinkNum{ font-size:47px; color:#e4e8ea; position:absolute; bottom:15px; right:15px; z-index: 1;font-family:'RobotoB';} .serLink .serLinkBox .serLinkItem:hover .serLinkItems{ background:url(../images/service8.png) no-repeat 50%/cover;} .serLink .serLinkBox .serLinkItem:hover .serLinkItems .serLinkImg.serLinkImg1{ display:none;} .serLink .serLinkBox .serLinkItem:hover .serLinkItems .serLinkImg.serLinkImg2{ display:inline-block;} .serLink .serLinkBox .serLinkItem:hover .serLinkItems .serLinkTitle{ color:#FFFFFF;} .serLink .serLinkBox .serLinkItem:hover .serLinkItems .serLinkMore{ color:#FFFFFF;} .serLink .serLinkBox .serLinkItem:hover .serLinkItems .serLinkNum{ color:#4280ad;} .serviceWmdys{ width:100%; display:flex; flex-direction: column;} .serviceWmdys .swmdysItem{ width:100%; display:flex; flex-direction:column; padding:12px 45px 20px 35px; margin-bottom:20px; border-radius:10px; background:#f0f4f7;} .serviceWmdys .swmdysItem .swmdysItemTop{ font-size:20px; color:#156aa9; line-height:60px; border-bottom:#b5b5b5 solid 1px;} .serviceWmdys .swmdysItem .swmdysItemTop2{ font-size:16px; color:#666666; line-height:2em; margin: 10px auto; text-align: justify;} .serviceWmdys .swmdysItem .swmdysItemBot{ font-size:16px; color:#666666; line-height:28px; padding:12px 0;} .serXgwz{ width:100%; display:flex; flex-wrap:wrap; margin-bottom:20px;} .serXgwz a{ width:calc( 50% - 40px); margin:12px 20px 0 20px; line-height:54px; border-bottom:#b5b5b5 solid 1px; background:url(../images/service22.png) no-repeat 0 50%; padding-left:20px; font-size:16px; color:#666666;} {} .pageDaTitle3{ display:flex;float: right; width:fit-content; align-items:center; border:#156aa9 solid 1px; font-size:16px; height:40px; margin-bottom: 10px;border-radius:40px; color:#156aa9; margin-top:20px; justify-content:center; max-width:300px; padding:0px 20px;} .pageDaTitle3 span{ margin-left:10px;} .swmdysItemBot2{ display:flex; flex-wrap:wrap; padding:15px 0; justify-content: space-between;} .swmdysItemBot2 a{ font-size:16px; color:#666666; line-height:2em; display:block; width:50%; background:url(../images/service22.png) no-repeat 0 50%; padding-left:20px;} .swmdysItemBot2 span{ font-size:16px; color:#666666; line-height:2em; display:block; width:48%; background:url(../images/service22.png) no-repeat 0 14px; padding-left:20px;} .xmbz{ width:100%;} .xmbz .xmbzBox{ border-radius:10px; overflow:hidden; margin-bottom:20px;} .xmbz table{ width:100%;background: #a9dbff;} .xmbz table th{ background:#156aa9; height:58px; text-align:center; color:#FFFFFF; font-size:16px;} .xmbz table td{ background:#f0f4f7; padding:15px; font-size:16px; text-align:center; line-height:19px;} .xmbz table td:nth-child(1){ font-size:20px;} .xmbz table th:nth-child(1){ width:calc(100% * ( 80 / 1020));} .xmbz table th:nth-child(2){ width:calc(100% * ( 240 / 1020));} .xmbz table th:nth-child(3){ width:calc(100% * ( 207 / 1020));} .xmbz table th:nth-child(4){ width:calc(100% * ( 485 / 1020));} .xmbzRemarks{ width:100%; padding:20px 0; border-radius:10px; background:#f0f4f7; display:flex;} .xmbzRemarks .RemarksLeft{ width:130px; display:flex; flex-direction:column; justify-content:center; align-items:center; border-right:#d2d4d6 solid 1px; flex-shrink:0;} .xmbzRemarks .RemarksLeft .RemarksLeft1{ font-size:20px; color:#156aa9;} .xmbzRemarks .RemarksLeft .RemarksLeft2{ font-size:14px; color:#666666;} .xmbzRemarks .RemarksRight{ padding-left:40px;} .xmbzRemarks .RemarksRight p{ font-size:14px; line-height:26px; color:#666666; padding-left:25px; background:url(../images/about24.png) no-repeat 0 50%;} .serviceWmdys.faq2 .swmdysItem .swmdysItemTop{ padding:0 20px; background:url(../images/about24.png) no-repeat 0 50%, url(../images/serviceDown.png) no-repeat 100% 50%; border-bottom:none;} .serviceWmdys.faq2 .swmdysItem.on .swmdysItemTop{ background:url(../images/about24.png) no-repeat 0 50%, url(../images/serviceUp.png) no-repeat 100% 50%;} .swmdysItemBot3{ overflow:hidden; display:none; border-top: #b5b5b5 solid 1px;} .swmdysItemBot3 div{ padding:15px 0;} .xgsys{ width:100%; position:relative; height:217px;margin-bottom: 100px;margin-left: 2%;} .xgsys .xgsysArrow{ position:absolute; width:100%; top:calc( 50% - 15px); display:flex; justify-content:space-between; height:0; align-items:center; z-index: 9999;} .xgsys .xgsysArrow img{ cursor:pointer;} .xgsys .xgsysArrow .xgsysArrowLeft{ margin-left:-26px;} .xgsys .xgsysArrow .xgsysArrowRight{ margin-right:-26px;} .xgsys .xgsysBox{ width:calc(100% + 20px);} .xgsys .xgsysBox .xgsysBoxXun{width: 280px; float: left; padding-right:20px;} .xgsys .xgsysBox .xgsysBoxXun .xgsysBoxImg{ width:100%; position:relative; overflow:hidden; border-radius:5px;} .xgsys .xgsysBox .xgsysBoxXun .xgsysBoxImg:before{ content:''; display:block; padding-top:calc( 100% * (171 / 325));} .xgsys .xgsysBox .xgsysBoxXun .xgsysBoxImg .xgsysBoxMarks{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:999;} .xgsys .xgsysBox .xgsysBoxXun .xgsysBoxImg .xgsysBoxImgBox{ width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden; display:flex; justify-content:center; align-items:center;} .xgsys .xgsysBox .xgsysBoxXun .xgsysBoxImg .xgsysBoxImgBox img{ width: 100%; } .xgsys .xgsysBox .xgsysBoxXun .xgsysBoxTitle{ font-size:16px; color:#666666; text-align:center; margin-top:25px;} {} .xwzx2Title{ font-size:38px; color:#156aa9; font-weight:bolder; text-align:center; line-height:3em;} .newSearch{ width:94%; max-width:1020px; margin:0 auto 0 auto; border:#dcdcdc solid 1px; border-radius:55px; display:flex; align-items:center; } .newSearch input[type="submit"]{ width:75px; background:url(../images/new10.png) no-repeat 50%; flex-shrink:0; height:55px; cursor: pointer;} .newSearch input[type="text"]{ flex:1; padding:0 15px; border-left:#b5b5b5 solid 1px; height:20px; background:none; font-size:16px; color:#333;} .xwzx3{ width:94%; max-width:1020px; margin:20px auto; display:flex; align-items:center;} .xwzx3 .xwzx3Left{ white-space:pre; font-size:18px; color:#666666; padding-left:25px; background:url(../images/new11.png) no-repeat 0 50%; flex-shrink:0;} .xwzx3 .xwzx3Right{ display:flex; align-items:center; width: calc( 100% - 120px);} .xwzx3 .xwzx3Right a{ font-size:16px; color:#666666;max-width: 30%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow: hidden; } .xwzx3 .xwzx3Right a:hover{ color:#333;} .xwzx3 .xwzx3Right span{ margin:0 20px;} .xwzx3 .xwzx3Right span:last-child{ display:none;} .xwzx4Top{ width:94%; max-width:1400px; display:flex; align-items:center; padding:45px 0; justify-content:space-between; margin:0 auto;} .xwzx4Top .xwzx4TopTitle{ font-size:38px; font-weight:bolder;} .xwzx4Top .xwzx4TopMore{ font-size:16px; color:#156aa9;} .xwzx4Top .xwzx4TopMore i{ margin-left:10px;} .gsxw{ width:94%; max-width:1430px; margin:0 auto 90px !important; height:395px;} .gsxwItem{ display: flex !important; } .xwzxXun{ width:530px; height:395px; margin:0 15px; position: relative; transition: all 0.5s ease-in;} .xwzxXun .xwzxXunImg{ width:100%; height:100%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .xwzxXun .xwzxXunImg img{ width:100%; height:395px; object-fit:cover;} .xwzxXun .xwzxXunText{ width:100%; height:100%; display: flex; flex-direction: column; color:#fff; padding:45px 30px 40px 30px; position: absolute; left: 0; top: 0;background: rgba(0,0,0,0.5);} .xwzxXun .xwzxXunText .xwzxXunText1{ font-size: 16px; } .xwzxXun .xwzxXunText .xwzxXunText2{ font-size: 24px; line-height: 42px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; margin:20px 0 40px 0; } .xwzxXun .xwzxXunText .xwzxXunText3{ display: none; } .xwzxXun .xwzxXunText .xwzxXunText4{ display: flex; align-items: center; position: absolute; left: 30px; bottom: 30px; } .xwzxXun .xwzxXunText .xwzxXunText4 i{ margin-right:10px;} .gsxw .xwzxXun.on{ width:675px; height:395px; flex-shrink: 0; } .gsxw .xwzxXun.on .xwzxXunText .xwzxXunText2{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow: hidden;} .gsxw .xwzxXun.on .xwzxXunText .xwzxXunText3{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; font-size: 16px; line-height: 30px;} .gsxw .xwzxXun.on .xwzxXunText .xwzxXunText4{} .gsxw .xwzxXun.on .xwzxXunText .xwzxXunText4 i{ color: #256186; } .gsxw .slick-dots li.slick-active button:before { opacity: .75; color: #b9d2e4;} .tableclass{ background:#a9dbff;} .tableclass .firstRow td{background: #156aa9; height: 58px; text-align: center; color: #FFFFFF; font-size: 16px;} .tableclass tr td{ background:#fff; padding:15px 15px;} .hyzxBox{ width:100%; background:url(../images/new5.jpg) no-repeat 50%/cover; overflow:hidden; padding-top:50px;} .hyzx{ width:94%; max-width:1458px; margin:0 auto 80px auto;} .hyzx .swiper-pagination{ display:none;} .hyzx .swiper-wrapper{ height:auto;} .hyzx .hyzxItem{ width:100%;} .hyzx .hyzxItem .hyzxImg{ width:100%; position:relative; height:211px;} .hyzx .hyzxItem .hyzxImg:before{ content:''; display:block; padding-top:calc( 100% * ( 250 / 430));} .hyzx .hyzxItem .hyzxImg div{ position:absolute; left:0; top:0; display:flex; align-items:center; justify-content:center; overflow:hidden; width: 100%; height: 100%;} .hyzx .hyzxItem .hyzxTitle{ font-size:24px; margin-top:40px; white-space:pre; overflow:hidden; text-overflow:ellipsis;} .hyzx .hyzxItem .hyzxDate{ font-size:16px; color:#666666; margin-top:40px;} .hyzx .hyzxItem .hyzxMore{ font-size:14px; padding-left:24px; background:url(../images/index6.png) no-repeat -13px 50%; margin-top:40px; transition:ease all 0.5s;} .hyzx .hyzxItem .hyzxLine{ width:100%; height:1px; background:#b5b5b5; margin-top:40px;} .hyzx .hyzxItem .hyzxLine div{ width:0; height:1px; background:#156aa9;} .hyzx .hyzxItem:hover .hyzxMore{ background:url(../images/index6.png) no-repeat 0 50%; padding-left:37px;} .hyzx .hyzxItem:hover .hyzxLine div{ width:100%; transition:ease all 0.5s;} .hyzx .hyzxItem .hyzxImg img{ height:211px; object-fit:cover; width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .hyzx .hyzxItem:hover .hyzxImg img{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); filter: scale(1.15); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .schd{ width:94%; max-width:1400px; margin:0 auto 84px auto; display:flex; flex-wrap:wrap; justify-content:space-between;} .schd .schdLeft{ width:49%; position:relative; border:#b5b5b5 solid 1px; border-radius:5px; overflow:hidden; margin-bottom:16px;} .schd .schdLeft .schdArrow{ width:100%; position:absolute; top:50%; left:0; height:0px; display:flex; justify-content:space-between; align-items:center;} .schd .schdLeft .schdArrow .schdArrowLeft{ margin-left:14px;} .schd .schdLeft .schdArrow .schdArrowRight{ margin-right:14px;} .schdBox{ width:100%;} /* 响应式banner */ .img_gallery{ position:relative;} .img_gallery .zhan{ width:100%;} .img_gallery .zhan:before{ content:''; display:block; padding-top:calc( 100% * ( 458 / 684));} .main_img{ overflow:hidden;position:absolute; top:0; left:0; width:100%; height:100%;} .main_img ul{width:9999px; overflow:hidden; height:100%;position:absolute;top:0;left:0} .main_img li{float:left;width:100%; height:100%; } .main_img li span{display:block;width:100%; height:100%;} .main_img li a{display:block;width:100%; height:100%; } .img_font{position:absolute; bottom:30px; left:30%; color:#f00; width:100%; padding:10px;} .img_font span{display:none; } div.point{ position:absolute;bottom:57px;left:0;z-index:999;width:100%;height:0px; text-align:center;} div.point .point_box{ margin:0 auto; display:inline-block;} div.point a{ display: block; width:37px; height:7px; font-size:0; background:rgba(0,0,0,0.30); float: left; cursor: pointer; margin:0 3px;} div.point a.on{ background:#ec2222;} #btn_prev,#btn_next{ z-index:11111; position:absolute;display:block;width:17px!important;height:30px!important;top:50%;margin-top:-15px;} #btn_prev{background:url(../images/newLeft3.png) no-repeat 50%;left:14px;} #btn_next{background:url(../images/newRight3.png) no-repeat 50%;right:14px;} /* 响应式banner */ .schdBoxImg{ width:100%; height:100%; display:flex; justify-content:center; align-items:center; overflow:hidden;} .schdBoxImg img{ width:100%; height:457px; object-fit:cover;} .schdBoxText{ width:100%; height:100%; display:flex; flex-direction: column-reverse; position:absolute; z-index:99; background: url(../images/new13.png) no-repeat 50% 100%; top:0; left:0;} .schdBoxText .schdBoxTextBox{ position: absolute; bottom:35px; left:50px; color:#FFFFFF;} .schdBoxText .schdBoxTextBox .schdBoxDate{ font-size:17px; display:flex; align-items:center;} .schdBoxText .schdBoxTextBox .schdBoxDate div{ margin-right:10px;} .schdBoxText .schdBoxTextBox .schdBoxTitle{ font-size:25px; margin:25px 0 50px 0;} .schdBoxText .schdBoxTextBox .schdBoxMore{ font-size:15px; display:flex; align-items:center;} .schdBoxText .schdBoxTextBox .schdBoxMore i{ margin-right:10px;} .schd .schdRight{ width:50%; display:flex; flex-wrap:wrap; justify-content:space-between;} .schd .schdRight .schdItem{ display:flex; flex-direction:column; border-radius:5px; width:calc( 50% - 8px); height:calc( 50% - 16px); margin-bottom:16px; background:#f0f4f7; padding:22px;} .schd .schdRight .schdItem .schdItemDate{ font-size:16px; color:#156aa9; display:flex; align-items:center; margin-top:10px;} .schd .schdRight .schdItem .schdItemDate div{ margin-right:10px;} .schd .schdRight .schdItem .schdItemTitle{ font-size:18px; margin:30px auto 50px auto; white-space: pre; overflow: hidden; text-overflow: ellipsis; width: 100%;} .schd .schdRight .schdItem .schdItemMore{ font-size:15px; display:flex; align-items:center;} .schd .schdRight .schdItem .schdItemMore i{ margin-right:10px; color:#156aa9;} .ykt{ background:#f0f4f7; width:100%; overflow:hidden;} .mdxykt{ width:100%; position:relative; margin:75px 0 90px 0;} .mdxykt .zhan{ width:100%; max-width: 833px;} .mdxykt .zhan:before{ content:''; display:block; padding-top:calc( 100% * ( 457 / 833));} .mdxykt .yktBanner{ width:94%; margin:0 auto; max-width:1400px; position:absolute; left:50%; top:0; transform:translateX(-50%);} .mdxykt .yktBanner li{ transition:all 1.5s ease-out; border-radius:10px; overflow:hidden; opacity: 0; position: absolute; left: 0%; top: 50%;background: #ffffff;} .mdxykt .yktBanner li .yktBannerImg{ display: flex; justify-content: center; align-items: center;} .mdxykt .yktBanner li .yktBannerImg img{ width: 100%; } .mdxykt .yktBanner li.on{ position:absolute; left:50%; top:50%; transform:translate(-50%); width:calc( 100% * ( 833 / 1400)); z-index:2; box-shadow:rgba(0,0,0,0.15) 0 0 70px; opacity: 1;} .mdxykt .yktBanner li.on:before{ content:''; display:block; padding-top:calc( 100% * ( 457 / 833));} .mdxykt .yktBanner li.on .yktBannerIcon{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:9; background:url(../images/news1.png) no-repeat 50%,rgba(51,51,51,0.1);} .mdxykt .yktBanner li.on .yktBannerImg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:8;} .mdxykt .yktBanner li.prev{ position:absolute; left:0%; top:50%; transform:perspective(590px) rotateY(15deg); width:calc( 100% * ( 833 / 1400)); transform-origin:0 50%; z-index:1; opacity: 1;} .mdxykt .yktBanner li.prev:before{ content:''; display:block; padding-top:calc( 100% * ( 457 / 833));} .mdxykt .yktBanner li.prev .yktBannerIcon{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:9; background:url(../images/news1.png) no-repeat 50%,rgba(51,51,51,0.1);} .mdxykt .yktBanner li.prev .yktBannerImg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:8; } .mdxykt .yktBanner li.next{ position:absolute; left:calc( 100% * (( 1400 - 833 ) / 1400)); top:50%; transform:perspective(590px) rotateY(-15deg); width:calc( 100% * ( 833 / 1400)); transform-origin:100% 50%; z-index:1; opacity: 1;} .mdxykt .yktBanner li.next:before{ content:''; display:block; padding-top:calc( 100% * ( 457 / 833));} .mdxykt .yktBanner li.next .yktBannerIcon{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:9; background:url(../images/news1.png) no-repeat 50%,rgba(51,51,51,0.1);} .mdxykt .yktBanner li.next .yktBannerImg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:8;} .mdxyktArrow{ width:90%; max-width:1650px; height:0; display:flex; align-items:center; justify-content:space-between; position:absolute; left:50%; transform:translateX(-50%); top:50%; font-size:14px; color:#b5b5b5; text-transform:uppercase; z-index: 9999;} .mdxyktArrow div{ display:flex; align-items:center; cursor:pointer;} .mdxyktArrow div.mdxyktArrowLeft i{ margin-right:15px;} .mdxyktArrow div.mdxyktArrowRight i{ margin-left:15px;} .mdxyktArrow div:hover{ color:#156aa9;} .yktText{ width:100%; margin-top:52px;} .yktText .yktTextItem{ display:none; flex-direction:column; justify-content:center; align-items:center;} .yktText .yktTextItem .yktTextTitle{ font-size:24px; margin:0px 0 20px 0;} .yktText .yktTextItem .yktTextSmall{ font-size:16px; color:#666666; line-height:30px; text-align:center; max-width:735px;} {} .xwzx4Top .newSearch{ max-width:500px; margin:0;} .xwzx4Top .newSearch input[type="submit"]{ width:75px;} .xwzx3.xwzx32{ max-width:1400px;} .gsxwNews{ width:94%; max-width:1430px; display:flex; flex-wrap:wrap; margin:30px auto 30px auto;} .gsxwNews .gsxwNewsItem{ display:flex; width:calc( 100% * ( 1 / 3) - 30px); margin:0 15px 30px; padding:30px; border-radius:5px; flex-direction:column; background:#FFFFFF;} .gsxwNews .gsxwNewsItem .gsxwNewsDeta{ display:flex; align-items:center; font-size:16px; color:#156aa9;} .gsxwNews .gsxwNewsItem .gsxwNewsDeta div{ margin-right:15px;} .gsxwNews .gsxwNewsItem .gsxwNewsTitle{ font-size:18px; margin-top:25px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .gsxwNews .gsxwNewsItem .gsxwNewsSmall{ font-size:16px;margin-top:20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .gsxwNews .gsxwNewsItem .gsxwNewsMore{ padding-left:24px; background:url(../images/new15.png) no-repeat 0 50%; transition:all ease-in 0.5s; margin-top:45px;} .gsxwNews .gsxwNewsItem:hover{ background: url(../images/new14.png) no-repeat 50%/cover;} .gsxwNews .gsxwNewsItem:hover .gsxwNewsDeta{ color:#54aef4;} .gsxwNews .gsxwNewsItem:hover .gsxwNewsTitle{ color:#FFFFFF;} .gsxwNews .gsxwNewsItem:hover .gsxwNewsSmall{ color:#FFFFFF;} .gsxwNews .gsxwNewsItem:hover .gsxwNewsMore{ padding-left:36px; background:url(../images/new16.png) no-repeat 0 50%; color:#FFFFFF;} {} .hyzxSx{ width:94%; max-width:1400px; margin:25px auto; display:flex; align-items:center;} .hyzxSx .hyzxSxLeft{ font-size:24px;} .hyzxSx .hyzxSxRight{ display:flex; align-items:center;} .hyzxSx .hyzxSxRight a{ display:block; padding:0 25px; margin-right:20px; font-size:18px; color:#666666; line-height:44px; background:rgba(181,181,181,0.3); border-radius:5px; margin-bottom:20px;} .hyzxSx .hyzxSxRight a:hover{ background:#156aa9; color:#FFFFFF;} .hyzxSx .hyzxSxRight a.on{ background:#156aa9; color:#FFFFFF;} .hyzxNews{ width:94%; max-width:1400px; margin:25px auto; display:flex; flex-direction:column;} .hyzxNews .hyzxNewsItem{ width:100%; display:flex; justify-content:space-between; align-items:center; padding:35px; background:#ffffff; position:relative; margin-bottom:20px; border-radius:5px;} .hyzxNews .hyzxNewsItem .hyzxNewsLeft{ display:flex; flex-direction:column;} .hyzxNews .hyzxNewsItem .hyzxNewsLeft .hyzxNewsDeta{ font-size:18px; color:#156aa9;} .hyzxNews .hyzxNewsItem .hyzxNewsLeft .hyzxNewsTitle{ font-size:20px; line-height:45px;} .hyzxNews .hyzxNewsItem .hyzxNewsLeft .hyzxNewsSmall{ font-size:16px; color:#666666; line-height:30px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;} .hyzxNews .hyzxNewsItem .hyzxNewsLeft .hyzxNewsMore{ font-size:14px; margin-top:50px; display:none;} .hyzxNews .hyzxNewsItem .hyzxNewsLeft .hyzxNewsMore i{ margin-right:15px; color:#156aa9;} .hyzxNews .hyzxNewsItem .hyzxNewsRight{ position:absolute; top:35px; right:35px; max-width:305px; overflow:hidden; border-radius:5px; width:100%; opacity:0;} .hyzxNews .hyzxNewsItem .hyzxNewsRight:before{ content:''; display:block; padding-top:calc( 100% * ( 187 / 305 ));} .hyzxNews .hyzxNewsItem .hyzxNewsRight div{ width:100%; height:100%; display:flex; justify-content:center; align-items:center; position:absolute; left:0; top:0;} .hyzxNews.hyzxNews1 .hyzxNewsItem:hover .hyzxNewsLeft{ width:55%;} .hyzxNews.hyzxNews1 .hyzxNewsItem:hover .hyzxNewsLeft .hyzxNewsSmall{ -webkit-line-clamp:2;} .hyzxNews.hyzxNews1 .hyzxNewsItem:hover .hyzxNewsLeft .hyzxNewsMore{ display:block;} .hyzxNews.hyzxNews1 .hyzxNewsItem:hover .hyzxNewsRight{ opacity:1; transition:all ease-in 0.5s;} {} .xwssXz{ width:94%; max-width:1400px; margin:40px auto; display:flex; align-items:center;} .xwssXz a{ font-size:16px; margin-right:40px; color:#666666; line-height:34px; border-bottom:rgba(255,255,255,0.00) solid 3px;} .xwssXz a.on{ color:#156aa9; border-bottom:#156aa9 solid 3px;} .xwssXz a:hover{ color:#156aa9; border-bottom:#156aa9 solid 3px;} {} .xwzx3.xwzx33{ max-width:1400px;} .xwzx3.xwzx33 .xwzx3Left{ background:url(../images/new18.png) no-repeat 0 50%; padding-left:35px;} .spzyNews{ width:100%; max-width:1430px; display:flex; margin:30px auto; flex-wrap:wrap;} .spzyNews .spzyNewsItem{ width:calc( 100% * ( 1 / 3) - 30px); margin:0 15px 30px; display:block; border-radius:5px; overflow:hidden; transition:all ease-in 0.5s;} .spzyNews .spzyNewsItem .spzyNewsImg{ width:100%; position:relative;} .spzyNews .spzyNewsItem .spzyNewsImg .spzyNewsMask{ position:absolute; width:100%; height:100%; background: url(../images/new28.png) no-repeat 50%,rgba(0,0,0,0.50); left:0; top:0; z-index:9; opacity:0; transition:all ease-in 0.5s;} .spzyNews .spzyNewsItem .spzyNewsImg .spzyNewsImg{ position:relative; width:100%;} .spzyNews .spzyNewsItem .spzyNewsImg .spzyNewsImg:before{ content:''; display:block; padding-top:calc( 100% * ( 275 / 477));} .spzyNews .spzyNewsItem .spzyNewsImg .spzyNewsImg div{ position:absolute; left:0; top:0; display:flex; justify-content:center; align-items:center; overflow:hidden; width:100%; height:100%; overflow:hidden;} .spzyNews .spzyNewsItem .spzyNewsImg .spzyNewsImg div img{ width:100%; } .spzyNews .spzyNewsItem .spzyNewsText{ width:100%; padding:20px; display:flex; flex-direction:column; transition:all ease-in 0.5s;} .spzyNews .spzyNewsItem .spzyNewsText .spzyNewsTitle{ font-size:18px; line-height:2em; margin-bottom:20px; white-space:pre; overflow:hidden; text-overflow:ellipsis;} .spzyNews .spzyNewsItem .spzyNewsText .spzyNewsBottom{ display:flex; justify-content:space-between; align-items:center;} .spzyNews .spzyNewsItem .spzyNewsText .spzyNewsBottom .spzyNewsB1{ color:#666666; font-size:14px; display:flex; align-items:center;} .spzyNews .spzyNewsItem .spzyNewsText .spzyNewsBottom .spzyNewsB1 img{ margin-right:5px;} .spzyNews .spzyNewsItem:hover{ box-shadow:rgba(28,30,32,0.08) 0 0 35px;} .spzyNews .spzyNewsItem:hover .spzyNewsImg .spzyNewsMask{ opacity:1;} .spzyNews .spzyNewsItem:hover .spzyNewsText{ background:#FFFFFF;} .spzyNews .spzyNewsItem .spzyNewsImg .spzyNewsImg div img{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .spzyNews .spzyNewsItem:hover .spzyNewsImg .spzyNewsImg div img{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); filter: scale(1.15); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } {} .newsDetail{ width:94%; max-width:1400px; display:flex; margin:0 auto 0 auto; justify-content:space-between;} .newsDetail .contents{ width:calc( 100% - 405px);} .newsDetail .detailMenu{ flex-shrink:0; width:390px; display:flex; flex-direction:column;} .newsDetail .detailMenu .detailMenu1{ width:100%; display:flex; align-items:center; height:70px; padding:0 30px; font-size:18px; background:#f8fafc;} .newsDetail .detailMenu .detailMenu1 img{ margin-right:10px;} .newsDetail .detailMenu .ad a{ width:100% !important; display: inline-block;} .newsDetail .detailMenu .ad a img{ width:100%;} .detailMenuBox{ width:100%; padding:20px; background:#FFFFFF; margin-bottom:15px; height:fit-content; overflow:hidden; padding-top:0px; padding-bottom:30px;} .rightList{ width:100%; position:relative; margin-bottom:0px !important;} .rightList .rightList1{ display:flex; flex-direction:column; overflow:hidden;} .rightList .rightList1 .rightListItem{ display:flex; flex-direction:column; padding:25px 0; border-bottom:#dadada solid 1px;} .rightList .rightList1 .rightListItem:last-child{ padding-bottom:0px; border-bottom:0px;} .rightList .rightList1 .rightListItem .rightListTitle{ font-size:18px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;} .rightList .rightList1 .rightListItem .rightListDeta{ font-size:14px; color:#b5b5b5; margin-top:5px; margin-bottom:20PX;} .rightList .rightList1 .rightListItem .rightListSmall{ font-size:14px; color:#666666; line-height:21px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;} .rightList .slick-dots{ display:flex; justify-content:center;} .rightList .slick-dots li.slick-active button:before{ color:#156aa9;} .contentsMess{ width:100%; padding:0 50px; background:#FFFFFF; display:flex; flex-direction:column; margin-bottom:30px;} .contentsMess .title{ font-size:30px; line-height:2em; margin-top:40px;} .contentsMess .xx{ font-size:14px; color:#b5b5b5; display:flex; align-items:center; padding:25px 0;} .contentsMess .xx div{ margin-right:15px;} .contentsMess .nr{ font-size:16px; line-height:30px; border-bottom:#e9e9e9 solid 1px; border-top:#e9e9e9 solid 1px; padding:20px 0 100px 0;} .contentsMess .nr p{ margin-bottom:20px;} .contentsMess video{ width: 100%; height: auto;} .contentsMess .nr div{ margin-bottom:20px;} .contentsMess .bottom{ padding:30px 0; display:flex; justify-content:space-between; align-items:center; } .contentsMess .bottom .bl{ display:flex; align-items:center; width:calc(100% - 262px); flex-wrap:wrap;} .contentsMess .bottom .bl a{ display:block; margin-right:8px; padding:8px 10px; font-size:15px; color:#666666; border:#e9e9e9 solid 1px; border-radius:5px;} .contentsMess .bottom .bl a:last-child{ margin-right:0px;} .contentsMess .bottom .br{ display:flex; align-items:center;} .contentsMess .bottom .br a{ font-size:14px; color:#666666; width:45px; height:45px; padding:0px; margin:0px; margin-right:15px;} .contentsMess .bottom .br a img{ display:none;} .contentsMess .bottom .br a:nth-child(1){ display:flex; align-items:center; width:auto; height:auto;} .contentsMess .bottom .br a:nth-child(1) img{ display: block;} .contentsMess .bottom .br a:nth-child(1) span{ margin-left:10px;} .contentsMess .bottom .br #share-1{ display:flex; align-items:center;} .contentsMess .bottom .br #share-1 a{ width:45px; height:45px; padding:0px; margin:0px; margin-right:15px; position:relative; display:flex;} .contentsMess .bottom .br #share-1 a:nth-child(1){ background:url(../images/new32.png) no-repeat 50%;} .contentsMess .bottom .br #share-1 a:nth-child(2){ background:url(../images/new33.png) no-repeat 50%;} .contentsMess .bottom .br #share-1 a:nth-child(3){ background:url(../images/new34.png) no-repeat 50%; margin-right:0px;} .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms} .wechat-qrcode.bottom{top:40px;left:-84px} .wechat-qrcode.bottom:after{display:none} .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto} .wechat-qrcode .qrcode table{margin:0 !important} .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0} .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent} .contentsMess .bottom .br #share-1 a:hover .wechat-qrcode{display:block} .pages{ padding:0 50px; height:60px; background:#e5e9ed; align-items:center; display:flex; justify-content:space-between; margin-bottom:100px;} .pages a{ align-items:center; font-size:16px; color:#666666; max-width:35%; cursor:pointer;} .pages a span{ margin:0 10px; white-space: pre;} .pages a .fa-mail-reply{ color:#156aa9;} .pages a{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .pages a div:nth-child(2){ white-space: pre; overflow: hidden; max-width: 70%; overflow: hidden; text-overflow: ellipsis; padding-left: 10px; position:relative; top:4px; } .pages a div{ display:inline-block;} {} .schdNews{ width:94%; max-width:1400px; display:flex; flex-direction:column; margin:45px auto;} .schdNews .schdNewsItem{ display:flex; min-height:130px;} .schdNews .schdNewsItem .schdNewsLeft{ width:200px; flex-shrink:0; display:flex;} .schdNews .schdNewsItem .schdNewsLeft div{} .schdNews .schdNewsItem .schdNewsLeft .riqi{ font-size:20px; margin-left:15px; line-height:30px;} .schdNews .schdNewsItem .schdNewsRight{ width:calc(100% - 200px); position:relative; margin-bottom: 40px;} .schdNews .schdNewsItem .schdNewsRight .neirong{ padding:0; border-bottom:none;} /*第一种*/ .schdNews .schdNewsItem.item1 .schdNewsLeft{ background:url(../images/new35.jpg) repeat-y 17px 0;} .schdNews .schdNewsItem.item1 .schdNewsLeft .tubiao{ width:35px; height:30px; background: url(../images/new19.png) no-repeat 0 50%,#f0f4f7;} .schdNews .schdNewsItem.item2 .schdNewsLeft .riqi{ color:#156aa9;} .schdNews .schdNewsItem.item1 .schdNewsRight{} .schdNews .schdNewsItem.item1 .schdNewsRight .xian{ display:none;} .schdNews .schdNewsItem.item1 .schdNewsRight .neirong{ display:flex; flex-direction:column;} .schdNews .schdNewsItem.item1 .schdNewsRight .neirong .biaoti{ font-size:20px; line-height:30px;} .schdNews .schdNewsItem.item1 .schdNewsRight .neirong .jianjie{ font-size:16px; color:#666666; line-height:2em;} .schdNews .schdNewsItem.item1 .schdNewsRight .neirong .xinxi{ display:none;} .schdNews .schdNewsItem.item1 .schdNewsRight .neirong .xinxi .xinxiRiqi{} .schdNews .schdNewsItem.item1 .schdNewsRight .neirong .xinxi .xinxiDizhi{} .schdNews .schdNewsItem.item1 .schdNewsRight .tupian{ display:none;} .schdNews .schdNewsItem.item1 .schdNewsRight .tupian:before{} .schdNews .schdNewsItem.item1 .schdNewsRight .tupian div{} /*第二种*/ .schdNews .schdNewsItem.item2 .schdNewsLeft{ background:url(../images/new36.jpg) repeat-y 17px 0; padding-top:30px;} .schdNews .schdNewsItem.item2 .schdNewsLeft .tubiao{ width:35px; height:30px; background: url(../images/new20.png) no-repeat 0 50%,#f0f4f7;} .schdNews .schdNewsItem.item2 .schdNewsLeft .riqi{ color:#156aa9;} .schdNews .schdNewsItem.item2 .schdNewsRight{ padding:35px 35px 35px 50px; background:#136098; border-radius:5px; display:flex; justify-content:space-between;position:relative; top:-30px} .schdNews .schdNewsItem.item2 .schdNewsRight .xian{ position:absolute; left:0; top:40px; width:30px; height:3px; background:#FFFFFF;} .schdNews .schdNewsItem.item2 .schdNewsRight .neirong{ width:calc( 100% * ( 635 / 1210));} .schdNews .schdNewsItem.item2 .schdNewsRight .neirong .biaoti{ font-size:20px; color:#FFFFFF;} .schdNews .schdNewsItem.item2 .schdNewsRight .neirong .jianjie{ font-size:16px; color:#FFFFFF; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; height:32px; margin:20px 0 40px 0;} .schdNews .schdNewsItem.item2 .schdNewsRight .neirong .xinxi{ font-size:15px; color:#FFFFFF; line-height:2em;} .schdNews .schdNewsItem.item2 .schdNewsRight .neirong .xinxi .xinxiRiqi{ padding-left:24px; background:url(../images/new22.png) no-repeat 0 50%;} .schdNews .schdNewsItem.item2 .schdNewsRight .neirong .xinxi .xinxiDizhi{ padding-left:24px; background:url(../images/new23.png) no-repeat 0 50%;} .schdNews .schdNewsItem.item2 .schdNewsRight .tupian{ width:calc( 100% * ( 344 / 1210)); position:relative;} .schdNews .schdNewsItem.item2 .schdNewsRight .tupian:before{ content:''; display:block; padding-top:calc( 100% * ( 210 / 344));} .schdNews .schdNewsItem.item2 .schdNewsRight .tupian div{ position:absolute; left:0; top:0; display:flex; justify-content:center; align-items:center; overflow:hidden; width:100%; height:100%; overflow:hidden;} .schdNews .schdNewsItem:hover:nth-last-child(1) .schdNewsLeft{ background:none;} .schdNews .schdNewsItem:hover .schdNewsLeft{ background:url(../images/new36.jpg) repeat-y 17px 0; padding-top:0px;} .schdNews .schdNewsItem:hover .schdNewsLeft .tubiao{ width:35px; height:30px; background: url(../images/new20.png) no-repeat 0 50%,#f0f4f7;} .schdNews .schdNewsItem:hover .schdNewsLeft .riqi{ color:#156aa9;} .schdNews .schdNewsItem:hover .schdNewsRight{ padding:35px 35px 35px 50px; background:#136098; border-radius:5px; display:flex; justify-content:space-between; position:relative; top:-30px;} .schdNews .schdNewsItem:hover .schdNewsRight .xian{ position:absolute; left:0; top:40px; width:30px; height:3px; background:#FFFFFF; display:block;} .schdNews .schdNewsItem:hover .schdNewsRight .neirong{ width:calc( 100% * ( 635 / 1210));} .schdNews .schdNewsItem:hover .schdNewsRight .neirong .biaoti{ font-size:20px; color:#FFFFFF;} .schdNews .schdNewsItem:hover .schdNewsRight .neirong .jianjie{ font-size:16px; color:#FFFFFF; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; height:32px; margin:20px 0 40px 0;} .schdNews .schdNewsItem:hover .schdNewsRight .neirong .xinxi{ font-size:15px; color:#FFFFFF; line-height:2em; display:block;} .schdNews .schdNewsItem:hover .schdNewsRight .neirong .xinxi .xinxiRiqi{ padding-left:24px; background:url(../images/new22.png) no-repeat 0 50%;} .schdNews .schdNewsItem:hover .schdNewsRight .neirong .xinxi .xinxiDizhi{ padding-left:24px; background:url(../images/new23.png) no-repeat 0 50%;} .schdNews .schdNewsItem:hover .schdNewsRight .tupian{ width:calc( 100% * ( 344 / 1210)); position:relative; display:block;} .schdNews .schdNewsItem:hover .schdNewsRight .tupian:before{ content:''; display:block; padding-top:calc( 100% * ( 210 / 344));} .schdNews .schdNewsItem:hover .schdNewsRight .tupian div{ position:absolute; left:0; top:0; display:flex; justify-content:center; align-items:center; overflow:hidden; width:100%; height:100%; overflow:hidden;} /*第三种*/ .schdNews .schdNewsItem.item3 .schdNewsLeft{ background:url(../images/new36.jpg) repeat-y 17px 0; padding-top:18px;} .schdNews .schdNewsItem.item3 .schdNewsLeft .tubiao{ width:35px; height:50px; background: url(../images/new21.png) no-repeat 0 50%,#f0f4f7;} .schdNews .schdNewsItem.item3 .schdNewsLeft .riqi{ color:#156aa9; line-height:50px;} .schdNews .schdNewsItem.item3 .schdNewsRight{ padding:35px 35px 35px 50px; background:#fff; border-radius:5px; display:flex; justify-content:space-between;} .schdNews .schdNewsItem.item3 .schdNewsRight .xian{ position:absolute; left:0; top:40px; width:30px; height:3px; background:#156aa9;} .schdNews .schdNewsItem.item3 .schdNewsRight .neirong{ width:calc( 100% * ( 635 / 1210));} .schdNews .schdNewsItem.item3 .schdNewsRight .neirong .biaoti{ font-size:20px; color:#156aa9;} .schdNews .schdNewsItem.item3 .schdNewsRight .neirong .jianjie{ font-size:16px; color:#666666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; height:32px; margin:20px 0 40px 0;} .schdNews .schdNewsItem.item3 .schdNewsRight .neirong .xinxi{ font-size:15px; color:#666666; line-height:2em;} .schdNews .schdNewsItem.item3 .schdNewsRight .neirong .xinxi .xinxiRiqi{ padding-left:24px; background:url(../images/new24.png) no-repeat 0 50%;} .schdNews .schdNewsItem.item3 .schdNewsRight .neirong .xinxi .xinxiDizhi{ padding-left:24px; background:url(../images/new25.png) no-repeat 0 50%;} .schdNews .schdNewsItem.item3 .schdNewsRight .tupian{ width:calc( 100% * ( 344 / 1210)); position:relative;} .schdNews .schdNewsItem.item3 .schdNewsRight .tupian:before{ content:''; display:block; padding-top:calc( 100% * ( 210 / 344));} .schdNews .schdNewsItem.item3 .schdNewsRight .tupian div{ position:absolute; left:0; top:0; display:flex; justify-content:center; align-items:center; overflow:hidden; width:100%; height:100%; overflow:hidden;} /*第四种*/ .schdNews .schdNewsItem.item4 .schdNewsLeft{ background:url(../images/new35.jpg) repeat-y 17px 0;} .schdNews .schdNewsItem.item4 .schdNewsLeft .tubiao{ width:35px; height:30px; background: url(../images/new19.png) no-repeat 0 50%,#f0f4f7;} .schdNews .schdNewsItem.item4 .schdNewsLeft .riqi{ color:#156aa9; opacity:0.7;} .schdNews .schdNewsItem.item4 .schdNewsRight{} .schdNews .schdNewsItem.item4 .schdNewsRight .xian{ display:none;} .schdNews .schdNewsItem.item4 .schdNewsRight .neirong{ display:flex; flex-direction:column;} .schdNews .schdNewsItem.item4 .schdNewsRight .neirong .biaoti{ font-size:20px; line-height:30px; color:#156aa9; opacity:0.7;} .schdNews .schdNewsItem.item4 .schdNewsRight .neirong .jianjie{ font-size:16px; color:#666666; line-height:2em;} .schdNews .schdNewsItem.item4 .schdNewsRight .neirong .xinxi{ display:none;} .schdNews .schdNewsItem.item4 .schdNewsRight .neirong .xinxi .xinxiRiqi{} .schdNews .schdNewsItem.item4 .schdNewsRight .neirong .xinxi .xinxiDizhi{} .schdNews .schdNewsItem.item4 .schdNewsRight .tupian{ display:none;} .schdNews .schdNewsItem.item4 .schdNewsRight .tupian:before{} .schdNews .schdNewsItem.item4 .schdNewsRight .tupian div{} .schdNews .schdNewsItem:nth-last-child(1) .schdNewsLeft{ height:100%; height:30px; background: url(../images/new19.png) no-repeat 0 10px,#f0f4f7;} {} .gy{ width:100%; background:#f0f5f9 url(../images/ab1.jpg) no-repeat 50% 0%; overflow: hidden; } .gyNei{ width: 94%; max-width: 1400px; margin:100px auto 90px auto; } .gyNei .gyLeft{ width:100%; max-width: 640px; display: flex; flex-direction: column; } .gyTitle{ font-size: 18px; color:#035fa3; text-transform: uppercase; font-family:'RobotoB'; } .gyDit{ margin:10px 0 15px 0; } .guanyu1{ font-size: 32px; font-weight:bolder;} .guanyu1 span{ font-weight:lighter; margin-top:20px; display:inline-block;} .guanyu2{ font-size: 16px; color:#666666; line-height: 24px; text-align: justify; margin-top: 40px; } .guanyu2 p{} .guanyu3{ margin:80px 0; width: fit-content; cursor:pointer;} .gyLink{ display: flex; align-items: center; font-size: 14px; } .gyLink i{ margin-right:10px; color:#035fa3; } .wh{ width: 100%; overflow: hidden; background: url(../images/ab2.jpg) no-repeat 50%/ cover; } .whNei{ width: 94%; max-width: 1400px; margin:100px auto 75px auto; display: flex; justify-content: space-between; } .whNei .whRight{ max-width: 800px; display: flex; flex-direction: column; } .wh1{ font-size: 32px; color: #fff;} .wh2{ width: 100%; height: 375px; overflow: hidden; overflow-y: auto; color: #fff; font-size: 14px; line-height: 21px; margin:50px 0;overflow-y: auto;scrollbar-color: #fff; scrollbar-width: 1px; scrollbar-width: thin; scrollbar-width: 1px;} .wh2 .wh21{ font-size: 20px; line-height: 54px; font-weight: bolder; opacity:1; margin-bottom:0px; } .wh2 p{ opacity:.85; margin-bottom:10px;} /* 设置滚动条的样式 */ .wh2::-webkit-scrollbar { width:4px; } /* 滚动槽 */ .wh2::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 6px #fff; border-radius:10px; } /* 滚动条滑块 */ .wh2::-webkit-scrollbar-thumb { border-radius:10px; background:#fff; -webkit-box-shadow:inset 0 0 1px #1b6cab } .wh2::-webkit-scrollbar-thumb:window-inactive { background:rgba(255,255,255,1); } .wh3{ display: flex; width:fit-content; height:53px; border-radius: 50px; justify-content:center; align-items: center; border:#fff solid 1px; font-size: 14px; color:#fff; max-width:195px; padding:0px 20px;} .wh3 i{ margin-right: 10px; } .wh3:hover{ background:#fff; color:#156aa9;} .ceo{ width: 94%; max-width: 1400px; margin:90px auto 100px auto; display: flex; justify-content: space-between; } .ceoLeft{ width:calc( 100% * ( 735 / 1400)); } .ceoRight{ width:calc( 100% * ( 570 / 1400)); } .ceoText{ font-size: 15px; line-height: 23px; color: #666; text-align: justify; margin-top: 40px; } .ceoText p{ margin-bottom:10px;} .ceoName{ display: flex; align-items: center; justify-content: space-between; margin-top: 80px; } .ceoNameRight{ display: flex; align-items: center; } .ceoNameRight .ceoNameRight1{ display: flex; flex-direction: column; font-size: 14px; color:#666; line-height: 21px; } .ceoNameRight .ceoNameRight1 .ceoNameRight11{ color:#222222;} .ceoNameRight .ceoNameRight2{ margin-left:45px; } .td{ background: url(../images/ab6.jpg) no-repeat 0 50%,#156aa9; overflow: hidden;} .gltd{ width: 94%; max-width: 1400px; margin:100px auto 100px auto; display: flex; flex-direction: column; } .gltd2{ width: 100%; max-width: 1420px; display: flex; flex-wrap: wrap; margin:0 auto 100px auto; margin-top:40px;} .gltd2 .gltd2Item{ display: block; position: relative; margin-top: 60px; width:calc( 25% - 20px); margin:0 10px 60px 10px;} .gltd2 .gltd2Item .gltd2Text{ background:#d0e1ee; display: flex; flex-direction: column; padding:25px 25px 15px 25px; border-radius: 5px; height:160px;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .gltd2 .gltd2Item:before{ content:""; display:inline-block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/ab5.png) no-repeat 50%/cover;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; opacity:0;} .gltd2 .gltd2Item:hover:before{ opacity:1;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .gltd2 .gltd2Item .gltd2Text .gltd2Title{ font-size: 19px; display: flex; align-items: center; position:relative; z-index:2;} .gltd2 .gltd2Item .gltd2Text .gltd2Title div{ margin-right: 10px; margin-bottom:8px;} .gltd2 .gltd2Item .gltd2Text .gltd2Small{ font-size: 15px; color:#666666; line-height: 23px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; height:46px; width: 120px; position:relative; z-index:2;} .gltd2 .gltd2Item .gltd2Text .gltd2More{ font-size: 12px; color:#666666; position:relative; z-index:2; margin-top: 16px;} .gltd2 .gltd2Item .gltd2Img{ width: 204px; position: absolute; bottom: 0; right: 0; z-index:3; display:flex; justify-content:flex-end; overflow:hidden;} .gltd2 .gltd2Item .gltd2Img img{ max-height:204px; position:relative; right:-17px;} .gltd2 .gltd2Item:last-child:before{ display:none;} .ls{ width: 100%; background: #fff; padding:100px 0; overflow: hidden; } .lsTop{ width: 94%; max-width: 1400px; margin:0px auto; display: flex; align-items: flex-end; justify-content: space-between;} .lsTop .lsTopLeft{ width:calc( 100% * ( 755 / 1400)); } .lsTop .lsTopRight{ width:calc( 100% * ( 480 / 1400)); } .lsBox{ width: 100%; position: relative; } .lsBox .lsItem{ width: 100%; position: relative; padding-top: 65px; display: none; } .lsBox .lsItem .lsItemNum{ position: absolute; top: 0; right: 0; font-size: 200px; color:#e8e8e8; font-weight: bolder; z-index: 0; line-height: 160px; -webkit-filter: blur(10px); filter: blur(10px); } .lsBox .lsItem .lsItemText{ height:198px; font-size: 18px; line-height: 34px; overflow: hidden; overflow-y: auto; position: relative; z-index: 1; padding-right:70px; overflow-y: auto;scrollbar-color: #fff; scrollbar-width: 1px; scrollbar-width: thin; scrollbar-width: 1px;} /* 设置滚动条的样式 */ .lsBox .lsItem .lsItemText::-webkit-scrollbar { width:4px; } /* 滚动槽 */ .lsBox .lsItem .lsItemText::-webkit-scrollbar-track { border-radius:10px; background: #666666; } /* 滚动条滑块 */ .lsBox .lsItem .lsItemText::-webkit-scrollbar-thumb { border-radius:10px; background:#222222; } .lsBox .lsItem .lsItemText::-webkit-scrollbar-thumb:window-inactive { background:#222222 } .lsBot{ width: 100%; margin-top:110px; height:50px; background: url(../images/ab9.png) repeat-x 50% 100%; } .lsBotBox{ width:100%; max-width: 1432px; margin: 0 auto; } .lsBotBoxNei{ width: 94%; max-width: 850px; display: flex; align-items: center;} .nfLeft{ width: 20px; height: 50px; flex-shrink: 0; cursor:pointer; } .nfRight{ width: 20px; height: 50px; flex-shrink: 0; cursor:pointer;} .nf{ display: flex;display: flex; overflow: hidden; overflow-x: auto; max-width: 840px; width:calc( 100% - 40px); overflow-x: auto;scrollbar-color: #fff; scrollbar-width: 0px; scrollbar-width: thin; scrollbar-width: 0px; scrollbar-height: 0px; scrollbar-height: thin; scrollbar-height: 0px;} .nf li{ width: 90px; height: 50px; font-size: 17px; color:#666666; text-align: center; flex-shrink: 0; cursor:pointer;} .nf li.on{ background: url(../images/ab10.png) no-repeat 50% 100%; color: #035fa3; } /* 设置滚动条的样式 */ .nf::-webkit-scrollbar { height:2px; } /* 滚动槽 */ .nf::-webkit-scrollbar-track { border-radius:2px; background: none; } /* 滚动条滑块 */ .nf::-webkit-scrollbar-thumb { border-radius:2px; background:none; } .nf::-webkit-scrollbar-thumb:window-inactive { background:none; } .ry{ width: 100%; overflow: hidden; padding:100px 0; } .gsry{ width: 94%; max-width: 1400px; margin:0px auto; } .gsryBox{ width: 94%; max-width: 1420px; margin:50px auto; position: relative;} .gsryArrow{ width: 100%; height:0px; position: absolute; left: 0; top: -86px; display: flex; justify-content: flex-end; } .gsryArrow .gsryArrowLeft{ cursor:pointer;} .gsryArrow .gsryArrowRight{ margin-left:10px; cursor:pointer;} .gsryImgBox{ height: 330px; width: 100%; margin:0; overflow: hidden; } .gsryImgBox .gsryImgItem{ width:calc( 25% - 20px); margin:0 10px; background: #fff; position: relative; border-radius: 5px; overflow: hidden; } .gsryImgBox .gsryImgItem .gsryImgMask{ width: 100%; height:100%; position: absolute; top: 0; left: 0; z-index: 9; background: url(../images/ab12.png) no-repeat 50%,rgba(0,0,0,.5); opacity: 0; display:none;} .gsryImgBox .gsryImgItem:hover .gsryImgMask{ opacity: 1; transition: all ease 0.5s; } .gsryImgBox .gsryImgItem .gsryImgBoxs{ width:100%; display: flex; flex-direction: column; padding:15px; } .gsryImgBox .gsryImgItem .gsryImgBoxs .gsryImgImg{ width: 100%; height:233px; display: flex; justify-content: center; align-items: center; overflow: hidden; border-bottom: #e5e9ed solid 1px; } .gsryImgBox .gsryImgItem .gsryImgBoxs .gsryImgImg img{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .gsryImgBox .gsryImgItem:hover .gsryImgBoxs .gsryImgImg img{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); filter: scale(1.15); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .gsryImgBox .gsryImgItem .gsryImgBoxs .gsryImgTitle{ font-size: 16px; text-align: center; line-height: 65px; } .gsryMore{ display: flex; justify-content:center; margin:0 auto; max-width:195px; color:#666666; height:53px; border:#666 solid 1px; border-radius: 50px; align-items: center; margin:60px auto 0 auto; width:fit-content; padding:0px 20px;} .gsryMore i{ margin-right:10px; } {} #videoTc .tcBox{ max-width: 30%; background: #fff; padding:25px; border-radius: 10px; position: relative; } #videoTc .tcBox .colseTc{ width:20px; height:20px; border-radius:40px; text-align: center; line-height: 20px; background: #fff; box-shadow: rgba(0,0,0,0.3) 0 0 10px; top:-10px; right:-10px; position: absolute; cursor:pointer;} #videoTc .tcBox video{ width:100%;} {} .moTop { width: 100%; padding: 0 30px; height: 128px; display: flex; align-items: center; justify-content: space-between; background: #222; z-index: 999; box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px; border-bottom: #fff solid 1px; } .moTop .moLogo {} .moTop .moMenuOpen {} .moMenuBox { width: 100%; display: none; background: rgba(34, 34, 34, 0.1); height: 100vh; position: fixed; z-index: 999999999; top: 0; } .moMenu { width: 60%; background: #222; padding: 0 50px; display: flex; flex-direction: column; align-items: center; height: 100vh; position: fixed; z-index: 999999; top: 0; left: -60%; box-shadow: rgba(34, 34, 34, 0.5) 0 0 50px; } .moDropLogo { display: inline-block; margin: 30px 0; } .moDrop { width: 100%; display: flex; flex-direction: column; } .moDrop .yiji { width: 100%; } .moDrop .yiji .yijiTitle { width: 100%; display: flex; justify-content: center; position: relative; border-bottom: rgba(255, 255, 255, 0.50) solid 1px; } .moDrop .yiji .yijiTitle .yijiTitleText { display: flex; line-height: 4em; text-align: center; font-size: 24px; color: #FFFFFF; } .moDrop .yiji .yijiTitle .yijiTitleIcon { position: absolute; right: 25px; top: 50%; height: 0; display: flex; align-items: center; justify-content: flex-end; } .moDrop .yiji .yijiTitle .yijiTitleIcon img { cursor: pointer; } .moDrop .yiji .yijiTitle .yijiTitleIcon img:nth-child(2) { display: none; } .moDrop .yiji.on {} .moDrop .yiji.on .yijiTitle .yijiTitleIcon img:nth-child(1) { display: none; } .moDrop .yiji.on .yijiTitle .yijiTitleIcon img:nth-child(2) { display: block; } /*.moDrop .yiji.on .erjiDrop{ display:block;} */ .erjiDrop { width: 100%; display: none; } .moDrop .yiji.on .erjiDrop { border-bottom: rgba(255, 255, 255, 0.50) solid 1px; } .erjiDrop .erji { width: 100%; } .erjiDrop .erji .erjiTitle { width: 100%; position: relative; display: flex; align-items: center; justify-content: center; } .erjiDrop .erji .erjiTitle .erjiTitleText { line-height: 4em; font-size: 20px; color: #FFFFFF; display: block; } .erjiDrop .erji .erjiTitle .erjiTitleIcon { position: absolute; right: 25px; top: 50%; height: 0; display: flex; align-items: center; justify-content: flex-end; } .erjiDrop .erji .erjiTitle .erjiTitleIcon img { cursor: pointer; } .erjiDrop .erji .erjiTitle .erjiTitleIcon img:nth-child(2) { display: none; } .erjiDrop .erji.on .erjiTitle .erjiTitleIcon {} .erjiDrop .erji.on .erjiTitle .erjiTitleIcon img:nth-child(1) { display: none; } .erjiDrop .erji.on .erjiTitle .erjiTitleIcon img:nth-child(2) { display: block; } /*.erji.on .sanjiDrop{ display:block;}*/ .sanjiDrop { width: 100%; display: none; border-bottom: rgba(256, 256, 256, 0.5) solid 1px; } .sanjiDrop a { display: inline-block; font-size: 16px; width: 100%; line-height: 4em; text-align: center; width: 100%; color: #FFFFFF; } #closeMoMenu { position: absolute; width: 30px; right: -40px; top: 30px; } .moMenuBottom { width: 100%; display: flex; justify-content: center; align-items: center; } .moMenuBottom img { margin: 25px 10px; } .otherBox { width: 100%; position: relative; } .other { width: 100%; display: none; } .moSearch { align-items: center; justify-content: space-between; padding: 20px 0; } .moSearch input[type='text'] { height: 40px; width: 100%; padding: 0 15px; background: none; border-bottom: #FFFFFF solid 1px; } .moSearch input[type='submit'] { background: url(/static/skin/images/icon20.png) /*tpa=http://www.ladypenguin.com/static/skin/imagess/icon20.png*/ no-repeat 50%/60% 75%; height: 40px; width: 60px; flex-shrink: 0; } .moLeng { justify-content: center; align-items: center; } .moLeng a { font-size: 18px; color: #FFFFFF; margin: 25px 15px; } .moLeng a.on { color: #eb7404; } .index2_bg{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(/public/skin/images/bgg5.jpg) no-repeat 50%/cover; overflow:hidden;} .index2Left,.index2Right,.index2Bottom{ z-index:50;} .index2Right{ position:relative;} .index2_bg img{ height:919px;} .one{ display: inline-block; width:100%; position:absolute; right:0px; top:0; height:100%; background:url(/public/skin/images/bnn1.png) no-repeat 50%/cover;} .one_on{ display: inline-block; width:100%; position:absolute; right:-20px; top:0; height:100%; opacity:0; background:url(/public/skin/images/bnn1.png) no-repeat 50%/cover;} .two{ display: inline-block; width:100%; position:absolute; right:0px; top:0; height:100%;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; background:url(/public/skin/images/bnn2.png) no-repeat 50%/cover;} .one img,.two img,.one_on img{ width:100%; display:none;} .one.on{ transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; opacity:0;} .one_on.on{ right:0px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; opacity:1;} .pc_all .pc_all_content{ max-width:1400px; margin:0 auto;} .DPage{ margin-top:30px;} .DPage a{ font-size:16px; color:#b5b5b5;} .DPage span{ font-size:16px; color:#b5b5b5; margin:0px 8px;} .DPage a img{ margin-right:5px;} .DPage a.on{ color:#222222;} .Technology{ padding:80px 0px; background:#fff;} .Technology .Technology_title{ text-align:center;} .Technology .Technology_title .Technology_title_dd{ font-size:32px; color:#222222; margin-bottom:8px;} .Technology .Technology_title .Technology_title_dt{ font-size:18px; color:#e5e9ed; text-transform:uppercase;} .Technology .Technology_title .Technology_title_p{ font-size:18px; color:#666666; margin-top:25px;} .Technology .Technology_content{ display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:35px;} .Technology .Technology_content .Technology_content_list{ width:25%; display:flex; align-items:center; height:143px; padding:0px 40px; justify-content:space-between; margin-bottom:30px;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; cursor:pointer;} .Technology .Technology_content .Technology_content_list .content_list_icon{ width:30%;} .Technology .Technology_content .Technology_content_list .content_list_txt{ font-size:18px; color:#222222; width:65%;} .Technology .Technology_content .Technology_content_list:hover{ box-shadow:0px 2px 23px rgba(52,69,93,.1);transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .Technology2{ display:flex; justify-content:space-between; background:#f7f9fb;} .Technology2 .Technology2_left{ display:flex; align-items: flex-start; justify-content:center; flex-direction:column; padding-left:260px; padding-right:90px; width:50%;} .Technology2 .Technology2_left .Technology2_left_title{ margin-bottom:30px;} .Technology2 .Technology2_left .Technology2_left_title .left_title_dd{ font-size:18px; color:#e5e9ed; margin-bottom:5px;} .Technology2 .Technology2_left .Technology2_left_title .left_title_dt{ font-size:32px; color:#222222;} .Technology2 .Technology2_left .Technology2_left_txt{ padding-bottom:55px; border-bottom:1px solid #e4e6e7;} .Technology2 .Technology2_left .Technology2_left_txt p{ font-size:16px; color:#666666; margin-bottom:22px; position:relative; padding-left:15px;} .Technology2 .Technology2_left .Technology2_left_txt p:last-child{ margin-bottom:0px;} .Technology2 .Technology2_left .Technology2_left_txt p:before{ content:""; display:inline-block; width:6px; height:4px; background:#156aa9; border-radius:100%; position:absolute; top:10px; left:0;} .Technology2 .Technology2_left .Technology2_left_bottom{ display:flex; justify-content:space-between; flex-wrap:wrap;} .Technology2 .Technology2_left .Technology2_left_bottom .left_bottom_list{ width:48%; display:flex; align-items:center; margin-top:50px;} .Technology2 .Technology2_left .Technology2_left_bottom .left_bottom_list .bottom_list_title{ margin-left:22px;} .Technology2 .Technology2_left .Technology2_left_bottom .left_bottom_list .bottom_list_title .list_title_dd{ font-size:18px; color:#333333;} .Technology2 .Technology2_left .Technology2_left_bottom .left_bottom_list .bottom_list_title .list_title_dt{ font-size:14px; color:#666666; margin-top:6px;} .Technology2 .Technology2_right{ width:50%;} .Technology2 .Technology2_right img{ width:100%; height:675px; object-fit:cover;} .Technology3{ background:#fff;} .Technology3 .Technology3_content{ display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:50px; border-bottom:1px solid #e4e6e7;} .Technology3 .Technology3_content .Technology3_content_list{ width:25%; border:1px solid #e4e6e7; text-align:center; padding:30px 0px; border-right:0px; border-bottom:0px;} .Technology3 .Technology3_content .Technology3_content_list:nth-child(4n){ border-right:1px solid #e4e6e7;} .Technology3 .Technology3_content .Technology3_content_list .content_list_title{ font-size:16px; color:#222222; margin-top:20px;} .Technology3 .Technology3_content .Technology3_content_list .content_list_img{ height:77px; display:flex; justify-content:center; align-items:center;} .Technology3 .Technology3_content .Technology3_content_list .content_list_img img{ max-height:77px;} .video{ height:auto; width:100%;} #testvideo{ margin:0 auto; width:100%; height:500px;} .DSearch{ padding-top:80px;} .DSearch .header2{ top:0;} .RSearch{ padding:100px 0px;} .RSearch .RSearch_top{ display:flex; align-items:center; justify-content:space-between;} .RSearch .RSearch_top .RSearch_top_left .top_left_dd{ font-size:38px; color:#222222; margin-bottom:8px;} .RSearch .RSearch_top .RSearch_top_left .top_left_dt{ font-size:16px; color:#666666;} .RSearch .RSearch_top .RSearch_top_left .top_left_dt span{ margin:0px 8px; color:#333;} .RSearch .RSearch_top .RSearch_top_right{ display:flex; align-items:center; border-radius:100px; overflow:hidden;} .RSearch .RSearch_top .RSearch_top_right input[type="text"]{ height:52px; background:#fff; width:395px; padding-left:20px; font-size:16px; color:#333;} .RSearch .RSearch_top .RSearch_top_right input[type="submit"]{ height:52px; background:#fff; width:115px; display:flex; align-items:center; justify-content:center; font-size:16px; color:#fff; cursor:pointer; background:#156aa9;} .RSearch .RSearch_content{ margin-top:60px;} .RSearch .RSearch_content .RSearch_content_list{ display:inline-block; width:100%; font-size:20px; color:#333; background:#fff; padding:30px; margin-bottom:25px; border-radius:8px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .RSearch .RSearch_content .RSearch_content_list:hover{ box-shadow:0px 0px 20px rgba(0,0,0,.1);} .RSearch .RSearch_content .RSearch_content_list span{ background:#b9d2e4; color:#156aa9; font-size:16px; padding:0px 8px; border-radius:5px; line-height:32px; margin-right:30px;} .xwzx4Top .RSearch_top_left .top_left_dd{ font-size:16px; color:#333; margin-bottom:22px;} .xwzx4Top .RSearch_top_left .top_left_dd b{ color:#156aa9;} .xwzx4Top .RSearch_top_left .top_left_dt{ display:flex; align-items:center;} .xwzx4Top .RSearch_top_left .top_left_dt a{ font-size:16px; color:#333; background:#fff; display:flex; align-items:center; height:55px; padding:0px 25px; margin-right:22px;} .xwzx4Top .RSearch_top_left .top_left_dt a.on{ background:#156aa9; color:#fff;} .hyzxNews.hyzxNews1 .hyzxNewsItem.on:hover{ box-shadow:0px 0px 25px rgba(0,0,0,.15);} .hyzxNews.hyzxNews1 .hyzxNewsItem.on:hover .hyzxNewsLeft{ width:100%;} .hyzxNews.hyzxNews1 .hyzxNewsItem.on:hover .hyzxNewsLeft .hyzxNewsSmall{ -webkit-line-clamp:1;} .hyzxNews.hyzxNews1 .hyzxNewsItem.on:hover .hyzxNewsLeft .hyzxNewsMore{ display:none;} .hyzxNews.hyzxNews1 .hyzxNewsItem.on:hover .hyzxNewsRight{ opacity:0; transition:all ease-in 0.5s;} .menuDown .menuDownTop .menuDownBox:nth-child(2) .yffw{ top:80px; position:relative;} .menuDown .menuDownTop .menuDownBox:nth-child(2) .yffw .yffwLinkBox{ height:80%; overflow:auto;} .menuDown .menuDownTop .menuDownBox:nth-child(2) .yffw .linkBoxLine{ height:80%;} .menuDown .menuDownTop .menuDownBox .yffw .yffwLinkBox{overflow-y: auto;scrollbar-color: #fff; scrollbar-width: 1px; scrollbar-width: thin; scrollbar-width: 1px;} .menuDown .menuDownTop .menuDownBox .yffw .yffwLinkBox::-webkit-scrollbar-track { background-color: rgba(255,255,255,.5); } /* 滚动条的滑轨背景颜色 */ .menuDown .menuDownTop .menuDownBox .yffw .yffwLinkBox::-webkit-scrollbar-thumb { background:#fff; } /* 滑块颜色 */ .menuDown .menuDownTop .menuDownBox .yffw .yffwLinkBox::-webkit-scrollbar-button { background-color: rgba(255,255,255,.5); } /* 滑轨两头的监听按钮颜色 */ .menuDown .menuDownTop .menuDownBox) .yffw .yffwLinkBox::-webkit-scrollbar-corner { background-color: rgba(255,255,255,.5); } /* 横向滚动条和纵向滚动条相交处尖角的颜色 */ .menuDown .menuDownTop .menuDownBox .yffw .yffwLinkBox::-webkit-scrollbar { width: 2px; height: 0px; border-radius:3px; } /* 这是针对缺省样式 (必须的)*/ .MoMore{ display:none;} .dg-container .dg-wrapper > a div p{ line-height:28px !important;} .pc_show{ display: flex;} .pc_show2{ display: block;} .mo_show{ display:none;} .layui-layer-dialog{ top:30% !important;} .message_bg{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); display:none; align-items:center; justify-content:center; z-index:99999;} .message_bg.on{ display:flex;} .message_bg .message{ background:#fff; width:450px; padding:35px;} .message_bg .message .message_title{ display:flex; align-items:center; font-size:20px; color:#333; justify-content:space-between; border-bottom:1px solid #dcdcdc; padding-bottom:13px;} .message_bg .message .message_title .message_close{ cursor:pointer; font-size:20px; color:#999;} .message_bg .message .message_txt{ margin-top:22px;} .message_bg .message .message_txt .message_txt_list{ height:45px; border:1px solid #dcdcdc; width:100%; display:flex; align-items:center; padding:0px 15px; font-size:16px; color:#333; margin-bottom:15px;} .message_bg .message .message_txt textarea{ width:100%; height:150px; border:1px solid #dcdcdc; padding:8px; font-size:15px; color:#333; line-height:24px; font-family:"思源黑体"; resize:none;} .message_bg .message .message_txt input[type="submit"]{ width:100%; height:45px; display:flex; align-items:center; justify-content: center; background:#035fa3; color:#fff; font-size:16px; cursor:pointer; margin-top:15px;} .message_bg .message .message_txt .control-group{ display:flex; align-items:center; height:45px; border:1px solid #dcdcdc; width:100%; display:flex; align-items:center; font-size:16px; color:#333; margin-top:15px; justify-content:space-between;} .message_bg .message .message_txt .control-group img{ cursor:pointer; max-height:43px;} .message_bg .message .message_txt .control-group input{ padding:0px 15px; font-size:15px; color:#333; width:50%;} #newBridge{ display:none !important;} .PcBanenr .PcBanenr_content .PcBanenr_content_list{ position:relative;} .PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_img img{ width:100%; object-fit:cover; height: 980px;} .PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title{ position:absolute; right:0; top:0; width:calc(100% - 8.3vw); height:100%; justify-content: center; display: flex; flex-direction: column; z-index: 20;} .PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title .list_title_dd{ font-size: 24px; color: #fff; text-transform: uppercase; font-family: 'RobotoB'; font-weight: bolder; margin-bottom: 20px;} .PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title .list_title_dt{ font-size: 60px; color: #fff; margin-bottom: 10px;} .PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title .list_title_p{ font-size: 20px; color: #fff; margin-bottom: 45px;} .PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title .list_title_btn{ color: #FFFFFF; display: flex; height: 50px; border-radius: 50px; align-items: center; justify-content: center; border: 1px solid #fff; width: fit-content; width:170px;} .PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title .list_title_btn:hover{ background: #fff; color: #035fa3;} .PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title .list_title_btn i{ margin-right: 15px;} .PcBanenr .PcBanenr_content .PcBanenr_content_arrow{ position: absolute; top: 0; right: 4.3vw; z-index: 12; height: 100%; display: flex; justify-content: center; flex-direction: column;} .PcBanenr .PcBanenr_content .PcBanenr_content_arrow .PcBanenr_prev{ margin-bottom: 20px; cursor: pointer;} .PcBanenr .PcBanenr_content .PcBanenr_content_arrow .PcBanenr_next{ cursor: pointer;} .PcBanenr .PcBanenr_content_list.swiper-slide-active .banner_bn{ opacity:.3;animation:mymove3 6s infinite; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} @keyframes mymove3 { from { opacity:.3;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} to { opacity:0;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} } .indexBanner .priontBox li svg{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .indexBanner .priontBox li svg .jdt2{ transform: rotate(-90deg); transform-origin:32px; } .PcBanenr .PcBanenr_content_list.swiper-slide-active .priontBox li svg .jdt2{ animation: jtd2 infinite 6s linear; } @keyframes jtd2{ 0%{ stroke-dasharray:0 190; stroke-dashoffset: 0;} 100%{ stroke-dasharray:190 0; stroke-dashoffset: 0;} } .PcBanenr .PcBanenr_content_list2.swiper-slide-active .priontBox li svg .jdt2{ animation: jtd2 infinite 4.9s linear; } .PcBanenr .PcBanenr_content_list2.swiper-slide-active .banner_bn{ opacity:.3;animation:mymove3 4.9s infinite; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .indexBanner .indexBox .swiper-pagination{ position: relative;} .indexBanner .indexBox .swiper-pagination .swiper-pagination-current::before{ content: "0";} .indexBanner .indexBox .swiper-pagination .swiper-pagination-total::before{ content: "0";} .TalentRank{ display:flex; align-items:center; justify-content:space-between; background:#004d88 url(/public/skin/img/bn2.png) no-repeat 0% 100%; margin-top:115px; margin-bottom:80px; padding:50px 0px; padding-right:34px;} .TalentRank .TalentRank_left{ padding-left:70px; font-size:16px; color:#fff; line-height:38px; width:640px; text-align: justify;} .TalentRank .TalentRank_left p:last-child{ margin-top:20px;} .TalentRank .TalentRank_right{ width:calc(100% - 685px); text-align:right;} .TalentRank .TalentRank_right img{ max-width:100%;} .page404{ max-width: 1260px; margin: 0 auto; padding: 155px 0px;} .page404 .page404_top .page404_top_t{ display: flex; justify-content: center;} .page404 .page404_top .page404_top_t .top_t_txt{ text-align: center;} .page404 .page404_top .page404_top_t .top_t_txt .t_txt_dd{ font-size: 50px; color: #333333; font-weight: bolder;} .page404 .page404_top .page404_top_t .top_t_txt .t_txt_dt{ font-size: 16px; color: #333333; margin-top: 14px;} .page404 .page404_top .page404_top_t .top_t_txt .t_txt_search{ display: flex; align-items: center; justify-content: space-between; width: 300px; height: 40px; border: 1px solid #54a6e5; border-radius: 100px; overflow: hidden; margin: 0 auto; margin-top: 40px;} .page404 .page404_top .page404_top_t .top_t_txt .t_txt_search input{ line-height: 40px;} .page404 .page404_top .page404_top_t .top_t_txt .t_txt_search input[type="text"]{ width: calc(100% - 80px); padding: 0px 15px; background: none; font-size: 16px; color: #333;} .page404 .page404_top .page404_top_t .top_t_txt .t_txt_search input[type="submit"]{ width: 80px; text-align: center; color: #fff; background: #54a6e5; font-size: 16px; cursor: pointer;} .page404 .page404_top .page404_top_b{ display: flex; align-items: center; justify-content: center; margin-top: 50px;} .page404 .page404_top .page404_top_b a{ display: flex; align-items: center; justify-content: center; width: 140px; height: 39px; border-radius: 100px; background: #54a6e5; color: #fff; font-size: 16px; position: relative; left: 80px;} .page404 .page404_top .page404_top_b a i{ margin-right: 10px;} .page404 .page404_bottom .page404_bottom_title{ font-size: 16px; color: #999999; padding-bottom: 10px; margin-bottom: 25px; border-bottom: 1px solid #e8ebee;} .page404 .page404_bottom .page404_bottom_content .bottom_content_list{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 35px;} .page404 .page404_bottom .page404_bottom_content .bottom_content_list .content_list_img{ width: 16%;} .page404 .page404_bottom .page404_bottom_content .bottom_content_list .content_list_txt{ width: 81%;} .page404 .page404_bottom .page404_bottom_content .bottom_content_list .content_list_txt .list_txt_dd{ font-size: 16px; color: #333333; font-weight: bolder;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .page404 .page404_bottom .page404_bottom_content .bottom_content_list .content_list_txt .list_txt_dt{ font-size: 16px; color: #999999; line-height: 26px; margin-top: 15px; margin-bottom: 30px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .page404 .page404_bottom .page404_bottom_content .bottom_content_list .content_list_txt .list_txt_a{ font-size: 14px; color: #025aa2;} .page404 .page404_bottom .page404_bottom_content .bottom_content_list .content_list_txt .list_txt_a i{ margin-left: 12px;} .navfminput { margin-bottom: 10px;} .navfminput input { width: 100%; height: 35px; border:none; background: #fff; font-style: 14px;} .MenuDown2023 {background:url(../images/bn1.jpg) no-repeat 50%/cover;position:fixed;bottom:0%;right:0%;width:100%;height:100%;z-index:11181;overflow:hidden; display: none;} .MenuDown2023.on {} .MenuDown2023 .MenuDown2023_list {width:73%;position:absolute;right:0;top:0;height:81%;display:none;justify-content:flex-start;padding-top:7%;} .MenuDown2023 .MenuDown2023_list.on {display:flex;} .MenuDown2023 .MenuDown2023_list .MenuDown2023_left {width:43%;position:relative;height:100%;padding-top:0;} .MenuDown2023 .MenuDown2023_list .MenuDown2023_left::before {content:"";height:100%;width:0.0521vw;position:absolute;right:0;top:0;display:inline-block;background:url(../images/bn2.png) repeat-y 50%;} .MenuDown2023 .MenuDown2023_list .MenuDown2023_left .MenuDown2023_left_dd a {font-size:1.2504vw;color:#54aef4;} .MenuDown2023 .MenuDown2023_list .MenuDown2023_left .MenuDown2023_left_dt {display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:30px;} .MenuDown2023_left_dd {margin-top: 30px;} .MenuDown2023 .MenuDown2023_list .MenuDown2023_left .MenuDown2023_left_dt .left_dt_list {width:50%;margin-bottom:1.563vw;} .MenuDown2023 .MenuDown2023_list .MenuDown2023_left .MenuDown2023_left_dt .left_dt_list a {font-size:0.8336vw;color:#fff;position:relative;opacity:.7;padding-left:0.9378vw;} .MenuDown2023 .MenuDown2023_list .MenuDown2023_left .MenuDown2023_left_dt .left_dt_list a:hover {opacity:1;} .MenuDown2023 .MenuDown2023_list .MenuDown2023_left .MenuDown2023_left_dt .left_dt_list a::before {content:"";display:inline-block;width:0.3647vw;height:0.2084vw;border-radius:5.21vw;background:#fff;position:absolute;left:0;top:0.4168vw;} .MenuDown2023 .MenuDown2023_list .MenuDown2023_right {padding-left:1%;height:80%;padding-top:6%;padding-right:8%;width:70%;} .MenuDown2023 .MenuDown2023_list .MenuDown2023_right .MenuDown2023_right_title {display:flex;align-items:center;justify-content:space-between;margin-bottom:2.2924vw;} .MenuDown2023 .MenuDown2023_list .MenuDown2023_right .MenuDown2023_right_title .right_title_dd {font-size:1.2504vw;color:#fff;} .MenuDown2023 .MenuDown2023_list .MenuDown2023_right .MenuDown2023_right_title .right_title_dt a {font-size:1.2504vw;color:#fff;opacity:.7;} .MenuDown2023 .MenuDown2023_list .MenuDown2023_right .MenuDown2023_right_title .right_title_dt a:hover {opacity:1;} .MenuDown2023 .MenuDown2023_list .MenuDown2023_right .MenuDown2023_right_txt img {border-radius:0.2605vw; width: 100%;} .MenuDown2023 .MenuDown2023_list.MenuAbout .MenuDown2023_right {display:inline-block;padding-right:23.5%;} .MenuDown2023 .MenuDown2023_list .MenuClient_right {display:flex;flex-wrap:wrap;justify-content:space-between;} .MenuDown2023 .MenuDown2023_list .MenuClient_right .MenuClient_right_list {width:49%; margin-bottom: 2vw;} .MenuDown2023 .MenuDown2023_list .MenuClient_right .MenuClient_right_list:last-child{ margin-bottom: 0;} .MenuDown2023 .MenuDown2023_list .MenuClient_right .MenuClient_right_list .right_list_dd {font-size:1.2504vw;color:#fff;margin-bottom:1.8235vw;} .MenuDown2023 .MenuDown2023_list .MenuClient_right .MenuClient_right_list .right_list_dt p {font-size:0.8336vw;color:#fff;margin-bottom:0.7815vw;} .MenuDown2023 .MenuDown2023_list .MenuClient_right .MenuClient_right_list .right_list_p {font-size:0.8336vw;color:#fff;opacity:.2;} .MenuDown2023 .MenuDown2023_list .MenuNews_right {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;} .MenuDown2023 .MenuDown2023_list .MenuNews_right .MenuNews_right_list {display:inline-block;width:48%;position:relative;border-radius:0.2605vw;overflow:hidden;} .MenuDown2023 .MenuDown2023_list .MenuNews_right .MenuNews_right_list .right_list_img img {width:100%;height:19.798000000000002vw;object-fit:cover;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .MenuDown2023 .MenuDown2023_list .MenuNews_right .MenuNews_right_list:hover .right_list_img img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);filter:scale(1.1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .MenuDown2023 .MenuDown2023_list .MenuNews_right .MenuNews_right_list .right_list_po {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);padding:1.3025vw;} .MenuDown2023 .MenuDown2023_list .MenuNews_right .MenuNews_right_list .right_list_po .list_po_titme {font-size:0.8336vw;color:#fff;} .MenuDown2023 .MenuDown2023_list .MenuNews_right .MenuNews_right_list .right_list_po .list_po_titme span {margin-left:0.9378vw;} .MenuDown2023 .MenuDown2023_list .MenuNews_right .MenuNews_right_list .right_list_po .list_po_title {font-size:1.2504vw;color:#fff;margin-top:1.042vw;margin-bottom:1.563vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .MenuDown2023 .MenuDown2023_list .MenuNews_right .MenuNews_right_list .right_list_po .list_po_txt {font-size:0.8336vw;color:#fff;opacity:.7;line-height:1.563vw;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;} .MenuDown2023 .MenuDown2023_list .MenuNews_right .MenuNews_right_list .right_list_po .list_po_btn {font-size:0.8336vw;color:#fff;margin-top:3.6470vw;} .MenuDown2023 .MenuDown2023_list .MenuNews_right .MenuNews_right_list .right_list_po .list_po_btn i {margin-right:0.3647vw;} .MenuDown2023 .MenuDown2023_list .MenuInvestor_right .MenuDown2023_right_txt {padding:2.3445vw;background:rgba(255,255,255,.1);border-radius:0.2605vw;display:inline-block;} .MenuDown2023 .MenuDown2023_list .MenuInvestor_right .MenuDown2023_right_txt .right_txt_title{display:flex;align-items:flex-end;margin-bottom:1.563vw; color:#fff;} .MenuDown2023 .MenuDown2023_list .MenuInvestor_right .MenuDown2023_right_txt .right_txt_title b{color:#fff;font-size:3.4907vw;} .MenuDown2023 .MenuDown2023_list .MenuInvestor_right .MenuDown2023_right_txt .right_txt_title span {font-size:1.042vw;margin-left:1.1462vw;position:relative;top:-0.521vw;} .MenuDown2023 .MenuDown2023_list .MenuInvestor_right .MenuDown2023_right_txt .right_txt_title span.gupiao_change{ margin-left: 0;} .MenuDown2023 .MenuDown2023_list .MenuInvestor_right .MenuDown2023_right_txt .right_txt_title span.gupiao_change_rate{ margin-left: 0;} .MenuDown2023 .MenuDown2023_list .MenuInvestor_right .MenuDown2023_right_txt .right_txt_con p {font-size:0.8336vw;color:#fff;margin-bottom:0.7294vw;} .MenuDown2023 .MenuDown2023_list .MenuInvestor_right .MenuDown2023_right_txt .right_txt_con p:last-child {margin-bottom:0;} .MenuDown2023 .MenuDown2023_list .MenuJoin_right {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;} .MenuDown2023 .MenuDown2023_list .MenuJoin_right .MenuJoin_right_list {border-radius:0.2605vw;overflow:hidden;width:48%;position:relative;} .MenuDown2023 .MenuDown2023_list .MenuJoin_right .MenuJoin_right_list .right_list_img img {width:100%;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .MenuDown2023 .MenuDown2023_list .MenuJoin_right .MenuJoin_right_list:hover .right_list_img img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);filter:scale(1.1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .MenuDown2023 .MenuDown2023_list .MenuJoin_right .MenuJoin_right_list .right_list_po {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:flex-end;flex-direction:column;padding:1.563vw;z-index:2;} .MenuDown2023 .MenuDown2023_list .MenuJoin_right .MenuJoin_right_list::before {content:"";background:linear-gradient(to bottom,rgba(84,174,244,0) 50%,rgba(84,174,244,1) 100%);display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;} .MenuDown2023 .MenuDown2023_list .MenuJoin_right .MenuJoin_right_list .right_list_po .list_po_dd {font-size:0.7294vw;color:#fff;position:relative;} .MenuDown2023 .MenuDown2023_list .MenuJoin_right .MenuJoin_right_list .right_list_po .list_po_dd::before {content:"";display:inline-block;width:0.3647vw;height:0.2084vw;border-radius:5.21vw;background:#fff;position:absolute;left:0;top:1.6151vw;} .MenuDown2023 .MenuDown2023_list .MenuJoin_right .MenuJoin_right_list .right_list_po .list_po_dd::after {content:"";display:inline-block;width:0.3647vw;height:0.2084vw;border-radius:5.21vw;background:#fff;position:absolute;left:0.521vw;top:1.6151vw;opacity:.5;} .MenuDown2023 .MenuDown2023_list .MenuJoin_right .MenuJoin_right_list .right_list_po .list_po_dd span{ position: relative;} .MenuDown2023 .MenuDown2023_list .MenuJoin_right .MenuJoin_right_list .right_list_po .list_po_dd span::after {content:"";display:inline-block;width:0.3647vw;height:0.2084vw;border-radius:5.21vw;background:#fff;position:absolute;left:1.042vw;top:1.6151vw;opacity:.2;} .MenuDown2023 .MenuDown2023_list .MenuJoin_right .MenuJoin_right_list .right_list_po .list_po_dt {font-size:0.8336vw;color:#fff;margin-top:1.9798vw;position:relative;} .MenuDown2023 .RJoin {display:flex;justify-content:space-between;padding-right:8%;flex-wrap:wrap;width:100%;height:100%;} .MenuDown2023 .RJoin .RJoin_list {width:29%;border-right:0.0521vw solid rgba(255,255,255,.2);height:100%;} .MenuDown2023 .RJoin .RJoin_list .RJoin_list_title {font-size:1.2504vw;color:#54aef4;margin-bottom:1.084vw;display:inline-block;} .MenuDown2023 .RJoin .RJoin_list .RJoin_list_content {overflow-y:auto;scrollbar-color:#fff;scrollbar-width:0.0521vw;scrollbar-width:thin;scrollbar-width:0.0521vw;} .MenuDown2023 .RJoin .RJoin_list .RJoin_list_content::-webkit-scrollbar-track {background:rgba(255,255,255,0);} .MenuDown2023 .RJoin .RJoin_list .RJoin_list_content::-webkit-scrollbar-thumb {background:#fff;} .MenuDown2023 .RJoin .RJoin_list .RJoin_list_content::-webkit-scrollbar-button {background:rgba(255,255,255,0);} .MenuDown2023 .RJoin .RJoin_list .RJoin_list_content::-webkit-scrollbar-corner {background:rgba(255,255,255,0);} .MenuDown2023 .RJoin .RJoin_list .RJoin_list_content::-webkit-scrollbar {width:0.0521vw;} .MenuDown2023 .RJoin .RJoin_list .RJoin_list_content .list_content_li {margin-bottom:1.563vw;} .menuXun2 a{ color: red; font-size: 16px;} .MenuDown2023 .RJoin .RJoin_list .RJoin_list_content .list_content_li:last-child {margin-bottom:0;} .MenuDown2023 .RJoin .RJoin_list .RJoin_list_content .list_content_li .content_li_title a {font-size:0.9378vw;color:#fff;position:relative;padding-left:0.9378vw;} .MenuDown2023 .RJoin .RJoin_list .RJoin_list_content .list_content_li .content_li_title a::before {content:"";display:inline-block;width:0.3647vw;height:0.2084vw;border-radius:5.21vw;background:#fff;position:absolute;left:0;top:0.4168vw;} .MenuDown2023 .RJoin .RJoin_list .RJoin_list_content .list_content_li .content_li_txt {margin-top:0.7815vw; margin-bottom: 40px;} .MenuDown2023 .RJoin .RJoin_list .RJoin_list_content .list_content_li .content_li_txt p {padding-left:0.9378vw;margin-bottom:0.521vw;} .MenuDown2023 .RJoin .RJoin_list .RJoin_list_content .list_content_li .content_li_txt p:last-child {margin-bottom:0;} .MenuDown2023 .RJoin .RJoin_list .RJoin_list_content .list_content_li .content_li_txt p a {font-size:0.7815vw;color:#fff;opacity:.7;} .MenuDown2023 .RJoin .RJoin_list .RJoin_list_content .list_content_li .content_li_txt p a:hover {opacity:1;} .MenuDown2023 .RPlatform .RJoin_list {height:100%;overflow-y:auto;scrollbar-color:#fff;scrollbar-width:0.0521vw;scrollbar-width:thin;scrollbar-width:0.0521vw;} .MenuDown2023 .RPlatform .RJoin_list .RJoin_list_content .list_content_li .content_li_title a {font-size:0.7815vw;color:#fff;opacity:.7;} .MenuDown2023 .RPlatform .RJoin_list .RJoin_list_content .list_content_li .content_li_title a:hover{ opacity: 1;} .MenuDown2023 .RPlatform .RJoin_list::-webkit-scrollbar-track {background:rgba(255,255,255,0);} .MenuDown2023 .RPlatform .RJoin_list::-webkit-scrollbar-thumb {background:#fff;} .MenuDown2023 .RPlatform .RJoin_list::-webkit-scrollbar-button {background:rgba(255,255,255,0);} .MenuDown2023 .RPlatform .RJoin_list::-webkit-scrollbar-corner {background:rgba(255,255,255,0);} .MenuDown2023 .RPlatform .RJoin_list::-webkit-scrollbar {width:0.0521vw;} .MenuDown2023 .RPlatform .RJoin_list .RJoin_list_title {margin-bottom:1.3025vw;} .MenuDown2023 .RPlatform .RJoin_list .RJoin_list_title:last-child {margin-bottom:0;} .MenuDown2023 .RPlatform .RJoin_list .RPlatform_list {margin-bottom:2.605vw;} .MenuDown2023 .RPlatform .RJoin_list .RPlatform_list:last-child {margin-bottom:0;} .MenuDown2023 .RPlatform .RJoin_list .RJoin_list_content .list_content_li:last-child {margin-bottom:0;} .MenuDown2023 .RPlatform .RJoin_list .RJoin_list_content .list_content_li .content_li_title {margin-bottom:0.8336vw;} .MenuDown2023 .RPlatform .RJoin_list .RJoin_list_content .list_content_li .content_li_title:last-child {margin-bottom:0;} .MenuDown2023 .RPlatform .RJoin_list .RJoin_list_content{ height: auto;margin-bottom: 20px;} .MenuDown2023_bg {background:rgba(0,0,0,.4);position:fixed;left:0;top:0;width:100%;height:100%;z-index:11171;display:none;} .MenuDown2023 .MenuDown2023_close {position:absolute;bottom:4%;left:46%;height:2.605vw;display:flex;align-items:center;justify-content:center;border-radius:5.21vw;border:0.0521vw solid #fff;font-size:0.7294vw;color:#fff;cursor:pointer; padding: 0px 2vw;} .MenuDown2023 .MenuDown2023_close i {margin-right:0.6252vw;} .MenuDown2023 .MenuDown2023_close:hover {background:#fff;color:#54aef4;} .MenuDown2023 .MenuDown2023_bottom {position:absolute;right:4%;bottom:4%;text-align:right;} .MenuDown2023 .MenuDown2023_bottom .MenuDown2023_bottom_share {display:flex;align-items:center;justify-content:flex-end;margin-bottom:0.7815vw;} .MenuDown2023 .MenuDown2023_bottom .MenuDown2023_bottom_share .bottom_share_list {margin-right:1.1462vw; position: relative;} .MenuDown2023 .MenuDown2023_bottom .MenuDown2023_bottom_share .bottom_share_list:last-child {margin-right:0;} .MenuDown2023 .MenuDown2023_bottom .MenuDown2023_bottom_share .bottom_share_list .share_list_icon {cursor:pointer;} .MenuDown2023 .MenuDown2023_bottom .MenuDown2023_bottom_share .bottom_share_list .share_list_icon img{ width: 2.3445vw;} .MenuDown2023 .MenuDown2023_bottom .MenuDown2023_bottom_share .bottom_share_list .share_list_down{ position: absolute; width: 109px; height: 109px; left: 50%; transform: translateX(-50%); bottom: 100%; border-radius: 5px; overflow: hidden; display: none;} .MenuDown2023 .MenuDown2023_bottom .MenuDown2023_bottom_share .bottom_share_list .share_list_down img{ width: 100%;} .MenuDown2023 .MenuDown2023_bottom .MenuDown2023_bottom_share .bottom_share_list:hover .share_list_down{ display: block;} .MenuDown2023 .MenuDown2023_bottom .MenuDown2023_bottom_copyright p {font-size:0.7294vw;color:rgba(255,255,255,.3);line-height:1.3546vw;} .MenuDown2023 .MenuDown2023_bottom .MenuDown2023_bottom_copyright p a {font-size:0.7294vw;color:rgba(255,255,255,.3);} .MenuDown2023 .MenuDown2023_bottom .MenuDown2023_bottom_copyright p a:hover {color:#fff;} /* @media screen and (max-width:1800px){ .MenuDown2023 .MenuDown2023_list{ padding-top: 7%;} .MenuDown2023 .MenuDown2023_list .MenuDown2023_left,.MenuDown2023 .MenuDown2023_list .MenuDown2023_right{ padding-top: 6%;} } @media screen and (max-width:1600px){ .MenuDown2023 .MenuDown2023_list{ padding-top: 7%;} .MenuDown2023 .MenuDown2023_list .MenuDown2023_left,.MenuDown2023 .MenuDown2023_list .MenuDown2023_right{ padding-top: 5%;} } @media screen and (max-width:1360px){ .MenuDown2023 .MenuDown2023_list{ padding-top: 8%;} .MenuDown2023 .MenuDown2023_list .MenuDown2023_left,.MenuDown2023 .MenuDown2023_list .MenuDown2023_right{ padding-top: 3%;} .MenuDown2023 .MenuDown2023_list{ width: 80%;} .MenuDown2023 .MenuDown2023_list .MenuDown2023_left .MenuDown2023_left_dd a{ font-size: 18px;} .MenuDown2023 .MenuDown2023_list .MenuDown2023_left .MenuDown2023_left_dt{ margin-top: 22px;} .MenuDown2023 .MenuDown2023_list .MenuDown2023_left .MenuDown2023_left_dt .left_dt_list{ margin-bottom: 15px;} .MenuDown2023 .MenuDown2023_list .MenuDown2023_left .MenuDown2023_left_dt .left_dt_list a{ font-size: 14px;} } */ @media screen and (min-width:1200px){ .moTop{ display:none !important;} .moMenuBox{ display:none !important;} } @media screen and (max-width:1750px){ .menuDown .menuDownTop .linkBox1.zong{padding-left: 3vw;} .menuDown .menuDownTop .linkBox1 .linkBoxLeft1 .lblLink{ width:400px;} .menuDown .menuDownTop .linkBox1.zong .linkBoxLeft1 .lblLink{ width: 150px; } .yffw .yffwLinkBox a.p2{ margin-top:0px;} .yffw .yffwLinkBox a.p1{ margin-bottom:0px;} .xwzxXun{ width:400px;} .xwzxXun.on{ width:400px;} } @media screen and (max-width:1600px){ .indexBanner .textBox li:before{ left: -146.8vw; top: -70%;} .rightCb .rightCb1 .rightCbMenu .rightCbMenuBox .rightCbMenu2{ height:400px; overflow:auto;} .PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_img img{ height:820px;} .PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title .list_title_dd{ font-size:22px;} .PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title .list_title_dt{ font-size:38px;} .PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title .list_title_p{ font-size:20px;} .index3 .index32{ font-size:38px;} } @media screen and (max-width:1440px){ .menuDown .menuDownTop .linkBox1{height: 26vw;} .pc_all .pc_all_content{ max-width:1200px; margin:0 auto;} .Technology .Technology_content .Technology_content_list .content_list_icon{ width:35%;} .Technology .Technology_content .Technology_content_list .content_list_txt{ font-size:16px; width:60%;} .Technology2 .Technology2_left{ padding:0px 40px;} .Technology2 .Technology2_right img{ height:620px; object-fit:cover;} .indexBanner .textBox li:before{ left: -169.3vw; top: -70%;} .about2Img img{ width:100%; height:340px; object-fit:cover;} .indexBanner .indexBox{ right:14vw;} .PcBanenr .PcBanenr_content .PcBanenr_content_arrow{ right:7vw;} .indexBanner .priontBox li:nth-child(1){ left: calc( 100% * ( 1205 / 1920));} .indexBanner .priontBox li:nth-child(3){ left: calc( 100% * ( 1202 / 1920));} .dg-container nav a.dg-prev{ left:-98px !important;} .dg-container nav a.dg-next{ right:-98px !important;} .rightCb{ top:30%;} .ceoName{ margin-top:10px;} .contentsMess .title{ font-size:18px;} .neirong p,.contentsMess .nr{ font-size:14px; line-height:32px;} .rightList .rightList1 .rightListItem .rightListTitle{ font-size:15px;} .contentsMess .xx{ padding-top:8px; padding-bottom:15px;} .index4 .index4Dots{ padding-right:88px;} .index2Left .yffwIndexXun:nth-child(1){ left:calc( 100% * ( 542 / 700));} .index2Left .yffwIndexXun:nth-child(2){ left:calc( 100% * ( 554 / 700));} .index2Left .yffwIndexXun:nth-child(3){ left:calc( 100% * ( 540 / 700));} .indexNews .indexNewsBox .inbXun .inbXunNei .inbXunText .inbXunTitle{ height:65px; -webkit-line-clamp: 1;} .indexNews .indexNewsBox .inbXun .inbXun_a{ padding:30px;} .indexNews .indexNewsBox .inbXun .inbXun_a:hover{ padding:40px 30px;} .rightCb .rightCb1 .rightCbMenu .rightCbMenuBox .rightCbMenu2{ height:350px; overflow:auto;} /*-webkit-tap-highlight-color:rgba(255,255,255,0);*/ input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea,button { } input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 100px white inset; } .headerAbout .headerAbout1 span{ white-space:pre;} .headerAbout .headerAbout1 a{ font-size:17px; white-space:pre;} .yffw .linkBoxLine{ margin-right:1vw; } .yffw .yffwLinkBox2{ margin-right:1vw; } .yffw .yffwLinkBox a span{ white-space:pre;} .tzzgx1{ padding:1.125vw;} .tzzgx1 .tzzgx12 div:nth-child(1){ font-size:40px;} .tzzgx1 .tzzgx11 div{ font-size:16px;} .tzzgx1 .tzzgx11{ font-size:14px;} .header1 .topRight .topMenu .menuTitle { margin: 0 1.125vw;} .neiBnaner .neiBnanerText .pageName .pageName1{ font-size:36px;} .neiBnaner .neiBnanerText .pageName .pageName2{ font-size:36px;} .about3 .about3Xun .about3Mess span{ font-size:16px; line-height:32px;} .about3 .about3Xun .about3Title{ font-size:20px;margin: 15px 0 15px 0;} .about3 .about3Xun .about3Mess{ padding-bottom:30px;} .about3{ margin:0 auto;} .about3 .about3Xun{ left:225px; padding:22px;} .about3 .about3Xun.on { bottom: 10px;} .about4 li{ margin-right:55px; white-space: pre; overflow: hidden; text-overflow: ellipsis;} .w1200{ max-width:1200px !important;} .investor1 .investor1Box{ max-width:1200px;} .investor1 .investor1Box .investorGpxx .Gpxx1{ margin-bottom:20px; margin-top:25px;} .investor1 .investor1Box .investorGpxx .Gpxx4{ margin:15px 0;} .header2 .topRight2 .topMenu2 .menuXun2 .menuTitle2{ padding:0 20px; } .drugService { width: 100%; background: url(../images/pagebg.jpg) no-repeat calc(50% - -50px) 0;} .drugService .drugServiceBox{ max-width: 1200px; } .drugServiceLeft{ width:300px; } .drugServiceRigth { width: calc(100% - 300px);} .serviceContent { padding-left: 25px;} .rlzyBox .rlzyXun{ width:220px;} .xwzxXun:nth-child(2){ display:none;} .xwzxXun.on{ width:450px;} .menuDown .menuDownTop .linkBox1 .linkBoxLeft1.xwzx .lblLink { width: 280px;} .menuDown .menuDownTop .linkBox1 .linkBoxLeft1.khzx .lblLink { width: 300px;} .menuDown .menuDownTop .linkBox1 .linkBoxLeft1.khzx .lblLink a{ width:50%;} .headerKhzx .khzx1{ width:260px;} .headerAbout .headerAbout1{ flex-direction:column; justify-content:flex-start;} .menuDown .menuDownTop { transform: translate(-40%,-50%);} .yffw .yffwLinkBox { width: 18.625vw;} .menuDown .menuDownTop .menuDownBox:nth-child(2) { transform: translateX(80px);height: 43vw; } .menuDown .menuDownTop .menuDownBox:nth-child(3) { transform: translateX(50px); height: 25vw;} .menuDown .menuDownTop .menuDownBox:nth-child(2) .yffw{ top:110px; position:relative;} .menuDown .menuDownTop .menuDownBox:nth-child(2) .yffw .yffwLinkBox{ height:64%; overflow:auto;} .menuDown .menuDownTop .menuDownBox:nth-child(2) .yffw .linkBoxLine{ height:60%;} .pageDaTitle{ font-size:20px; line-height:normal;} .pageDaTitle2{ font-size:14px; line-height:26px;} .pageMenu .pageMenuBox .pageMenuItem .pageMenuTitle a{ font-size:16px;} .pageMenu .pageMenuBox .pageMenuItem .pageMenuDown div a{ font-size:14px;} .faq{ font-size:16px;} .serviceList2 .serviceItem2 .serviceTitle{ font-size:16px;} .serviceList2 .serviceItem2 .serviceSmall{ font-size:14px; line-height:24px; height:48px;} .fenye .num a{ width:40px; height:40px; line-height:40px;} .drugServiceLeft .pageTitle div{ font-size:26px;} .pageNav .pageNavBox a{ font-size:16px;} .pageNav2 a{ font-size:14px;} .pageNav2 a:nth-child(1):before{ top:0;} .pageNav2{ margin-bottom:28px;} .serTitle{ font-size:20px;} .serviceWmdys .swmdysItem .swmdysItemTop{ font-size:16px;} .swmdysItemBot2 span{ font-size:14px;} .serviceWmdys .swmdysItem .swmdysItemBot { font-size:14px;} .pageDaTitle2 a{ font-size:14px !important;} .serXgwz a{ font-size:14px;} .xmbz table th,.xmbz table td{ font-size:14px !important;} .xmbz table td span{ font-size:14px !important;} .neiBnaner .neiBnanerText .pageName .pageName1,.neiBnaner .neiBnanerText .pageName .pageName2{ font-size:28px;} .neiBnaner .neiBnanerText .pageName .pageName4{ font-size:14px; line-height:26px; margin-top:25px;} .serviceItem .classTitle{ font-size:24px;} .objTop .objTopTitle,.objBot .objBotTop .objBotTop2{ font-size:16px;} .guanyu1,.wh1{ font-size:26px;} .guanyu2,.ceoText,.tcBox#teamTcBox .teamContent{ font-size:14px; line-height:26px;} .wh2 .wh21{ font-size:16px;} .wh2 p{ font-size:14px;} .wh2{ margin:30px 0px;} .lsBox .lsItem .lsItemText{ font-size:15px; line-height:28px;} .about1 .about11{ font-size:28px;} .about1 .about13{ font-size:14px; line-height:26px;} .about4 li{ font-size:15px; line-height:50px;} .about5s .about5sItem .about5sItembot{ font-size:15px;} .about6 .about61 .about612{ font-size:28px;} .about6 .about61 .about613{ font-size:14px;} .team .teamXun .teambot .teambot1{ font-size:16px;} .honor,.team{ width:94%;} .about1{ margin-bottom:30px;} .ffpt .ffptTitle{ font-size:28px;} .ffpt .ffptSmall{ font-size:14px;} .bai{ padding:0px 3%;} .serviceBottom { width:100%;} .serviceBottom .sbItem .sbItemText .sbItemTitle{ font-size:20px;} .serviceBottom .sbItem .sbItemText .sbItemSmall{ font-size:15px;} .p1{ font-size:20px;} .youshi .youshiXun .youshiTitle{ font-size:16px;} .yffw .yffwLinkBox a.p1{ font-size:16px;} .header2 .topRight2 .topMenu2 .menuXun2 .menuTitle2{ font-size:16px;} .menuDown .menuDownTop .linkBox1 .linkBoxLeft1 .lblTitle{ font-size:16px;} .menuDown .menuDownTop .linkBox1 .linkBoxLeft1 .lblLink a{ font-size:14px; height:40px;} .investor1 .investor1Box .investorGpxx .Gpxx1,.investor1 .investor1Box .investor1Gonggao .investor1Gonggao1 .investor1Gonggao11{ font-size:20px;} .investor1 .investor1Box .investor1Gonggao .investor1Gonggao3 .investor1Gonggao31 .investor1Gonggao311{ font-size:16px;} .investor3Nei .investor3Left .investor3Left3{ font-size:20px;} .investor3Nei .investor3Left .investor3Left4{ font-size:15px;} .investor3Nei .investor3Right .addressXun .addressXun1{ font-size:16px; padding-bottom:20px; margin-bottom:20px;} .investor3Nei .investor3Right .addressXun{ padding:40px 20px;} .investor2 .investor21 .investor213{ font-size:22px;} .investor2 .investor21 .investor214{ font-size:14px;} .customer11{ font-size:20px;} .customer12{ margin:20px 0px;} .gpxxPage .gpxxPageLeft .gpxxPageLeft2 .gpxxPageLeft21{ font-size:40px;} .gpxxPage .gpxxPageRight .gpr .gprTop{ font-size:16px;} .gpxxPage .gpxxPageRight .gpr .gprBot{ font-size:20px;} .tzrlx{ margin-bottom:30px;} .tzrlx .addressXun{ padding:30px 30px;} .tzrlx .addressXun .addressXun1{ font-size:20px;} .tzrlx .addressXun .addressXun2 .addressXun21{ font-size:14px;} .investor61 .investor612{ font-size:24px;} .investor61 .investor613{ font-size:14px;} .header1{ font-size:24px;} .ywzx .ywzxBox .ywzxBox2 .ywzxXun{ font-size:16px;} .customer13 li .customer132{ font-size:16px;} .customer13 li .customer133{ font-size:14px;} .xwzx2Title{ font-size:24px; line-height:normal; margin-bottom:20px;} .xwzx3 .xwzx3Right a,.xwzx3 .xwzx3Right span{ font-size:15px;} .xwzx3 .xwzx3Left{ font-size:15px;} .xwzx4Top .xwzx4TopTitle{ font-size:24px;} .xwzxXun .xwzxXunText .xwzxXunText2{ font-size:16px; line-height:normal; margin-top:20px; margin-bottom:20px;} .xwzxXun .xwzxXunText .xwzxXunText3{ font-size:14px;} .gsxw .xwzxXun:nth-child(2){ display:block;} .hyzx .hyzxItem .hyzxTitle{ font-size:16px; margin-top:25px;} .hyzx .hyzxItem .hyzxDate{ margin-top:20px; font-size:14px;} .hyzx .hyzxItem .hyzxMore{ margin-top:20px;} .schd .schdRight .schdItem .schdItemTitle{ font-size:16px; margin:30px 0px;} .schdBoxText .schdBoxTextBox .schdBoxTitle{ font-size:18px; margin:20px 0px;} .yktText .yktTextItem .yktTextTitle{ font-size:18px;} .yktText .yktTextItem .yktTextSmall{ font-size:14px;} .gsxwNews .gsxwNewsItem .gsxwNewsTitle{ font-size:16px;} .gsxwNews .gsxwNewsItem .gsxwNewsSmall{ color:#666; font-size:14px;} .contentsMess .bottom{ display:block;} .contentsMess .bottom .bl{ width:100%; margin-bottom:20px;} .hyzxSx .hyzxSxRight a{ font-size:16px;} .hyzxNews .hyzxNewsItem .hyzxNewsLeft .hyzxNewsTitle{ font-size:16px;} .hyzxNews .hyzxNewsItem .hyzxNewsLeft .hyzxNewsSmall{ font-size:14px;} .schdNews .schdNewsItem.item1 .schdNewsRight .neirong .biaoti,.schdNews .schdNewsItem .schdNewsLeft .riqi{ font-size:16px;} .humanI1 .humanI1Left .humanI1LeftBox .humanI1LeftBox3,.humanI3Box .humanI33{ font-size:26px;} .humanI1 .humanI1Left .humanI1LeftBox .humanI1LeftBox4,.humanI3Box .humanI34{ font-size:14px;} .humanI4 .humanI4Xun .humanI4Text .humanI4Title{ font-size:16px;} .humanI4 .humanI4Xun.on .humanI4Text .humanI4Small{ font-size:14px;} .humanI4 .humanI4Xun .humanI4Bottom .humanI4Bottom1 div:nth-child(2){ font-size:14px;} .humanI5 .humanI52{ font-size:26px;} .humanI5 .humanI53 li a{ font-size:18px;} .humanI5 .humanI54 li .humanI54_list{ font-size:16px;} .Salary .SalaryItem .SalaryTitle{ font-size:18px;} .Salary .SalaryItem .SalarySmall{ font-size:14px; line-height:26px;} .humanI7 .humanI71 .humanI71Text .humanI71Cn{ font-size:20px;} .yghdList .yghdXun .yghdXunText .yghdXunTitle{ font-size:16px;} .contentTop .contentLeft .contentTitle{ font-size:26px;} .zhaopin .zpItem .zpTop .zpTopLeft .zpTopCn{ font-size:16px;} .zhaopin .zpItem .zpTop .zpTopRight .anniu{ font-size:14px;} .rlzyBox .rlzyXun .rlzyText .rlzyText3{ font-size:16px;} .xwzxXun.on .xwzxXunText .xwzxXunText3{ font-size:14px;} .headerAbout .headerAbout1{ font-size:20px;} .headerAbout .headerAbout1 a{ font-size:16px;} } @media screen and (max-width:1440px){ .indexBanner .textBox li:before{left: -181.4vw; top: -96%;} .indexBanner .textBox li p.txt1{ font-size: 18px; } .indexBanner .textBox li p.txt2{ font-size: 46px; } .indexBanner .textBox li p.txt3{ font-size: 16px; } .indexBanner .textBox a{ padding:0 20px; height:40px; line-height: 40px; } .index1 .index13{ font-size: 38px; } .index1 .index14{ font-size: 38px; } .index2Right .irBox .irBox1{ font-size: 32px; } .index2Right .irBox .irBox2{ font-size: 32px; } .index2Right .irBox .irBox4 .irBoxTitle{ font-size: 26px; } .index2Left .yffwIndexXun.on .yixTitle{ font-size: 16px; } .index2Left .yffwIndexXun .yixTitle{ font-size: 14px; } .indexBanner .indexBox span:nth-child(1){ font-size: 32px; } .videoIcon .videoIcon1{ width: 40px; } .videoIcon .videoIcon2 .videoIcon21{ font-size: 15px; } .videoIcon .videoIcon2 .videoIcon22{ font-size: 13px; } .indexBanner .linkBox .linkBoxXun .linkBoxXun2 { font-size: 16px; line-height: 2em; margin-bottom: 0px; } .indexNews .indexNewsBox .inbXun .inbXun_a .inbXunTitle{ font-size: 18px; overflow: hidden; text-overflow: ellipsis; } .index4 .index4Dots li.on .dotsTitle{ font-size: 20px; } .index4 .index4Text li .index4Text1{ font-size: 32px; } .indexBanner .linkBox .linkBoxXun{ width: 145px; } .contentBot_page .contentBot_page_list a{ max-width:80%;} } @media screen and (max-width:1360px){ .indexBanner .textBox li:before{left: -182.4vw;} .menuBack{bottom: 25px;} } @media screen and (max-width:1280px){ .indexBanner .textBox li:before{left: -197.2vw; top: -62%;} .menuDown .menuDownTop .menuDownBox:nth-child(3) .yffw{ /* margin-top:7vw; */} .menuDown .menuDownTop .menuDownBox:nth-child(3) .yffw .yffwLinkBox{ height:100%; overflow:auto;} } .mo_banner{ display:none;} @media screen and (max-width:1300px){ .MenuDown2023_bg,.MenuDown2023{ display: none !important;} .mo_banner{ display:block;} .indexBanner{ display: none;} .leftCb{ display:none;} .rightCb .rightCb1{ display:none;} .rightCb .rightCb1:nth-child(2){ display:block;} .mo_height{ height: 50px;} .mo_top{ display:block;} .mo_top{ height:50px; overflow:hidden;} .navigation-is-open .mo_top{ height:auto;} .pc_all .pc_all_content{ width:92%; margin:0 auto;} .indexBanner,.indexBanner .bannerBox .imgBox li img{ height:235px !important;} .indexBanner .bannerBox{ position:relative;} .indexNews{ height:293px;} .index2Right .irBox .irBox1,.index2Right .irBox .irBox2{ font-size:20px;} .index2Right .irBox .irBox4{ padding:18px;} .index2Right .irBox .irBox4 .irBoxTitle{ font-size:20px; margin-bottom:15px;} .index2Right .irBox .irBox4 .irBoxLink a{ font-size:14px; line-height:30px;} .index2Right .irBox .irBox4 .irBoxImg{ display:none;} .rightCb .rightCb1 .rightCbImg:before{ display:none;} .header1{ display:none !important;} .header2{ display:none !important;} .menuDown{ display:none !important;} .downBg{ display:none !important;} .neiBnaner .neiBnanerText .serviceLink{ display:none;} .serviceContent{ padding:0; padding-top:25px;} .drugService{ background:none;} .drugService .drugServiceBox{ flex-direction:column-reverse;} .drugServiceLeft { width: 94%; margin: 2% auto; margin-top: -90px;} .drugServiceRigth { width: 94%; margin: 0% auto; border:none;} .drugServiceLeft .pageTitle{ height:125px; padding-top: 60px;} .fenye .num a{ width:40px; height:40px; line-height:40px;} .fenye .prev{ margin:0;} .footer .footer2{ flex-wrap:wrap;} .footer .footer2 div{ width:50%;} .footer .footer2 div:nth-last-child(1){} .footer .footer2 .menuDownBot{ align-items: flex-start; margin:45px 0 15px 0; width:100%;} .indexBanner .textBox li{transform: scale(0.5) translate(-50%);} .indexBanner .linkBox { transform: scale(0.5) translate(50%);} .index1 .index13{ font-size:20px;} .index1 .index14{ font-size:20px;} .index1 .index15{ font-size:14px;} .index4 .index4Text li { padding-left: 10%;} .index4 .index4Text li .index4Text1{ font-size:19px;} .index4 .index4Text li .index4Text2{ font-size:14px;} .index4 .index4Text li .index4Text3{ height:44px; line-height:42px;} .index4 .index4Dots{ padding-right:45px;} .index4 .index4Dots li{ height:40px;} .ceo { flex-direction: column-reverse; } .ceoLeft{ width:100%;} .ceoRight{ width:100%; margin:20px 0; text-align:center;} .gltd2 .gltd2Item{width: calc( 50% - 20px);} .lsTop .lsTopLeft{ width:100%;} .neiBnaner .neiBnanerText .aboutBanner{ display:none;} .index2Left{ display:none;} .index2Right{ width:100%; margin:0;} .index2Bottom{ display:none;} .index2{ background:#035fa3;} .about4 li{ width:40%; margin:0 5% !important;} .aboutForm .fromBox1{ width: calc( 100% * ( 1 / 2 ) - ( 22px * 1 / 2));} .aboutForm .fromBox1:nth-child(3n) { margin-right: 22;} .aboutForm .fromBox1:nth-child(2n) { margin-right: 0;} .verificationCode{display: flex;flex-direction: column;justify-content: flex-start;} .verificationCode .fromBox1{width: 100%;} .verificationCode .fromBox1 input{} .verificationCode .fromBox1 img{width: 60%;height: 100%;} .verificationCode .fromBox3{width: 100%;} .verificationCode .fromBox3 input{} .team .teamXun { width: calc( 50% - 24px); margin: 0 12px 30px 12px; } .investorForm .fromBox1{ width: calc( 100% * ( 1 / 2 ) - ( 22px * 1 / 2));} .investorForm .fromBox1:nth-child(3n) { margin-right: 22;} .investorForm .fromBox1:nth-child(2n+1) { margin-right: 0;} .honor .honorXun { width: calc( 50% - 20px);} .culture{ flex-wrap:wrap;} .culture .cultureLeft{ width:100%;} .culture .cultureRight{ width:100%;max-width: fit-content; margin: 30px auto;} .about3 .about3Xun.on{ left:5%;} .investor1 .investor1Box{ flex-wrap:wrap;} .investor1 .investor1Box .investor1Line{ width:100%; height:2px; margin:30px 0;} .investor1 .investor1Box .investorGpxx{ width:100%;} .tzrlx{ flex-wrap:wrap;} .tzrlx .addressXun{ width:100%;padding: 20px;} .neiBnaner .neiBnanerText .pageName .pageName1 { font-size: 20px; } .neiBnaner .neiBnanerText .pageName .pageName2 { font-size: 18px; } .neiBnaner .neiBnanerText .pageName .pageName4{ font-size:12px; margin-top:0; max-width:100%;} .pageNav{ height:56px;} .gpxxPage{ flex-wrap:wrap;} .gpxxPage .gpxxPageRight{ margin:30px 0;} .customer14 li{ flex-wrap:wrap;} .customer14 li .cusLeft{ max-width:100%; width:100%; margin-bottom:20px;} .customer14 li .cusright{ width:100%; justify-content:space-between;} .customer14 li .cusright div{ margin:0;} .hzhb li{ width:calc( 100% * ( 1 / 3));} .humanI1{ flex-wrap:wrap;} .humanI1 .humanI1Left{ width:100%;} .humanI1 .humanI1Right{ width:100%; margin:30px 0;} .Salary{ flex-wrap:wrap;} .Salary .SalaryItem{ width:100%; margin-bottom:40px;} .humanI7{ flex-wrap:wrap;} .humanI7 .humanI71{ width:100%; margin-bottom:40px;} .yghdList .yghdXun{ width:100%;} .contentBot a div:nth-child(2){ display:none;} .contentTop .contentRight{ display:none;} .indexBanner .indexBox{ display:none;} .indexBanner .priontBox{ display:none;} .indexBanner .linkBox{ display:none;} .videoIcon{ display:none;} .indexBanner .textBox li p{ font-size:20px !important;} .index1{ padding:30px 4%;} .index1 .index16{ margin-bottom:30px;} .indexNews .indexNewsBox .inbXun .inbXunNei .inbXunText{ padding:22px; height:auto;} .indexNews .indexNewsBox .inbXun .inbXunNei .inbXunText .inbXunTitle{ font-size:16px; height:auto;} .indexNews .indexNewsArrow{ top:90%;} .indexNews .indexNewsArrow .indexNewsLeft{ margin-left:0px;} .index2Right{ width:94%; margin:0 auto; display: block;} .index2Right .irBox .irBox4{ width:100%;} .index2{ padding:30px 0px; height:auto;} .index2_bg{ display:none;} .index2Bottom{ justify-content:flex-end; bottom:50px;} .index2Bottom div{ width:10px; height:10px; margin:0px 6px;} .index2Right .irBox .irBoxMore{ line-height:45px; height:45px;} .index3{ padding:30px 20px;} .index3 .index32{ font-size:18px;} .index3 .index33{ font-size:14px;} .footer .footer2{ display:block;} .footer .footer1{ padding:20px 4%;} .index4{ margin-bottom:35px;} .index4 .index4Text{ position:relative; width:100%;} .index4 .index4Dots{ position:relative; display:none;} .index4 .index4Text li{ color:#333; padding-left:0px; margin-top:25px;} .index4 .index4Text li .index4Text3{ border:1px solid #dcdcdc; color:#333;} .index4 .index4Text li .index4Text3 i{ color:#035fa3;} .pageNav{ height:auto;} .pageNav .pageNavBox{ height:auto; position:relative;} .pageNav .pageNavBox a{ font-size:16px; line-height:45px;} .pageNav2{ width:100%;} .pageNav2 a{ font-size:12px; margin-right:5px;} .pageNav2 span{ font-size:12px; margin-right:5px;} .about1 .about11{ font-size:20px;} .about1 .about12{ font-size:16px; margin-bottom:5px;} .about1 .about13{ font-size:14px; line-height:26px;} .gyNei,.whNei,.ceo,.gltd{ margin:0 auto; padding:33px 0px;} .gy{ background:#f0f5f9;} .guanyu1,.wh1{ font-size:22px;} .guanyu2{ font-size:14px; margin-top:20px;} .guanyu3{ margin:35px 0px;} .wh2{ height:auto; margin:30px 0px;} .wh2 .wh21{ font-size:16px; line-height:33px;} .wh3{ height:43px;} .ceoText{ font-size:14px; margin-top:15px;} .ceoName{ margin-top:35px;} .gltd2{ margin:0px; padding-bottom:25px;} .gltd2 .gltd2Item{ background:#d0e1ee; margin-bottom:25px;display: flex; flex-direction: column; flex-flow: column-reverse; padding-top:15px;} .gltd2 .gltd2Item:last-child{ background:#bacbd5; display:flex; align-items:center;flex-direction: inherit; flex-flow: inherit;} .gltd2 .gltd2Item .gltd2Text{ height:auto; padding:20px;} .gltd2 .gltd2Item .gltd2Img{ position:relative; width:100%; padding:0px 20px; justify-content:center;} .gltd2 .gltd2Item .gltd2Img img{ right:0; max-width:147px; max-height:150px;} .gltd2 .gltd2Item .gltd2Text .gltd2Title{ font-size:18px;} .gltd2 .gltd2Item .gltd2Text .gltd2Small{ height:21px;} .gltd2 .gltd2Item .gltd2Text .gltd2More{ margin-top:5px;} .ls{ padding:35px 0px;} .guanyu1, .wh1{ font-size:18px;} .lsTop{ display: flex; flex-direction: column; flex-flow: column-reverse;} .lsTop .lsTopRight{ width:100%;} .lsTop .lsTopLeft{ margin-top:35px; margin-bottom:0px;} .lsBox .lsItem{ padding-top:30px;} .lsBox .lsItem .lsItemNum{ font-size:100px; width:100%; text-align:center;filter: blur(5px);} .lsBox .lsItem .lsItemText{ font-size:14px; line-height:30px; height:auto;} .lsBot{ margin-top:55px;} .lsBotBoxNei{ margin:0 auto;} .ry{ padding:35px 0px;} .gsryArrow { top:inherit; bottom:-20px; left:0; width:100%; justify-content:center;} .gsryImgBox{ height:auto;} .gsryImgBox .gsryImgItem{ height:auto;} .gsryImgBox .gsryImgItem .gsryImgBoxs{ padding-bottom:0px;} .gsryImgBox .gsryImgItem .gsryImgBoxs .gsryImgTitle{ line-height:22px; font-size:14px; margin:15px 0px; height:44px;} .gsryImgBox .gsryImgItem .gsryImgBoxs .gsryImgImg{ height:115px;} .gsryMore{ margin-top:20px; height:46px;} .about4{ justify-content:space-between;} .about4 li{ font-size:15px; line-height:46px; margin:0px !important; width:48%;} .about5s .about5sItem{ height:122px;} .about5s .about5sItem .about5sItembot{ font-size:15px;} .about5s .about5sItem .about5sItemTop{ font-size:18px; margin-bottom:13px;} .about1{ margin-bottom:25px;} .about6{ padding:33px 0px;} .about6 .about61{ margin-bottom:22px;} .about6 .about61 .about612{ font-size:22px; line-height:normal; margin-bottom:10px; margin-top:5px;} .about6 .about61 .about613{ font-size:14px; line-height:normal;} .aboutForm .fromBox2 textarea{ height:135px;} .aboutForm .fromBox1 input{ height:48px; line-height:48px;} .aboutForm .fromBox3 input{ font-size:14px; line-height:45px;} .team{ margin-bottom:30px;} .team .teamXun{ margin-bottom:0px;} .team .teamXun .teambot{ padding:20px 0px;} .team .teamXun .teambot .teambot3{ display:none;} .team .teamXun .teambot .teambot1{ font-size:16px; line-height:normal;} .team .teamXun .teambot .teambot2{ margin-bottom:0px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .team .teamXun .teamTop .teamTopImg img{} .tcBoxT{ padding-right:10px; margin-bottom:30px;} .tcBox#teamTcBox{ padding:20px; padding-right:10px;} .tcBox#teamTcBox .teamTcBoxTop{ display:block; margin-bottom:10px;} .tcBox#teamTcBox .teamTcBoxTop .teamTcBoxTopImg{ width:100%; height:auto; margin-bottom:20px;} .tcBox#teamTcBox .teamTcBoxTop .teamTcBoxTopText{ background:#fff;} .tcBox#teamTcBox .teamTcBoxTop .teamTcBoxTopText .teamTcBoxTopName{ font-size:20px;} .tcBox#teamTcBox .teamContent{ font-size:14px; line-height:25px;} #teamColseTc{ right:0; width:45px;} .honor{ margin-bottom:30px;} .honor .honorXun{ padding-bottom:0px;} .honor .honorXun .honorXunBox .honorXunImg{ height:125px;} .honor .honorXun .honorXunBox .honorXunImg img{ max-height:110px;} .honor .honorXun .honorXunBox .honorXunTitle{ line-height:50px; font-size:14px;} .culture{ margin-bottom:35px;} .culture .cultureLeft .row{ display:flex;} .culture .cultureLeft .row.top .columnLeft,.culture .cultureLeft .row.top .columnright{ padding-top:25px;} .culture .cultureLeft .row.top .columnright{ font-size:16px;} .culture .cultureLeft .row.bot .columnright{ font-size:14px; padding-top:5px;} .culture .cultureLeft .row .columnLeft{ width:45px;} .culture .cultureLeft .bot .columnLeft{ display:none;} .culture .cultureRight{ margin-top:0px;} .humanI1{ margin-top:25px;} .humanI1 .humanI1Left .humanI1LeftBox{ margin:0 auto;} .humanI1 .humanI1Left .humanI1LeftBox .humanI1LeftBox3{ font-size:20px;} .humanI1 .humanI1Left .humanI1LeftBox .humanI1LeftBox4{ font-size:14px; line-height:24px; padding-bottom:30px;} .humanI1 .humanI1Left .humanI1LeftBox .humanI1LeftBox5{ line-height:42px; margin-bottom:20px;} .humanI1 .humanI1Left .humanI1LeftBox .humanI1LeftBox5 span{ font-size:14px;} .humanI1 .humanI1Right{ padding:0px 4%;} .humanI1 .humanI1Right .humanI1Right1 img{ width:55px; margin-top:0px;} .humanI2{ flex-wrap:wrap; padding:30px 0px; padding-bottom:10px;} .humanI2 .humanI2Xun{ width:49%; display:block; text-align:center; margin-bottom:25px; padding:0px 20px;} .humanI2 .humanI2Xun:nth-child(2n){ border-right:0px;} .humanI2 .humanI2Xun .humanI2Left1{ font-size:20px;} .humanI2 .humanI2Xun .humanI2Left2{ margin:8px 0px;} #videoTc .tcBox{ max-width:90%;} .about3 .about3Xun.on{ left:0;} .about3 .about3Xun{ width:100%; left:0;} .about3 .about3Xun .about3Title{ font-size:16px;} .about3 .about3Xun .about3Mess span{ font-size:14px;} .about2 .about2Arrow{ top:70%;} .about2 .about2Arrow .about2ArrowLeft,.about2 .about2Arrow .about2ArrowRight{ width:51px;} .humanI3Box{ padding:35px 0px; padding-bottom:0px;} .humanI3Box .humanI33{ font-size:20px;} .humanI3Box .humanI34{ font-size:14px; padding-bottom:0px;} .humanI4{ height:auto; display:block;} .humanI4 .humanI4Xun{ width:100%; height:500px; margin-bottom:25px;} .humanI4 .humanI4Xun.on{ width:100%;} .humanI4 .humanI4Xun .humanI4Text .humanI4Title{ font-size:20px;} .humanI4 .humanI4Xun .humanI4Text .humanI4Small{ font-size:15px; line-height:24px;} .humanI4 .humanI4Xun .humanI4Bottom{left: 0; bottom: 0; opacity: 1; background:#156aa9; height:auto;} .humanI4 .humanI4Xun .humanI4Text .humanI4Small{ opacity:1; margin-top:15px;} .humanI5{ padding: 33px 0px; height:auto;} .humanI5 .humanI52{ font-size:20px; margin-bottom:20px;} .humanI5 .humanI53 li{ display:block; text-align:center; font-size:16px;} .humanI5 .humanI53 li img{ margin-bottom:5px;} .humanI5 .humanI55{ height:auto;} .humanI5 .humanI54{ margin-top:30px; height:auto;} .humanI5 .humanI55 .humanI551{ display:none;} .Salary .SalaryItem{ padding:25px; margin-bottom:22px;} .Salary .SalaryItem:last-child{ margin-bottom:0px; } .Salary .SalaryItem .SalaryTitle{ font-size:18px;} .Salary .SalaryItem .SalarySmall{ font-size:15px;} .Salary .SalaryItem .SalaryIcon{ max-width:40px !important; top:15px;} .humanI7{ padding:0px 4%; margin-bottom:30px;} .humanI7 .humanI71{ margin-bottom:25px;} .humanI7 .humanI71:last-child{ margin-bottom:0px;} .humanI7 .humanI71 .humanI71Text .humanI71More{ margin-top:50px;} .humanI7 .humanI71 .humanI71Text{ padding-left:30px;} .humanI7 .humanI71 .humanI71Text .humanI71Cn{ font-size:18px;} .humanI7 .humanI71 .humanI71Text .humanI71En{ font-size:16px;} .yghdList .yghdXun{ margin-left:0px;} .yghdList .yghdXun .yghdXunText{ background:#fff; border-radius:0px 0px 5px 5px;} .yghdList .yghdXun .yghdXunText .yghdXunBottom{ margin-top:10px;} .yghdList .yghdXun .yghdXunText .yghdXunTitle{ font-size:16px;} .humanContent{ margin:35px auto;} .contentTop .contentLeft .contentTitle{ font-size:22px;} .contentTop .contentLeft .contentBottom{ margin:20px 0px;} .neirong{ font-size:14px;} .contentBot a{ font-size:14px;} .contentBot a:nth-child(1){ margin-bottom:15px;} .contentBot a div:nth-child(2){ display: block;} .contentBot{ display:block;} .contentBot a div:nth-child(1),.contentBot a div:nth-child(2){ line-height:46px;} .zhaopin .zpItem .zpTop{ padding:20px;} .zhaopin .zpItem .zpTop .zpTopLeft .zpTopCn{ line-height:normal; font-size:16px;} .zhaopin .zpItem .zpTop .zpTopRight .anniu{ font-size:14px;} .zhaopin .zpItem .zpBot .zpBotBox{ padding:20px;} .zhaopin .zpItem .zpBot .zpBotBox .zpBotBot{ margin-top:0px;} .zhaopin .zpItem .zpTop .zpTopLeft{ width:80%;} .zhaopin .zpItem .zpTop .zpTopLeft .zpTopEn{ line-height:normal; margin-top:5px;} #tdjl .tcBox .tdbdTop .tdbdTop1{ font-size:20px;} #tdjl .tcBox .tdbdTop .tdbdTop2{ font-size:14px;} #tdjl .tcBox .zxtdForm{ padding:25px;} #tdjl .tcBox .zxtdForm .zxtdRow{ display:block;} #tdjl .tcBox .zxtdForm .zxtdRow .zxtdLeft,#tdjl .tcBox .zxtdForm .zxtdRow .zxtdRight{ width:100%; display:block; text-align:left; line-height:normal; height:auto; margin-bottom:15px;} #tdjl .tcBox .zxtdForm .zxtdRow .zxtdRight .input2,#tdjl .tcBox .zxtdForm .zxtdRow .zxtdRight .input3,#tdjl .tcBox .zxtdForm .zxtdRow .zxtdRight .input1{ width:100%;} .xwzx4Top{ padding:35px 0px; display:block;} .xwzx4Top .xwzx4TopTitle,.xwzx4Top .newSearch{ max-width:100%; width:100%;} .xwzx4Top .xwzx4TopTitle{ font-size:20px; margin-bottom:20px; text-align:center;} .xwzx3 .xwzx3Right a{ font-size:14px;} .xwzx3 .xwzx3Right span{ margin:0px 10px;} .xwzx3 .xwzx3Left{ font-size:16px;} .hyzxSx{ display:block;} .hyzxSx .hyzxSxLeft{ text-align:center; font-size:20px;} .hyzxSx .hyzxSxLeft,.hyzxSx .hyzxSxRight{ width:100%;} .hyzxSx .hyzxSxRight{ margin-top:15px; flex-wrap:wrap;} .hyzxSx .hyzxSxRight a{ width:32%; margin-right:2%; padding:0px; text-align:center; font-size:15px; margin-bottom:10px; line-height:40px;} .hyzxSx .hyzxSxRight a:nth-child(3n){ margin-right:0px;} .hyzxNews .hyzxNewsItem{ padding:22px; display:block;} .hyzxNews .hyzxNewsItem:last-child{ margin-bottom:0px;} .hyzxNews .hyzxNewsItem .hyzxNewsLeft .hyzxNewsTitle{ font-size:16px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .hyzxNews .hyzxNewsItem .hyzxNewsLeft .hyzxNewsSmall{ font-size:14px;} .hyzxNews .hyzxNewsItem .hyzxNewsRight{ display:none;} .hyzxNews.hyzxNews1 .hyzxNewsItem:hover .hyzxNewsLeft{ width:100%;} .hyzxNews .hyzxNewsItem .hyzxNewsLeft .hyzxNewsDeta{ font-size:15px;} .fenye{ flex-wrap:wrap; padding:0px 4%;} .fenye .num a{ margin-bottom:10px;} .spzyNews{ justify-content:space-between; padding:0px 4%;} .spzyNews .spzyNewsItem{ width:48%; margin:0px; margin-bottom:4%;} .spzyNews .spzyNewsItem .spzyNewsText{ background:#fff; padding:13px;} .spzyNews .spzyNewsItem .spzyNewsText .spzyNewsTitle{ font-size:16px; margin-bottom:10px; line-height:normal;} .spzyNews .spzyNewsItem .spzyNewsText .spzyNewsBottom{ display:block;} .spzyNews .spzyNewsItem .spzyNewsText .spzyNewsBottom .spzyNewsB1{ width:100%;} .spzyNews .spzyNewsItem .spzyNewsText .spzyNewsBottom .spzyNewsB1:last-child{ margin-top:3px;} .schdNews{ margin-bottom:20px;} .schdNews .schdNewsItem{ min-height:auto; margin-bottom:20px;} .schdNews .schdNewsItem .schdNewsLeft .riqi{ font-size:16px;} .schdNews .schdNewsItem.item1 .schdNewsRight .neirong .biaoti{ font-size:15px; line-height:24px; color:#666;} .schdNews .schdNewsItem.item1 .schdNewsRight{ margin-bottom:0px;} .gsxwNews{ display:flex; justify-content:space-between;} .gsxwNews .gsxwNewsItem{ margin:0px;} .gsxwNews .gsxwNewsItem{ width:100%; margin-bottom:4%; padding:20px;} .gsxwNews .gsxwNewsItem .gsxwNewsDeta{ justify-content:space-between; margin-bottom:10px;} .gsxwNews .gsxwNewsItem .gsxwNewsDeta div{ margin-right:0px; margin-bottom:5px;} .gsxwNews .gsxwNewsItem .gsxwNewsTitle{ font-size:16px; margin-top:0px;} .gsxwNews .gsxwNewsItem .gsxwNewsSmall{ font-size:14px; color:#666;} .gsxwNews .gsxwNewsItem .gsxwNewsMore{ margin-top:25px;} .newsDetail{ display:block;} .newsDetail .contents{ width:100%;} .newsDetail .detailMenu{ display: block; margin-top:25px;} .contentsMess{ padding:25px;} .contentsMess .title{ margin-top:0px; font-size:20px; line-height: normal; line-height:28px;} .contentsMess .xx{ padding:20px 0px;} .contentsMess .nr{ font-size:14px; padding:25px 0px;} .contentsMess .nr div{ width:100% !important;} .contentsMess .bottom{ display:block;} .contentsMess .bottom .bl{ display:block;} .contentsMess .bottom .bl a{ margin-right:0px; margin-bottom:10px;} .pages{ margin-bottom:35px;} .neiBnaner .neiBnanerText .pageName .pageName4{ line-height:24px;} .customer1{ margin:15px auto;} .customer11{ font-size:22px;} .customer12{ margin:25px 0px;} .gpxxPage{ padding:25px; margin:30px auto;} .gpxxPage .gpxxPageLeft{ width:100%; border-right:0px;} .gpxxPage .gpxxPageLeft .gpxxPageLeft2 .gpxxPageLeft21{ font-size:35px;} .gpxxPage .gpxxPageLeft .gpxxPageLeft2{ margin:10px 0px;} .gpxxPage .gpxxPageLeft .gpxxPageLeft2 .gpxxPageLeft24,.gpxxPage .gpxxPageLeft .gpxxPageLeft2 .gpxxPageLeft23{ font-size:15px;} .gpxxPage .gpxxPageLeft .gpxxPageLeft3{ display:block; line-height:30px;} .gpxxPage .gpxxPageLeft .gpxxPageLeft3 div{ width:100%;} .gpxxPage .gpxxPageRight{ justify-content:space-between; flex-wrap:wrap;} .gpxxPage .gpxxPageRight .gpr{ width:48%; text-align:center;} .gpxxPage .gpxxPageRight .gpr .gprBot{ line-height:normal; margin-top:8px; font-size:20px;} .tzrlx{ margin-bottom:0px;} .tzrlx .addressXun{ padding:0px; margin-bottom:25px;} .tzrlx .addressXun .addressXun1{ font-size:20px; padding-bottom:15px; margin-bottom:15px;} .tzrlx .addressXun .addressXun2 .addressXun21{ font-size:15px;} .investor6{ margin-bottom:43px;} .investor61 .investor612{ font-size:22px;} .investor61 .investor613{ font-size:14px;} .investorForm{ justify-content:space-between;} .investorForm .fromBox1{ width:48%; margin-right:0px;} .investorForm .fromBox1:nth-child(3n){ margin-right:0px;} .ywzx{ height: auto; padding:30px 20px;} .ywzx .ywzxBox .ywzxBox1{ font-size:20px; font-weight:bolder; margin-bottom:20px;} .ywzx .ywzxBox .ywzxBox2 .ywzxXun{ font-size:14px; line-height:40px;} .ywzx .ywzxBox .ywzxBox2 .ywzxXun img{ max-height:20px;} .customer13 li .customer132{ font-size:18px; margin-bottom:10px;} .customer13 li .customer133{ font-size:14px; margin-bottom:5px; color:#666;} .customer13 li{ padding:20px 0px !important;} .xzzxLink{ margin:30px 0px; width:100%;} .xzzxLink a{ width:50%; font-size:16px;} .customer14 li{ padding:20px;} .customer14 li .cusLeft span{ font-size:16px;} .customer14 li .cusright div{ font-size:14px;} .customer14 li .cusright a{ font-size:14px; width:65px;} .customer14 li .cusLeft img{ margin-right:10px;} .hzhb{ display:flex; justify-content:space-between; flex-wrap:wrap;} .hzhb li{ background:#fff; width:48%; padding:20px; margin-bottom:4%; height:auto;} .hzhb li img{ max-height:90px;} .indexBanner .banner_bn{ display:none;} .video{ width:100% !important; margin-left:0px !important;} #testvideo{ width:100% !important;} .pageDaTitle2{ font-size:14px;} .pageDaTitle{ font-size:20px; line-height:normal;} .serTitle{ font-size:16px; margin:20px 0px;} .drugServiceLeft{ display:none;} .serLink .serLinkArrow .serLinkArrowLeft{ margin-left:0px;} .serLink .serLinkArrow .serLinkArrowRight{ margin-right:0px;} .serviceWmdys .swmdysItem{ padding:15px;} .serviceWmdys .swmdysItem .swmdysItemTop{ font-size:16px; line-height:normal; padding-bottom:20px;} .swmdysItemBot2 span{ font-size:14px; width:100%;} .serXgwz{ margin-bottom:35px;} .serXgwz a{ width:100%; margin:0px;} .xgsys{ height:auto; overflow:hidden;} .xgsys .xgsysArrow .xgsysArrowLeft{ margin-left:0px;} .xgsys .xgsysArrow .xgsysArrowRight{ margin-right:0px;} .serviceWmdys .swmdysItem .swmdysItemTop2{ font-size:14px; line-height:26px;} .ffpt .ffptTitle{ font-size:20px; margin-top:22px;} .ffpt .ffptSmall{ font-size:15px;} .ffpt .ffptBox .ffptItem{ margin:0px; width:100%; margin-bottom:25px;} .ffptItemTextBox .ffptItemSmall{ font-size:14px;} .ffptItemTextBox .ffptItemTitle .ffptItemTitle2{ font-size:16px;} .serviceBottom{ display:block; margin:0px; width:100%; padding:4%;} .serviceBottom .sbItem{ width:100%; display:inline-block;} .serviceBottom .sbItem .sbItemImg:before{ padding-top:0px;} .serviceBottom .sbItem .sbItemImg div{ position:relative; display:flex; height:auto;} .serviceBottom .sbItem:last-child{ margin-top:25px;} .serviceBottom .sbItem .sbItemText{ padding:20px;} .serviceBottom .sbItem .sbItemText .sbItemTitle{ font-size:16px;} .serviceBottom .sbItem .sbItemText .sbItemSmall{ font-size:14px; height:auto;} .serviceBottom .sbItem .sbItemText .sbItemMore{ font-size:12px; line-height:34px; margin:0px; margin-top:15px;} .ser2 .content{ padding:20px; font-size:14px;} .p1{ font-size:18px; margin-bottom:20px;} .youshi .youshiXun{ width:100%; margin-bottom:25px; padding:22px;} .youshi .youshiXun .youshiTitle{ font-size:16px;} .Salary{ margin-bottom:30px;} .humanI5 .humanI54 li .humanI54_list{ width:50%; padding:30px 0px; font-size:16px;} .humanI5 .humanI54 li .humanI54_list img{ max-height:58px;} .humanI5 .humanI54 li .humanI54_list p:last-child{ margin-top:13px;} .humanI5 .humanI54 li .humanI54_list:before{ width:80px; top:55px; right:-40px;} .humanI5 .humanI54 li .humanI54_list:nth-child(2n):before{ display:none;} .about2Img img{ height:auto;} .serviceList2 .serviceItem2{ padding:20px;} .serviceList2 .serviceItem2 .serviceTitle{ font-size:18px;} .serviceList2 .serviceItem2 .serviceSmall{ font-size:14px;} .pageNav2{ margin-bottom:0px;} .pageNav2 a:nth-child(1){ margin-left:15px;} .newSearch input[type="text"]{ border-left:0px;} .xmbz table td:nth-child(1){ font-size:16px;} .xmbz table td{ font-size:14px;} .swmdysItemBot3{ border-top:0px;} .Technology{ padding:35px 0px;} .Technology .Technology_title .Technology_title_dd{ font-size:20px;} .Technology .Technology_title .Technology_title_dt{ font-size:15px;} .Technology .Technology_title .Technology_title_p{ font-size:14px; margin-top:10px;} .Technology .Technology_content .Technology_content_list{ width:48%; padding:0px; display:block; height:auto;} .Technology .Technology_content .Technology_content_list .content_list_icon,.Technology .Technology_content .Technology_content_list .content_list_txt{ width:100%; text-align:center;} .Technology .Technology_content .Technology_content_list .content_list_icon{ margin-bottom:15px;} .Technology .Technology_content .Technology_content_list .content_list_icon img{ max-height:55px;} .Technology .Technology_content .Technology_content_list .content_list_txt{ font-size:15px;} .Technology2{ display:block;} .Technology2 .Technology2_left,.Technology2 .Technology2_right{ width:100%;} .Technology2 .Technology2_left{ padding:22px;} .Technology2 .Technology2_right img{ height:auto;} .Technology2 .Technology2_left .Technology2_left_title .left_title_dt{ font-size:18px;} .Technology2 .Technology2_left .Technology2_left_txt p{ font-size:14px; margin-bottom:12px;} .Technology2 .Technology2_left .Technology2_left_txt{ padding-bottom:25px;} .Technology2 .Technology2_left .Technology2_left_bottom .left_bottom_list{ margin-top:25px;} .Technology2 .Technology2_left .Technology2_left_bottom .left_bottom_list .bottom_list_title .list_title_dd{ font-size:15px;} .Technology2 .Technology2_left .Technology2_left_bottom .left_bottom_list .bottom_list_title{ margin-left:15px;} .Technology3 .Technology3_content .Technology3_content_list{ width:50%;} .Technology3 .Technology3_content .Technology3_content_list .content_list_title{ font-size:14px; padding:0px 10px; margin-top:10px;} .Technology3 .Technology3_content .Technology3_content_list:nth-child(2n){ border-right: 1px solid #e4e6e7;} .Technology3 .Technology3_content{ margin-top:22px;} .index1:before{ display:none;} .zuixgg .zuiXggXun{ padding-right:0px;} .zuixgg .zuiXggXun .zuiXggXunLeft .zuixggDate{ width:auto; margin-right:25px;} .zuixgg .zuiXggXun .zuiXggXunLeft .zuixggDate .zuixggDate1{ font-size:16px;} .zuixgg .zuiXggXun .zuiXggXunLeft .zuixggTitle{ font-size:16px;} .zuixgg{ margin-bottom:0px;} .serviceItem{ margin:30px auto;} .serviceItem .classTitle{ font-size:20px;} .serviceItem .serviceLink .serviceLinkXun{ width:100%; margin-left:0px;} .objTop .objTopTitle{ font-size:18px;} .objTop .objTopIcon img{ max-height:50px;} .objBot .objBotTop .objBotTop1 img{ max-height:50px;} .objBot .objBotTop .objBotTop2{ font-size:18px;} .yghdList,.zhaopin{ padding-top:25px;} .wh{ background:#1b6cab;} .schdNews .schdNewsItem.item1 .schdNewsRight .tupian{ display:none !important;} /*第一种*/ .schdNews .schdNewsItem:hover .schdNewsLeft{ background:url(../images/new35.jpg) repeat-y 17px 0;} .schdNews .schdNewsItem:hover .schdNewsLeft .tubiao{ width:35px; height:30px; background: url(../images/new19.png) no-repeat 0 50%,#f0f4f7;} .schdNews .schdNewsItem:hover .schdNewsLeft .riqi{ color:#156aa9;} .schdNews .schdNewsItem:hover .schdNewsRight{padding: 0px; background: none; border-radius: 0px; display: block; justify-content: space-between; position: relative; top: 0px;} .schdNews .schdNewsItem:hover .schdNewsRight .xian{ display:none;} .schdNews .schdNewsItem:hover .schdNewsRight .neirong{ display:flex; flex-direction:column;} .schdNews .schdNewsItem:hover .schdNewsRight .neirong .biaoti{ font-size:20px; line-height:30px;} .schdNews .schdNewsItem:hover .schdNewsRight .neirong .jianjie{ font-size:16px; color:#666666; line-height:2em;} .schdNews .schdNewsItem:hover .schdNewsRight .neirong .xinxi{ display:none;} .schdNews .schdNewsItem:hover .schdNewsRight .neirong .xinxi .xinxiRiqi{} .schdNews .schdNewsItem:hover .schdNewsRight .neirong .xinxi .xinxiDizhi{} .schdNews .schdNewsItem:hover .schdNewsRight .tupian{ display:none;} .schdNews .schdNewsItem:hover .schdNewsRight .tupian:before{} .schdNews .schdNewsItem:hover .schdNewsRight .tupian div{} .schdNews .schdNewsItem:hover .schdNewsRight .neirong .biaoti{font-size: 15px; line-height: 24px; color: #666;} .schdNews .schdNewsItem:hover .schdNewsRight .neirong{ width:100%;} .schdNews .schdNewsItem:hover .schdNewsRight .neirong .jianjie{ display:none;} .hyzx{ justify-content:space-between; margin-bottom:0px;} .hyzx .hyzxItem{ margin:0px; width:32%;} .hyzx .hyzxItem .hyzxTitle{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; white-space: inherit;} .hyzx .swiper-wrapper{ height:390px;} .schd{ display:block; margin-bottom:30px;} .schd .schdLeft,.schd .schdRight{ width:100%;} .schd .schdRight .schdItem{ padding:15px;} .schd .schdRight .schdItem .schdItemDate{ display:block; margin-top:0px;} .schd .schdRight .schdItem .schdItemTitle{ margin:15px 0px;} .hyzxSx .hyzxSxLeft{ display:none;} .hyzxSx .hyzxSxRight{ flex-wrap:inherit; justify-content:center;} .hyzxSx .hyzxSxRight a{ margin-right:0px; background:none; position:relative; line-height:17px; width:auto; display:flex; align-items:center;} .hyzxSx .hyzxSxRight a:after{ content:""; display:inline-block; width:2px; height:17px; background:#dcdcdc; margin:0px 10px;} .hyzxSx .hyzxSxRight a.on{ background:none; color:#156aa9;} .hyzxSx .hyzxSxRight a:last-child:after{ display:none;} .hyzxSx .hyzxSxRight a:hover{ background:none; color:#156aa9;} .MoMore{font-size: 16px; color: #156aa9; display:flex; align-items:center; margin:25px 0px; justify-content:center;} .MoMore i{ margin-left:15px;} .hyzxBox{ padding-top:0px;} .xwzx4Top .xwzx4TopMore{ display:none;} .mdxykt,.yktText{ margin-top:0px; margin-bottom:0px;} .yktText{ padding:0px 20px;} .xgsys .xgsysBox .xgsysBoxXun{ height:auto;} .gsxw{height: 245px; margin-bottom:22px !important;} .xwzxXun{ margin:0px;} .gsxw .swiper-pagination-bullet{ background:#fff;} .max-size{ width:96% !important;} .dg-container .dg-wrapper{ width:80% !important;} .dg-container .dg-wrapper a{ width:100% !important; height:155px !important;} .dg-container nav a.dg-next{ right:15px !important;} .dg-container nav a.dg-prev{ left:15px !important;} .ykt .MoMore{ margin-top:48px;} .dg-container nav a{ top:initial !important; bottom:-25px !important;} .gy{ background:#f0f5f9 !important;} .about2{ height:460px;} .tcBox#teamTcBox .teamTcBoxTop .teamTcBoxTopText .teamTcBoxToptitle{ font-size:20px;} .tcBox#teamTcBox .teamTcBoxTop .teamTcBoxTopText .teamTcBoxTopName{ font-size:18px;} .footer3{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;} .footer3 a{ width:22%; padding:0px; font-size:12px; margin:0px;} .footer .footer2{ padding-bottom:10px;} .footer .footer2 div a{font-size: 13px; line-height: 26px; color: rgba(255,255,255,0.5);} .hyzx .hyzxItem .hyzxImg,.hyzx .hyzxItem .hyzxImg img{ height:auto;} .mo_top .mot{ position:relative;} .mo_top .mot .Language{ position:absolute; right:55px; display:inline-block; font-size:14px; color:#fff; padding:2px 6px; border-radius:4px; background:#156aa9;} body { -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; -moz-text-size-adjust: 100% !important; } .mo_banner .mo_banner_list{ position:relative;} .mo_banner .mo_banner_list .banner_list_title{ position:absolute; top:0; left:0; width:100%; height:100%; display:flex; justify-content:center; flex-direction:column; padding:0px 6%;} .mo_banner .mo_banner_list .banner_list_title .list_title_dd{ font-size:16px; color:#fff;} .mo_banner .mo_banner_list .banner_list_title .list_title_dt{ font-size:18px; color:#fff; margin-top:8px; margin-bottom:5px;} .mo_banner .mo_banner_list .banner_list_title .list_title_p{ font-size:14px; color:#fff;} .mo_banner .swiper-button-next:after,.mo_banner .swiper-button-prev:after{ font-size:18px; color:#fff;} .neiBnaner .neiBnanerText .pageName .pageName4{ display:none;} .pc_show{ display:none !important;} .mo_show{ display:block !important;} .index2Right2 .irBox{ display:block !important;} .index2Right2 .irBox.swiper-slide-active .irBox4{ opacity:1; transform: translate(0px, 0px);} .index2Right2 .irBox.swiper-slide-active .irBoxMore{ opacity:1; transform: translate(0px, 0px);} .index2Right2 .swiper-pagination{ display:flex; align-items:center; justify-content: flex-end; bottom:20px;} .index2Right2 .swiper-pagination .swiper-pagination-bullet{ width:10px; height:10px; background:#fff;} .index2Right .irBox .irBox3{ font-size:14px; margin-top:5px;} .serviceBottom .sbItem .sbItemText .sbItemSmall,.newsDetail .detailMenu{ width:100%;} .contentBot a{ width:100%;} .contentBot a:nth-child(2){ display:none;} .contentsMess .bottom{ padding-bottom:0px;} .contentsMess .bottom .bl{ display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:0px;} .contentsMess .bottom .bl a{ width:48%; font-size:14px; text-align:center;} .schd .schdRight .schdItem{ height: inherit;} .ykt{ position:relative; z-index:50;} .ykt .MoMore{ margin-top:105px;} .ykt .f-30{ line-height:20px; margin-top:45px;} .dg-container .dg-wrapper > a div p{ display:none;} .dg-container nav{ z-index:50;} .indexNews .indexNewsBox .inbXun .inbXun_a:hover{ padding:30px;} .indexNews .indexNewsBox .inbXun .inbXun_a:hover:before{ content:""; display:inline-block; width:100%; height:100%; background: url(../images/index4.jpg) no-repeat 50%/cover; position:absolute; left:0; top:0px; opacity:0; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .indexNews .indexNewsBox .inbXun .inbXun_a:hover .inbXuntime{ font-size:14px; color:#035fa3; margin-bottom:18px; z-index:1; position:relative; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .indexNews .indexNewsBox .inbXun .inbXun_a:hover .inbXunTitle{ font-size:18px; color:#333333; line-height:30px; font-weight:bolder;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; z-index:1; position:relative; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .indexNews .indexNewsBox .inbXun .inbXun_a:hover .inbXunTxt{ font-size:14px; color:#666666; line-height:24px; height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top:15px; margin-bottom:40px; z-index:1; position:relative; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .indexNews .indexNewsBox .inbXun .inbXun_a:hover .inbXunMore{ display:flex; align-items:center; font-size:14px; color:#666666; z-index:1; position:relative; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .indexNews .indexNewsBox .inbXun .inbXun_a:hover .inbXunMore span{ margin-right:5px; display:flex; width:17px; height:11px; background: url(../images/wn14.png) no-repeat 50%/cover; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;} .DSearch{ padding-top:0px;} .DSearch .RSearch_top_left{ margin-bottom:25px;} .pc_show2{ display: none;} .gsxwItem{ display:block !important;} .hyzx .swiper-pagination{ display: block;} .hyzx .hyzxItem .hyzxLine{ opacity:0;} .indexNewsBox2 .swiper-button-next:after,.indexNewsBox2 .swiper-button-prev:after{ font-size:20px;} .footer .footer1{ display:block;} .footer .footer1 .footerGp{ margin-top:20px;} .footer .footer1 .footerGp .footerGp1{ margin-left:0px;} .footer .footer2 div:nth-child(3) p:nth-child(1){ display:none;} .footer .footer2 div p br{ display:none;} .footer .footer2 .menuDownBot .menuDownBot3 a:nth-child(1){ margin-left:0px;} .footer .footer2 .menuDownBot .menuDownBot3 a:nth-child(4){ display:none;} .footer .footer2 .menuDownBot .menuDownBot3 a:nth-child(5){ display:inline-block; width:100%; margin-left:0px;} .links{ display:flex; justify-content:space-between; flex-wrap:wrap; justify-content:space-between;} .links span{ width:100%; color:#fff;} .links a{ width:32%; margin:0px; font-size:12px; padding:0px; margin-top:5px; padding-right:10px; text-align:left;} .index1 .index16{ margin-bottom:0px;} .hyzxNews.hyzxNews1 .hyzxNewsItem:hover{ box-shadow:0px 0px 25px rgba(0,0,0,.15);} .hyzxNews.hyzxNews1 .hyzxNewsItem:hover .hyzxNewsLeft{ width:100%;} .hyzxNews.hyzxNews1 .hyzxNewsItem:hover .hyzxNewsLeft .hyzxNewsSmall{ -webkit-line-clamp:1;} .hyzxNews.hyzxNews1 .hyzxNewsItem:hover .hyzxNewsLeft .hyzxNewsMore{ display:none;} .hyzxNews.hyzxNews1 .hyzxNewsItem:hover .hyzxNewsRight{ opacity:0; transition:all ease-in 0.5s;} .newsDetail{ margin-top:25px;} .xwzx4Top .RSearch_top_left .top_left_dt{ justify-content:space-between;} .xwzx4Top .RSearch_top_left .top_left_dt a{ width:48%; margin-right:0px; height:45px; font-size:15px; justify-content:center; padding:0px 10px;} .rightCb{ top: auto; bottom:20%; width:60px; height:60px;} .rightCb .rightCb1{ width:60px; height:60px;} .rightCb .rightCb1 .rightCbImg{ width:60px; height:60px; position:relative;} .rightCb .rightCb1 .rightCbImg:before{ content:"在线咨询"; bottom:7px; left:0; width:100%; text-align:center; font-size:12px; color:#fff; position:absolute; background:#004d88;} .team .teamXun .teamTop .teamTopBg img{ width:100%;} .newsDetail .detailMenu .ad{ padding-bottom:35px;} .rightCb .rightCb1:nth-child(1){ display:block;} .rightCb .rightCb1:nth-child(1) .rightCbImg:before{ content:"电话咨询";} .rightCb .rightCb1:nth-child(1) .rightCbMenu{ display:none !important;} .rightCb .rightCb1 .rightCbImg.on{ width:60px;transform: inherit;} .TalentRank{ display:block; padding:25px;} .TalentRank .TalentRank_left{ padding:0px; width:100%; font-size:14px; line-height:28px;} .TalentRank .TalentRank_right{ width:100%; margin-top:25px; text-align:center;} .contentsMess .bottom .bl,.contentsMess .bottom .br{ width: 100%;} .contentsMess .bottom .bl{ margin-bottom: 20px;} .page404{ padding: 25px 6%;} .page404 .page404_top .page404_top_t{ display: block;} .page404 .page404_top .page404_top_t .top_t_img{ text-align: center;} .page404 .page404_top .page404_top_t .top_t_img,.page404 .page404_top .page404_top_t .top_t_txt{ width: 100%; } .page404 .page404_top .page404_top_t .top_t_txt .t_txt_dd{ font-size: 18px;} .page404 .page404_top .page404_top_t .top_t_txt .t_txt_dt{ font-size: 14px;} .page404 .page404_top .page404_top_t .top_t_txt .t_txt_search{ width: 100%;margin-top: 25px;} .page404 .page404_top .page404_top_b{ margin-top: 25px;} .page404 .page404_top .page404_top_b a{ left: 0; font-size: 14px; width: 120px; height: 33px;} .page404 .page404_bottom{ margin-top: 25px;} .page404 .page404_bottom .page404_bottom_content .bottom_content_list .content_list_img img{ width: 100%; object-fit: cover; border-radius: 5px;} .page404 .page404_bottom .page404_bottom_content .bottom_content_list .content_list_img{ width: 30%;} .page404 .page404_bottom .page404_bottom_content .bottom_content_list .content_list_txt{ width: 65%;} .page404 .page404_bottom .page404_bottom_content .bottom_content_list .content_list_txt .list_txt_dt{ font-size: 14px; line-height: 24px; margin: 8px 0px; -webkit-line-clamp: 1;} } @media screen and (max-width:770px){ } @media screen and (max-width:640px){ } @media screen and (max-width:420px){ } .right_list_dt p a{color:#fff;} .lblLink{width:1000px;} .lblLink p{float:left;float: left; width: 300px; padding: 5px;} .sectionNumber{background-size: 37px 37px;} .sectionNumber{margin: 45px auto 25px auto; background-size: cover;;text-align: center;color: #0d78b7; font-weight: bold; line-height: 40px; padding-right: 12px; width: 4%;height: 40px; font-size: 18px;background-size: 97%; float: left;background: url(../images/h22.png) no-repeat} .serviceContent p { line-height: 38px;font-size: 16px; color: #666666; width: 100%; float: left;} .xgsysBoxImgBox1{width:33%;float: left;} .xgsysBoxImgBox1 img{width:220px; padding: 5px;} .serviceContent h2{font-size: 20px; color: #156aa9;font-weight: 100; line-height: 60px; border-bottom: #b5b5b5 solid 1px;} .serviceContent .pageNav333 h3 { font-size:18px;} .serviceContent .pageNav333 ul li { font-size:14px; line-height:25px;} .serviceContent p {padding-left: 20px; padding-right: 20px;padding-bottom: 10px;text-align: justify;} .serviceContent .pageNav333 p {padding-left: 0px; padding-right: 0px;padding-bottom: 10px; } .newDiv{background: #f0f4f7; padding-bottom: 40px; padding-top: 10px; margin-bottom: 10px;border-radius: 15px; /* 设置圆角半径 */ ;margin-top: 20px;color: #666666;} @media screen and (max-width: 1300px){ .pageNav { display: none; }} .xgsysBoxImgBox1 { width: 23%; float: left; height: 112px; overflow: hidden; margin-bottom: 10px; } .xx{ font-size:14px; color:#b5b5b5; margin-bottom:10px; font-size: 14px; color:#999;} .xx div { margin-right: 8px; float: left; } .xx img{padding-right:10px;} .rightCbImg p{position: absolute; bottom: 10px; color: #fff; font-size: 10px;} .rightCbImg img{ width: 30px; top: 10px; position: absolute;} .pageMenu .pageMenuBox .pageMenuItem { width: 100%; } .serXgwz:empty { display: none; } .serXgwz:empty ~ h2:first-of-type { display: none; } .pageMenuTitle { width: 100%; display: flex; justify-content: space-between; align-items: center; height: 60px; border-bottom: #b5b5b5 solid 1px; } .pageMenuDown{background: #fbfcfe; display: none;} .pageMenuTitle a { font-size: 18px; } .pageMenuTitle .zk { color: #c1c1c1; font-size: 20px; } .pageMenuTitle .sq { color: #ffffff; font-size: 20px; display: none; } .aaa{width: 100%; } .serviceContent h2 span{margin-left:10px;} .newDiv h2{padding-left: 10px; padding-right: 10px;} .newDiv h2 { margin-left: 20px; margin-right: 20px; width: 95%;} .serviceMore1{float:left;width:100px;} .serviceMore2{float:left;width:100px;} .serviceMore3{float:left;width:100px;} .fenye b { background: #156aa9; color: #fff; box-shadow: rgb(21 106 169 / 30%) 0 0 10px; width: 58px; height: 58px; text-align: center; line-height: 58px; display: inline-block; font-size: 16px; margin: 0 10px; border-radius: 60px; } .fenye a { width: 58px; height: 58px; text-align: center; line-height: 58px; display: inline-block; font-size: 16px; color: #222222; background: #fff; margin: 0 10px; border-radius: 60px; } .fenye a:hover { background: #156aa9; color: #fff; box-shadow: rgb(21 106 169 / 30%) 0 0 10px; } .is-clicked{ background: url(../images/m_nav2.png) no-repeat 50%!important; } .serviceMore:hover {background:#004d88; color: #fff;} .serviceMore:hover a {color: #fff;} .footer2 p a{color: rgba(255,255,255,0.5);} .domo-pic-scroll-lr { width:1010px; height:200px; position:relative; margin:0 auto; } .domo-pic-scroll-lr .conts li .s1 { width:190px; height:120px; } .domo-pic-scroll-lr .conts li a { color:#317bac; display:block; width:90%; height:120px; border-radius:8px; } .domo-pic-scroll-lr .conts li a:hover { color:#fff; text-decoration:none; } .domo-pic-scroll-lr .prev, .domo-pic-scroll-lr .next { z-index:1; position:absolute; top:52%; margin-top:-25px; display:block; width:36px; height:36px; line-height:34px; font-size:22px; color:#fff;box-shadow: 0px 4px 10px 0px rgba(16,124,195,1);-webkit-box-shadow: 0px 4px 10px 0px rgba(16,124,195,1);-moz-box-shadow: 0px 4px 10px 0px rgba(16,124,195,1); border-radius:50px; background:#b2d5ed; text-align:center; font-family:"Comic Sans MS", cursive; cursor:pointer; } .domo-pic-scroll-lr .prev { left:-70px; background:#212121; } .domo-pic-scroll-lr .prev:hover, .domo-pic-scroll-lr .next:hover { background:#3dc878; color:#fff; } .domo-pic-scroll-lr .next { right:-70px; background:#212121; } .domo-pic-scroll-lr .tabs { width:100%; height:11px; line-height:11px; position:absolute; z-index:1; bottom:0; left:0; overflow:hidden; } .serLinkItem { border-radius: 10px; height: 100%; width: 100%; padding: 25px 15px 15px 15px; } .serLinkArrow { width: 100%; height: 0; position: absolute; left: 0; top: 50%; display: flex; justify-content: space-between; align-items: center; z-index: 999; } .serLinkArrowLeft { margin-left: -26px; } .serLink .serLinkArrow .serLinkArrowRight { margin-right: -26px; } .serLinkItem { position: relative; width: 100%; padding-right: 13px; } .serLinkImg.serLinkImg1 { display: inline-block; } .serLinkImg { display: none; width: max-content; } .serLinkItems1 { display: flex; flex-direction: column; background: #f0f4f7; border-radius: 10px; height: 100%; width: 100%; padding: 25px 15px 15px 15px; } .serLinkTitle { font-size: 16px; margin: 15px 0 15px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; position: relative; z-index: 2; } .serLinkMore { font-size: 13px; } .serLinkNum { font-size: 47px; color: #e4e8ea; position: absolute; bottom: 15px; right: 15px; z-index: 1; font-family: 'RobotoB'; } .serLinkItem { float: left; height: 112px; } .slick-slide:hover { background: url(https://www.yjsjiu.com/999/images/service8.png) no-repeat 50%/cover; } .slick-slide {margin-right: 13px; background: #f0f4f7;height:70%!important;} .sTempWrap{width:100%} .aaa { z-index: 9999; width: 100%;margin-left: 20px; float: left; } .sTempWrap { width: 1020px; overflow: hidden; } *{margin:0;padding:0;} body { margin:0px; padding:0px; font-size:12px; font-family:"微软雅黑"; } .scrollpic { width: 1400px; margin:1px auto 0 auto; } #myscroll { display: block; width: 100%; position: relative; height: 240px; overflow: hidden; } #myscroll #myscrollbox { display: block; float: left; position: absolute; left: 0; top: 0; width: 1000000px; } #myscroll ul { display: block; float: left; list-style-type: none; padding: 0; margin: 0; } #myscroll ul li { display: block; float: left; padding: 0; width:280px; } #myscroll ul li a { display: block; float: left; width: 260px; padding: 0; position: relative; height: 240px; color: #333; } #myscroll a .intro { position: absolute; left: 0; z-index: 10; background-color: #000; filter: alpha(opacity=70); width: 260px; color: #fff; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; text-align: center; } #myscroll a .intro h5 { padding: 0; margin: 0; font-size: 16px; height: 40px; width: 260px; line-height: 40px; border-bottom: 1px solid #ccc; font-weight:100; } #myscroll a .intro p { font-size: 13px; line-height: 20px; margin: 65px 70px; height: 70px; overflow: hidden; } #myscroll a .intro { bottom: -201px; } #myscroll a:hover .intro { bottom: 0px; } #mybtns { margin:30px 0; width: 53.5%; display: block; height: 42px; } #mybtns a { width: 42px; height: 42px; display: block; float: right; margin-right: 1px; background-color: #004d88; margin-left:10px; } #mybtns a:hover { background-color: #347fdc; } #mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #mybtns #left { background-image: url(../images/jt_l.png); } #mybtns #right { background-image: url(../images/jt_r.png); } #kinMaxShow { visibility: hidden; width: 100%; height: 500px; overflow: hidden; } .serviceContent table tr td p{background:none!important;} .serviceContent table tr td{border: 1px solid #e4e4e4;height: 80px;} .serviceContent table tr:first-child {background-color: #1b67b2!important;color:#fff!important;} .serviceContent table tr td span strong {color: #fff;} .serviceContent table tr:nth-child(even):not(:first-child) {background-color: #fff;} .serviceContent table tr:nth-child(odd):not(:first-child) { background-color: #ecf0f9;} @media only screen and (max-width: 480px) { .serXgwz1{width:100%!important;} .xgsysBoxImgBox1 { width: 46%; float: left; height: 105px; overflow: hidden; margin-bottom: 10px; padding: 1%; } .neiBnaner{display:none;} .pageDaTitle { margin-bottom: 1px; }.serviceContent p:first-of-type { margin-top: 10px; } .wa{display:none;} .xgsys {margin-left: 1%;margin-top: 5px; margin-bottom: 10px;} .rightCb{display:none;} .wa{display:none;} .domo-pic-scroll-lr{display:none;} .aaa a:nth-last-child(-n+2) {display: none;} .aaa a:nth-of-type(-n+2) {display: block;} .pageDaTitle2 a { line-height: 40px;} } .serviceContent h2 {width:100%;float:left;} .xgsys{width:100%;float:left;} .sTempWrap{width:92%;float:left; margin-top: 10px; margin-left: 20px; } .domo-pic-scroll-lr .prev{display:none;} .domo-pic-scroll-lr .next{display:none;} .serXgwz1{width: 100%; margin: 0 auto;} .newclass{display: inline-block; height: auto; border-radius: 10px; background: #f0f4f7; margin-top: 20px; } .serXgwz p::before { content: ""; display: inline-block; width: 5px;border-radius:50%; height: 5px; background-color: #449ee1; margin-right: 10px; } .aaa{z-index:9999} .serXgwz a{ background: #f0f4f7; border-radius: 10px; margin-top: 20px;} .serviceContent h2 { width: 100%; float: left; width: 100%; padding-left: 30px; } .newclass{width: 100%;} .serviceContent h2 { width: 100%; float: left; padding-left: 0px; margin-left: 0px; } .x-top { border-top-width: 1px; border-top-style: solid; border-top-color: #d8e4e6; padding-top: 10px; width: 95%; margin: 0 auto; } .zhs { color: #cdcdcd; font-weight: bold; font-family: Arial,Helvetica,sans-serif; } .fy { width: 50%; overflow: hidden; height: 25px; font-size: 14px; } .f { float: left; } .jg35 { padding-left: 35px; } .jg352 { padding-right: 35px; } .f a { height: 25px; padding-left: 35px; background-image: url(../images/PREVIOUS.png); background-repeat: no-repeat; line-height: 25px; background-position: left center; } .txtRight { text-align: right; } .txtRight a { height: 25px; background-image: url(../images/Next.png); background-repeat: no-repeat; line-height: 25px; background-position: right center; padding-right: 35px; } .dr { clear: right; } /* Trim */ .hvr-trim { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-trim:before { content: ''; position: absolute; border: white solid 4px; top: 4px; left: 4px; right: 4px; bottom: 4px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity; transition-property: opacity; } .hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before { opacity: 1; } [class^="hvr-"] { /*display: inline-block;*/ /*vertical-align: middle;*/ margin: .4em; padding: 1em; cursor: pointer;float: left; background: #f0f4f7; text-decoration: none; color: #666; /* Prevent highlight colour when element is tapped */ -webkit-tap-highlight-color: rgba(0,0,0,0); } .slt{ width: 30%; overflow: hidden; float: left; margin-right: 1%;} .slt img{ width: 100%; border: 1px solid #ededed; padding: 3px;max-height: 220px;} @media screen and (max-width: 480px) { /* 在 768px 以下的屏幕应用这里的样式 */ .click_search2.on img:first-child {display: none;} .click_search2.on img:last-child {display: inline!important;} form.TopSearch2.on ~ .molo { display: none; } .wapdisplay {display:block!important;} .footer .footer1{width:100%!important;} .footer .footer2{width:100%!important;} .pro_bg .product .title{ height: 35px!important;} .pageDaTitle3 span {line-height: 40px;} .f{ margin-bottom: 10px} .menuDownBot{display: none;} .pageNav2{padding-top: 60px;} .footer .footer2 div {width: 50%;float: left;} .serviceContent{padding-top: 35px;} .slt{ display: none} .ma-infinitypush-wrapper{ margin-top:50px!important;} .xx div:nth-child(3) { display: none; } .click_search2{display: none;} .pageDaTitle2{width:100%;height: auto;} } .pageNav333 li{ width: 100%; float: left;} @media (min-width: 480px){ .wapdisplay {display:none;} .footer .footer1{width:100%!important;} .footer .footer2{width:100%!important;} } @media (min-width: 768px) and (max-width: 1300px) { #mybtns {display:flex;justify-content: center;width:100%;} .footer .footer2 div{ width:30%;float:left;} .pageNav2{padding-top: 0px;} .text-center{display:none!important;} .footer .footer1{width:100%;} .footer .footer2{width:100%!important;} .footer .footer1{width:100%!important;} .footer .footer2{width:100%;} .rightCb{display:none} .f{margin-bottom: 20px;} .case{display:none} .pro_bg .product .pro_center .pro_list ul li a{width:90%!important;} .ma-infinitypush-wrapper .ma-infinitypush{ margin-top:50px;} .xgsys{ margin-bottom: 10px;margin-top: 11px; } .p4 {padding-left:20px;} } .serviceContent h2 {font-weight:500;} .footer .footer1{ width: 1400px;margin: 0 auto;} .footer .footer2{ width: 1400px;margin: 0 auto; overflow: hidden;} .search-wrapper.active {} .search-wrapper .input-holder { overflow: hidden; height: 35px; background: rgba(255,255,255,0); border-radius:6px; position: relative; width:70px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .search-wrapper.active .input-holder { border-radius: 20px; width:450px; background: rgb(255 255 255 / 50%); -webkit-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570); -moz-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570); transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570); } .search-wrapper .input-holder .search-input { width:100%; height: 20px; padding:0px 70px 0 20px; opacity: 0; position: absolute; top:0px; left:0px; background: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:none; outline:none; font-family:"Open Sans", Arial, Verdana; font-size: 16px; font-weight: 400; line-height: 20px; color:#FFF; -webkit-transform: translate(0, 60px); -moz-transform: translate(0, 60px); transform: translate(0, 60px); -webkit-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570); -moz-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570); transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; } .search-wrapper.active .input-holder .search-input { opacity: 1; -webkit-transform: translate(0, 10px); -moz-transform: translate(0, 10px); transform: translate(0, 10px); } .search-wrapper .input-holder .search-icon { width:70px; height:70px; border:none; border-radius:6px; background: #FFF; padding:0px; outline:none; position: relative; z-index: 2; float:right; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .search-wrapper.active .input-holder .search-icon { width: 20px; height:20px; margin: 10px; border-radius: 30px; } .search-wrapper .input-holder .search-icon span { width:12px; height:12px; display: inline-block; vertical-align: middle; position:relative; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650); -moz-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650); transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650); } .search-wrapper.active .input-holder .search-icon span { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after { position: absolute; content:''; } .search-wrapper .input-holder .search-icon span::before { width: 4px; height: 11px; left: 9px; top: 18px; border-radius: 2px; background: #974BE0; } .search-wrapper .input-holder .search-icon span::after { width: 21px; height: 21px; left: 1px; top: -5px; border-radius: 16px; border: 4px solid #974BE0; } .search-wrapper .close { position: absolute; z-index: 1; top:24px; right:20px; width:25px; height:25px; cursor: pointer; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110); -moz-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110); transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110); -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; } .search-wrapper.active .close { right:-50px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570); -moz-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570); transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570); -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0.5s; } .search-wrapper .close::before, .search-wrapper .close::after { position:absolute; content:''; background: #FFF; border-radius: 2px; } .search-wrapper .close::before { width: 5px; height: 25px; left: 10px; top: 0px; } .search-wrapper .close::after { width: 25px; height: 5px; left: 0px; top: 10px; } .search-wrapper .result-container { width: 100%; position: absolute; top:80px; left:0px; text-align: center; font-family: "Open Sans", Arial, Verdana; font-size: 14px; display:none; color:#B7B7B7; } .search-wrapper.active { margin-top: 50px; margin-left: 2%; } .wapdisplay{display:none!important;} .search-input::placeholder { color: #fff; } @media screen and (max-width: 560px) { .search-wrapper.active .input-holder {width:230px;} .aaa a:nth-child(3) ~ a { display: none; } .aaa { margin-left: 1px!important;} }