@charset "utf-8";
/* html, body {padding: 0;margin: 0;background: #fff;width: 100%;min-height: 100%; filter:grayscale(100%);} */
* {margin: 0;padding: 0;font-family: Arial, Helvetica, Verdana, 'Microsoft YaHei';border: 0;outline: medium;text-shadow: none;text-decoration: none;}
@font-face {
font-family: 'Conv_Montserrat-Bold';
src:url("../Css/Conv_Montserrat-Bold.ttf");
}
@font-face {
font-family: 'down';
src:url('../fonts/down.ttf?t=1679899748711') format('truetype');
}
.down{font-family: "down" !important;
font-size: 22px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; float: right;}
body {color: #444;font-size: 14px;position: relative;-webkit-text-size-adjust: none;-ms-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input {vertical-align: middle;}
textarea {resize: none;}
ul {list-style: none;}
img, {display: block;}
a{color: #444;text-decoration: none;}
a:hover{color: #444;text-decoration: none;}
i, em {font-style: normal;}
p{margin-bottom: 0px;}
ul{margin-bottom: 0px;}
/*input placeholder 样式 */
::-webkit-input-placeholder {color: #999;}
:-moz-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
:-ms-input-placeholder {color: #999;}
/*修改滚动条*/
::-webkit-scrollbar{width:6px;height:6px ;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent;background: #f8f8f8;border-radius: 6px;}
::-webkit-scrollbar-thumb{border-radius: 6px;background: #bbb;}
.p30{ padding-top: 40px;}
.pf_12{font-size: 12px;line-height: 25px;}
.pf_16{font-size: 16px;line-height: 30px;}
.pf_18{font-size: 18px;line-height: 30px;}
.pf_17{font-size: 17px;line-height: 30px;}
.pf_22{font-size: 22px;line-height: 35px;}
.pf_24{font-size: 24px;line-height: 35px;}
.pf_28{font-size: 28px;line-height: 40px;}
.pf_30{font-size: 30px;line-height: 45px;}
.pf_32{font-size: 32px;line-height: 45px;}
.pf_34{font-size: 34px;line-height: 50px;}
.pf_36{font-size: 36px;line-height: 50px;}
.cler{clear:both;}
@font-face {font-family:fz;src: url('../css/bahnschrift.ttf');}
#dituContent label {max-width: unset!important;text-align: center;}
.home_sy{ font-size:16px; line-height: 32px; margin-top: 50px;}
.jw-controlbar{width: 100%;}
.sa{line-height: 40px;}
.btt{ margin-bottom: 3rem;}
.pf_21{ font-size: 19px;}
/*top*/
@font-face {
font-family: 'iconfont'; /* Project id 4010323 */
src: url('//at.alicdn.com/t/c/font_4010323_mv8t5axgnq.woff2?t=1685520545998') format('woff2'),
url('//at.alicdn.com/t/c/font_4010323_mv8t5axgnq.woff?t=1685520545998') format('woff'),
url('//at.alicdn.com/t/c/font_4010323_mv8t5axgnq.ttf?t=1685520545998') format('truetype');
}
.iconfont{
font-family:"iconfont" !important;
font-size:16px;font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;}
/* CDN 服务仅供平台体验和调试使用,平台不承诺服务的稳定性,企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
font-family: "siyuan";font-weight: 400;src: url("//at.alicdn.com/wf/webfont/ChRyxKy40OUu/8bkrC1wdXTdy.woff2") format("woff2"),
url("//at.alicdn.com/wf/webfont/ChRyxKy40OUu/w9xMkDB4s4r8.woff") format("woff");
font-display: swap;
}
/* CDN 服务仅供平台体验和调试使用,平台不承诺服务的稳定性,企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
font-family: "puhui";font-weight: 500;src: url("//at.alicdn.com/wf/webfont/ChRyxKy40OUu/09unwnoSREgM.woff2") format("woff2"),
url("//at.alicdn.com/wf/webfont/ChRyxKy40OUu/XgNRVpwgfpLI.woff") format("woff");
font-display: swap;
}
.case-tii{text-align: center;
font-size: 32px; color: #004da0;}
.warpp{width: 70%;
margin: 0 auto;}
.top{z-index: 88;top:0;width: 100%; position: fixed; background: rgba(255,255,255,.7);}
.topa a{float: left;}
.topa a img{display: block;max-width: 100%;}
.topa span{display: block;color: #000;}
.topa p{line-height: 20px;letter-spacing: 5px;color: #000;}
.topb li a{display: block;color: #000;line-height: 20px;text-align: center;font-size: 20px;position: relative;transition:.4s;}
.topb li a i{margin-right: .25rem;font-size: 22px;}
.topb li a:hover {color: rgba(5,73,148,.7);}
.topb li:nth-of-type(1) a::after{position: absolute;content: "";right:0;top:20%;height: 15px;}
.imgBg {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.menu li a span{display: block;position: relative;transition:.4s;text-align: center;color: #000;font-size: 15px;line-height: 25px;}
.menu li a span:hover{color: rgba(5,73,148,.7);}
.menu li a span::after{position: absolute;content: "";right:0;top:20%;height: 15px;}
.menu li:last-child a span::after{width: 0px;}
.menu li.curr { transition: all 0.3s ease 0s; }
.menu li.curr .submenu{opacity: 1; }
.menu li .submenu{position:fixed;z-index: 8;top:78px;left:0; width:100%;height:0;overflow: hidden;opacity:0; text-align: center;transition: all 0.3s ease 0s;
background: rgba(255,255,255,.8); }
.navbga{background:url(../images/navbga.png) center bottom no-repeat;}
.navbgb{background:url(../images/navbgb.png) center bottom no-repeat;}
.navbgc{background:url(../images/navbgc.png) center bottom no-repeat;}
.navbgd{background:url(../images/navbgd.png) center bottom no-repeat;}
.navbge{background:url(../images/navbge.png) center bottom no-repeat;}
.navbgf{background:url(../images/navbgf.png) center bottom no-repeat;}
.navbgg{background:url(../images/navbgg.png) center bottom no-repeat;}
.navbgh{background:url(../images/navbgh.png) center bottom no-repeat;}
.menu li .submenu .left{float: left;width:51%;padding: 6% 0;text-align: left;}
.menu li .submenu .left span{display: block;line-height: 60px;font-size: 40px; color: #fff;font-weight: bold;}
.menu li .submenu .left p{line-height: 30px;color: rgba(255,255,255,.8);letter-spacing: 2px;font-family: fz;font-size: 22px;text-transform: uppercase;}
.menu li .submenu .left strong{display: block;font-weight: normal;font-size: 22px;color: rgba(255,255,255,.8);}
.menu li .submenu .left strong em{font-size:22px;color: #fff;}
.menu li .submenu .right{float: right;width: 31%;padding:2%;}
.menu li .submenu .right {text-align: left;}
.menu li .submenu .right span{display: block;line-height: 20px;color: #999;text-transform: uppercase;}
.menu li .submenu .right span b{font-size: 16px;color: #444;}
.menu li .submenu .right span em{color: #054994;font-size: 30px;}
.menu li .submenu .right dd a{display: block;line-height: 27px;font-size: 14px;transition:.4s;white-space: nowrap; text-overflow:ellipsis; overflow: hidden; margin-left: 10px;}
.menu li .submenu .right dd a:hover{color: #054994;}
.menu li .submenu .right dd a em{color: #054994;font-size:0px;}
.search-text{line-height: 53px;padding-left: 5px;width: 80%;}
.fdj{width: 55px;height: 40px; line-height: 40px;background: url(../images/fdj.png) center no-repeat #054994;outline: none;color: #fff;width: 20%;transition:.4s;}
.fdj:hover{background: url(../images/fdj.png) center no-repeat #444;}
.btn{border-radius: 0px !important;}
.mobmenu{position: relative;top:-24px;}
.mobmenu .flex-control-nav{background: #ddd;float: left;width: 3%;}
.mobmenu .code{-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;color:#000;font-family:'Fira mono', 'Courier New', Courier, monospace;font-size:85%;letter-spacing:.05em;padding:1em;}
.mobmenu .aligncontent-center {text-align: center;}
.mobmenu .main-header {text-align: center;font-weight:300;font-size: 90%;}
.mobmenu .menu-button {position: absolute;margin: 5px;height: 36px;width: 36px;right: 10px;top: 0;}
.mobmenu .menu-left {float: left;}
.mobmenu .sidebar{display: none;width: 100%;height: 100%;margin: 0;left:0; position: fixed;top: 0;z-index: 9999;}
.mobmenu .menu-button i{font-size: 24px;color:#444}
.mobmenu .sidebar > .bg-cover{display: block;position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background: rgba(0,0,0,.5);}
.mobmenu .sidebar nav{float: left;width: 260px;height: 100%;margin-left: -260px;color: white;background:rgba(255,255,255,0.9);padding:6%;}
.mobmenu .sidebar ul{margin-top: 10%;border: 1px solid rgba(0,0,0,.1);border-bottom: none;border-right: none;height: auto;overflow: hidden;}
.mobmenu .sidebar li a{display: block;transition:.4s;border-bottom: 1px solid rgba(0,0,0,.1);border-right: 1px solid rgba(0,0,0,.1);text-align: center;padding: 5px;}
.mobmenu .sidebar li a:hover{background: #054994;}
.mobmenu .sidebar li a:hover i{color: #fff;}
.mobmenu .sidebar li a:hover span{color: #fff;}
.mobmenu .sidebar li a i{font-size: 26px;color: #777;}
.mobmenu .sidebar li span{display: block;line-height: 30px;color: #666;}
.moba img{display: block;margin:0 auto 2rem auto;}
.moba strong{display: block;line-height:50px;background:#333;text-align: center;font-size:18px;color:rgba(255,255,255,.8);letter-spacing: 2px;}
/*banner*/
/*index_banner*/
.banner {position: relative;height: auto !important;z-index: 1;top:0;}
.banner .swiper-container{height: auto;overflow: hidden;}
.banner .swiper-wrapper{height: auto !important;}
.banner .swiper-slide {position: relative;height: auto !important;float: left;}
.banner .swiper-slide img{ width: 100%; height: auto;}
.banner .swiper-pagination {position: absolute;font-size:0;left: 0;height: 20px;text-align: center;bottom: 6% !important;width: 100%;z-index: 9999;}
.banner .swiper-pagination-bullet{background: #fff;}
.banner .swiper-pagination-bullet-active{width:30px;height: 8px;border-radius: 10px;background: #006cbd;}
#swiper-slide1{position: relative;}
#swiper-slide1 .bannera{position: absolute;z-index: 3;width: 100%;height: 100%;background: rgba(0,0,0,.1);padding-top: 15%;}
#swiper-slide1 .bannera strong{display: block;font-size: 66px;line-height: 100px;color:#fff;margin-top: 2%;opacity: 0;
-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);transition: .2s ease .4s;}
#swiper-slide1 .bannera p{transition-delay: .6s !important;font-size: 36px;line-height: 60px;color: #fff;font-weight: 100;
text-transform: uppercase;font-family: fz; margin:.5rem 0 1rem 0;opacity: 0;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);transition: .2s ease .5s;}
#swiper-slide1 .bannera i{transition-delay: .9s !important;display: block;width: 32px;height: 28px;background: url(../images/bana.png) center no-repeat;
opacity: 0;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);transition: .2s ease .5s;}
.banner .swiper-slide-active .bannera strong{opacity: 1 !important;-webkit-transform: translate3d(0, 0, 0) !important;transform: translate3d(0, 0, 0) !important;transition: .8s ease .4s !important;}
.banner .swiper-slide-active .bannera p{opacity: 1 !important;-webkit-transform: translate3d(0, 0, 0) !important;transform: translate3d(0, 0, 0) !important;transition: .8s ease .4s !important;}
.banner .swiper-slide-active .bannera i{opacity: 1 !important;-webkit-transform: translate3d(0, 0, 0) !important;transform: translate3d(0, 0, 0) !important;transition: .8s ease .4s !important;}
#swiper-slide1 .bannerb{position: absolute;z-index: 3;width: 100%;height: 100%;background: rgba(0,0,0,0);padding-top: 15%;}
#swiper-slide1 .bannerb strong{display: block;font-size: 66px;line-height: 100px;color:#fff;margin-top: 2%;opacity: 0;
-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);transition: .2s ease .4s;}
#swiper-slide1 .bannerb p{transition-delay: .6s !important;font-size: 36px; line-height: 60px;color: #fff;font-weight: 100;margin:.5rem 0 1rem 0;text-transform: uppercase;font-family: fz;
opacity: 0;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);transition: .2s ease .5s;}
#swiper-slide1 .bannerb i{transition-delay: .9s !important;display: block;width: 32px;height: 28px;background: url(../images/bana.png) center no-repeat;
opacity: 0;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);transition: .2s ease .5s;}
.banner .swiper-slide-active .bannerb strong{opacity: 1 !important;-webkit-transform: translate3d(0, 0, 0) !important;transform: translate3d(0, 0, 0) !important;transition: .8s ease .4s !important;}
.banner .swiper-slide-active .bannerb p{opacity: 1 !important;-webkit-transform: translate3d(0, 0, 0) !important;transform: translate3d(0, 0, 0) !important;transition: .8s ease .4s !important;}
.banner .swiper-slide-active .bannerb i{opacity: 1 !important;-webkit-transform: translate3d(0, 0, 0) !important;transform: translate3d(0, 0, 0) !important;transition: .8s ease .4s !important;}
.igt_btn{ position:relative; z-index:9;
bottom: 30px;
width: 100%;
height: 50px;
}
.igt_btn .igt_prev{}
.igt_btn::after {
width: 88%;
position: absolute;
display: block;
content: '';
bottom: 0px;
right: 0;
z-index: 1;
}
.igt_btn .igt_next{}
.igt_btn .igt_prev, .igt_btn .igt_next{ border-radius: 50%;
background: #fff;
width: 60px;
height: 60px;
line-height: 999;
overflow: hidden;
color: #000;
top: 50%;
margin-top: -10px;
font-size: 14px;
text-transform: uppercase;
margin-right: 18px;
float: left;
border: 2px solid #d9d9d9;
cursor: pointer;
position: relative;
transition: .3s; }
.igt_btn .igt_prev{ left:0;}
.igt_btn .igt_next{ right:0;}
.igt_btn .igt_prev:before{position: absolute;
content: '';
width: 10px;
height: 10px;
border-bottom: 2px solid #d9d9d9;
border-left: 2px solid #d9d9d9;
left: 50%;
top: 50%;
margin: -5px 0 0 -3px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);}
.igt_btn .igt_next:before{ transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
margin-left: -7px;
border-bottom: 2px solid #d9d9d9;
border-left: 2px solid #d9d9d9;}
.igt_btn .igt_prev:before,.igt_btn .igt_next:before{ content: ''; position:absolute; width:10px; height:10px; text-align:center; top:50%; margin-top:-5px; left:50%; margin-left:-5px;}
.igt_btn .igt_prev:before{background:url(../images/prev2.png) no-repeat center;}
.igt_btn .igt_next:before{background:url(../images/next2.png) no-repeat center;}
.igt_btn .igt_prev:hover, .igt_btn .igt_next:hover{background-color:#004ea0; }
/*index_cp*/
.in_01{height: auto;overflow: hidden;background:url(../images/in01bg.jpg) center top no-repeat;}
.in01a img{display: block;max-width: 100%;}
.in01a_a i{font-size: 36px;}
.in01a_a span{display: block;color: #999;text-transform: uppercase;font-size: 16px;}
.in01a_a b{color: #054994;font-size: 42px;}
.in01a_a p{color: #777;}
.in01a_b p{line-height: 30px;color: #777;}
.in01a_b a{color: #054994;transition:.4s;}
.in01a_b a:hover{color: #444;}
.in01a_c li .in01a_d{padding:1rem 1.5rem 1rem 6rem;border: 1px solid #eeeff0;height: auto;overflow: hidden;}
.in01a_c li .in01a_d span{display: block;line-height: 20px; color: #444; font-size: 14px;}
.in01a_c li .in01a_d em{margin-top: 7px;color: #054994;}
.in01a_c li .in01a_d em b{font-size: 50px;font-family: fz;color: #054994;}
.in01a_c li:nth-of-type(1) .in01a_d{background:url(../images/in01b.png) 2rem center no-repeat #fff;}
.in01a_c li:nth-of-type(2) .in01a_d{background:url(../images/in01c.png) 2rem center no-repeat #fff;}
.in01a_c li:nth-of-type(3) .in01a_d{background:url(../images/in01d.png) 2rem center no-repeat #fff;}
.in01a_c li:nth-of-type(4) .in01a_d{background:url(../images/in03b.png) 2rem center no-repeat #fff;}
.in01a_c li:nth-of-type(5) .in01a_d{background:url(../images/in04b.png) 2rem center no-repeat #fff;}
.in01b .row{position: relative;}
.in01b li a{display: block;text-align: center;transition:.4s;}
.in01b li a:hover {color: #054994;}
.in01b li i{font-size: 40px;}
.in01b li span{display: block;}
.in01b li p{line-height: 30px;color: #777;text-transform: uppercase;font-family: fz;}
.line{ width: 200px; height: 10px;position: absolute; top: 30px;}
.line span{display: block;border-top: 1px dashed #d8d8d8;width: 100%;position: relative;top:75%;}
.line:before{ animation: fwzcline1 3s infinite; position: absolute; top: 50%; left: 0px;z-index: 3;content: ''; width: 7px; height: 7px; background: #054994; border-radius: 50%; }
.line:after{ animation: fwzcline2 3s infinite; position: absolute; top: 50%; right: 0px;z-index: 3;content: ''; width: 7px; height: 7px; background: #054994; border-radius: 50%; }
.linea{margin-left: 10.6%;}
.lineb{margin-left: 27.2%;}
.linec{margin-left: 44%;}
.lined{margin-left: 60.5%;}
.linee{margin-left: 77%;}
@keyframes mfwzcline1 {
0% {
top: 0px;
}
50% {
top: 50%;
}
100% {
top: 100%;
}
}
@keyframes mfwzcline2 {
0% {
bottom: 0px;
}
50% {
bottom: 50%;
}
100% {
bottom:100%;
}
}
@keyframes fwzcline1 {
0% {
left: 0px;
}
50% {
left: 50%;
}
100% {
left: 100%;
}
}
@keyframes fwzcline2 {
0% {
right: 0px;
}
50% {
right: 50%;
}
100% {
right:100%;
}
}
.in_02{height: auto;overflow: hidden;background: url(../images/in02bg.jpg) center no-repeat fixed;}
.intita {padding-left: 1rem;position: relative;}
.intita::before{position: absolute;content: "";width: 8px;height: 30px;background: #054994;top:10%;left:0;}
.intita span{color: rgba(255,255,255,.8);text-transform: uppercase;}
.intita span b{color: #fff;}
.intita a{display: block; border: 1px solid rgba(255,255,255,.4);text-align: center;line-height: 45px;width: 120px;color: #fff;transition:.4s;}
.intita a:hover{background: #054994;}
.intitb {border-bottom: 1px dashed rgba(255,255,255,.2)}
.intitb span{display: block;background: url(../images/intita.png) top left no-repeat;padding-top: 3rem;color: #fff;}
.intitb a{display: block;width:30px;line-height:30px;background: rgba(255,255,255,.2);color: rgba(255,255,255,.6);border: 1px solid rgba(255,255,255,.6);transition:.4s;text-align: center;height:30px;}
.intitb a:hover{background:rgba(255,255,255,.9);color: #444}
.in02a_a{height: auto;overflow: hidden; border: 1px solid rgba(255,255,255,.4)}
.in02a_a li {float: left;width: 48%;margin-right: 4%;}
.in02a_a li:nth-of-type(2n+0){margin-right: 0;}
.in02a_a li a{display: block;line-height: 45px;color: rgba(255,255,255,.8);transition:.4s;font-weight: bold;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.in02a_a li a:hover{color:#fff;}
.in02a_a li a i{float: right;}
.in02a_b .swiper-slide a{display: block;border: 1px solid rgba(255,255,255,.4);position: relative;}
.in02a_b .swiper-slide img{display: block;max-width: 100%;}
.in02a_b .swiper-slide span{display: block;line-height:52px;text-align: center;color: rgba(255,255,255,.8);white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.in02h{position:absolute;width:100%;opacity:0;filter:alpha(opacity=0)\9;height:100%;left:0;top:0;background:#000;background:rgba(0,0,0,0.9);transition:all 480ms;-moz-transition:all 480ms;-webkit-transition:all 480ms}
.in02h i{position:absolute;height:26px;width:26px;left:50%;top:50%;margin-left:-13px;margin-top:-50px;background:url(../images/in02a.png) no-repeat;transition:all 480ms;-moz-transition:all 480ms;-webkit-transition:all 480ms}
.in02h em{position:absolute;width:37px;height:9px;left:50%;top:50%;margin-left:-18px;margin-top:40px;background:url(../images/in02b.png) no-repeat;transition:all 480ms;-moz-transition:all 480ms;-webkit-transition:all 480ms}
.in02a_b .swiper-slide a:hover .in02h{opacity:1;filter:alpha(opacity=100)\9}
.in02a_b .swiper-slide a:hover .in02h i{margin-top:-22px}
.in02a_b .swiper-slide a:hover .in02h em{ margin-top:13px}
.in02a:nth-of-type(2) .intitb span{background: url(../images/intitb.png) top left no-repeat;}
/*in_03*/
.in_03{height: auto;overflow: hidden;background: url(../images/in03bg.jpg) center top repeat;}
.intitc {padding-left: 1rem;position: relative;}
.intitc::before{position: absolute;content: "";width: 8px;height: 30px;background: #054994;top:10%;left:0;}
.intitc span{color: #777;text-transform: uppercase;}
.intitc span b{color: #444;}
.intitc a{display: block;border: 1px solid rgba(4,4,4,.1);text-align: center;line-height: 45px;width: 120px;transition:.4s;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.intitc a:hover{background: #054994;color: #fff}
.intitd {border-bottom: 1px dashed rgba(4,4,4,.2)}
.intitd span{display: block;background: url(../images/intitd.png) top left no-repeat;padding-top: 3rem;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.intitd a{display: block;width:30px;line-height:30px;background: rgba(4,4,4,.1);color: rgba(4,4,4,.2);border: 1px solid rgba(4,4,4,.2);transition:.4s;text-align: center;height:30px;}
.intitd a:hover{background:#fff;color: #444}
.in03a:nth-of-type(2) .intitd span{background: url(../images/intitc.png) top left no-repeat;}
.in03a_a{height: auto;overflow: hidden; border: 1px solid rgba(4,4,4,.2)}
.in03a_a li {float: left;width: 48%;margin-right: 4%;}
.in03a_a li:nth-of-type(2n+0){margin-right: 0;}
.in03a_a li a{display: block;line-height: 45px;color:#777;transition:.4s;font-weight: bold;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.in03a_a li a:hover{color:#444;}
.in03a_a li a i{float: right;}
.in03a_b .swiper-slide a{display: block;border: 1px solid rgba(4,4,4,.2);height: auto;overflow: hidden;}
.in03a_b .swiper-slide img{display: block;max-width: 100%;}
.in03a_b .swiper-slide span{display: block;line-height:52px;text-align: center;color:#777;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.in03a_b .swiper-slide a:hover .in02h{opacity:1;filter:alpha(opacity=100)\9}
.in03a_b .swiper-slide a:hover .in02h i{margin-top:-22px}
.in03a_b .swiper-slide a:hover .in02h em{ margin-top:13px}
/*in_04*/
.in_04{height: auto;overflow: hidden;color: #fff;}
.in04a .mySwiper{position: relative;overflow: inherit;}
.in04a .mySwiper::before{position: absolute;content: "";left:-20%;top:5%;height: 1px;width: 140%;background: rgba(0,0,0,.8);}
.in04a .mySwiper .swiper-slide{text-align: center;line-height: 40px;font-size: 24px; color: #060606; cursor: pointer;}
.in04a .mySwiper i{display: block;width: 100px;height: 2px;margin:0 auto;}
.in04a .mySwiper i em{display: block;width: 100px;height: 2px;background:rgba(255,255,255,0);}
.in04a .swiper-slide-thumb-active i em{background: #054994;}
.in04b_a{border: 1px dashed rgba(255,255,255,.2)}
.in04b_a span{display: block;}
.in04b_a span em{font-size: 30px;font-family: fz;}
.in04b_a b{display: block;width: 40px;height: 1px;background: rgba(255,255,255,.9);margin:1rem 0;}
.in04b_a p{line-height: 30px;color: rgba(255,255,255,.8);}
.swiper-slide .right .in04b_b{position: absolute;bottom: 2%;right: 10%;}
.in04b_b a{display: block;line-height: 40px;width: 140px;background: #054994;border: 1px solid #054994;color: #fff;text-align: center;transition:.4s;}
.in04b_b a:hover{background: #fff;color: #054994;}
.in04b_b i{font-size: 60px;height: 40px;margin-top: -23px;}
/*in_05*/
.in05a li a{display: block;background: url(../images/in05a.png) center no-repeat rgba(252,252,252,1);border: 1px solid #e8e8e8;text-align: center;transition:.4s;position: relative;}
.in05a li a:hover{transform: translate3d(0,-10px,0);box-shadow: 0px 0px 8px 5px #eee;background: url(../images/in05a.jpg) center no-repeat;color: #fff;padding-top: 1rem !important;padding-bottom: 5rem !important}
.in05a li a:hover img{opacity: 0;}
.in05a li a:hover i{background: #fff;}
.in05a li a:hover p{color: #fff;}
.in05a li a img{display: block;margin:0 auto;transition:.4s;}
.in05a li a span{display: block;}
.in05a li a i{display: block;margin:1rem auto;width: 30px;height: 2px;background: #054994;transition:.4s;}
.in05a li a p{line-height: 30px;color: #777;transition:.4s; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
/*in_06*/
.in_06{height: auto;overflow: hidden;background: url(../images/in06bg.jpg) center no-repeat fixed;}
.in_06 img{transition: all 1s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;}
.in06a a{display: block; height: auto;overflow: hidden;position: relative;}
.in06a a:hover .in06a_a{background: linear-gradient(to top, rgba(0,0,0,.5) 20%,rgba(0,0,0,.3)50%, rgba(0,0,0,0)100%);}
.in06a a:hover em{color: #fff;margin-bottom: 1rem;}
.in06a .in06a_a{position: absolute;z-index: 2;width: 100%; bottom: 0;background: linear-gradient(to top, rgba(0,0,0,.5) 10%,rgba(0,0,0,.3)30%, rgba(0,0,0,0)60%);transition:.4s;}
.in06a .in06a_a span{display: block;}
.in06a .in06a_a strong{display: block;color: #fff;}
.in06a .in06a_a p{color: rgba(255,255,255,.7);line-height: 30px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;}
.in06a .in06a_a em{display: block;transition:.4s;}
.in_06 li a{display: block;height: auto;overflow: hidden;border: 1px solid rgba(255,255,255,.3);transition:.4s;}
.in_06 li a:hover{background: #054994}
.in_06 li a span{display: block;color: rgba(255,255,255,.3);}
.in_06 li a strong{display: block;color: #fff;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.in_06 li a p{color: rgba(255,255,255,.7);line-height: 30px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;}
.in_06 li a em{display: block;transition:.4s;color: rgba(255,255,255,.3)}
.in06a_b{display: block;width: 100%;height: 0;padding-bottom: 124.5%;position: relative;overflow: hidden;}
.in06a_c{display: block;width: 100%;height: 0;padding-bottom: 81.5%;position: relative;overflow: hidden;}
/*in_07*/
.in07a a{display: block;position: relative;height: auto;overflow: hidden;}
.in07a a:hover span{line-height: 65px;background: rgba(0,0,0,.3)}
.in07a a img{display: block;width: 100%;}
.in07a a span{display: block;position: absolute;bottom: 0;width: 100%;line-height: 55px;background: rgba(0,0,0,.6);color: #fff;text-align: center;transition:.4s;}
.in07b{display: block;width: 100%;height: 0;padding-bottom: 33.8%;position: relative;overflow: hidden;}
/*脚步*/
.footer{height: auto;overflow: hidden;border-top: 6px solid #054994; background: url(../images/foot.jpg) no-repeat center #004ea0;}
.foota {border-right: 1px solid rgba(255,255,255,.2)}
.foota li span{display: block;color: #fff; font-weight: bold;}
.foota li p a{color: #fff;line-height: 35px;transition:.4s;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.foota li p a:hover{color: #fff;}
.footb img{display: block;max-width: 100%;margin:0 auto;}
.footba img{display: block;max-width: 100%;margin:0 auto;border: 1px dashed rgba(255,255,255,.4);padding: 7px;}
.footba span{display: block;line-height: 45px;color: rgba(255,255,255,.8);}
.ewm{width: 40%;text-align: center;}
.footc{line-height: 50px;border-top: 1px solid rgba(255,255,255,.2);border-bottom: 1px solid rgba(255,255,255,.2);color: #fff;}
.footc li{position: relative;text-align: right; margin-right: 5%;}
.footc li::after{position: absolute;content: "";width: 1px;height: 15px;background: rgba(255,255,255,.2);right:0;top:35%;}
.footc li:last-child::after{height: 0px;}
.footnav{left: 0;bottom:0;float: left;width: 100%;position: fixed;background:#054994;color:#fff;z-index: 888;}
.footnav li{float: left;text-align: center; color: #fff;}
.footnav li a{display: block;}
.footnav li:nth-of-type(1){width: 15%;}
.footnav li:nth-of-type(1) a{border-right: 1px solid #c2000b;}
.footnav li:nth-of-type(2){width: 15%;}
.footnav li:nth-of-type(2) a{border-right: 1px solid #c2000b;}
.footnav li:nth-of-type(3){background: #444;width: 35%;}
.footnav li:nth-of-type(3) a{border-right: 1px solid #333; }
.footnav li:nth-of-type(4){background: #444;width: 35%;}
.footnav li i{font-size: 20px;}
.footnav li span{display: block;line-height: 25px;}
.footnav li a{display: block; color: #fff !important;padding-top:4%;}
.footnav li a:hover{color: #ffb40b}
/*简介*/
.ban_green{background: url(../images/ban_com_green.jpg) top center no-repeat fixed;height: auto;overflow: hidden;}
.ban_com{background: url(../images/ban_com.jpg) top center no-repeat fixed;height: auto;overflow: hidden;}
.ban_comm{background: url(../images/tutu.jpg) top center no-repeat fixed;height: auto;overflow: hidden;}
.ban_pro{background: url(../images/ban_pro.jpg) top center no-repeat fixed;height: auto;overflow: hidden;}
.ban_case{background: url(../images/ban_case.jpg) top center no-repeat fixed;height: auto;overflow: hidden;}
.ban_xswl{background: url(../images/ban_xswl.jpg) top center no-repeat fixed;height: auto;overflow: hidden;}
.ban_kjyf{background: url(../images/ban_kjyf.jpg) top center no-repeat fixed;height: auto;overflow: hidden;}
.ban_news{background: url(../images/ban_news.jpg) top center no-repeat fixed;height: auto;overflow: hidden;}
.ban_job{background: url(../images/ban_job.jpg) top center no-repeat fixed;height: auto;overflow: hidden;}
.ban {padding:9.1% 0 8.9% 0;}
.ban i{font-size: 42px;color: #054994}
.ban strong{display: block;font-size: 42px;line-height: 50px;color: #054994}
.ban p{text-transform: uppercase;color: rgba(5,73,148,.1);font-family: fantasy;font-size: 36px;font-weight: bold;}
.location {height: auto;overflow: hidden; background: #fff;border-bottom: 1px solid #e6e6e6;}
.locationa {line-height: 70px;font-size: 20px;font-weight: bold;border-right: 1px solid #e6e6e6;text-align: center;color: #222;}
.locationa i{font-size: 22px;color: #054994;font-weight: normal;}
.locationb li{line-height: 70px;position: relative;text-align: center;}
.locationb li a{display: block;transition:.4s;}
.locationb li a:hover{color: #054994;}
.locationb li:after{position: absolute;content: "";width: 1px;height: 15px;background: #e6e6e6;right:0;top:38%;}
.locationb li:last-child:after{width: 0px;}
.locationc{text-align: right;line-height: 70px;}
.locationc i{color: #054994;font-size: 18px;}
.locationc a{color: #777;}
.locationc a:hover{color: #054994;}
._pord_MAG{ padding-bottom:136px;}
._pord_MAG ul{ float:left; width:100%; padding:0 5%;}
._pord_MAG ul li{ float:left; width:100%;}
._pord_MAG ul li i{ float:left; width:50%; line-height:0; overflow:hidden;}
._pord_MAG ul li i img{
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
._pord_MAG ul li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
._pord_MAG ul li .text{ float:left; width:49%; padding:2% 25px 3% 25px;}
._pord_MAG ul li .trt{ padding-top: 1%;}
._pord_MAG ul li .text h4{ float:left; width:100%; color:#222a34; font-size:24px; line-height:34px; font-weight:bold; }
._pord_MAG ul li .text h4:hover{ color:#21acdd;}
._pord_MAG ul li .text h5{ float:left; width:100%; color:#444; font-size:16px; line-height:32px; overflow:hidden;/*word-break: break-all;*/ margin:20px 0 0px 0; text-align: left; }
._pord_MAG ul li .text h6{ float:left; padding-right:21px; color:#21acdd; font-size:14px; line-height:26px; position:relative; }
._pord_MAG ul li .text h6:after{ float:left; width:8px; height:8px; content:''; position:absolute; right:0; top:9px; border-top:1px solid #21acdd; border-right:1px solid #21acdd; transform:rotate(45deg); -ms-transform:rotate(45deg);}
.djj p{ margin-bottom: 15px;}
._pord_MAG ul li:nth-child(2n) i{ float:right;}
._pord_MAG ul li:nth-child(2n) .text{ float:right; text-align:right;}
._pord_MAG ul li:nth-child(2n) .text h6{ float:right;}
@media screen and (max-width:1600px){
._pord_MAG ul{ padding:0;}
._pord_MAG ul li .text{ padding:6% 45px 3% 45px;}
}
@media screen and (max-width:1400px){
._pord_MAG ul li .text{ padding:4.5% 45px 3% 45px;}
._pord_MAG ul li .text h5{ margin:15px 0 20px 0;}
}
@media screen and (max-width:1024px){
._pord_MAG{ padding-top:30px; padding-bottom:30px;}
._pord_MAG ul li .text{ width:50%; padding:20px 15px 25px 15px;}
._pord_MAG ul li .text h4{ font-size:16px; line-height:26px;}
._pord_MAG ul li .text h5{ font-size:14px; line-height:24px; height:72px; margin:6px 0 10px 0;}
._pord_MAG ul li .text h6{ padding-right:16px;}
._pord_MAG ul li .text h6:after{ width:9px; height:9px; top:10px;}
}
@media screen and (max-width:767px){
._pord_MAG ul li i{ width:100%;}
._pord_MAG ul li .text{ width:100%;}
}
.publicPadding {
padding: 60px 0;
}
.history{background:url(../images/history_bg.jpg) no-repeat center;background-size:cover;position:relative;overflow:hidden;}
.history .title{text-align:center;color:#FFF;}
.history .title p{font-size:16px;line-height:24px;margin-top:10px;}
.historySwiper{margin-top:60px;overflow:hidden;}
.historySwiper .swiper-slide{padding:40px;border-radius:20px;background:rgba(0,78,161,0.8);box-shadow:0 0 4px rgba(0,0,0,0.1);overflow:hidden;cursor:pointer;
-webkit-transform:scale(0.82);
transform:scale(0.82);
opacity:0.52;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.historySwiper .swiper-slide-active{
-webkit-transform:scale(1);
transform:scale(1);
opacity:0.9;
}
.historySwiper .num{height:120px;font-size:120px;color:#FFF;line-height:120px;overflow:hidden;font-family:bahnschrift;}
.historySwiper .wz{height:280px;font-size:14px;color:#FFF;line-height:28px;padding-right:20px;margin-top:20px;overflow-y:auto;}
.historySwiper .wz p{padding-left:20px;position:relative;}
.historySwiper .wz p:after {
content:"";
position:absolute;
left:0;
top:10px;
width:8px;
height:8px;
background:#FFF;
border-radius:50%;
}
.history .thumbBox{margin-top:60px;padding:0 42px;overflow:hidden;position:relative;}
.history .thumb{overflow:hidden;padding:20px 0;}
.historySwiperThumb{border-top:1px solid rgba(255,255,255,0.6);}
.historySwiperThumb .swiper-slide{font-size:16px;line-height:24px;padding:15px 0;color:rgba(255,255,255,0.4);text-align:center;position:relative;cursor:pointer;}
.historySwiperThumb .swiper-slide:after {
content:"";
position:absolute;
left:50%;
top:-4px;
width:8px;
height:8px;
margin-left:-4px;
background:rgba(255,255,255,0.4);
border-radius:50%;
}
.historySwiperThumb .swiper-slide-thumb-active{color:#FFF;}
.historySwiperThumb .swiper-slide-thumb-active:after{background:#FFF;}
.history .thumbBox .next,.history .thumbBox .prev{width:42px;height:42px;border:1px solid #FFF;border-radius:50%;position:absolute;top:0;cursor:pointer;}
.history .thumbBox .next{right:0;background-image:url(../images/right.png);background-repeat:no-repeat;background-position:center;background-size:auto 18px;}
.history .thumbBox .prev{left:0;background-image:url(../images/left.png);background-repeat:no-repeat;background-position:center;background-size:auto 18px;}
@media screen and (max-width: 960px){
.f48 {
height: 28px;
font-size: 20px;
line-height: 28px;
}
.historySwiper .num {
height: 40px;
font-size: 40px;
line-height: 40px;
}
}
/*简介*/
.companya {height: auto;overflow: hidden;background: url(../images/companya.jpg) center top no-repeat;}
.coma_a i{display: block;width: 30px;height: 4px;background: #054994;margin:2rem 0}
.coma_a strong{display: block;color: #054994;}
.coma_a strong em{font-size: 22px;}
.coma_a span{display: block;}
.coma_a ul li {color: #777;}
.home .hcon .main .about .content .intro .info .des em{color: #054994; margin-right: 5px;}
.coma_b strong{font-size: 40px;font-family: fz;}
.coma_b p{background: #c00505;color: #fff;width: 90px;text-align: center;line-height: 30px;}
.companya img{max-width: 100%;}
.comb{color: #777;}
.qywha li {height: auto;overflow: hidden;color: #fff;padding:20% 4%;text-align: center;transition:.4s; }
.qywha li:hover {box-shadow: rgba(0,0,0,0.2) 0 0 15px 0px;transform: translate3d(0,-4px,0);;}
.qywha li:nth-of-type(1) {display: block;background: url(../images/qywha.jpg) center no-repeat;border-radius: 0 20px 0 20px;}
.qywha li:nth-of-type(2) {display: block;background: url(../images/qywhb.jpg) center no-repeat;border-radius: 20px 0 20px 0;}
.qywha li:nth-of-type(3) {display: block;background: url(../images/qywhc.jpg) center no-repeat;border-radius: 0 20px 0 20px;}
.qywha li:nth-of-type(4) {display: block;background: url(../images/qywhd.jpg) center no-repeat;border-radius: 20px 0 20px 0;padding:17% 4%;}
.qywha i{display: block;background: url(../images/qline.png) center no-repeat;width: 42px;height: 8px;margin:1rem auto;}
.qywhb li {height: auto;overflow: hidden;color: #fff;padding:20% 4%;text-align: center;transition:.4s; }
.qywhb li:hover {box-shadow: rgba(0,0,0,0.2) 0 0 15px 0px;transform: translate3d(0,-4px,0);;}
.qywhb li:nth-of-type(1) {display: block;background: url(../images/qywhba.jpg) center no-repeat;border-radius:20px;}
.qywhb li:nth-of-type(2) {display: block;background: url(../images/qywhbb.jpg) center no-repeat;border-radius:20px;}
.qywhb i{display: block;background: url(../images/qline.png) center no-repeat;width: 42px;height: 8px;margin:1rem auto;}
.qywhc li {height: auto;overflow: hidden;color: #fff;padding:20% 4%;text-align: center;transition:.4s; }
.qywhc li:hover {box-shadow: rgba(0,0,0,0.2) 0 0 15px 0px;transform: translate3d(0,-4px,0);;}
.qywhc li:nth-of-type(1) {display: block;background: url(../images/qywhca.jpg) center no-repeat;border-radius: 20px 0 20px 0;}
.qywhc li:nth-of-type(2) {display: block;background: url(../images/qywhcb.jpg) center no-repeat;border-radius: 0 20px 0 20px;}
.qywhc li:nth-of-type(3) {display: block;background: url(../images/qywhcc.jpg) center no-repeat;border-radius: 20px 0 20px 0;}
.qywhc li:nth-of-type(4) {display: block;background: url(../images/qywhcd.jpg) center no-repeat;border-radius: 0 20px 0 20px;padding:20% 4% 26% 4%;}
.qywhc i{display: block;background: url(../images/qline.png) center no-repeat;width: 42px;height: 8px;margin:1rem auto;}
.zzjg {height: auto;overflow: hidden;background: url(../images/zzjgbg.jpg) left top repeat;}
.zzjg p{line-height: 30px;color: #777;}
.zzjg p:nth-of-type(5){border-top: 1px solid #d4d4d4}
.zzjg img{ max-width: 100%;}
.companyc{height: auto;overflow: hidden;background: #fff;}
.comc li img{display: block;max-width: 100%;transition: all 0.6s ease 0s;}
.comc li a{display: block; position: relative;height: auto;overflow: hidden;}
.comc_a{position: absolute;z-index: 2;background: linear-gradient(to top, rgba(0,0,0,.7) 5%,rgba(0,0,0,.3)20%, rgba(0,0,0,0.2)40%,rgba(0,0,0,0.1)50%);
width: 100%;height: 100%;bottom: 0;padding-top: 45%;color: #fff;transition:.4s;}
.comc_a span{background: url(../images/comc_b.png) left center no-repeat;padding-left: 4.5rem;}
.comc_a p{line-height: 20px;text-transform: uppercase;letter-spacing: 1px;}
.comc_a i{display: block;width: 70px;height: 70px;transition:.4s;padding: 5px;background: rgba(255,255,255,0);}
.comc_a i em{display: block;width: 100%;height: 100%;background: rgba(255,255,255,0);line-height: 30px;border: 1px solid #fff;text-align: center;transition:.4s;}
.comc li:hover i{background: rgba(5,73,148,.3);}
.comc li:hover em{background: rgba(5,73,148,.8);background: #054994;border: 1px solid #054994;}
.comc li:hover img{transform: scale(1.05);}
/*荣誉*/
.qyfca{height: auto;overflow: hidden;background: url(../images/qyfca.jpg) center no-repeat;padding: 10% 0;text-align: center;}
.qyfca_a{width:220px;height: 220px;background: rgba(206,0,12,.9);color: #fff;text-align: center; position: relative;border-radius: 120px;padding-top:2rem;margin:0 auto;
-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
transition: transform ease-out 0.1s, background 0.2s;transition:.4s;
-webkit-transform: scale(0.93);
-moz-transform: scale(0.93);
-ms-transform: scale(0.93);
transform: scale(0.93);
}
.qyfca_a em{font-size: 42px;}
.qyfca_a strong{display: block;}
.qyfca_a p{color: rgba(255,255,255,.8);text-transform: uppercase;line-height: 30px;}
.qyfca_a i{font-size: 34px;}
.qyfca_a:after{position: absolute;content: "";display: block;width: 220px;height: 220px;border-radius: 120px;
top:0px;
left: 0px;
z-index: -1;
box-shadow: 0 0 0 2px rgba(205,0,0,0.1);
opacity: 0;
-webkit-transform: scale(0.96);
-moz-transform: scale(0.96);
-ms-transform: scale(0.96);
transform: scale(0.96);
-webkit-animation: sonarEffect 1.3s ease-out 75ms infinite;
-moz-animation: sonarEffect 1.3s ease-out 75ms infinite;
animation: sonarEffect 1.3s ease-out 75ms infinite;
}
@-webkit-keyframes sonarEffect {
0% {
opacity: 0.3;
background: rgba(0,255,255,1);
}
40% {
opacity: 0.5;
background: rgba(0,255,255,1);
box-shadow: 0 0 0 2px rgba(0,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(0,255,255,0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(0,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(0,255,255,0.5);
-webkit-transform: scale(1.2);
background: rgba(0,255,255,1);
opacity: 0;
}
}
@-moz-keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(0,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(0,255,255,0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(0,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(0,255,255,0.5);
-moz-transform: scale(1.2);
opacity: 0;
}
}
@keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(0,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(0,255,255,0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(0,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(0,255,255,0.5);
transform: scale(1.2);
opacity: 0;
}
}
.qyfclist li a{height: auto;overflow: hidden;position: relative;}
.qyfclist li img{display:block;height: auto;margin:0 auto;width: 100%;transition: all 1s ease;}
.qyfclist li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.qyfclist li:hover span{line-height: 330px;background: rgba(0,0,0,0);font-size: 24px;}
.qyfclist li:hover .qimga::before{-webkit-clip-path: polygon(0% 0%, -100% 0%, 100% 0%, 100% 100%);
clip-path: polygon(0% 0%, -100% 0%, 100% 0%, 100% 100%);}
.qyfclist li:hover .qimga::after{transition: .4s; -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 100%);
clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 100%);}
.qimga{display: block;width: 100%;height: 0;padding-bottom: 66%;position: relative;overflow: hidden;}
.qimga::before{position: absolute;content: "";
display: block;width: 100%;height: 100%;left:0;z-index: 1;
-webkit-clip-path: polygon(0% -100%, -100% 0%, 100% 0%, 100% 0%);
clip-path: polygon(0% -100%, -100% 0%, 100% 0%, 100% 0%);
-webkit-transform: translateY(0%);
transform: translateY(0%);background:rgba(206,0,12,.8);
bottom: 0;transition: .4s}
.qimga::after{position: absolute;content: "";display: block;width: 100%;height: 100%;right:0;z-index: 1;
bottom: 0;transition: .4s; -webkit-clip-path: polygon(0% 100%, 0% 100%, 100% 100%, 0% 100%);
clip-path: polygon(0% 100%, 0% 100%, 100% 100%, 0% 100%);
-webkit-transform: translateY(0%);
transform: translateY(0%);background:rgba(206,0,12,.8); }
.qimga span{display: block;width: 100%;position: absolute;left:0;bottom: 0;z-index: 2;line-height: 50px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;
background: rgba(0,0,0,.4);color:#fff;text-align: center;transition: .4s}
.qyzllist li a{display: block; height: auto;overflow: hidden;position: relative;border: 1px solid #eee;}
.qyzllist li img{display:block;height: auto;margin:0 auto;width: 100%;transition: all 1s ease;}
.qyzllist li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.qyzllist li:hover span{line-height: 80px;background: rgba(0,0,0,.4);}
.qyimga{display: block;width: 100%;height: 0;padding-bottom: 140%;position: relative;overflow: hidden;}
.qyimga span{display: block;width: 100%;position: absolute;left:0;bottom: 0;z-index: 2;line-height: 50px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;
background: rgba(0,0,0,.6);color:#fff;text-align: center;transition: .4s}
.qyzzlist li a{display: block; height: auto;overflow: hidden;position: relative;border: 1px solid #eee;}
.qyzzlist li img{display:block;height: auto;margin:0 auto;width: 100%;transition: all 1s ease;}
.qyzzlist li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.qyzzlist li:hover span{line-height: 80px;background: rgba(0,0,0,.4);}
.qzimga{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;}
.qzimga span{display: block;width: 100%;position: absolute;left:0;bottom: 0;z-index: 2;line-height: 50px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;
background: rgba(0,0,0,.6);color:#fff;text-align: center;transition: .4s}
/*case*/
.caselist li a{display: block;transition:.4s;background:url(../images/casea.png) right bottom no-repeat #f5f5f5;}
.caselist li a:hover{background:url(../images/casea.png) right bottom no-repeat #fff;box-shadow: rgba(0,0,0,0.3) 0 5px 10px;transform: translate3d(0,-5px,0);transition: all linear 0.3s;}
.caselist li a:hover em{background:#054994;color: #fff}
.caselist li img{display: block;width: 100%;}
.case_a p{line-height: 40px;}
.case_a{width: 80%;}
.case_a strong{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.case_a em{display: block;width: 140px;line-height: 35px;border: 1px solid #d8d8d8;border-radius: 60px;background: #fff;color: #054994;transition:.4s;text-align: center;font-style: normal;}
/*network*/
.xswla img{display: block;max-width: 100%;margin:0 auto;}
.xswlb li{float: left;width: 10%;text-align: center;line-height: 40px;color: #777;transition:.4s;height: auto;overflow: hidden;}
.xswlb li a{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.xswlb li a:hover{color: #054994;}
.xswlb{height: auto;overflow: hidden;}
.xswlc strong{display: block;text-align: center;}
.xswld{height: auto;overflow: hidden;}
.xswld table { width: 100%!important;border-collapse: collapse;}
.xswld table p{ width: 100%!important; border-collapse: collapse;border-left: 1px solid #a7a7a7}
.xswld th,tr{width: 100%!important; border-collapse: collapse;border: 1px solid #a7a7a7;}
.xswld tr{border-right: 1px solid #a7a7a7;text-align: center;line-height: 45px;}
.xswld tr td{border-left: 1px solid #a7a7a7}
.xswld .firstRow tr td:nth-of-type(2) p{border-right: none;border-left: none;}
.xswld .firstRow td{background: #054994;line-height: 55px;font-size: 18px;color: #fff;font-weight: bold;border-right: 1px solid #b90610;}
.xswld .firstRow td p{border-left:1px solid #fff;}
.shfwa li strong{display: block;font-family: fz;color: #054994;}
.shfwa li:hover .shfwb{background: #fff;box-shadow: rgba(174,174,174,.2) 0 2px 5px 5px;transform: translate3d(0,-5px,0);transition: all linear 0.3s;}
.shfwb{height: auto;overflow: hidden;border: 1px solid #e4e4e4;background: #fafafa;transition:.4s;}
.shfwb strong{display: block;}
.shfwb p{line-height: 30px;color: #777;}
/*content_product*/
.producta{height: auto;overflow: hidden;background: url(../images/producta.jpg) center center no-repeat;padding: 8% 0 6% 0;}
.cases{height: auto;overflow: hidden;background: url(../images/cases.jpg) center center no-repeat;padding: 8% 0 6% 0;}
.casetype{height: auto;overflow: hidden;}
.casetype li {height: auto;overflow: hidden;border-bottom: 1px solid #eeeeee;}
.casetype li strong{display: block; float: left;line-height: 60px;}
.casetype li p{float: left;padding: 0 1rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 60px;}
.casetype li p a{display: block;color: #777;transition:.4s;}
.casetype li p a:hover{color: #054994;}
.producta_a {text-align: center;color: #fff;}
.producta_a strong{display: block;font-size: 70px;line-height: 100px;}
.producta_a i{display: block;background: url(../images/pla.png) center no-repeat;height: 5px;margin:2rem auto;}
.producta_a p{text-transform: uppercase;color: rgba(255,255,255,.8);letter-spacing: 3px;}
.producta_b_bg{ width:100%; height:auto; overflow:hidden; border-bottom:1px solid #ccc;}
.producta_b {width: 80%;margin:2rem auto;height: auto;overflow: hidden;}
.producta_b li a{display: block;color: #444;transition:.4s; text-align: center;}
.producta_b li a:hover{color: #054994;}
.producta_b li i{color: #054994;}
.producta_c{width: 50%;margin:3rem auto;}
.producta_c a{display: block;width: 45%;background: #054994;border: 1px solid #054994; line-height: 50px;border-radius: 60px;color: #fff;text-align: center;transition:.4s;}
.producta_c a:hover{background: #fff;color: #054994;}
.producta .mySwiper {padding-top: 5rem;position: relative;overflow: revert;}
.producta .mySwiper::before{position: absolute;content: "";width: 140%;left:-20%; height: 1px;background: rgba(255,255,255,.2);top:57.5%;}
.producta .mySwiper .swiper-slide{color: #fff;text-align: center;cursor: pointer;}
.producta .mySwiper .swiper-slide span{display: block;}
.producta .mySwiper .swiper-slide-thumb-active i{background: #054994 !important;}
.producta .mySwiper .swiper-slide i{display: block;width: 15px;height: 15px;border-radius: 60px;background: rgba(255,255,255,1);margin:0 auto;position: relative;
-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
transition: transform ease-out 0.1s, background 0.2s;transition:.4s;
-webkit-transform: scale(0.93);
-moz-transform: scale(0.93);
-ms-transform: scale(0.93);
transform: scale(0.93);}
.producta .mySwiper .swiper-slide i:after{position: absolute;content: "";display: block;width: 15px;height: 15px;border-radius: 60px;
top:0px;
left: 0px;
z-index: -1;
box-shadow: 0 0 0 2px rgba(205,0,0,0.1);
opacity: 0;
-webkit-transform: scale(0.96);
-moz-transform: scale(0.96);
-ms-transform: scale(0.96);
transform: scale(0.96);
-webkit-animation: sonarEffect 1.3s ease-out 75ms infinite;
-moz-animation: sonarEffect 1.3s ease-out 75ms infinite;
animation: sonarEffect 1.3s ease-out 75ms infinite;
}
.protita{text-align: center;}
.protita strong{display: block;font-size: 42px;}
.protita strong b{color: #054994}
.protita p{color: #777;width: 70%;margin:0 auto;}
.prolist li a{display: block;position: relative;height: auto;overflow: hidden;border: 1px solid #eee;}
.prolist li a:hover .plimga i{background: rgba(0,0,0,.3)}
.prolist li a:hover .pl_a{bottom: 5%;box-shadow: rgba(255,255,255,0.3) 0 5px 10px;}
.prolist li .pl_a{position: absolute;bottom: 4%;left:4%;width: 92%;background: rgba(255,255,255,.9);z-index: 3;transition:.4s; }
.prolist li .pl_b{background: url(../images/pl_a.png) left center no-repeat;padding-left: 10rem; }
.prolist li .pl_b strong{display: block;text-transform: uppercase;border-bottom: 1px dashed #e0e0e0;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.prolist li .pl_b strong b{color: #054994;font-family: impact;}
.prolist li .pl_b p{line-height: 25px;color: #777;}
.plimga{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;}
.plimga img{display: block;max-width: 100%;}
.plimga i{position: absolute;z-index: 2;top:0;left:0; display: block;width: 100%;height: 100%;background: rgba(0,0,0,0);transition:.4s;}
/*产品详情*/
.proinfo{height: auto;overflow: hidden;background: url(../images/proa.jpg) top no-repeat;padding-top: 12%;}
.plocation{color: #fff;line-height: 50px;height: 50px;}
.plocation a{color: #fff;}
.proa {height: auto;overflow: hidden;background: #fff;z-index: 3;position: relative;}
.proa img{display: block;width: 100%;}
.proaa{height: auto;overflow: hidden;}
.proaa strong{display: block;font-size:30px;line-height: 60px;background: url(../images/intitb.png) left center no-repeat;padding-left: 3rem;border-bottom: 1px solid #e5e5e5;}
.proaa p{line-height: 30px; color: #777;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.proab li .proac{box-shadow:rgba(0,0,0,0.1) 0 0 10px 5px;text-align: center;}
.proab li .proac span{display: block;width: 65px;height: 65px;padding-top:15px;font-size: 22px;border-radius: 50px;text-align: center;background: #054994;color: #fff;
margin:-3.5rem auto 0 auto}
.proab li .proac i{display: block;background: url(../images/proac.png) center no-repeat;margin:1rem auto;height: 6px;}
.proab li .proac p{line-height: 30px;color: #777;}
.pmore {width: 60%;}
.pmore a{display: block;width:48%;line-height: 55px;font-size: 22px;text-align: center;background: #054994;color: #fff;transition:.4s;font-weight: bold;}
.pmore a:hover{background: #444;}
.pmore a i{font-size: 24px;font-weight: normal;}
.ptit{height: auto;overflow: hidden;background: url(../images/ptitbg.jpg) left -20px repeat-x;}
.ptit li{text-align: center;line-height: 40px;font-size: 15px;}
.ptit li a{display: block;transition:.4s;}
.ptit li:hover a{color: #054994}
.ptit li:hover i{background: #054994;border: 2px solid #fff;}
.ptit li:hover em{background: #fff;}
.ptit i{display: block;width: 20px;height: 20px;border-radius: 20px;padding: 4px;margin:0 auto;background: #fff;border: 2px solid #054994;transition:.4s;}
.ptit i em{display: block;width: 8px;height: 8px;background: #054994;border-radius: 20px;transition:.4s;}
.ptita{text-align: center;}
.ptita strong{display: block;font-size: 30px;}
.ptita strong b{color: #054994}
.ptita .pf_16{position: relative;width: 330px;text-align: center;margin: 0 auto;}
.ptita .pf_16 .pt_m_r{content: '';width: 116px;height: 1px;background: #004da0;position: absolute;top: 0;bottom: 0;margin: auto 0;right: -88px;}
.ptita .pf_16 .pt_m_l{content: '';width: 116px;height: 1px;background: #004da0;position: absolute;top: 0;bottom: 0;margin: auto 0;left: -88px;}
.ptitaa strong{display: block;font-size: 30px;}
.ptitaa strong b{color: #054994}
.ptita i{display: block;background: url(../images/ptita.png) center no-repeat;height: 5px;margin:1rem auto;}
.ptita p{color: #000;width: 70%;margin:0 auto; font-size: 16px;}
.prob{height: auto;overflow: hidden;background: #f6f6f6;}
.prob_a{line-height: 30px;color: #777;}
.prob_a strong{display: block;position: relative; font-size: 20px;line-height: 50px;color: #444;padding-left: 1rem; border-bottom: 1px solid #e4e4e4;padding-bottom: .5rem;margin: 1.5rem 0;}
.prob_a strong::before{position: absolute;content: "";width: 5px;height: 25px;background: #054994;top:20%;left:0;}
.prob_a img{max-width: 100%;}
.proc{height: auto;overflow: hidden;background: url(../images/procbg.jpg) center no-repeat;}
.proc_a img{display: block;max-width: 100%;margin:0 auto;}
.prodtit i{display: block;width: 30px;height: 2px;background: #fff;margin:1rem 0;}
.prodtit strong{display: block;color: #054994}
.prodtit p{line-height: 30px;color: #777;}
.forma{width: 100%;margin-bottom: 1rem;height: auto;overflow: hidden;}
.forma input{float: left;width: 49%;padding-left: 1rem;margin-right: 2%; line-height: 45px;background: #f6f6f6;}
.forma input:nth-of-type(2){margin-right:0px;}
.formb {width: 100%;margin-bottom: 1rem;height: auto;overflow: hidden;}
.formb input{padding-left: 1rem;line-height: 45px;background: #f6f6f6;width: 100%;}
.formc {width: 100%;margin-bottom: 1rem;height: auto;overflow: hidden;}
.formc textarea{padding-left: 1rem;line-height: 45px;background: #f6f6f6;width: 100%;}
.formd .code input{float: left;padding-left: 1rem;line-height: 45px;background: #f6f6f6;width:20%;margin-right: 2%;}
.formd .code .verify{float: left;width:20%;margin-right: 2%;}
.formd .code .verify img{width:100%;height: 45px;}
.formd .code a{float: left;width: 20%;background: #054994;border-radius: 2px;border: 1px solid #054994;color: #fff;text-align: center;line-height: 45px;transition:.4s;}
.formd .code a:hover{background: #fff;color: #054994}
.prod_b{height: auto;overflow: hidden;background: url(../images/proda.jpg) center no-repeat;}
.prod_c li{height: auto;overflow: hidden;color: #fff;}
.prod_c li span{display: block;}
.prod_c li p{line-height: 35px;}
.proe{height: auto;overflow: hidden;background: url(../images/proebg.jpg) center top no-repeat;}
.proe li:hover .proe_a span{line-height: 65px;background: rgba(0,0,0,.2);font-size: 15px;}
.proe_a{height: auto;overflow: hidden;position: relative;}
.proe_a span{position: absolute;z-index: 2;bottom: 0;left:0;line-height: 50px;text-align: center;width: 100%;background: rgba(5,73,148,.7);color: #fff;transition:.4s;}
.proe_a img{max-width: 100%;}
.prof_a img{display: block;max-width: 100%;}
.prof_a strong{display: block;}
.prof_a p{line-height: 30px;color: #777;}
.prof_b {width: 60%;}
.prof_b li{text-align: center;}
.prof_b li em{display: block;width: 75px;line-height: 75px;margin:0 auto; border: 1px solid #e9e9e9;border-radius: 80px;text-align: center; font-family: impact;color: #054994;font-size: 32px;}
.prof_b li b{display: block;}
.prog{height: auto;overflow: hidden;background: url(../images/progbg.jpg) center no-repeat;}
.proga .swiper-slide {display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;}
.proga .swiper-slide {display: block;border: 1px solid #d6d9dd;background: #fff;position: relative;}
.proga .swiper-slide span{position: absolute;bottom: 0;width: 100%;line-height:80px;
background: linear-gradient(to top, rgba(0,0,0,.8) 10%,rgba(0,0,0,.5)50%, rgba(0,0,0,.2)80%,rgba(0,0,0,0)100%);
;color: #fff;text-align: center;transition:.4s;}
.proga .swiper-slide img{display: block;width: 100%;transition:all 0.6s ease 0s;}
.proga .swiper-slide:hover img{transform: scale(1.05);}
.proga .swiper-slide:hover span{line-height: 110px;}
.peimga{height: auto;overflow: hidden;}
/*新闻*/
.newslist{height: auto;overflow: hidden;}
.newslist li a{display: block;padding-bottom: 34%;position: relative;}
.newslist li:hover .nfonta{width: 80%;background:url(../images/newsbg.jpg) left bottom repeat-x #fff;height: 50%;left:10%;box-shadow: rgba(0,0,0,0.1) 0 5px 10px; }
.newslist li:hover .nfonta em{height: 42px;margin-top: 1rem;}
.newslist li:hover .nfonta em b{background: #054994;color: #fff;}
.newslist li:hover .nimga span{background: rgba(0,0,0,.4);opacity: 1;padding-top: 4.5rem;}
.newslist li:hover .nimga i{opacity: 1;}
.newslist li img{display: block;max-width: 100%;}
.nfonta{width: 100%;margin:0 auto;background:url(../images/newsbg.png) left bottom repeat-x;position: absolute;bottom: 0;left:0; height: 34%; z-index: 2;transition:.4s;border: 1px solid #e7e7e7;}
.nfonta strong{position: absolute;z-index: 0;top:0;left:4%;color: rgba(5,73,148,.1);font-size:44px;font-family: impact;}
.nfonta span{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.nfonta i{display: block;width: 35px;height: 2px;background: #1b94d3;margin:1.5rem 0;}
.nfonta p{color: #777;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.nfonta em{display: block;height:0px;overflow: hidden;transition:.4s;}
.nfonta em b{display: block;line-height: 40px;height: 40px; font-weight: normal;border: 1px solid #054994;border-radius: 40px;text-align: center;width: 160px;margin:0 auto;transition:.4s;}
.nimga{display: block;width: 100%;height: 0;padding-bottom: 66%;position: relative;overflow: hidden;}
.nimga span{display: block;background: rgba(0,0,0,0);color: #fff;opacity: 0; height: 100%;width: 100%;position: absolute;z-index: 2;text-align: center;padding-top: 3rem;transition:.4s;}
.nimga span i{font-size: 40px;opacity: 0;}
.nimga span p{font-family: fz;}
/*新闻详情*/
.sidetit{height: auto;overflow: hidden;background: #054994;color:#fff;font-size: 18px;text-align: center;padding: 1rem 0;text-transform: uppercase;font-family: impact;}
.sidetit span{font-size: 24px;line-height: 40px;font-weight: bold;color: #fff;}
.newsinfo{height: auto;overflow: hidden;background: #f4f6f8;}
.newsinfoa{height: auto;overflow: hidden;}
.newsinfoa strong{display: block;font-size: 18px;color: #4c4c4c;line-height:40px;}
.meta{line-height: 35px;color: #777;border-bottom: 1px solid #dbdbdb;}
.newsaa {height: auto;overflow: hidden;}
.newsaa img{margin:0 auto;max-width: 100%;}
.newsaa p{line-height: 30px;}
.newsinfob{height: auto;overflow: hidden;}
.newsinfob strong{display: block;font-size: 1.375rem;line-height: 60px;}
.newsinfob li{height: auto;overflow: hidden;margin-bottom: 20px;background: #f1f1f1;transition:.4s;}
.newsinfob li:hover{background: #054994;color: #fff;}
.newsinfob li:hover span{color: #fff;}
.newsinfob li:hover p{color: #fff;}
.newsinfob li img{max-width: 100%;}
.newsinfob li span{display: block;line-height: 25px;margin:10px 0;color: #666;}
.newsinfob li p{line-height: 25px;color: #666;font-size: 13px;font-family: av;}
#prev_next{height: auto;overflow: hidden;border-top: 1px solid #dbdbdb;padding-top: 1rem;margin-top: 1rem;}
#prev_next li{line-height: 35px; color: #777;}
#prev_next li i{float: left;}
#prev_next li a{transition:.4s;}
#prev_next li:hover a{color: #0d4794 !important;}
/*gnwla*/
.gnwla{height: auto;overflow: hidden;}
.gnwltit strong{display: block;font-size: 42px;}
.gnwltit strong b{color: #054994}
.gnwltit p{color: #777;width: 70%;}
/*job*/
.joba li .j_a{height: auto;overflow: hidden;border: 1px solid #f4f4f4;text-align: center;transition:.4s;}
.joba li:hover .j_a{background: #054994; color: #fff; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #054994, #1b94d3); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #054994, #1b94d3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.joba li:hover .j_a i{background: -webkit-linear-gradient(left,#fff, #fff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.joba li:hover .j_a p{color: #fff;}
.joba li:hover .j_a em{-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);transform: rotateY(360deg);transition:.8s;}
.joba li .j_a i{font-size: 52px;background: -webkit-linear-gradient(left,#054994, #1b94d3);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.joba li .j_a em{display: block;width: 53px;height: 75px;margin:0 auto;transition:.8s;}
.joba li .j_a span{display: block;}
.joba li .j_a p{color: #777;transition:.4s;}
.jobb{height: auto;overflow: hidden;background: #f6f6f6}
.jobtita{background: #054994;line-height: 70px !important;color: #fff;height: auto;overflow: hidden;}
.jobtita dd{background: #054994;line-height: 70px !important;color: #fff;height: auto;overflow: hidden;}
.jobtit{background: #fff;height: auto;overflow: hidden;border-bottom: 1px dashed #eee;}
#jobs{background: #fff;border-bottom: none;height: auto;overflow: hidden;}
#jobs ul{height: auto;overflow: hidden; border: 1px solid #e1e1e1;}
#jobs li{height: auto;overflow: hidden;background: #f3f3f3;}
#jobs li dd{float: left;width: 25%;padding-left: 2rem;margin-bottom: 0px;line-height:60px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
#jobs li dd a{display: block;transition:.4s;}
#jobs li dd a:hover{color: #054994;}
.jobbox{height: auto;overflow: hidden; padding:2%;background: #fefefe;position: relative;display: none;color: #777;border-bottom: 1px solid #e1e1e1;}
.jobbox strong{display: block;color: #444;font-size: 18px;}
.jobbox p{line-height: 35px;}
.jobca{text-align: center;line-height: 30px;color: #777;}
.jobca img{display: block;max-width: 100%;margin:3rem auto 0 auto;}
.jobd{height: auto;overflow: hidden;background: url(../images/jsyfd.jpg) center no-repeat fixed;}
.jobd img{max-width: 100%;}
.jobd_a {color: #fff;line-height: 30px;}
.jobd_a li span{display: block;text-transform: uppercase;}
.jobd_a li p{line-height: 30px;color: rgba(255,255,255,.8);}
.jobdt{height: auto;overflow: hidden;background: url(../images/jsyfd1.jpg) center no-repeat fixed;}
.jobdt img{max-width: 100%;}
.jobd_a {color: #fff;line-height: 30px;}
.jobd_a li span{display: block;text-transform: uppercase;}
.jobd_a li p{line-height: 30px;color: rgba(255,255,255,.8);}
.jobe_a{position: relative;}
.jobe_a .swiper-container {padding-bottom: 4%;height: auto;overflow: hidden;}
.jobe_a .swiper-scrollbar-drag {background:#054994;}
.jobe_a .swiper-container-horizontal>.swiper-scrollbar{left:0;}
.jobe_a .swiper-slide {display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;}
.jobe_a .swiper-slide {display: block;border: 1px solid #d6d9dd;background: #fff;position: relative;}
.jobe_a .swiper-slide span{position: absolute;bottom: 0;width: 100%;line-height: 65px;background: rgba(0,0,0,.6);color: #fff;text-align: center;transition:.4s;}
.jobe_a .swiper-slide img{display: block;width: 100%;transition:all 0.6s ease 0s;}
.jobe_a .swiper-slide:hover img{transform: scale(1.05);}
.jobe_a .swiper-slide:hover span{line-height: 80px;background: rgba(209,0,0,.6);}
.jobimga{height: auto;overflow: hidden;}
.jobf{height: auto;overflow: hidden;}
.jobf li{height: auto;overflow: hidden;padding: 0 7px;}
.jobf li:nth-of-type(1){margin-bottom: 1rem;}
.jobf li:nth-of-type(2){margin-bottom: 1rem;}
.jobf li a{display: block;position: relative;height: auto;overflow: hidden;}
.jobf li a:hover span{background: rgba(0,0,0,.4);opacity: 1;}
.jobf li a:hover img{transform:scale(1.05,1.05);}
.jobf li span{position: absolute;width: 100%;height: 100%;padding-top: 20%;text-align: center;opacity: 0;z-index: 3; background: rgba(0,0,0,0);color: #fff;transition:.4s;}
.jobf li i{font-size: 32px;}
.jobimgb{border: 1px solid #eee;display: block;width: 100%;height: 0;padding-bottom: 66%;position: relative;overflow: hidden;}
.jobimgb img{display: block;width: 100%;transition:all 0.6s ease 0s;}
.jobf_a a{display: block;position: relative;}
.jobf_a a:hover span{background: rgba(0,0,0,.4);opacity: 1; }
.jobf_a a:hover img{transform:scale(1.05,1.05);}
.jobf_a a span{position: absolute;width: 100%;height: 100%;padding-top: 25%;z-index: 3; opacity: 0;text-align: center; background: rgba(0,0,0,0);
color: #fff;transition:.4s;}
.jobf_a a span i{font-size:40px;}
/*联系*/
.contacta{height: auto;overflow: hidden;position: relative;}
.cona_a{position: absolute;z-index: 2;width: 28%;right:15%; background: #fff;top:25%;}
.cona_a .code{width: 100%;}
.cona_a .code input{width: 33%;}
.cona_a .code .verif{width: 33%;}
.cona_a .code a{width: 33%;}
.conb_a li .conb_b{background: url(../images/conb_bg.jpg) center no-repeat;color: #fff;padding:10% 8%;}
.conb_a li .conb_b i{float: left;font-size: 42px;margin-right:.75rem;}
.conb_a li .conb_b span{display: block;line-height: 25px;}
.conb_a li .conb_b p{display: block;}
.conc_a li,.conc_a li a{font-size: 16px;line-height: 35px;color: #666;}
.conc_a li i{color: #054994;font-size: 22px;}
/*文化*/
.cultureaa li{border-right: 1px solid #dce6eb;}
.cultureaa li:last-child{border-right:none;}
.cultureaa li i{float: left;font-size: 28px;margin-right: 1rem;color: #555;}
.cultureaa li:nth-of-type(3) i{font-size: 36px;}
.cultureaa li span{display: block;font-size: 18px;line-height: 40px;}
.cultureaa li p{color: #777;line-height: 25px;}
.cultureac{background: rgba(255,255,255,.9);color: #777;height: auto;overflow: hidden;line-height: 30px;margin:14% 0;}
.cultureba {height: auto;overflow: hidden;background: #fafafa;}
.cultureba .slideTxtBox .hd{position:relative;height: auto;overflow: hidden;}
.cultureba .slideTxtBox .hd li{float: left;width: 32%;margin-right: 1%;line-height: 80px; cursor: pointer; background: #e8ebf0; padding:1.3rem;transition:.4s;}
.cultureba .slideTxtBox .hd li:hover{background:#054994;color: #fff;}
.cultureba .slideTxtBox .hd li:hover span{color: #fff;}
.cultureba .slideTxtBox .hd li:hover p{color: #fff;}
.cultureba .slideTxtBox .hd ul li.on{background: #054994;color: #fff;}
.cultureba .slideTxtBox .hd ul li.on span{color: #fff;}
.cultureba .slideTxtBox .hd ul li.on p{color: #fff;}
.cultureba .slideTxtBox .hd li span{float: right;font-size: 16px;text-align: right;line-height:40px;}
.cultureba .slideTxtBox .hd li span p{font-size: 14px;color: #777;}
.cultureba .slideTxtBox .hd li i{font-size: 24px;}
.cultureba .slideTxtBox .hd li:nth-of-type(3) i{font-size: 30px;}
.cultureba .slideTxtBox .hd li:last-child{margin-right: 0px;}
.cultureba .slideTxtBox .bd ul{zoom:1;margin-bottom: 0px;}
.culturebb{height: auto;overflow: hidden;background: url(../images/culturec.jpg) center no-repeat;text-align: center;color: #fff;padding:6.8% 0;}
.cultit {text-align: center;color: #fff;}
.cultit strong{display: block;font-size: 70px;line-height: 80px;color: rgba(255,255,255,.2);text-transform: uppercase;}
.cultit span{display: block;font-size:30px;line-height: 40px;margin-top: -35px;margin-bottom: 4%;}
.culturebb p{line-height: 50px;font-size: 22px;font-weight: 100;}
.culturec{height: auto;overflow: hidden;background: #fafafa}
.cultita {text-align: center;}
.cultita strong{display: block;font-size: 70px;line-height: 80px;color: #ebebeb;text-transform: uppercase;}
.cultita span{display: block;font-size:30px;line-height: 40px;margin-top: -35px;margin-bottom: 2%;}
.cul{position: relative;}
.cul:hover img{transform: scale(1.04, 1.04)}
.cula{height: auto;overflow: hidden;border-radius: 30px 0 0 0;}
.cula img{max-width: 100%;transition:.4s;}
.culd{height: auto;overflow: hidden;border-radius: 0 30px 0 0;}
.culd img{max-width: 100%;transition:.4s;}
.culb{position: absolute;z-index: 3;bottom: 0;left:0;background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.9));width: 100%;color: #fff;}
.culb span{display: block;font-size: 24px;line-height: 50px;transition:.4s;}
.culb p{line-height:30px;}
.cultureca{height: auto;overflow: hidden;background:url(../images/culc.png) center no-repeat #f3f3f3;}
.cultureca img{max-width: 100%;}
.cule span{display: block;font-size: 22px;line-height: 45px;}
.cule b{display: block;color: #004a9f;line-height: 30px;}
.cule p{line-height: 30px;color: #777;}
.cule p i{font-size: 12px;}
.cultured{height: auto;overflow: hidden;background:url(../images/cultured.jpg) center top repeat-y;}
.culf{height: auto;overflow: hidden;background: #fff;text-align: center;transition:.4s;}
.culf:hover{background: #004a9f;color: #fff;}
.culf:hover p{color: #fff;}
.culf i{font-size: 40px;}
.culf span{display: block;font-size: 24px;line-height: 50px;}
.culf p{line-height: 30px;color: #777;height: 180px;transition:.4s;}
.culturee li {text-align: center;padding-bottom: 3rem;}
.culturee li:nth-of-type(4){padding-bottom: 7rem;}
.culturee li:nth-of-type(5){padding-bottom: 7rem;}
.culturee li:nth-of-type(6){padding-bottom: 7rem;}
.culturee li p{line-height: 30px;color: #777;height: 90px;overflow: hidden;transition:.4s;}
.culturee li:hover p{height: 190px;background: #fff;padding-top: 10px;}
.cul_b{position: relative;padding-bottom:40%;}
.cul_b p{position: absolute;top: 70%;z-index: 3;transition:.4s;}
.cul_a{height: auto;overflow: hidden;background: url(../images/cule.png) center top no-repeat #fafafa;text-align: center;position: relative;transition:.4s;}
.culturee li:hover .cul_a{background: url(../images/culeh.png) center top no-repeat;}
.cul_a em{display: block;margin:12% auto;height: 80px;}
.cul_a i{font-size:50px;color: #fff;}
.cul_a span{display: block;line-height:60px;font-size: 16px;margin-bottom: 4%;}
.culturee li:nth-of-type(1) i{font-size: 56px;}
.culturee li:nth-of-type(4) i{font-size: 56px;}
.culturee li:nth-of-type(6) i{font-size: 56px;}
/* 无内容 */
@media (max-width: 576px) {
.mf_12{font-size: 12px;line-height: 25px;}
.mf_14{font-size: 14px;line-height: 30px;}
.mf_16{font-size: 16px;line-height: 30px;}
.mf_18{font-size: 18px;line-height: 35px;}
.mf_22{font-size: 22px;line-height: 40px;}
.topa a{border-right: none;}
.topa a img{max-width: 60%;}
.topa span{display: none;}
.topa p{display: none;}
.in01a_a span{font-size: 14px;}
.in01a_a b{font-size: 22px;}
.in01a_c li .in01a_d span{width: 100%;}
.in01a_c li:nth-of-type(1) .in01a_d{background: none;padding:.5rem;}
.in01a_c li:nth-of-type(2) .in01a_d{background: none;padding:.5rem;}
.in01a_c li:nth-of-type(3) .in01a_d{background: none;padding:.5rem;}
.in01a_c li .in01a_d em b{font-size:22px;}
.line{display: none;}
.in01b li p{display: none;}
.intita i{display: none;}
.intitc i{display: none;}
.in_04 .intita a{width: 25%;font-size: 12px;}
.in04b_b a{line-height: 35px;width: 100px;}
.in_06 .intita a{width: 25%;font-size: 12px;}
.in05a .col-6{padding: 0 .25rem;}
.in01b li span{font-size: 14px;}
.in_05 .intitc{display: block !important;}
.in_05 .intitc span{display: block;line-height: 60px;}
.in_05 .intitc em{display: block !important;clear: both;height: auto;overflow: hidden;}
.in_05 .intitc a{float: left;width: 33%;font-size: 12px;}
.in_07 .intitc{display: block !important;}
.in_07 .intitc span{display: block;line-height: 60px;}
.in_07 .intitc em{display: block !important;clear: both;height: auto;overflow: hidden;}
.in_07 .intitc a{float: left;width: 33%;font-size: 12px;}
.in_07 .intitc a{float: left;width: 25%;font-size: 12px;}
.in05a li a:hover{padding-top: 1rem !important;padding-bottom: 1rem !important}
.footer{padding-bottom: 12%;}
.footc li{text-align: left;margin-left: 1rem;}
.footc li::after{height: 0px;}
.ban{padding: 25% 0 10% 0;}
.ban i{font-size: 32px;}
.ban strong{font-size: 30px;}
.ban p{font-size: 22px;}
.ban_com{background-size: 220%;}
.ban_pro{background-size: 220%;}
.ban_case{background-size: 220%;}
.ban_xswl{background-size: 220%;}
.ban_kjyf{background-size: 220%;}
.ban_news{background-size: 220%;}
.ban_job{background-size: 220%;}
.locationb li{line-height: 40px;}
.coma_b strong{font-size: 26px;}
.ptita strong{font-size: 22px;}
.comc_a{padding-top: 30%;}
.qyfclist li:hover span{line-height: 105px;font-size: 14px;}
.producta{padding: 26% 0 6% 0;}
.producta_a strong{font-size: 30px;line-height: 45px;}
.producta_a i{margin:1rem auto;}
.producta_b{width: 100%;margin:2rem auto;}
.producta_c{width: 100%;}
.producta .mySwiper{padding-top: 3rem;}
.producta .mySwiper::before{top:51%;}
.protita strong{font-size: 22px;}
.protita p{width: 100%;}
.prolist li .pl_b p{display: none;}
.prolist li .pl_b{background: none;padding-left: 0px;}
.prolist li .pl_b strong{border-bottom: none;}
.proaa strong{font-size: 22px;line-height: 40px;}
.proinfo{padding-top: 26%;}
.pmore{width: 80%;}
.pmore a{font-size: 14px;}
.ptit li a{font-size: 13px;}
.prof_b{width: 100%;}
.prof_a p{font-size: 13px;}
.producta_a p{letter-spacing: 0px;}
.case_a p{display: none;}
.xswlb li{width: 25%;}
.xswld .firstRow td{font-size: 14px;}
.in05a li a i{margin:.25rem auto;}
.nfonta i{display: none;}
.nfonta p{display: none;}
.newslist li:hover .nfonta em{height: 0px;}
.newslist li:hover .nimga span{padding-top: .5rem;}
.nimga span p{display: none;}
.joba li .j_a i{font-size: 32px;}
.joba li .j_a em{height: 53px;}
#jobs li dd{padding-left: .5rem;}
.jobe_a .swiper-slide span{line-height: 30px;}
.jobe_a .swiper-slide:hover span{line-height: 40px;}
.jobf li i{font-size: 26px;}
.cona_a{width: 80%;right:4%;}
.qyfca_a em{font-size: 30px;}
.in_02{ height: auto;overflow: hidden; background: #131b32 !important;}
.in_06{height: auto;overflow: hidden;background: #131b32 !important;}
}
@media (min-width: 576px) and (max-width: 768px) {
.topa a{border-right: none;}
.topa a img{max-width: 60%;}
.topa span{display: none;}
.topa p{display: none;}
.in01a_a span{font-size: 14px;}
.in01a_a b{font-size: 22px;}
.in01a_c li:nth-of-type(1) .in01a_d{background: none;padding:.5rem;}
.in01a_c li:nth-of-type(2) .in01a_d{background: none;padding:.5rem;}
.in01a_c li:nth-of-type(3) .in01a_d{background: none;padding:.5rem;}
.in01a_c li .in01a_d em b{font-size: 22px;}
.line{display: none;}
.in01b li p{display: none;}
.intita i{display: none;}
.intitc i{display: none;}
.in_04 .intita a{width: 25%;font-size: 12px;}
.in04b_b a{line-height: 35px;width: 100px;}
.ipro-md .mySwiper2 .in04b_b{position: absolute;right: 0;bottom:5%;}
.in_06 .intita a{width: 25%;font-size: 12px;}
.in05a .col-6{padding: 0 .25rem;}
.in01b li span{font-size: 14px;}
.in_05 .intitc{display: block !important;}
.in_05 .intitc span{display: block;line-height: 60px;}
.in_05 .intitc em{display: block !important;clear: both;height: auto;overflow: hidden;}
.in_05 .intitc a{float: left;width: 33%;font-size: 12px;}
.in_07 .intitc{display: block !important;}
.in_07 .intitc span{display: block;line-height: 60px;}
.in_07 .intitc em{display: block !important;clear: both;height: auto;overflow: hidden;}
.in_07 .intitc a{float: left;width: 33%;font-size: 12px;}
.in_07 .intitc a{float: left;width: 25%;font-size: 12px;}
.in05a li a:hover{padding-top: 1rem !important;padding-bottom: 1rem !important}
.footer{padding-bottom: 12%;}
.footc li{text-align: left;margin-left: 1rem;}
.footc li::after{height: 0px;}
.ban{padding: 25% 0 10% 0;}
.ban i{font-size: 32px;}
.ban strong{font-size: 30px;}
.ban p{font-size: 26px;}
.ban_com{background-size: 175%;}
.ban_pro{background-size: 175%;}
.ban_case{background-size: 175%;}
.ban_xswl{background-size: 175%;}
.ban_kjyf{background-size: 175%;}
.ban_news{background-size: 175%;}
.ban_job{background-size: 175%;}
.locationb li{line-height: 40px;}
.coma_b strong{font-size: 26px;}
.ptita strong{font-size: 22px;}
.comc_a{padding-top: 40%;}
.qyfclist li:hover span{line-height: 105px;font-size: 14px;}
.producta{padding: 26% 0 6% 0;}
.producta_a strong{font-size: 30px;line-height: 45px;}
.producta_a i{margin:1rem auto;}
.producta_b{width: 100%;margin:2rem auto;}
.producta_c{width: 100%;}
.producta .mySwiper{padding-top: 3rem;}
.producta .mySwiper::before{top:51%;}
.protita strong{font-size: 22px;}
.protita p{width: 100%;}
.prolist li .pl_b p{display: none;}
.prolist li .pl_b{background: none;padding-left: 0px;}
.prolist li .pl_b strong{border-bottom: none;}
.proaa strong{font-size: 22px;line-height: 40px;}
.proinfo{padding-top: 16%;}
.pmore{width: 80%;}
.pmore a{font-size: 14px;}
.ptit li a{font-size: 13px;}
.prof_b{width: 100%;}
.prof_a p{font-size: 13px;}
.producta_a p{letter-spacing: 0px;}
.case_a p{display: none;}
.xswlb li{width: 25%;}
.xswld .firstRow td{font-size: 14px;}
.in05a li a i{margin:.25rem auto;}
.nfonta i{display: none;}
.nfonta p{display: none;}
.newslist li:hover .nfonta em{height: 0px;}
.newslist li:hover .nimga span{padding-top: .5rem;}
.nimga span p{display: none;}
.joba li .j_a i{font-size: 32px;}
.joba li .j_a em{height: 53px;}
#jobs li dd{padding-left: .5rem;}
.jobe_a .swiper-slide span{line-height: 30px;}
.jobe_a .swiper-slide:hover span{line-height: 40px;}
.jobf li i{font-size: 26px;}
.cona_a{width: 80%;right:4%;}
.intita span{width: 30%;}
.intita em{width: 70%;}
.in04a{height: auto;overflow: hidden;}
.in_06 li a p{display: none;}
.in_06 li a span{display: none;}
.producta .mySwiper{height: auto;overflow: hidden;}
.prolist li .pl_b strong{font-size:18px;}
.in_02{height: auto;overflow: hidden; background: #131b32 !important;}
.in_06{height: auto;overflow: hidden;background: #131b32 !important;}
}
@media (min-width: 768px) and (max-width:992px) {
.topa a{border-right: none;}
.topa a img{max-width: 60%;}
.topa span{display: none;}
.topa p{display: none;}
.in01a_a span{font-size: 14px;}
.in01a_a b{font-size: 22px;}
.in01a_c li .in01a_d em b{font-size: 20px;}
.line{display: none;}
.in01b li p{display: none;}
.intita i{display: none;}
.intitc i{display: none;}
.in_04 .intita a{width: 25%;font-size: 12px;}
.in04b_b a{line-height: 35px;width: 100px;}
.in_06 .intita a{width: 25%;font-size: 12px;}
.in05a .col-6{padding: 0 .25rem;}
.in01b li span{font-size: 14px;}
.in_05 .intitc{display: block !important;}
.in_05 .intitc span{display: block;line-height: 60px;}
.in_05 .intitc em{display: block !important;clear: both;height: auto;overflow: hidden;}
.in_05 .intitc a{float: left;width: 33%;font-size: 12px;}
.in_07 .intitc{display: block !important;}
.in_07 .intitc span{display: block;line-height: 60px;}
.in_07 .intitc em{display: block !important;clear: both;height: auto;overflow: hidden;}
.in_07 .intitc a{float: left;width: 33%;font-size: 12px;}
.in_07 .intitc a{float: left;width: 25%;font-size: 12px;}
.in05a li a:hover{padding-top: 1rem !important;padding-bottom: 1rem !important}
.footc li{text-align: left;margin-left: 1rem;}
.footc li::after{height: 0px;}
.ban{padding: 25% 0 10% 0;}
.ban i{font-size: 32px;}
.ban strong{font-size: 30px;}
.ban p{font-size: 26px;}
.ban_com{background-size: 156%;}
.ban_pro{background-size: 156%;}
.ban_case{background-size: 156%;}
.ban_xswl{background-size: 156%;}
.ban_kjyf{background-size: 156%;}
.ban_news{background-size: 156%;}
.ban_job{background-size: 156%;}
.locationb li{line-height: 40px;}
.coma_b strong{font-size: 26px;}
.ptita strong{font-size: 22px;}
.comc_a{padding-top: 30%;}
.qyfclist li:hover span{line-height: 105px;font-size: 14px;}
.producta{padding: 12% 0 6% 0;}
.producta_a strong{font-size: 30px;line-height: 45px;}
.producta_a i{margin:1rem auto;}
.producta_b{width: 100%;margin:2rem auto;}
.producta_c{width: 100%;}
.producta .mySwiper{padding-top: 3rem;}
.producta .mySwiper::before{top:51%;}
.protita strong{font-size: 22px;}
.protita p{width: 100%;}
.prolist li .pl_b p{display: none;}
.prolist li .pl_b{background: none;padding-left: 0px;}
.prolist li .pl_b strong{border-bottom: none;}
.proaa strong{font-size: 22px;line-height: 40px;}
.proinfo{padding-top: 14%;}
.pmore{width: 80%;}
.pmore a{font-size: 14px;}
.ptit li a{font-size: 13px;}
.prof_b{width: 100%;}
.prof_a p{font-size: 13px;}
.producta_a p{letter-spacing: 0px;}
.case_a p{display: none;}
.xswlb li{width: 25%;}
.xswld .firstRow td{font-size: 14px;}
.in05a li a i{margin:.25rem auto;}
.nfonta p{display: none;}
.newslist li:hover .nfonta em{height: 0px;}
.newslist li:hover .nimga span{padding-top: .5rem;}
.nimga span p{display: none;}
.joba li .j_a i{font-size: 32px;}
.joba li .j_a em{height: 53px;}
#jobs li dd{padding-left: .5rem;}
.jobe_a .swiper-slide span{line-height: 30px;}
.jobe_a .swiper-slide:hover span{line-height: 40px;}
.jobf li i{font-size: 26px;}
.cona_a{width: 80%;right:4%;}
.in01a_c li .in01a_d{padding:1rem 1rem 1rem 4rem;}
.in01a_c li:nth-of-type(1) .in01a_d{background:url(../images/in01b.png) .5rem center no-repeat #fff;}
.in01a_c li:nth-of-type(2) .in01a_d{background:url(../images/in01c.png) .5rem center no-repeat #fff;}
.in01a_c li:nth-of-type(3) .in01a_d{background:url(../images/in01d.png) .5rem center no-repeat #fff;}
.intita span{width: 20%;}
.intita em{width: 70%;}
.in04a{height: auto;overflow: hidden;}
.in05a li a span{font-size: 18px;}
.in_06 li a p{display: none;}
.comc_a span strong{font-size: 22px;}
.comc_a p{font-size:12px;font-family: fz;}
.qywha li span{font-size: 18px;line-height: 35px;}
.qywha li p{font-size: 14px;line-height: 25px;}
.qywhb li span{font-size: 18px;line-height: 35px;}
.qywhb li p{font-size: 14px;line-height: 25px;}
.qywhc li span{font-size: 18px;line-height: 35px;}
.qywhc li p{font-size: 14px;line-height: 25px;}
.producta .mySwiper{height: auto;overflow: hidden;}
.prolist li .pl_b strong{font-size:18px;}
.prof_a strong{font-size: 22px;}
.prof_b{display: none;}
.conb_a .col-md{padding: 0 .15rem;}
.conb_a li .conb_b p{font-size: 13px;}
}
@media (min-width: 992px) and (max-width:1200px) {
.topa a{border-right: none;}
.topa span{display: none;}
.topa p{display: none;}
.in01a_a b{font-size: 30px;}
.line{width: 110px;}
.in01b li p{font-size: 12px;}
.intitb span{font-size: 18px;}
.in02a_a li a i{display: none;}
.in02a_a li a{font-size: 14px;line-height: 37px;}
.in03a_a li a i{display: none;}
.in03a_a li a{font-size: 14px;line-height: 37px;}
.intitc span i{display: none;}
.in05a li a span{font-size: 22px;}
.in_06 li a p{display: none;}
.in_06 li a em{display: none;}
.in06a_b{padding-bottom: 139%;}
.in06a_c{padding-bottom: 90%;}
.in06a .in06a_a span{display: none;}
.in07a a img{width: 107%;}
.foota{border-right: none;}
.footbc{display: none !important;}
.footc {text-align: center;}
.ban_com{background-size: 140%;}
.ban_pro{background-size: 140%;}
.ban_case{background-size: 140%;}
.ban_xswl{background-size: 140%;}
.ban_kjyf{background-size: 140%;}
.ban_news{background-size: 140%;}
.ban_job{background-size: 140%;}
.coma_a strong{font-size: 30px;}
.coma_b strong{font-size: 22px;}
.coma_a ul li{font-size: 14px;}
.ptita strong{font-size: 30px;}
.qyfclist li:hover span{line-height: 200px;background: rgba(0,0,0,0);font-size: 24px;}
.qywhc li span{font-size: 30px;}
.qywhc li p{font-size: 14px;}
.qywhb li span{font-size: 30px;}
.qywhb li p{font-size: 14px;}
.qywha li span{font-size: 30px;}
.qywha li p{font-size: 14px;}
.producta_a strong{font-size: 42px;line-height:60px;margin-top: 3rem;}
.producta_a i{margin:1rem auto;}
.producta_b{width: 100%;margin:3rem auto;}
.producta_b li a{font-size: 22px;}
.protita strong{font-size: 30px;}
.prolist li .pl_b strong{font-size: 22px;}
.proaa p{display: none;}
.pmore a{font-size: 17px;}
.proaa strong{font-size: 22px;line-height: 40px;}
.proab li .proac p{font-size: 13px;}
.prof_a strong{font-size: 30px;}
.prof_b{width: 90%;}
.prof_a p{font-size: 14px;line-height: 25px;}
.producta .mySwiper .swiper-slide span{font-size: 22px;}
.in05a li a:hover{padding-top: 1rem !important;padding-bottom:1rem !important}
.nfonta p{display: none;}
.newslist li:hover .nimga span{padding-top: 1.5rem;}
.joba li .j_a span{font-size: 22px;}
.joba li .j_a p{font-size: 14px;}
.locationa {font-size: 17px;}
.cona_a{width: 50%;right:4%;}
.conb_a li .conb_b p{font-size: 16px;}
.navbga{background:url(../images/navbga.png) 82% bottom no-repeat;}
.navbgb{background:url(../images/navbgb.png) 82% bottom no-repeat;}
.navbgc{background:url(../images/navbgc.png) 82% bottom no-repeat;}
.navbgd{background:url(../images/navbgd.png) 82% bottom no-repeat;}
.navbge{background:url(../images/navbge.png) 82% bottom no-repeat;}
.navbgf{background:url(../images/navbgf.png) 82% bottom no-repeat;}
.navbgg{background:url(../images/navbgg.png) 82% bottom no-repeat;}
.navbgh{background:url(../images/navbgh.png) 82% bottom no-repeat;}
.menu li .submenu .left{width: 40%;}
.menu li .submenu .right{width: 60%;}
}
@media (min-width: 1200px) {
.container{max-width: 1600px;}
}
@media (min-width: 1200px) {
.inner_container{max-width: 1430px;}
}
@media (min-width: 1200px) and (max-width:1630px) {
.topa a{border-right: none;}
.topa span{display: none;}
.topa p{display: none;}
.topb li a{font-size: 14px;}
.in01a_b p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.in01a_c li .in01a_d em b{font-size: 24px;}
.in01a_c li .in01a_d{padding: .5rem 1rem .5rem 4.5rem;}
.in01a_c li:nth-of-type(1) .in01a_d{background: url(../images/in01b.png) .5rem center no-repeat #fff;}
.in01a_c li:nth-of-type(2) .in01a_d{background: url(../images/in01c.png) .5rem center no-repeat #fff;}
.in01a_c li:nth-of-type(3) .in01a_d{background: url(../images/in01d.png) .5rem center no-repeat #fff;}
.in01a_c li .in01a_d span{width: 30px;font-size: 13px;}
.line{width: 130px;}
.in01b li p{font-size: 12px;}
.in02a_a li{font-size: 14px;}
.in02a_a li a{height: 35px;line-height: 35px;overflow: hidden;}
.in03a_a li{font-size: 14px;}
.in03a_a li a{height: 35px;line-height: 35px;overflow: hidden;}
.in_06 li a p{display: none;}
.coma_b strong{font-size: 30px;}
.proab li .proac{padding: 1rem !important;}
.proaa p{line-height: 25px;}
.prof_b{width: 80%;}
.nfonta p{white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
}
.Ispic {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
/*Floor001844 */
.auto_1500 {
}
.Floor001844{background-color:#2d2d37;padding:6% 0;background: url(../images/bg3.jpg) no-repeat center bottom;background-size: cover;}
.Floor001844 .text{color:#fff;line-height: 32px;margin-bottom: 4%;text-align: center;}
.Floor001844 .text h1{padding: 0 0 8px;font-size: 30px;font-weight: normal;}
.Floor001844 .team{ float:right; width:29%;}
.Floor001844 .team li{ text-align:center; color:#fff; }
.Floor001844 .team li img{ border-radius:50%; width:82px; height:82px;}
.Floor001844 .team li span{ padding-top:5%;}
.Floor001844 .team li p{ line-height:22px; overflow:hidden; height:66px; filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5;-khtml-opacity: 0.5;padding:0 3%;}
.Floor001844 .team .bx-pager{ text-align:center;}
.Floor001844 .team .bx-pager div{ display:inline-block; width:8px; height:8px; margin:0 5px;}
.Floor001844 .team .bx-pager div a{ display:block; height:8px;background:#000; border-radius:50%; overflow:hidden; line-height:100px;}
.Floor001844 .team .bx-pager div a.active{ background:#c94645;}
.Floor001844 .link{/* float:left; *//* width:68%; */position:relative;overflow: hidden}
.Floor001844 .link i{/* display:none; */position:absolute;left:0;top: 47%;width:100%;height:1px;background-color: rgba(255,255,255,0.2);z-index:2;}
.Floor001844 .link dl {overflow:hidden;transform: translateY(1px)}
.Floor001844 .link dd{float:left;width: 20%;padding: 1% 0;border-right: 1px solid rgba(255,255,255,0.2); border-bottom:1px solid rgba(255,255,255,0.2); margin-bottom:-1px;}
.Floor001844 .link dd:nth-child(5n){ border-right:0;}
.Floor001844 .link dd a{display:block;padding-bottom:44%;background-size:contain;filter:alpha(opacity=60);opacity: 0.8;-moz-opacity:0.6;-khtml-opacity: 0.6;transition:0.3s;}
.Floor001844 .link dd a:hover{filter:alpha(opacity=100);opacity: 1;-moz-opacity:1;-khtml-opacity: 1;}
.Floor001844 .link dd a img{ display:none;}
@media(max-width:1000px){
.Floor001844 .bx-wrapper{ max-width:640px !important; margin:0 auto;}
.Floor001844 .team,
.Floor001844 .link{ float:none; width:auto;}
.Floor001844 .team{ padding-bottom:5%;}
}
@media(max-width:480px){
.Floor001844 .link dd{ width:50%;border-right:0; position:relative;}
.Floor001844 .link dd:nth-child(2n-1)::after{ position:absolute; content:''; right:0; top:0; height:100%; width:1px; background-color:rgba(255,255,255,0.2);}
.Floor001844 .link i{ top:auto; bottom:0; background-color:rgba(255,255,255,0.2);}
}
.jsyftype{width: 60%;margin:0 auto;}
.jsyfa{height: auto;overflow: hidden;background: url(../images/jsyfa.png) center 100px no-repeat;}
.jsyfa li:hover img{transform: scale(1.04, 1.04)}
.jsyfb i{font-size: 54px;color: #004a9f;}
.jsyfb img{max-width: 100%;transition:.4s;}
.jsyfimga{height: auto;overflow: hidden;}
.jsyfb strong{display: block;font-size: 24px;line-height: 55px;color: #004a9f;}
/*.linea{display: block;width: 1px;height: 60px;background: #004a9f;margin:1rem 0;}*/
.jsyfb span{display: block;line-height: 40px;font-size: 16px;}
.jsyfb p{line-height: 30px;color: #777;}
.jsyfb b{display: block;font-weight: normal;color: #054994;font-size: 16px;}
.jsyfb b em{font-size: 22px;}
.jsyfb_a{width: 73%;float: right;}
.jsyfb_b{width: 73%;float: left;}
.jsyfc{height: auto;overflow: hidden;background: url(../images/jsyfd.jpg) center no-repeat fixed;}
.jsyfc img{max-width: 100%;}
.jsyfc_a{color: #fff;line-height: 30px; text-align: left;}
.jsyfc_a strong{display: block;line-height: 60px;font-size: 22px;}
.jsyfc_a p{display: block;background: url(../images/jsyftipa.png) left 8px no-repeat;padding-left: 2rem;color: #d8d8d8;font-size: 16px;line-height: 32px;}
.jsyfd .swiper-container {width: 100%;height: 100%;padding: 6rem 0;}
.jsyfd .swiper-slide {text-align: center;background: #fff;overflow: hidden;
/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
transition: 300ms;
transform: scale(1);
}
.jsyfd .swiper-slide-active,.jsyfd .swiper-slide-duplicate-active{transform: scale(1.4);z-index: 6;position: relative;}
.jsyfd .swiper-slide img{display: block;max-width: 100%;}
.jsyfd .swiper-slide-prev {position: relative;}
.jsyfd .swiper-slide-prev::before {position: absolute;content: "";width: 100%;height: 100%;z-index: 2;background: rgba(0,0,0,0.7);}
.jsyfd .swiper-slide-next {position: relative;}
.jsyfd .swiper-slide-next::before {position: absolute;content: "";width: 100%;height: 100%;z-index: 2;background: rgba(0,0,0,0.7);}
.jsyfd .swiper-button-next::after {display: none;}
.jsyfd .swiper-button-prev::after {display: none;}
.jsyfd .swiper-button-prev {left:10%;}
.jsyfd .swiper-button-prev:hover span{color: #999;border-bottom: 1px solid #999;}
.jsyfd .swiper-button-prev span{display: block;color: #fff;font-size: 20px;line-height: 40px;border-bottom: 1px solid #fff;transition:.4s;}
.jsyfd .swiper-button-prev i{color: #fff;}
.jsyfd .swiper-button-next span{display: block;color: #fff;font-size: 20px;line-height: 40px;border-bottom: 1px solid #fff;transition:.4s;}
.jsyfd .swiper-button-next:hover span{color: #999;border-bottom: 1px solid #999;}
.jsyfd .swiper-button-next {right:10%;}
.jsyfd .swiper-button-next i{color: #fff;}
.fwzxa_a img{max-width: 100%;}
.fwzxa_b{height: auto;overflow: hidden;}
.fwzxa_b strong{display: block;font-size: 50px;line-height: 60px;text-transform: uppercase;}
.fwzxa_b span{display: block;font-size: 32px;line-height: 60px;}
.fwzxa_b p{line-height: 40px;color: #777;}
.fwzxb{height: auto;overflow: hidden;background: url(../images/fwzxb.jpg) center no-repeat fixed;padding: 13rem 0;text-align: center;color: #fff;}
.fwzxb span{display: block;font-size: 30px;line-height: 50px;text-transform: uppercase;width: 70%;margin:0 auto;}
.fwzxb p{display: block;font-size: 24px;line-height: 60px;}
.fwzxc{height: auto;overflow: hidden;background:#f1f4f8;}
.fwzxc_a{position: relative;}
.fwzxc_a:hover .fwzxc_b{background: #016adb;color: #fff;}
.fwzxc_a:hover .fwzxc_b span{color: #fff;}
.fwzxc_a:hover .fwzxc_b i{background: #fff;}
.fwzxc_a:hover .fwzxc_b p{color: #fff;}
.fwzxc_a img{width: 100%;}
.fwzxc_b{background: #fff;box-shadow: rgba(0,0,0,0.2) 0 5px 10px;transition:.4s;}
.fwzxc_b span{display: block;font-size: 24px;line-height: 45px;}
.fwzxc_b i{display: block;width: 30px;height: 3px;background: #004a9f;margin: 1rem 0;}
.fwzxc_b p{line-height: 30px;color: #777;}
.fwzxd{height: auto;overflow: hidden;background: #004a9f;}
.fwzxda img{display: block;max-width: 100%;margin:0 auto;}
@media (max-width: 576px){
.jsyfb_a {
width: 100%;
padding: 0 15px;
}
}
.section {
width: 100%;
height: 100vh;
position: relative;
overflow: hidden;
}
.fp-section {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.i-part4 .bg .swiper-slide a{ display: none;}
.more {
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
color: #fff;
width: 200px;
height: 48px;
border-radius: 24px;
border: 1px solid rgba(255, 255, 255, 0.3);
position: relative;
overflow: hidden;
transition: all .3s;
}
.more::before {
content: '';
display: block;
width: 0;
height: 100%;
background-color: #113575;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
transition: all .3s;
z-index: -1;
}
.layout {
width: 85.8%;
margin: 0 auto;
position: relative;
}
/* 第四屏 */
.i-part4{background-size: cover;position: relative;}
.i-part4 .bg{width: 100%;z-index: 2;position: relative;}
.i-part4 .bg .swiper-slide{height: 100vh;position: relative;}
.i-part4 .bg .img{position: absolute;top: 0;left: 0;background: no-repeat center;background-size: cover; width: 100%;height: 100%;}
.i-part4 .bg .img.mimg{display: none;}
.i-part4 .layout{position: absolute;left:50%;height: 100%; transform: translateX(-50%);top:0;padding-top: 270px; z-index: 3;}
.i-part4 .layout .word{margin-bottom: 125px;margin-left: 100px;width: 450px;}
.i-part4 .layout .word .swiper-slide{opacity: 0!important;}
.i-part4 .layout .word .swiper-slide .more{border-color: transparent;}
.i-part4 .layout .word .swiper-slide .more:before{width:100%;}
.i-part4 .layout .word .swiper-slide-active{opacity: 1!important;}
.i-part4 .layout .word h3{color: #fff;font-size: 50px;font-family: hb; line-height: 60px;margin-bottom: 70px; font-weight: bold;}
.i-part4 .layout .word h3 span{display: block;font-family: hb; font-size: 24px;}
.i-part4 .layout .tabs{position: absolute;bottom: 2.4vw;left: 0;width: 100%;}
.i-part4 .layout .tab{position:relative;overflow:hidden;}
.i-part4 .layout .tab a.item{display: flex;position: relative; height: 122px; width: 25%;justify-content: center;align-items: center;border: 1px solid rgba(255, 255, 255, 0.3);transition: all .3s;background-color: rgba(0, 0, 0, 0.5);}
.i-part4 .layout .tab a.item::before{content: '';display: block;width: 0;height: 100%;position: absolute;left:50%; transform: translateX(-50%); top:0;background-color: #113575;z-index: 2;transition: all .3s;}
.i-part4 .layout .tab a.item .ico{width: 57px;margin-right: 25px;position: relative;z-index: 3;}
.i-part4 .layout .tab a.item .ico img{display: block;width: 100%;}
.i-part4 .layout .tab a.item .ico img.svg{display:none}
.i-part4 .layout .tab a.item h3{color: #fff;font-size: 16px;line-height: 20px;width: 144px;position: relative;z-index: 3;}
.i-part4 .layout .tab a.item h3 span{display: block;}
.i-part4 .layout .tab a.item:nth-child(4n){border-right: none;}
.i-part4 .layout .tab a.item.active::before{width: 100%;}
@media (max-width:1560px) {
.i-part4 .layout .word{margin-bottom: 95px;}
.i-part4 .layout .word h3{font-size: 38px;line-height: 45px;margin-bottom: 55px;}
.i-part4 .layout .tab a.item h3{font-size: 14px;}
.i-part4 .layout{padding-top: 200px;}
.i-part4 .layout .tab a.item{height:110px;}
}
@media (max-width:1440px) {
.ab_con .ab2 .solid_box{-webkit-clip-path: url(#menu-clip-path3);clip-path: url(#menu-clip-path3);}
.i-part4 .layout{padding-top: 180px;}
}
@media (max-width:1366px) {
.i-part4 .layout{padding-top: 150px;}
}
@media (max-width:1024px) {
.i-part4 .layout{width:calc(100% - 30px);border: none;padding-top: 130px;position:relative;}
.i-part4 .layout .word{margin-left: 0;margin-bottom:50px;}
.i-part4 .layout .tabs{width: calc(100% + 15px);overflow: auto;position: absolute;bottom: 12vh;left: 0; }
.i-part4 .layout .tab{flex-wrap: nowrap;border-bottom: none;width:94%;margin:0 3%; display:inline-block;}
.i-part4 .layout .tab a.item{float:left; width: 195px;margin-right: 15px;border: 1px solid rgba(255, 255, 255, 0.3)!important;padding: 17px;height: auto;margin-bottom: 16px;}
.i-part4 .layout .tab a.item .ico{width: 33px;height: 33px;margin-right: 10px;}
.i-part4 .layout .tab a.item h3{font-size: 13px;}
.i-part4 .layout .word h3{font-size: 23px;line-height: 28px;margin-bottom: 38px;}
.i-part4 .bg .img.pimg{height:50vw;}
.i-part4 .layout{width: 100%;height:auto;padding-top:50px;}
.i-part4 .bg .swiper-slide{height: 50vw;}
.i-part4 .layout .tabs{position: static;width:100%!important;}
.i-part4 .layout .word .swiper-slide{padding: 0 3%;}
.i-part4 .layout .tab a.item{font-size: 0;width: 56px!important;height: 56px;padding:0!important;border:none!important;border-radius:50%;margin:4px calc(12.5% - 28px)!important;}
.i-part4 .layout .tab a.item h3{font-size: 0;display:none;}
.i-part4 .layout .tab a.item .ico{margin-right:0;border-radius:50%;width: 56px!important;height: 56px;display:flex;justify-content:center;align-items:center;}
.i-part4 .layout .tab a.item::before{border-radius:50%;}
.i-part4 .layout .tab a.item .ico img{display: block!important;}
/* .i-part4 .layout .tab a.item .ico svg{display: block!important;} */
.i-part4 .layout .tab a.item .ico svg{display: block;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%); width: 50px;height: 50px;cursor: pointer;}
.i-part4 .layout .tab a.item .ico svg {transform:translate(-50%,-50%) rotate(-180deg);opacity: 0;}
.i-part4 .layout .tab a.item .ico svg .circle1 {stroke: #113575;stroke-dasharray: 260 371}
.i-part4 .layout .tab a.item.active .ico svg{opacity: 1;}
.i-part4 .layout .tab a.item.active .ico svg .circle1 {-webkit-animation: svgCircleAnmi1 5s linear forwards;animation: svgCircleAnmi1 5s linear forwards}
@-webkit-keyframes svgCircleAnmi1 {
0% {stroke-dasharray:0 371}
to {stroke-dasharray:371 371}
}
@keyframes svgCircleAnmi1 {
0% {stroke-dasharray:0 371}
to {stroke-dasharray:371 371}
}
.i-part4 .layout .tab a.item .ico img.svg{display: block;max-width:25px;max-height:25px;}
.i-part4 .layout .tab a.item .ico img.svg2{display: none;}
/*.i-part4 .layout .tab a.item .ico.active{*/
.i-part4 .layout .tab a.item.active .ico img.svg2{display: block;}
.i-part4 .layout .tab a.item.active .ico img.svg1{display: none;}
.i-part4 .layout .tab a.item .ico{background-size:100% 100%;position:relative:z-index:2;}
.i-part4 .layout .tab a.item.active img{opacity: 1;}
.i-part4 .layout .tab a.item.active .ico{background:none!important;}
.i-part4 .layout .tab a.item::before{height:0%;top:50%;transform:translate(-50%,-50%);z-index:-1;}
.i-part4 .layout .tab a.item::after{content:"";position:absolute;left:50%; top:50%;transform:translate(-50%,-50%);border-radius:50%;}
.i-part4 .layout .tab a.item::before{height:50px;width:50px;box-sizing:border-box; background-color:transparent;border:1px solid rgba(4,38,161,1);opacity:1;}
.i-part4 .layout .tab a.item::after{height:42px;width:42px;box-sizing:border-box; background-color:transparent;border:1px dashed rgba(4,38,161,1);opacity:1;}
.i-part4 .layout .tab a.item.active::before{height:50px;width:50px;opacity:1;background-color:rgba(4,38,161,1);}
.i-part4 .layout .tab .swiper-wrapper{flex-wrap:wrap;justify-content:space-between;}
.i-part4 .layout .word h3{margin-bottom: 12px;font-size:20px; margin-top: 10px;color:#000;}
.i-part4 .layout .word p{line-height: 20px;height:60px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display:block;margin-bottom:10px;}
.i-part4 .layout .tit{text-align: center;font-family:hb;color:#000;font-size:23px;margin-bottom:20px;display:block!important;}
.i-part4 .more{border-color:#000; color:#000;}
.i-part4 .more i{background-image: url(../image/more1.png);}
.i-part4 .layout .word .more{display: none;}
.i-part4 .layout .word{width: 100%;padding:0 3%; margin-bottom:10px;}
.i-part4 .bg{padding-bottom: 60px;}
.i-part4 .more{position: absolute;bottom: -60px;left: 50%;transform: translateX(-50%);}
.i-part4 .more:before{background-color:transparent;}
.i-part4 .layout .word h3 span{display: none;}
.i-part4 .bg .swiper-slide a{ display: block; line-height: 48px; text-align: center;}
}
@media (min-width:1950px) {
.i-part4 .layout .word{margin-bottom: 22vh;}
}
.network{ width:100%; height:auto; overflow:hidden; background:#f2f2f2; padding-bottom:60px; padding-top: 60px;}
.network_l{ width:21%; }
.net_work_mid{ margin-top:50px; line-height:30px;}
.net_work_mid .net_work_line{margin-top: 20px;}
.network_r{ width:78%;}
#e-main{width: 1200px; height:600px; margin: 30px 0 0 0; min-width: 1200px !important;}
.clear:after {
content: "";
clear: both;
display: block;
}
.fl{ float: left;}
.fr{ float: right;}
@media (min-width: 992px) and (max-width:1200px) {
#swiper-slide1 .bannera {padding-top:15%;}
#swiper-slide1 .bannera strong{font-size: 36px !important;line-height: 50px;}
#swiper-slide1 .bannera p{font-size: 24px !important;line-height: 30px;}
.banner .swiper-slide-active .bannera strong{font-size: 36px !important;line-height: 50px;}
.banner .swiper-slide-active .bannera p{font-size: 24px !important;line-height: 30px;}
#swiper-slide1 .bannerb {padding-top:15%;}
#swiper-slide1 .bannerb strong{font-size: 36px !important;line-height: 50px;}
#swiper-slide1 .bannerb p{font-size: 24px !important;line-height: 30px;}}
.hls-page-container {overflow: hidden;position: relative; margin-top: 90px; }
.hls-page-container img{display: block;width: 100%;height: auto;}
.hls-iacase {position: relative;}
.icase-nav {height: 40px;position: absolute;right: 0px;bottom:0px; width: 60%;}
.icase-nav .swiper-slide li{width: 100%; font-size: 15px;color: #0e0e0e;cursor: pointer;position: relative;margin: auto 3%;text-align: center; list-style: none;}
.icase-nav .swiper-slide li:hover {color: #104280;}
.icase-nav .swiper-slide li::after {content: '';width: 80%;height: 2px;background: #104280;position: absolute;left: 10%;bottom: -10px;display: none;}
.icase-nav .swiper-slide-thumb-active li{color: #104280;}
.icase-nav .swiper-slide-thumb-active li::after {display: block;}
.iacaselist { padding-top:3.5%;overflow: hidden;position: relative;}
.iacaselist .swiper-slide {padding-bottom:63px;}
.iacaselist .imore{width: 220px;overflow: hidden;position: absolute;left:50%;margin-left: -92px;bottom: 0;z-index: 3;}
.iacase {position: relative;width:95%; margin-left: 5%;overflow: hidden;}
.iacase li{overflow: hidden; list-style: none;}
.iacase li a{display: block;position: relative;}
.iacase li a h4{position: absolute;font-size: 20px;left: 0;bottom: 0;padding: 5%;width: 90%;color: #fff; z-index: 3;}
.iacase li a .mark {position: absolute;bottom: 0;left: 0;width: 100%;height:70%;z-index: 1; background:linear-gradient(to top,#000,rgba(0,0,0,0));opacity: .6;}
.iacase li a:hover img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
a *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.hls-page-container {overflow: hidden;position: relative;background-color: #f5fafd; padding-top: 60px;}
.hls-page-container img{display: block;width: 100%;height: auto;}
.d-table {display: table;width: 100%;height: 100%;}
.d-table-cell {display: table-cell;vertical-align: middle;}
.container1 {margin:auto 5%;position: relative;overflow: hidden;}
.ptb5 {padding:5% 0;}
.title {}
.title h2{font-size: 44px;font-family: 'Conv_Montserrat-Bold';text-transform: uppercase; color: #004ea0; }
.title h3{font-size: 30px;font-weight: normal;}
.title h3 line{width: 40px;height: 2px;background: #004ea0;margin: 0 15px;display: inline-block;vertical-align: middle;}
.title h6 {font-size: 14px;line-height: 28px; color: #999999;font-weight: normal;padding:30px 0;overflow: hidden;width: 60%;}
.tmore {position: absolute;width: 115px;right: 0;top:55%;}
.tmore a {display: block;position: relative;font-size: 14px;padding-bottom: 20px; font-family: 'Conv_Montserrat-Bold';text-transform: uppercase;}
.tmore a i{display: block;width: 16px;height: 10px;position: absolute;right: 0;top: 4px;background: url("../images/right-h.svg") center no-repeat;background-size: 100%;}
.tmore a::after {content: '';width: 100%;height: 2px;background: #000;position: absolute;left: 0;bottom:0px;}
.tmore a:hover {color: #000;letter-spacing: 1px;}
.tmore a:hover i{right: 10%;}
.tmore a:hover::after {background: #000;}
.dtable {display: table;width: 100%;height: 100%;}
.dtable-cell {display: table-cell;vertical-align: middle;}
.imore{}
a {
text-decoration: none;
color: #1a1a1a;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
transition: all .4s ease;
}
.imore a{display: block;font-size: 14px;width: 220px;height: 52px;line-height: 52px; font-family: 'Conv_Montserrat-Regular';position: relative;border: 2px solid #004ea0;text-align: center; color: #004ea0;}
.imore a:hover {background: #004ea0;color: #FFFFFF;}
.pabout-title { margin-bottom:4%; text-align:center;}
.pabout-title h1{ font-size:60px;line-height:64px;text-transform:uppercase;color:#fff; font-weight:bold; padding-bottom:1%;display:block;}
.pabout-title i{ width:60px; height:2px; background:#666; display:block; margin:auto;}
.imain {
width: 100%;
overflow: hidden;
margin: auto;
clear: both;
position: relative;
background-repeat: no-repeat;
background-position: center bottom;
position: relative;
clear: both;
}
.ptb180 {
padding:42px 0;
padding-bottom: 56px;
overflow: hidden;
}
/* 图片切换 */
.slick-slider { display: block;/* box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent;*/ }
.slick-slider *:focus { outline: none;}
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url(../images/loading.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; max-width:100%; height:auto;}
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; }
/* Arrows */
.slick-prev, .slick-next { position:absolute;display:block;height:119px;width:65px;cursor:pointer;z-index:80;top:50%; margin-top:-59.5px;padding:0;outline:none;text-indent:-9999px; border-radius:0px; background-color: transparent; background-repeat:no-repeat; background-position:center;opacity: 1;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; border:none;}
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
.slick-prev:before, .slick-next:before { font-size: 20px; line-height: 1; color: white; opacity: 1.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left:5%; background-image:url(../images/arrowleft.png);}
.slick-next { right:5%; background-image:url(../images/arrowright.png);}
.slick-prev:hover {opacity: 1.0;}
.slick-next:hover {opacity: 1.0;}
/* Dots */
.slick-slider { }
.slick-dots { position: absolute; bottom:40px; list-style: none; display: block;padding: 0px; width: 100%; text-align:center; left:0;}
.slick-dots li { position: relative; display: inline-block; height:14px; width: 14px; margin: 0px 3px; padding: 0px; cursor: pointer; }
.slick-dots li button { background:#CCC; display: block; height:10px;width: 10px; padding: 0px; cursor: pointer; outline: none; text-indent:-9999px;-moz-opacity:0.4; opacity:0.4;filter:alpha(opacity=40);border-radius:100px;border: none; overflow:hidden;}
.slick-dots li button:focus { outline: none; }
.slick-dots li.slick-active button {background: #00705a;border: none; opacity:1.5;}
.min500 { }
.phistory {background:url(../images/xline1.jpg) left center repeat-x;position:relative; padding-top: 79px;}
.slick8 { width:1400px; margin:auto;}
.slick8 li{ width:450px;height:180px;border-left:rgba(0,79,158,0.5) 1px solid;position:relative;}
.slick8 li *{ display:block; overflow:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.slick8 li i { width:15px; height:15px; position:absolute; left:-8px; bottom:-10px; z-index:3; background:#004f9e; border-radius:100px; }
.slick8 li img{width:140px;height:100px;float:left;border-radius:10px; margin-left:8px;}
.slick8 li span{width:230px;float:left; padding:10px 0px 0px 20px;}
.slick8 li span h1{font-size:26px; font-weight:bold; color:#000;}
.slick8 li span h3{font-size:14px; line-height:24px;color:#000; }
.slick8 li:hover img {}
.slick8 li:hover span{height:90px;border-radius:0px 10px 10px 0px;}
.slick8 li:hover span h1{color:#004f9e; }
.slick8 li:hover span h3{color:#000; }
.ls1 {margin-left:40px;}
.ls2 {margin-top:175px;margin-left:-60px!important;height:100px!important;padding-top:90px;}
.ls2 i{ bottom:0px ;top:0px; }
.slick8 .slick-slide.slick-current.slick-active h1{color:#004f9e;}
.pceo { color:#FFF; width:55%;}
.pceo h1{ font-size:60px;line-height:64px;text-transform:uppercase;color:#fff; font-weight:bold; padding-bottom:2%;display:block;}
.pceo i{ width:60px; height:2px; background:#666; display:block; }
.pceo h3 {color:#CCC;font-size:16px; line-height:26px; padding:30px 0 20px 0; overflow:hidden;}
.pceo h6 {color:#919191;font-size:12px; line-height:22px;}
.mceopic { display:none !important;width:100%; height:auto;}
@media screen and (max-width: 860px) {
/*common*/
.nav_mobile { display:block!important; z-index:890; }
.aside-wrap .topcontrol { display:none!important;}
.header{display:none;}
.h88 { height:50px;}
.slick-dots {bottom: 10px;}
.footer {padding:50px 0 0px 0;}
.footer .footer_main{width:100%;text-align: center; padding-bottom:40px;}
.footer .footer_main ul{ display:none;}
.footer .footer_main ul h1 i { margin:10px auto;}
.footer .footer_main ul.footer_r {margin-right:0;float:none;display:block;width:100%;}
.footer .footer_main ul.footer_r li i{display:none;}
.footer .footer_main ul.footer_r .fcontact li h6 {padding-left:0px; line-height:20px;}
.copyright ul {width:96%;line-height:20px;height:auto;text-align: center; padding:2%;}
.copy { float:none; width:100%;line-height:20px;}
.follow { padding-top:5px;float:none; width:100%; text-align: center;}
.footer .footer_main ul.footer_r .fcontact li {margin-bottom:2px!important;}
/*index*/
.editorial {width:200%;left:-30%;}
.btxt,.bproduct {display: none!important;}
.ptb110 { padding:40px 0;}
.ptb130 { padding:0;}
.ptb180 { padding:60px 0;}
.ptb220 { padding:100px 0;}
.pt80 { padding-top:0px;}
.pt150 { padding-top:0px;}
.pt200 { padding-top:100px;}
.pb80 { padding-bottom:0px;}
.mt20{ margin-top:20px;}
.mt80{ margin-top:30px; }
.mt-80 { margin-top:-30px;}
.pcimg { display: none!important;}
.mbanner { display: block!important;}
.imain_content {width:100%;}
.iabout3 {margin-top:2%; text-align:center;}
.iabout3 ul {float:none;border:#d9d9d9 1px solid; width:31%; min-height:140px; margin:0.1%;padding:5% 0; display:inline-block; vertical-align:top;}
.iabout3 ul li { margin-left:0;}
.iabout3 ul li i{ float:none;width:50px; height:50px; margin:auto;}
.iabout3 ul li span{ float:none; padding:2% 2%; text-align:center;}
.iabout3 ul li span h1{font-size:30px; line-height:30px; }
.iabout3 ul li span h1 strong{font-size:30px; line-height:30px; }
.iabout3 ul li span h1 em{ font-size:20px; }
.iabout3 ul li span h6{ font-size:8px; text-align:center;}
.ia {width:50px; height:50px; }
.ia span{width:50px; height:50px;}
.iproduct4 li{float:none; width:100%;}
.isolution {margin-top:60px;}
.isolution li{ width:30%;}
.isolution li a i{ width:70px; height:70px; margin:20px auto;}
.isolution li a span h3{ font-size:12px; min-height:30px}
.isolution li a span h6 { display:none;opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;font-size:10px; width:90%;height:40px; line-height:40px; margin-top:30px;}
.yline {min-height:180px;}
.ititle h2{ font-size:22px;}
.ititles {width:100%; margin:0; text-align:center;}
.ititles h1{ font-size:22px;}
.ititles h6{ font-size:14px; width:90%; margin:20px auto;}
.ititles a { margin:20px auto;width:150px;height:40px; line-height:40px;font-size:14px;}
.iservice span.animate_i1 { width:85px;height:85px;bottom:300px;left:5%; margin-left:0px; background-size:60%; background-color: rgba(255,255,255,0.8);}
.iservice span.animate_i2 { width:50px;height:50px;bottom:100px;left:20%;margin-left:0px;background-size:100%;}
.iservice span.animate_i3 { width:100px;height:100px;bottom:200px;left:40%;margin-left:0px;background-size:50%;}
.iservice span.animate_i4 { width:70px;height:70px;bottom:50px;left:60%;background-size:100%;}
.iservice span.animate_i5 { width:50px;height:50px;bottom:300px;left:80%;background-size:100%;}
.itb h6 {margin: 20px auto; width:90%; font-size:14px;}
.iviewmore,.iviewmore2,.ititles a{width:100px;height:30px; line-height:30px;font-size:12px;}
.iproduct4 li a span h3 {font-size:18px;}
.ip1 a span {padding-top: 30%;}
.ip2 a span {padding-top:12%;text-align: center;}
.ip3 a span {padding-top: 15%;padding-left:0;width: 100%!important; text-align: center;;}
/*about*/
.minh800{min-height:600px;}
.pabout1 { padding-top:25%;}
.pabout1 h2{ font-size:20px; font-weight:bold; }
.pabout1 .pabouttopdate{ padding:10% 0; width:100%; margin:5% auto 0 auto; text-align:center;}
.pabout1 .pabouttopdate li{ float:none; padding:10% 0; width:46%; min-height:80px;text-align:center; border:#333 1px solid;display:inline-block; vertical-align:top; margin-bottom:1%;}
.pabout1 .pabouttopdate li h1 strong{ font-size:48px; line-height:48px;}
.pabout1 .pabouttopdate li *{display:inline-block; vertical-align: middle;}
.pabout1 .pabouttopdate li em i { display:block; line-height:30px;}
.pabout1 .pabouttopdate li h1 i { font-size:40px;}
.pabout1 .pabouttopdate li h6{font-size:12px; padding:0 2%;}
.pabout-mpic {display: block!important;}
.addhidempic {display: none!important;}
.mt50 { padding-top:50%;}
.pabout-video { background:none !important;}
.slick-lr { height: auto; background:#000; }
.pabout2 { width:100%; overflow:hidden;}
.pabout2top img{float:none; width:100%; height:auto; margin:auto;}
.pabouttxt {float:none;width:90%; padding:5%; line-height:20px;}
.pabouttxt h4{padding:2% 0;}
.pabouttitle { margin-bottom:2%;}
.pabouttitle h1{ font-size:40px;line-height:44px;padding-bottom:2%;}
.pabouttitle i{ width:60px; height:2px;}
.pabout2c3 { display: block;margin:5%; overflow:hidden;}
.pabout2c3 li{ float: none;width:97%;padding:2% 2% 1% 4%; border-right:none; }
.pabout2c3 li i { float:left;width:14%;min-height:50px;background-size:100%;}
.pabout-video {height: auto; overflow:hidden;padding-bottom: 20%;}
.pabout-video span{position: relative; left: auto; top: auto;padding-top:5%; overflow:hidden; display:block;}
.pabout-video span em{width:80px; height:80px;margin:10px auto; display: block; }
.pabout-video span h1{ font-size:20px;}
.pabout-video span h6{ font-size:12px; line-height:18px;width:90%;}
.pabout-video video {width:100%; height: auto; max-height:100%;position: relative;left: auto; top: auto;object-fit: cover; display:none;}
.hidevideo { display: block !important;}
.pabout-pic {width:100%; padding-bottom:20%;height: auto;overflow:hidden; background-size:100%;}
.pabout-pic span{position: relative; left: auto; top: auto; padding-top:5%; width:90%; margin-left:0px; margin:auto !important;height: auto;text-align:center;}
.pabout-pic span * {text-align:center !important;}
.pabout-pic span h1{ font-size:20px;}
.pabout-pic span i{ margin:20px auto;}
.pabout-pic span h6{ font-size:12px; line-height:18px;width:100%;}
.pabout-pic video {width:100%; height:100%; max-height:100%; position:absolute;left:0px; top:0;}
.ptc span{ margin-left:0px!important;margin:auto !important;}
.ptr span{ margin-left:0px!important;margin:auto !important;}
span.w900 { width:90%!important; margin:0 auto!important;}
span.w900 h6{width:100%;}
.pa-partner { width:90%; margin:4% auto;}
.pa-partner img { width:98%; }
.pabout-title { margin-bottom:4%; }
.pabout-title h1{ font-size:40px;line-height:44px;}
.min500 { height:500px;}
.phistory {background: url(../images/xline1.jpg) left center repeat-x;}
.slick8 { width:100%;height:auto; padding:0 0 20px 0;margin-top:50px;}
.slick8 li span h1 { display:block;}
.slick8 li span h3 {width:90%; margin:auto; font-size:12px;}
.slick8 li{ width:100%;height:auto !important; border-left:none;margin:0px auto auto auto;overflow:visible;text-align:center; position:relative; padding-bottom:30px; }
.slick8 li img {float:none;margin-left:0px;}
.slick8 li span {float:none;margin-left:0px;padding:10px 0; width:100%;background:none;}
.slick8 li * { display:inline-block; }
.slick8 li i {width:15px; height:15px; position:absolute; left:50%; bottom:0px; margin-left:-7.5px; display:none !important;}
.slick8 li:hover img {border-radius:10px;}
.slick8 li:hover span{ background:none;height: auto;border-radius:10px;}
.slick8 li:hover span h1{color:#fff; }
.slick8 li:hover span h3{color:#fff; }
.ls1 {margin-left:0px;}
.ls2 {margin-top:0px;margin: auto!important;padding-top:0px; border-left:none !important;}
.ls2 i{ bottom:0px;top:auto; }
.pceo { width:90%; margin:auto; padding:5% 0 15% 0;}
.mceopic { display:block!important;}
.pceo h1{ font-size:40px;line-height:44px;padding-bottom:2%;}
.pceo h3 {font-size:16px; line-height:26px; padding:30px 0 20px 0; }
.pceo h6 {font-size:12px; line-height:18px;}
.bgnone { background:#000 !important;}
.pvideo em { display:none!important;}
#history { height:400px;}
.pnewslist { overflow:hidden;width:96%; margin:auto;}
.pnewslist li{ width:100%; float:none; margin:0 0 1% 0;}
.pnewslist li a i{width:100%; float:none;}
.pnewslist li a span{width:90%; float:none; padding:5%;}
.pnews_detail {padding: 50px 2%;}
.pagefaye a.fl, .pagefaye a.fr {width:100%; float:none; text-align:left;}
.pagefaye a i { display:none}
.pagefaye a.fh {position: relative;width:auto;height: auto;left:auto;margin-left:auto;top:auto;text-align: left;}
/*solutions*/
.psolution { width:90%; position:absolute; left:5%; margin-left:0px; top:20%;}
.psolution a h1{font-size:40px;line-height:44px;padding-bottom:2%;}
.psolution a h6{font-size:12px; line-height:20px; padding:20px 0 20px 0;}
.psolution a h5 { width:100px; height:30px; line-height:30px; font-size:12px;}
.psection_scroll { bottom:10px;}
.psection_scroll .chevron { margin-top:0;}
.solutionlists {margin:0px auto ; width:96%;}
.solutionlists div li{margin-bottom:20px;}
.solutions { background-image: url(upload/s01.jpg); }
.solutionlist { position: relative; left: auto; top: auto; width:100%; height:100%; padding-top:5%; background:url(../upload/casebg.jpg) center top no-repeat; background-size: auto 100%;}
.solutiontitle { width:96%; margin:auto;}
.solutiontitle h1{font-size:40px;line-height:44px;padding-bottom:2%;}
.solutiontitle h6{font-size:12px; line-height:18px; padding:20px 0 20px 0; width:100%; display:none}
.solutionlists { margin-top:3%;}
.solutionlists .slick-list li { width:90%; margin:auto; }
.solutionlists li a i{ width:100%;float:none;}
.solutionlists li a span h6 {padding: 2% 0;}
.solutionlists li a span{width:90%;float:none; padding:5% 0 5% 0;}
.mopicbg {height:850px; width:110%; margin-left:-5%; margin-top:-5%; display:none;}
.solutions_detail { width:100%;background: url(../upload/sbg1.jpg) center center no-repeat #000; background-size:100% 100%;}
.sd-img {float:none; width:100%;}
.sd-txt {float:none; width:90%; padding:5%;}
.sd-txt h1{font-size:26px;}
.sd-txt h3{font-size:18px; padding-top:20px; padding-bottom:5px;}
.sd-txt h5{font-size:12px; line-height:24px;}
.sd-txt ul{ padding-top:30px;}
.sd-txt ul li{ float:none; width:100%; margin-bottom:20px; margin-right:0; border-bottom:#303047 1px solid;}
.sd-txt ul li strong{ font-size:14px;}
.sd-txt ul li h6{ padding:10px 0 ; color:#CCC;}
.tab_main {padding-top:0px; background:#000;}
.tab{ width:100%;}
.tab li{ padding:5% 6%; width:21.333%; font-size:14px;}
.con_main{width:90%; margin:auto; padding:50px 5%;}
.con_main img { max-width:100%; height:auto;}
.pproductlist {padding-bottom:50px; margin:auto;}
.pproductlist li {width:100%;float:none; margin-bottom:20px; border-bottom:#f1f1f1 1px solid;}
.pproductlist li a{ padding-top:0px;border:none;}
.pproductlist li a img{ display:block;width:40%; height:auto; float:left;}
.pproductlist li a span{ position: relative; left: auto; top: auto; width:50%;float:left; padding:5% 5% 5% 5%; text-align:left;}
.pproductlist li a span h2{ font-size:18px; font-weight:bold; color:#333;}
.pproductlist li a span h5{ width:100%; margin:1% auto; font-size:12px; line-height:22px;}
.pproductlist li a span i { float:left;}
.mt1{margin-top:0px;}
.ml1{ margin-left:0px;}
.pcaselist {padding-bottom:50px;}
.pcaselist div{width:100%;float:none; margin:0 0 2% 0;}
.pcaselist div ul h2{ font-size:18px; min-height:auto; height:auto;padding-bottom:3%;}
.pcaselist div ul span { padding:5%;}
.pcaselist div ul li{ width:100%; float:none;padding-top:3%;}
.solution-mnav { display: block!important;}
/*products*/
.ptopbg { height:160px; padding-top:35px;}
.ptopbg h1 { font-size:44px;}
.ptopbg li { text-align:center;}
.ptopbg li a{font-size:12px;margin:2.5px; border:#4f5067 1px solid; width:42%; padding:2% 0; text-transform:capitalize; font-weight:normal; overflow:hidden;}
.pproductlists { padding-top:5%;}
.pproductlists li {width:100%;float:none;margin-bottom:20px; border-bottom:#333 1px solid;background: #1c1c1c;}
.pproductlists li a{ padding-top:0px;border:none;}
.pproductlists li a img{ display:block;width:40%; height:auto; float:left;}
.pproductlists li a span{ position: relative; left: auto; top: auto; width:50%;float:left; padding:1% 5% 1% 5%; text-align:left;}
.pproductlists li a span h2{ font-size:18px; font-weight:bold; color:#fff;}
.pproductlists li a span h5{ width:100%; margin:1% auto 3% auto; font-size:12px; line-height:22px;}
.pproductlists li a span i{float:left;}
.pnav .pnavtop { width:100%;}
.pnav .pnavtop ul{width:100%; text-align:center;padding:10px 0;}
.pnav .pnavtop ul.pnav-l a{height: auto;line-height: normal;}
.pnav .pnavtop ul a{display: inline-block; }
.pnav .pnavtop ul.pnav-l{float:left; text-align:left; display:none;}
.pnav .pnavtop ul.pnav-r{float:none;text-align: center; width:100%;}
.pnav .pnavtop ul.pnav-r li a { font-size:12px; margin:0 10px;}
.pnav .pnavtop ul.pnav-r a.return { padding:5px 20px; margin:10px 0 0 20px;}
.top80 { top:0px !important;}
.pdetail_txt1 { padding-top:5%;}
.pdetail_txt1 h1{ font-size:32px; }
.pdetail_txt1 h6{ font-size:14px; line-height:24px; width:90%;margin:0px auto;}
.pdetail_img1 {max-width:100%; height:auto; padding:2% 0 0 0 ;}
.pdetail_img1 img{ display:inline-block; width:80%; height:auto; margin:50px auto auto auto;}
.products_detail_bg {min-height: 690px;}
.pd-left {width:100%;float:none;}
.pd-right {width:90%;float:none; padding:5%;}
.pd-left img {max-width:100%; height:auto; display:block;}
.pdetail_txt2 {text-align:left; margin-top:20px;}
.pdetail_txt2 h1{ font-size:42px; }
.pdetail_txt2 h6{ font-size:14px; line-height:24px;margin:0px;}
.pdetail_txt2 ul {padding-top:30px;}
.pdetail_txt2 li { margin-bottom:30PX;}
.pdetail_txt2 li h5{font-size:14px; padding-bottom:5px;}
.pdetail_txt2 li h6{ font-size:12px; line-height:24px;width:80%; padding-left:17px;}
.pdetail_title {margin-top:17%;}
.pdetail_title h1{ font-size:42px}
.pdetail_title h6{font-size:14px; line-height:24px; margin:0px auto; width:90%;}
.gifpic { margin:37px auto auto auto; background:#000;}
.gifpic img {max-width:100%; height:auto; display:block;}
.tpoint li{ display:none;}
.main3 { background:#000!important;min-height:650px !important;}
.pdetail_pic1 img,.pdetail_pic2 img { width:100%; height:auto; display:block;}
.pdetail_pic1 {width:100%; height:auto; position:absolute;left:-50%;bottom:-20px;}
.pdetail_pic2 {width:100%; height:auto; position:absolute;right:-50%;top:-20px;}
.mt350 { margin-top:60% !important;}
.tab_main1 { padding-top:20px; padding-bottom:0px;}
.tab1{ width:100%;padding-bottom:20px;}
.tab1 li{ padding:8px 2%;font-size:12px; margin:1%;border-radius:10px;border:#4c4c4c 2px solid; width:33%;}
.con1{ margin:-4px auto 0px auto; background:#FFF;}
.con_main1{width:90%;padding:5%;}
.con_main1 img { max-width:100%;}
.pdetail_download { width:100%;}
.pddownload { width:96%; float:none; margin:100px auto auto auto;}
.pddownload h1{font-size:42px;}
.tab_main2 { padding-top:20px;}
.tab2{ text-align:left;}
.tab2 li{ padding:3% 3%;font-size:14px; margin:0.5%; width:25%; display:inline-block; border-radius:10px;border: #ccc 1px solid;}
.con_main2{ padding:20px 0 50px 0;}
.pddownload_list li{ height: auto; line-height: normal; }
.pddownload_list li i{ width:50px;height:60px; }
.pddownload_list li h4{ color:#FFF; font-size:14px; width:70%;}
.pddownload_list li h5 { display:none;}
.pddownload_list li a{ float:right;}
.tab1 li:nth-child(7) {width:73%;}
.pd-other { display: none!important; }
}
.warp{width: 89.66%; margin: 0 auto;}
.num-change{margin-top: 40px; margin-bottom: 40px; height: auto; overflow: hidden;}
.num-change ul li{float: left; text-align: center; width: 19%;
border: 1px solid #eeeff0; margin-right: 1.2%; padding-bottom: 15px; height:auto; overflow: hidden;}
.num-change ul li .shuzi p:first-child{font-size: 16px;color: #004ea0;}
.num-change ul li .shuzi p:first-child span{font-size: 60px;font-weight: bold;}
.num-change ul li .shuzi p:last-child{color: #444;font-size: 14px;}
.num-change ul li:nth-of-type(5){ margin-right: 0px; }
.pages {font-size:14px;color: #646464;margin:20px 0px;text-align: center;}
.pages a{margin:0px 6px;padding:4px 10px;font-size: 14px;color: #646464;border:1px solid rgb(220,220,220);}
.pages span {margin:0px 6px;padding:4px 10px;font-size: 14px;color: #fff;background: rgb(5,73,148);border: rgb(5,73,148) solid 1px;}
.pages a:hover{background: rgb(5,73,148);border: rgb(5,73,148) solid 1px;color: #fff;}
.shzr{ margin-top: 80px;}
.biaoge{ margin-top: 30px; line-height: 32px; text-align: center;}
.xbt{display: block;
position: relative;
transition-duration: .5s;
padding: 8px 0; text-align: left;font-size: 16px;
color: #444; font-weight: bold;}
/*解决方案 */
.body_f5f5f5{background: #f7f7f7;}
.PicList002953{padding: 0 0 4%}
.PicList002953 li{float: left;width: 32.334%;background: #fff;margin-bottom: 3.332%;border-radius: 20px; margin-right: 1.4%;}
.PicList002953 li .atm{display: block;padding: 1.56vw;}
.PicList002953 li aside.dot{font-size: 24px;line-height: 1em;border-left: 5px solid #054994;margin-bottom: 20px;padding-left: 20px;font-weight: bold;}
.PicList002953 li a:hover aside.dot{color: #1e50ae;}
.PicList002953 li .txt{padding: 20px 20px 0;}
.PicList002953 li p{margin: 0;line-height: 1.625em;font-size: 16px;color: #666;}
.PicList002953 li .pic{overflow: hidden;border-radius: 5px;}
.PicList002953 li .Ispic{padding-bottom: 57.077%; transition: 0.3s;}
.PicList002953 li a:hover .Ispic{transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);}
.PicList002953 li .more{overflow: hidden;}
.PicList002953 li .more span{float: right;width: 40px;height: 40px;border: solid 2px #e5e5e5; border-radius: 50%;position: relative; transition: 0.3s;}
.PicList002953 li .more span:after{position: absolute; content: ''; width: 10px; height: 10px; border-top: 2px solid #666; border-right: 2px solid #666; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); margin: -5px 0 0 -7px; left: 50%; top: 50%;}
.PicList002953 li a:hover .more span{border-color: #4ab344;background: #4ab344;}
.PicList002953 li a:hover .more span:after{border-color: #fff;}
@media(min-width:1025px){
.PicList002953 li:nth-child(3n+3){ margin-right: 0px;}
}
@media(max-width:1024px){
.PicList002953 li a{padding: 4vw;}
.PicList002953 li .txt{padding: 1vw 1vw 0;}
}
@media(max-width:640px){
.PicList002953 li{float: none;width: 100%;margin-bottom: 10px}
.PicList002953 li aside.dot{font-size: 4vw; margin-bottom: 2vw;}
.PicList002953 li p{font-size: 3.5vw;}
.PicList002953 li .more{padding-top: 2vw;}
.PicList002953 li .more span{width: 26px;height: 26px;}
}
/*
.多媒体中心
*/
.PicList002796{padding: 2% 0 0%;background: #f7f7f7}
.PicList002796 ol{ position: relative; margin-bottom: 4%; border-bottom: 1px solid #eee; }
.PicList002796 ol figure em{padding-bottom: 33%;}
.PicList002796 ol p{ margin: 35px 0 25px; font-size: 18px; color: #333; line-height: 28px; text-align: justify; }
.PicList002796 ol time{ float: right; margin-top: 21px; }
.PicList002796 li{ position:relative; }
.PicList002796 .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.PicList002796 .video_files video{width:100%; height:100%; background-color:#000;}
.PicList002796 .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #761b1b;cursor: pointer;}
.PicList002796 .video_files .close::before,
.PicList002796 .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;}
.PicList002796 .video_files .close::before{ transform:rotate(45deg);}
.PicList002796 .video_files .close::after{ transform:rotate(-45deg);}
.PicList002796 figure{ position:relative;}
.PicList002796 figure em{ display:block; padding-bottom: 67%; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.PicList002796 figure a{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.5); }
.PicList002796 figure a::before,
.PicList002796 figure a::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;}
.PicList002796 figure a::before{width: 60px;height: 60px;border: 2px solid #fff;margin-left: -35px;margin-top: -35px;border-radius: 50%;}
.PicList002796 figure a::after{width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 14px solid #fff;margin-left: -9px;margin-top: -15px;}
.PicList002796 li p{margin-bottom: 25px;/* height: 56px; */font-size: 16px;color: #333;line-height: 28px;text-align: justify;overflow: hidden;}
.PicList002796 time{background: #054994;display: inline-block;padding: 5px 20px;color: #fff;border-radius: 99px;font-family: "DINCond-Bold";}
.PicList002796_video{ position:fixed; z-index:999; left:0; top:0; height:100%; width:100%; background:rgba(0,0,0,0.5);}
.PicList002796_video .close{ cursor:pointer; position:absolute; right:5%; top:5%; width:40px; height:40px;}
.PicList002796_video .close::before,
.PicList002796_video .close::after{ position:absolute; content:''; transform:rotate(-45deg); width:100%; height:3px; background:#fff;}
.PicList002796_video .close::after{ transform:rotate(45deg);}
.PicList002796_video .ytable{height: 100%;}
.PicList002796_video .files{ margin:0 auto; width:96%; max-width:1000px; max-height:70%;}
.PicList002796_video .files video{ background:#000;}
@media(min-width:769px){
.PicList002796 li{float: left;width: 29.75%;margin-right: 5.25%;margin-bottom: 4%;}
.PicList002796 li:nth-of-type(3n){ margin-right: 0; }
.PicList002796 li:nth-of-type(3n+1){clear:left;}
}
@media(max-width:768px){
.PicList002796 li{ width: 100%; margin-right:0; margin-bottom: 5%;}
.PicList002796 ol figure em{ padding-bottom: 47%; background-size:cover;}
.PicList002796 figure em{ padding-bottom: 47%; background-size:cover;}
}
@media(max-width:480px){
.PicList002796 li figure a::before{width: 50px;height: 50px;margin-left: -25px;margin-top: -25px;}
.PicList002796 li figure a::after{border-top-width: 10px;border-bottom-width: 10px;border-left-width: 15px;margin-left: -3px;margin-top: -7px;}
}
@media(max-width:375px){
.PicList002796 li figure a::before{width: 40px;height: 40px;margin-left: -20px;margin-top: -20px;}
}
@media(max-width:1362px){
.network_l{ width: 100%;}
.network_r{ display: none;}
.net_work_mid{ margin-top: 0px;}
}
@media(max-width:1818px){
.in01a_c li .in01a_d em b{ font-size: 35px;}
}
@media(max-width:984px){
.producta_b li { max-width: 33%;}
}
.cor_bg{ height: 156px;width: 40%;}
.cor_bg1{ background: rgba(36,54,100,0.5); width: 100%; padding-bottom: 10px; padding-top: 15px;}
.banner_word_ch{ color: #fff; font-size: 60px;letter-spacing:6px;}
.banner_word_eng{ color: #fff; font-size: 30px; letter-spacing:4.9px; margin-top: -10px;}
.cor_bg_tit{ width: 90%; margin: 0px auto;}
.cor_bg_bot_word{color: #fff; font-size: 30px; margin-top: 10px; }
.just{ text-align: justify;}
@media(max-width:1774px){
.cor_bg{ width: 55%;}
}
@media(max-width:1344px){
.cor_bg{ width: 60%;}
}
@media(max-width:1120px){
.cor_bg{ width: 70%;}
}
@media(max-width:966px){
.cor_bg{ width: 80%;}
}
@media(max-width:838px){
.cor_bg{ width:90%;}
.banner_word_ch{ font-size: 40px;}
.banner_word_eng{ font-size: 20px; letter-spacing:1px;}
.cor_bg_bot_word{ font-size: 20px;}
}
@media(max-width:554px){
.banner_word_ch{ font-size: 30px;}
.cor_bg_bot_word{ font-size: 18px;}
}
.btn, [data-fancybox] {
cursor: pointer;
-webkit-tap-highlight-color: rgba(0,0,0,0.03);
}
.btn.btn-arrowCircle.skin-fff {
-webkit-filter: grayscale(100%) brightness(500%);
filter: grayscale(100%) brightness(500%);
}
.btn.btn-arrowCircle {
display: inline-block;
vertical-align: top;
position: relative;
height: 36px;
line-height: 36px;
font-size: 16px;
color: #e72028;
white-space: nowrap;
}
.btn.btn-arrowCircle:before {
content: " ";
position: absolute;
right: -16px;
top: -2px;
width: 40px;
height: 40px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-width: 2px;
border-style: solid solid none none;
border-color: rgba(231,32,40,0.2) rgba(231,32,40,0.2) transparent transparent;
border-radius: 50%;
}
.btn.btn-arrowCircle:after {
margin-left: .24rem;
content: " ";
display: inline-block;
vertical-align: top;
width: 30px;
height: 36px;
background-image: url(../images/arrowi-bdmore-c1.png);
background-size: contain;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.inner_about_by{ height: 135px; width: 100%; background: #f2f2f2; margin-bottom: 54px; margin-top: 54px;}
.inner_about_bg_mid{ width: 94.55%; margin: 0px auto;}
.xin_word{ line-height: 32px; padding-top: 35px; color: #0e0e0e; font-size: 16px;letter-spacing: 0.08rem;}
.zy_nav{ margin: 0 auto !important; border-bottom: 1px solid #dddddd; padding-bottom: 2%; padding-top: 2%;}
.zy_nav li{ text-align: center; color: #666666; border-right: 1px dashed rgba(0,0,0,0.1); cursor: pointer;}
.zy_nav li i{ color: #bababa; font-size: 40px; transition: 0.3s;}
.zy_nav li p{}
.zy_nav li span{ transition:0.3s;}
.zy_nav li:last-of-type{ border: none;}
.zy_nav li:hover span,.zy_nav li:hover i{ color: #054994;}
@media screen and (max-width:768px){
.zy_nav li{ margin-top: 5%;}
}
/* 20220302 */
.Floor001054 ul.slick-slider {
display: block;
}
.NewsList.update0302 { text-align: center; margin: 0px auto;}
.NewsList.update0302 .left,.NewsList.update0302 .right {
width: auto;float: left;
}
.NewsList.update0302 .left img {
display: inline-block;
margin-right: 15px;
}
.NewsList.update0302 ul li a:hover {
padding: 3vw 4vw;
}
.NewsList.update0302 ul li a:hover .h3 {
margin-top: 0;
}
/*.NewsList.update0302 ul .ptm{ margin-right:1%;}*/
.NewsList.update0302 ul li:nth-child(1n) {
margin-right: 1%;
margin-left: 1%;
}
.NewsList.update0302 ul li:nth-child(2n) {
margin-right: 1%;
}
.NewsList.update0302 ul li:nth-child(3n) {
margin-right: 1%;
}
.NewsList.update0302 ul li:nth-child(4n) {
margin-right: 0;
}
.photoMask {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.4);
z-index: 1020;
text-align: center;
opacity: 0;
left: 120%;
-webkit-transition: opacity .3s .3s;
transition: opacity .3s .3s;
}
.photoMask.active{
opacity: 1;
left: 0;
}
.photoMask .popInner {
display: inline-block;
vertical-align: middle;
width: 1500px;
margin: auto;
padding: 30px 0;
background: #fff;
position: relative;
max-width: 96%;
}
.photoMask:before {content: "";display: inline-block;vertical-align: middle;height: 100%;}
.photoMask .popInner .close {
position: absolute;
right: 5px;
top: 5px;
width: 30px;
height: 30px;
z-index: 40;
background: url(../images/fancybox_sprite.png) no-repeat center;
cursor: pointer;
background-position: -3px -3px;
}
.photoslider .item {
padding: 0 20px;
text-align: center;
}
.photoslider .item h3 {
font-size: 14px;
margin: 10px;
white-space: nowrap;
overflow: hidden;
}
.photoslider .slick-prev {
position: absolute;
font-size: 0;
width: 30px;
height: 30px;
background:url(../images/fancybox_sprite.png) no-repeat center;
left: 5px;
top: 50%;
margin-top: -10px;
border-radius: 50%;
background-position: -3px -38px;
}
.photoslider .slick-next {
position: absolute;
font-size: 0;
width: 30px;
height: 30px;
background:url(../images/fancybox_sprite.png) no-repeat center;
right: 5px;
top: 50%;
margin-top: -10px;
border-radius: 50%;
background-position: -3px -74px;
}
.photoslider {
padding: 0 40px;
}
@media(max-width:960px){
.NewsList.update0302 ul li {
width: 100% !important;
margin-right: 0 !important;
}
.NewsList.update0302 ul li a {
height: auto;
}
}
/* 新闻列表 */
.NewsList { }
.NewsList .ny_title{font-size: 36px;color: #0088d1;margin-bottom: 2vw;text-align: center;}
.NewsList .left { position: relative; z-index: 2;}
.NewsList .left .time { color: #333; background: rgba(255, 255, 255, 0.8); position: absolute; top:0; left: 1vw; padding: 0 0.6vw 6px 0.6vw; text-align: center; transition: all 0.5s; font-size: 12px; }
.NewsList .left .time span { display: block; }
.NewsList .left .time .date { font-size: 20px; margin: 0; }
.NewsList .right { position: relative;z-index: 2;}
.NewsList .right .h3 { font-size:16px;color: #333; margin: 0;line-height: 50px; }
.NewsList .right .p { color: #999; font-size: 14px; line-height: 2em;}
.NewsList .right .more { color: #999;font-size: 12px;line-height: 34px;padding: 0 1vw;display: inline-block;
transition: .3s; background: #F5F5F5;border-radius: 50px;}
.NewsList ul li { float: left;
width: 32%; margin-right: 3%;
}
.NewsList ul li:nth-type(4){ margin-right: 0px;}
.NewsList ul li:nth-child(3n){margin-right: 0;}
.NewsList ul li a{position:relative;display: block;/*background: #eee;*/ padding-top: 3vw;
padding-right: 3vw;
padding-bottom: 3vw;
padding-left: 3vw;/*transition: .3s;*/ height: 176px;}
.NewsList ul li a:before {position:absolute;content:'';width: 100%;height:100%;top:0;left:0;background: #eee;transition: 0.3s;animation-duration: 3s;z-index: 1;}
.NewsList ul li a img{display: block;}
.NewsList ul li a img:nth-child(2){display:none;}
.NewsList ul li a:hover {box-shadow: 0px 0 10px rgba(0,0,0,0.1); /*transform: rotatey(360deg) ;*/ padding:1vw; }
.NewsList ul li a:hover .time { color: #fff; background-color: #0088d1;}
.NewsList ul li a:hover .more { color: #0088d1; }
.NewsList ul li a:hover .more span { background-position: center bottom; }
.NewsList ul li a:hover img{display: none;}
.NewsList ul li a:hover img:nth-child(2){display:inline-block; height: 130px;}
.NewsList ul li a:hover .right{width: 50%;}
.NewsList ul li a:hover .h3{margin-top: 40px;color: #fff;}
.NewsList ul li a:hover .dott{margin-top: 20px;color: #fff;}
.NewsList ul li a:hover{background-color: rgba(0,0,0,0.7); }
.NewsList ul li a:hover:before {background-color: rgba(0,0,0,0.7); transform: rotatey(180deg) ;}
/*product*/
.producta{height: auto;overflow: hidden;background: #f5f5f5;}
.pltit_a{color: #999;text-transform: uppercase;}
.pltit_a span{color: #d10000;}
.pltit_b{height: auto;overflow: hidden;padding-left: 5.5rem;}
.pltit_b strong{display: block;}
.pltit_b p{color: #999;}
.prolist li a{display: block;transition:.4s;}
.pimga{display: block;width: 100%;height: 0;padding-bottom: 68%;position: relative;overflow: hidden;}
.pimga i{position: absolute;z-index: 2;height: 100%;width: 100%;background: rgba(0,0,0,0);padding-top: 10%;text-align: center;transition:.4s;}
.pimga i em{font-size: 60px;color: #fff;opacity: 0;transition:.4s;}
.pimga i p{color: #fff;opacity: 0;transition:.4s;}
.pimga img{display: block;max-width: 100%;transition: all .5s ease 0s;}
.pfonta{height: auto;overflow: hidden;background: #fff;transition:.4s;}
.pfonta p{display: block;color: #999;line-height: 35px;transition:.4s;}
.pfonta span{display: block;color: #222;transition:.4s;}
.prolist li a:hover {box-shadow: rgba(0,0,0,0.1) 0px 0px 7px 4px;transform: translate3d(0,-10px,0);}
.prolist li a:hover img{transform: scale(1.03)}
.prolist li a:hover .pfonta{background:#054994;color: #fff; }
.prolist li a:hover .pfonta p{color: #fff; }
.prolist li a:hover .pfonta span{color: #fff; }
.prolist li a:hover .pimga i{background: rgba(0,0,0,.6);padding-top: 30%;}
.prolist li a:hover .pimga em{opacity: 1;}
.prolist li a:hover .pimga p{opacity: 1;}
.icon-24gf-plusCircle:before {
content: "\e891";
}
.tishi{ text-align: center; margin-bottom: 40px; font-size: 16px;}
.allmbox1{
position: relative;
overflow: hidden;
height: 100%;
}
.home-next{
position: absolute;
bottom: 0;
left: 40px;
z-index: 1;
}
.allmoreButton {
display: block;
width: 217px;
height: 60px;
background: #2f7ef0;
color: #FFF;
font-size: 17px;
line-height: 60px;
text-align: center;
}
.allmoreButton i,.allmoreButton span,.allmoreButton strong {
display: inline-block;
vertical-align: middle
}
.allmoreButton i{
font-size:30px;
}
.allmoreButton strong{
margin-right: 22px;
letter-spacing: 2px;
font-weight: 500;
}
.allmoreButtonDot {
width: 4px;
height: 4px;
border-radius: 50%;
background: #FFF;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.allmoreButton:hover .allmoreButtonDot{
margin:0 3px;
}
.allmoreButtonLine {
width: 46px;
height: 1px;
background: #FFF;
transition: all .5s ease 0s
}
.allmoreButton:focus,.allmoreButton:hover {
color: #FFF
}
.allmoreButton:hover .allmoreButtonLine {
width: 60px
}
/*home banner*/
.section .warpper{
height: 100%;
}
.section-home .swiper-container{
width: 100%;
height: 100%;
}
.section .swiper-container .swiper-wrapper{
width: 100%;
height: 100%;
}
.section .swiper-container .swiper-slide{
width: 100%;
height: 100%;
}
.section-home .bannerImg{
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}
.section-home .bannerImg .imgBg{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.section-home .slide1 .imgBg{
background: url("../images/banner1-bg.jpg") no-repeat center / cover;
}
.section-home .slide1 .bannerText{
position: absolute;
bottom: 49%;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
width: 90%;
text-align:center;
}
.section-home .slide1 .bannerText .banTextfir{
font-size:54px;
letter-spacing: 8px;
color:#fff;
font-weight: 700;
}
.section-home .slide1 .bannerText .banner2Line{
display: block;
margin: 20px auto;
width: 45%;
height: 1px;
background: rgba(255,255,255,.2);
transition: all .5s ease 0s;
}
.section-home .slide1 .bannerText .banner2Text{
font-size: 26px;
color: #fff;
margin-bottom: 10px;
letter-spacing: 2px;
}
.section-home .slide1 .bannerText .banner2Textlast{
font-size:18px;
color:rgba(255,255,255,0.7);
}
/*.section-home .slide1 .bannerText{
position: absolute;
width: 100%;
text-align:center;
top:50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
color:#fff;
z-index: 3;
}
.section-home .slide1 .bannerText .fir{
font-size: 54px;
font-weight: 700;
text-shadow: 0px 0px 10px #353535;
letter-spacing: 8px;
}
.section-home .slide1 .bannerText .sec{
font-size:26px;
margin-top: 1%;
}
.section-home .slide1 .bannerLine{
z-index: 2;
position: absolute;
width: 100%;
text-align:center;
top:50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.section-home .slide1 .bannerLine img{
max-width: 100%;
margin:0 auto;
}*/
.section-home .slide2 .imgBg{
background: url("../images/banner2-bg.jpg") no-repeat center / cover;
}
@keyframes bannerimgAnimate {
0% {
transform: scale(1.1);
animation-timing-function: ease-in;
}
100% {
transform: scale(1);
animation-timing-function: ease-out;
}
}
.bannerimgAnimate {
-webkit-animation-name: bannerimgAnimate;
animation-name:bannerimgAnimate;
}
.allmbox1 .swiper-slide-active .imgBg {
animation: bannerimgAnimate 6s linear 0s;
}
.section-home .slide2 .bannerText{
position: absolute;
bottom: 49%;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
width: 90%;
text-align:center;
}
.section-home .slide2 .bannerText .banTextfir{
font-size:54px;
letter-spacing: 8px;
color:#fff;
font-weight: 700;
}
.section-home .slide2 .bannerText .banner2Line{
display: block;
margin: 20px auto;
width: 45%;
height: 1px;
background: rgba(255,255,255,.2);
transition: all .5s ease 0s;
}
.section-home .slide2 .bannerText .banner2Text{
font-size: 26px;
color: #fff;
margin-bottom: 10px;
letter-spacing: 2px;
}
.section-home .slide2 .bannerText .banner2Textlast{
font-size:18px;
color:rgba(255,255,255,0.7);
}
.section-home .slide3 .imgBg{
background: url("../images/banner3-bg.jpg") no-repeat center / cover;
}
/*.section-home .slide3 .bannerText{
position: absolute;
width: 100%;
text-align: center;
top: 22%;
color: #fff;
z-index: 3;
}
.section-home .slide3 .bannerText .fir{
font-size: 54px;
font-weight: 700;
text-shadow: 0px 0px 10px #717171;
letter-spacing: 8px;
}
.section-home .slide3 .bannerText .sec{
font-size: 26px;
margin-top: 1%;
text-shadow: 0px 0px 7px #717171;
}*/
.section-home .slide3 .bannerText{
position: absolute;
bottom: 49%;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
width: 90%;
text-align:center;
}
.section-home .slide3 .bannerText .banTextfir{
font-size:54px;
letter-spacing: 8px;
color:#fff;
font-weight: 700;
}
.section-home .slide3 .bannerText .banner2Line{
display: block;
margin: 20px auto;
width: 45%;
height: 1px;
background: rgba(255,255,255,.2);
transition: all .5s ease 0s;
}
.section-home .slide3 .bannerText .banner2Text{
font-size: 26px;
color: #fff;
margin-bottom: 10px;
letter-spacing: 2px;
}
.section-home .slide3 .bannerText .banner2Textlast{
font-size:18px;
color:rgba(255,255,255,0.7);
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-banner .swiper-pagination{
bottom: 5%;
margin: 0;
}
.swiper-container-banner .swiper-pagination-bullet{
width: 12px;
height: 12px;
background: #fff;
opacity: 1;
/* border-radius: 0; */
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s; margin: 0 4px;
}
.swiper-container-banner .swiper-pagination-bullet-active{
width: 36px;
background: #2f7ef0;
border-radius: 6px;
}
.foot_contact{ width: 90%; margin-bottom: 20px; }
.foot_contact li{ color: #fff; font-size: 16px;margin-left: 10.22%;}
.foot_contact li .icon-dianhua12{ font-size: 18px;}
.foot_contact li .icon-icon-mail{ font-size: 18px;}
/*ipro*/
.ipro{ margin-top: 80px; }
.ipro-md{margin-top: 45px;}
.ipro-md .hdd{padding:0 50px;position: relative;}
.ipro-md .mySwiper{overflow: hidden;width:100%}
.ipro-md .mySwiper .swiper-slide{font-size: 15px;display: flex;flex-direction: column;align-items: center;justify-content: center;height: 42px;transition: all .5s;cursor: pointer;}
.ipro-md .mySwiper .swiper-slide i{font-size: 45px;line-height: 1.5}
.ipro-md .mySwiper .swiper-slide p{font-size: 16px;}
.ipro-md .mySwiper .swiper-slide-thumb-active,.ipro-md .mySwiper .swiper-slide:hover{ color:#104280;background-size:100% 100%;}
.ipro-md .mySwiper .swiper-slide::after {
content: '';
width: 80%;
height: 2px;
background: #104280;
position: absolute;
left: 10%;
bottom: 1px;
display: none;
}
.ipro-md .mySwiper .swiper-slide-thumb-active::after {
display: block;
}
.ipro-md .hdd .next{position: absolute;right:0px;top:0px;z-index: 2}
.ipro-md .hdd .prev{position: absolute;left:0px;top:0px;z-index: 2}
.ipro-md .hdd .next i,.ipro-md .hdd .prev i{color:#474747;font-size: 30px;cursor: pointer;}
.ipro-md .hdd .next:hover i,.ipro-md .hdd .prev:hover i{color:var(--zhu-color);}
.ipro-md .mySwiper2{overflow: hidden;margin-top: 45px;}
.ipro-md .mySwiper2 .swiper-slide{display: flex;flex-direction: row;}
.ipro-md .mySwiper2 .swiper-slide .left{width:776px;height: 472px}
.ipro-md .mySwiper2 .swiper-slide .left img{width:100%;height: 100%;object-fit: cover;}
.ipro-md .mySwiper2 .swiper-slide .right{width:calc(100% - 776px);position: relative;padding:45px;}
.ipro-md .mySwiper2 .swiper-slide .right .hd{position: relative;}
.ipro-md .mySwiper2 .swiper-slide .right .hd .t1{font-size: 24px;color:#333;}
.ipro-md .mySwiper2 .swiper-slide .right .hd .t2{color:#999999;text-transform: uppercase;}
.ipro-md .mySwiper2 .swiper-slide .right .hd:before{content:'';width:85px;height: 3px;background: var(--zhu-color);position: absolute;bottom:10px;left:0;transition: all .5s}
.ipro-md .mySwiper2 .swiper-slide .right .hd:after{content:'';width:40px;height: 3px;background: var(--zhu-color);position: absolute;bottom:0px;left:0;transition: all .5s}
.ipro-md .mySwiper2 .swiper-slide .right .md{font-size: 16px;color:#666666;line-height: 36px;margin:30px 0;-webkit-line-clamp:4;}
.ipro-md .mySwiper2 .swiper-slide .right .bd a{width:164px;height: 50px;border-radius: 3px;background: var(--zhu-color);color:#fff;text-align: center;line-height: 50px;margin-right:45px;display: block;float: left;position: relative;overflow: hidden;}
.ipro-md .mySwiper2 .swiper-slide .right .bd a:before{content:'';width:0;height: 100%;position: absolute;left:50%;transform: translateX(-50%);background: var(--pei-color);transition: all .5s}
.ipro-md .mySwiper2 .swiper-slide .right .bd a span{position: relative;z-index: 2;}
.ipro-md .mySwiper2 .swiper-slide .right .bd a:hover:before,.ipro-md .mySwiper2 .swiper-slide .right .bd a.active:before{width:100%;}
.ipro-md .mySwiper2 .swiper-slide .right .flag{width:44px;height: 67px;background: url(../images/ipro-md-flag.png);line-height: 60px;font-size: 16px;color:#fff;position: absolute;top:0;right:45px;text-align: center;}
.ipro-md .mySwiper2 .swiper-slide .right:hover .hd:before{width:100px;}
.ipro-md .mySwiper2 .swiper-slide .right:hover .hd:after{width:50px;}
.ipro-cate{padding:15px 5px;display: none}
.ipro-cate a{padding:3px 10px;border:solid 1px #eee;display: inline-block;margin:3px;color:#333;}
@media(max-width: 1400px){
.ipro-md .mySwiper2 .swiper-slide .left{width:700px;}
.ipro-md .mySwiper2 .swiper-slide .right{width:calc(100% - 700px);}
.ipro-md .mySwiper2 .swiper-slide .right .bd{display: flex;flex-direction: row;justify-content: space-between;}
.ipro-md .mySwiper2 .swiper-slide .right .bd a{margin-right:0;}
}
@media(max-width: 1200px){
.ipro-md .mySwiper2 .swiper-slide .left{width:600px;height: 400px}
.ipro-md .mySwiper2 .swiper-slide .right{width:calc(100% - 600px);}
.ipro-md .mySwiper2 .swiper-slide .right .md{line-height: 28px}
}
@media(max-width: 992px){
.ipro-md .mySwiper2 .swiper-slide{flex-direction: column;}
.ipro-md .mySwiper2 .swiper-slide .left{width:100%;text-align: center;height: auto}
.ipro-md .mySwiper2 .swiper-slide .left img{width:100%;height: auto;}
.ipro-md .mySwiper2 .swiper-slide .right{width:100%;}
}
@media(max-width: 576px){
.ipro-md{display: none;}
.ipro-cate{display: block;}
.ipro-md .hdd{padding:0;}
.ipro-md .hdd .next,.ipro-md .hdd .prev{display: none;}
.ipro-md .mySwiper .swiper-slide{height: 80px}
.ipro-md .mySwiper .swiper-slide i{font-size: 30px;}
.ipro-md .mySwiper .swiper-slide p{font-size: 14px;}
.ipro-md .mySwiper2{margin-top:15px;}
.ipro-md .mySwiper2 .swiper-slide .right{padding:45px 15px 30px;}
.ipro-md .mySwiper2 .swiper-slide .right .md{font-size: 14px;line-height: 24px}
.ipro-md .mySwiper2 .swiper-slide .right .bd a{width:45%;height: 40px;line-height: 40px;}
.ipro-bd{padding:15px 30px;}
.ipro-bd .swiper-slide .txt .t1 p{font-size: 14px;}
.ipro-bd .swiper-slide .txt .t1 i{font-size: 24px}
}
.case-listt li {
float: left;
margin: 0 0.5% 25px;
width: 4%;
}
.case-listt li h1 {
overflow: hidden;
}
.case-listt li h1 img {
display: block;
transition-duration: .5s;
}
.case-listt li p {
font-size: 14px;
font-weight: bold;
text-align: center;
line-height: 32px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 10px;
}
/*.case-list li:nth-child(3n) {margin-right: 0;}*/
.case-listt li:hover h1 img {
transform: scale(1.1)
}
.sx{ font-size: 30px; text-align: center; color: #004da0; margin-bottom: 40px;}
.case_red_word{ text-align: center; color: #cc3479;}
.new_high{ margin-top: 45px;}