@charset "utf-8"; /*通用样式*/ html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif; list-style:none;} html, body { position: relative; height: 100%;} body{ background:#fff; font:normal 12px/22px "微软雅黑"; } img{ border:0; } a{ text-decoration:none; color:#000; } a:hover{ color:red; } .clear { clear:both;} .clearfix { zoom:1;} .clearfix:after { content:'\20'; display:block; height:0; clear:both;} .dn{display: none;} div { box-sizing:border-box;} /* CSS Document */ .banner .swiper-slide img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transform-origin: 0 0; -webkit-transition: 5s ease-out; -o-transition: 5s ease-out; transition: 5s ease-out; } .banner .swiper-slide.swiper-slide-active img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transform-origin: 0 0; } .hd999 { height: 155px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin-top: -50px; margin-bottom: 50px; } .hd999 .img999 { width: 100%; overflow: hidden; height: 157px; background: url(../images/home_di.jpg) right; background-size: 100%; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; } .w1400{width: 1400px; margin: 0 auto; max-width: 94%;} .content{padding-top: 100px; position: relative; background: #fcfcfc;} .toTop{position: fixed; bottom: 24px; right: 174px; text-align: center; cursor: pointer; z-index: 50;} .toTop.act { bottom: 500px; position: absolute;} .toTop .icon{width: 60px; height: 60px; border: 1px solid #000000; border-radius: 50%; position: relative; margin-bottom: 9px; transition: 0.5s; background: #ffffff;} .toTop .icon span{display: block; width: 31px; height: 16px; background: url(../images/toTop.png) center no-repeat; background-size: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: 0.5s;} .toTop p{font-size: 16px; color: #000000; line-height: 1;} .toTop .icon{background: url(../images/totopBg.png) center no-repeat; background-size: cover; border: 0;} .toTop .icon span{background: url(../images/toTop-on.png) center no-repeat; background-size: cover;} .toTop.on{position: absolute; bottom: 500px; right: 174px;} .head{background: #ffffff; height: 100px; position: fixed; width: 100%; top: 0; left: 50%; transform: translateX(-50%); z-index: 100; box-shadow: 0 0 10px rgba(0,0,0,.3);} .head .logo{float: left; width: 253px; margin-top: 27px;} .head .logo img{display: block; width: 100%;} .head .nav{float: right;} .head .nav li{float: left; height: 100px; padding-top: 54px; margin: 0 25px; position: relative; box-sizing: border-box; transition: 0.5s;} .head .nav li>a{font-size: 20px; color: #3f3a39; line-height: 1;} .head .nav li>h2>a{font-size: 20px; color: #3f3a39; line-height: 1;} .head .nav li.on>a{color: #0d74bb;} .head .nav li.on::after{content: ''; position: absolute;bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 4px; background: linear-gradient(to right,#15589a,#27a6e0);} .head .nav li::after{content: ''; transition: 0.5s; position: absolute;bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 4px; background: linear-gradient(to right,#15589a,#27a6e0);} .head .nav li:hover>a{color: #0d74bb;} .head .nav li:hover>h2>a{color: #0d74bb;} .head .nav li:hover::after{content: ''; position: absolute;bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 4px; background: linear-gradient(to right,#15589a,#27a6e0);} .head .nav li .xiala{position: absolute; top: 111px; left: 70%; background: #ffffff; border-radius: 10px; padding: 25px; width: 200px; display: none; transform: translateX(-50%); box-shadow: 0 0 10px rgba(0,0,0,.2);} .head .nav li .xiala::after{content: '';position: absolute; top: -15px; left: 0; width: 100%; height: 15px;} .head .nav li .xiala dd{font-size: 18px; line-height: 48px;} .head .nav li .xiala dd a{color: #89878a;} .head .nav li .xiala dd:hover a{color: #026db7;} .head .nav li .xiala.about{text-align: left; width: 200px; left: 60%;} .head .nav li .xiala.service{text-align: left; width: 300px; left: 70%;} .head .Language{float: right;height: 100px; padding-top: 54px; margin-left: 58px; position: relative;} .head .Language p{font-size: 20px; color: #006cb6; line-height: 1; cursor: pointer;} .head .Language p span{display: inline-block; width: 11px; height: 6px; background: url(../images/jt.png) center no-repeat; background-size: cover; vertical-align: 5px; margin-left: 6px; transition: 0.5s;} .head .Language p span.on{transform: rotate(180deg);} .head .Language .enBox{position: absolute; top: 111px; left: 50%; transform: translateX(-50%); background: #ffffff; border-radius: 10px; padding: 5px 0; text-align: center; box-shadow: 0 0 10px rgba(0,0,0,.5); display: none;} .head .Language .enBox::after{content: '';position: absolute; top: -15px; left: 0; width: 100%; height: 15px;} .head .Language .enBox a{display: block; padding: 0 20px; font-size: 16px; color: #89878a; line-height: 2;} .head .Language .enBox a:hover{color: #0d74bb;;} .banner{margin-bottom: 116px;} .banner img{display: block; width: 100%;} .banner .swiper{width: 100%;} .indexTit{text-align: center;} .indexTit h2{font-size: 60px; color: #155799; line-height: 1; margin-bottom: 15px;} .indexTit h3{font-size: 24px; color: #9fa0a0; line-height: 1;} .indexBox1{margin-bottom: 192px;} .indexBox1 .left{float: left; width: 44.28%;} .indexBox1 .left .indexTit{text-align: left; margin-bottom: 32px;} .indexBox1 .left p{font-size: 18px; color: #3f3a39; line-height: 30px; margin-bottom: 48px;} .indexBox1 .right{float: right; margin: 26px 60px 0 0; width: 36.5%; box-shadow: 0 0 10px rgba(0,0,0,.3);} .indexBox1 .right img{display: block; width: 100%;} a.knowMore{display: block; width: 187px; line-height: 49px; background: url(../images/moreBg.png) center no-repeat; background-size: cover; text-align: center; font-size: 20px; color: #155799; transition: 0.5s;} a.knowMore:hover{background: url(../images/moreBg-on.png) center no-repeat; background-size: cover; color: #ffffff;} /*.indexBox2{margin-bottom: 160px;}*/ .indexBox2 .indexTit{margin-bottom: 160px;} .indexBox2 .supBox{background: url(../images/supbg5.png) center top no-repeat; background-size: 100% } .indexBox2 .supBox ul{padding: 0 138px; } .indexBox2 .supBox li{float: left; width: 25%; text-align: center; margin-bottom: 125px; margin-top:-55px} .indexBox2 .supBox li:nth-child(5){margin-top: 15px;} .indexBox2 .supBox li:nth-child(6){margin-top: 15px;} .indexBox2 .supBox li .icon{width: 116px; margin: 0 auto 12px;} .indexBox2 .supBox li .icon img{display: block; width: 100%; transition: 0.5s;} .indexBox2 .supBox li p{font-size: 18px; color: #89888a; line-height: 22px; height: 50px;} .indexBox2 .supBox li:nth-child(11){margin-bottom: 0;} .indexBox2 .supBox li:nth-child(12){margin-bottom: 0;} .indexBox2 .supBox li:nth-child(13){margin-bottom: 0;} .indexBox2 .supBox li:hover img{transform: scale(1.1);} .indexBox3{margin-bottom: 115px;} .indexBox3 .indexTit{margin-bottom: 46px;} .indexBox3 .newsBox{background: linear-gradient(to bottom,#e2edf5,#fcfcfc); padding: 39px 32px 0;} .indexBox3 .donTaiMobile {display:none;} .indexBox3 .donTai {display:block;} .indexBox3 .donTai{overflow: hidden; padding-bottom: 30px; border-bottom: 1px solid #e0e8f1;} .indexBox3 .donTai span{font-size: 14px; color: #006cb6; line-height: 1; margin-bottom: 20px; display: block;} .indexBox3 .donTai h2{font-size: 20px; color: #3f3a39; line-height: 30px; transition: 0.5s;} .indexBox3 .donTai p{font-size: 14px; color: #3f3a39; line-height: 24px;} .indexBox3 .donTai h3{font-size: 14px; color: #3f3a39; line-height: 1; text-decoration: underline; transition: 0.5s;} .indexBox3 .donTai .left{float: left; /*width: 392px;*/ width: 29.3%; margin-right: 35px;} .indexBox3 .donTai .left:hover h2{color: #006cb6;} .indexBox3 .donTai .left:hover h3{color: #006cb6;} .indexBox3 .donTai .left:hover .icon img{transform: scale(1.1);} .indexBox3 .donTai .left .icon{margin-bottom: 20px; overflow: hidden;} .indexBox3 .donTai .left .icon img{display: block; width: 100%; transition: 0.5s;} .indexBox3 .donTai .left h2{margin-bottom: 3px;overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;} .indexBox3 .donTai .left p{margin-bottom: 9px;overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;} .indexBox3 .donTai .center{float: left;/* width: 407px;*/ width: 30.4%; background: #f1f6fa; padding: 0 30px;} .indexBox3 .donTai .center h2{margin-bottom: 6px;overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;} .indexBox3 .donTai .center p{margin-bottom: 20px;overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;} .indexBox3 .donTai .center li{padding-top: 25px; padding-bottom: 50px; border-bottom: 1px solid #c2dbec;} .indexBox3 .donTai .center li:last-child{padding-bottom: 24px; border-bottom: 0;} .indexBox3 .donTai .center li:hover h2{color: #006cb6;} .indexBox3 .donTai .center li:hover h3{color: #006cb6;} .indexBox3 .donTai .right{float: right;/* width: 470px;*/ width: 35.1%;} .indexBox3 .donTai .right span{margin-bottom: 16px;} .indexBox3 .donTai .right h2{margin-bottom: 13px;overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;} .indexBox3 .donTai .right li{overflow: hidden; padding-bottom: 37px; border-bottom: 1px solid #b5d3e8; margin-bottom: 30px;} .indexBox3 .donTai .right li:last-child{margin-bottom: 0; border-bottom: 0; padding-bottom: 0;} .indexBox3 .donTai .right li .icon{float: left; width: 177px; overflow: hidden;} .indexBox3 .donTai .right li .icon img{display: block; width: 100%; transition: 0.5s;} .indexBox3 .donTai .right li .txt{float: left; width: calc(100% - 177px); padding-left: 26px;} .indexBox3 .donTai .right li:hover h2{color: #006cb6;} .indexBox3 .donTai .right li:hover h3{color: #006cb6;} .indexBox3 .donTai .right li:hover .icon img{transform: scale(1.1);} .indexBox3 a.knowMore{margin: 27px auto 0;} .footer{background: url(../images/footbg.png) center no-repeat; background-size: cover; padding-top: 22px;} .footer .footTop{padding-bottom: 30px;} .footer .footNav{float: left;} .footer .footNav ul{overflow: hidden;} .footer .footNav li{float: left;margin-right: 36px;} .footer .footNav li:first-child{margin-right: 74px;} .footer .footNav li:nth-child(2){width: 95px;} .footer .footNav li:nth-child(4){width: 95px;} .footer .footNav li a{color: #FFFFFF; opacity: .8; transition: 0.2s;} .footer .footNav li a:hover{opacity: 1;} .footer .footNav li h2{font-size: 18px; color: #FFFFFF; line-height: 50px; margin-bottom: 11px;} .footer .footNav li h2.on{border-bottom: 1px solid #4e9ace;} .footer .footNav li p{font-size: 16px; line-height: 24px;} .footer .footPos{float: right; color: #ffffff;} .footer .footPos h2{font-size: 18px; color: #FFFFFF; line-height: 50px;} .footer .footPos p{font-size: 14px; line-height: 34px;} .footer .footPos p span{display: inline-block; width: 21px; height: 21px; background: url(../images/foot1.png) center no-repeat; background-size: cover; margin-right: 10px; vertical-align: -6px;} .footer .footPos p:nth-child(2) span{background: url(../images/foot2.png) center no-repeat; background-size: cover;} .footer .footPos p:nth-child(3) span{background: url(../images/foot3.png) center no-repeat; background-size: cover;} .footer .footPos .ewmBox{margin-top: 28px; text-align: center; width: 129px;} .footer .footPos .ewmBox img{display: block; margin-bottom: 18px;} .footer .footPos .ewmBox p{font-size: 14px; line-height: 1;} .footer .footBot{border-top: 1px solid #155799; color: #ffffff; line-height: 52px;} .footer .footBot p{font-size: 14px; color: #73b6f9; padding-left: 18px;} /*关于我们*/ .ban img{display: block; width: 100%;} .aboutMain{width: 1400px; margin: -300px auto 160px; background: #FFFFFF; z-index: 10; position: relative; padding: 56px 84px 100px; box-shadow: 0 0 10px rgba(0,0,0,.2); max-width: 94%;} .abPos{position: absolute; right: 32px; top: -50px; line-height: 1; color: #ffffff;} .abPos a{font-size: 16px; color: #ffffff; margin: 0 6px;} .abPos a span{display: inline-block; width: 16px; height: 16px; background: url(../images/home.png) center no-repeat; background-size: cover; margin-right: 13px; vertical-align: -2px;} .abTit{position: relative; padding-left: 18px; font-size: 34px; color: #006cb6; line-height: 1;} .abTit::after{content: ''; position: absolute; left: 0; bottom: 0; width: 2px; height: 107px; background: url(../images/abtit.png) center no-repeat; background-size: cover;} .abBox1{position: relative; margin-bottom: 170px;} .abBox1 .text{margin-top: 66px; width: calc(100% - 450px);} .abBox1 .text p{font-size: 16px; color: #3f3a39; line-height: 30px; margin-bottom: 30px;} .abBox1 .icon{position: absolute; right: -54px; top: 108px;} .abBox1 .icon img{display: block; width: 100%;} .abBox2{margin-bottom: 147px;} .abBox2 .text{margin-top: 24px; margin-bottom: 104px;} .abBox2 .text p{font-size: 20px; color: #3f3a39; line-height: 36px;} .fzlc{position: relative;} .fzlc .year{width: 117px; height: 134px; line-height: 134px; background: url(../images/fzlc.png) center no-repeat; background-size: cover; text-align: center; font-size: 24px; color: #FFFFFF; margin: 0 auto 10px;} .fzlc p{padding-left: 30px; font-size: 14px; color: #3f3a39; line-height: 30px; position: relative;} .fzlc p::after{content: ''; position: absolute; left: 22px; top: 14px; width: 3px; height: 3px; background: #3f3a39; border-radius: 50%;} .fzlc .swiper-button-next{right: -30px; top: 70px;} .fzlc .swiper-button-prev{left: -30px; top: 70px;} .fzlc .xian{position: absolute; top: 35px; left: 0; width: 100%;} .abBox3{margin-bottom: 240px;} .abBox3 .abTit{margin-bottom: 70px;} .abBox3 .zjlBox{overflow: hidden;} .abBox3 .zjlBox .icon{float: left; width: 264px;} .abBox3 .zjlBox .icon .peo{width: 161px; margin-bottom: 50px;} .abBox3 .zjlBox .icon .peo img{display: block; width: 100%;} .abBox3 .zjlBox .icon p{font-size: 16px; color: #3f3a39; line-height: 1;} .abBox3 .zjlBox .icon p span{display: inline-block; width: 123px; vertical-align: -60px;} .abBox3 .zjlBox .text{float: left; width: calc(100% - 264px);} .abBox3 .zjlBox .text p{font-size: 16px; color: #3f3a39; line-height: 30px;} .abBox4 .abTit{margin-bottom: 106px;} .abBox4 .map{margin-left: 28px; width: 1047px; max-width: 100%;} .abBox4 .map img{display: block; width: 100%;} .jzys .abTit{margin-bottom: 42px;} .jzys .picBox1{margin-bottom: 57px;} .jzys .picBox1 ul{overflow: hidden;} .jzys .picBox1 li{float: left; width: 49.8%;} .jzys .picBox1 li:last-child{width: 48.5%; float: right;} .jzys .picBox1 img{display: block; width: 100%;} .jzys .abNav{padding: 0 33px; margin-bottom: 40px;} .jzys .abNav li{padding: 26px 0; border-bottom: 1px dashed #e5e5e5; overflow: hidden; position: relative;} .jzys .abNav li .icon{width: 136px; height: 157px; line-height: 157px; background: url(../images/fkbg.png) center no-repeat; background-size: cover; text-align: center; font-size: 68px; color: #FFFFFF;} .jzys .abNav li .text{width: calc(100% - 136px); padding-left: 140px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);} .jzys .abNav li .text h2{font-size: 24px; color: #035798; line-height: 1; margin-bottom: 8px;} .jzys .abNav li .text p{font-size: 16px; color: #3f3a39; line-height: 30px;} .jzys .picBox2 ul{overflow: hidden;} .jzys .picBox2 li{float: left; width: 40.7%; float: left; margin-right: 1.5%;} .jzys .picBox2 li:nth-child(2){width: 24%; float: left; margin-right: 0;} .jzys .picBox2 li:nth-child(3){width: 32.2%; float: right; margin-right: 0;} .jzys .picBox2 li img{display: block; width: 100%;} .jzys .picBox2 li:nth-child(2) img:first-child{margin-bottom: 2.6%;} .cfss .abTit{margin-bottom: 26px;} .cfssBox{margin-bottom: 85px; position: relative;} .cfssBox img{display: block; width: 100%;} .cfssBox .mySwiper2{margin-bottom: 24px;} .cfssBox .swiper-slide-visible{opacity: .5;} .cfssBox .swiper-slide-thumb-active{opacity: 1;} .cfssBox .swiper-slide{position: relative;} .cfssBox p{position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; font-size: 36px; color: #ffffff; line-height: 66px; background: rgba(100,155,194,.8);} .cfssBox .swiper-button-next{right: -66px; top: 410px; width: 56px; height: 56px; background: url(../images/next.png) center no-repeat; background-size: cover;} .cfssBox .swiper-button-prev{left: -66px; top: 410px; width: 56px; height: 56px; background: url(../images/prev.png) center no-repeat; background-size: cover;} .cfssBox .swiper-button-next::after{display: none;} .cfssBox .swiper-button-prev::after{display: none;} .cfssText h2{font-size: 24px; color: #035798; line-height: 30px; margin-bottom: 26px;} .cfssText li{margin-bottom: 40px;} .cfssText li h3{font-size: 24px; color: #313131; line-height: 1; padding-left: 5px; margin-bottom: 6px; overflow: hidden;} .cfssText li h3 span{display: inline-block; margin-right: 13px; vertical-align: -6px; width: 36px;} .cfssText li h3 span img{display: block; width: 100%;} .cfssText li h3 b{display: inline-block; width: calc(100% - 50px);} .cfssText li p{padding-left: 60px; font-size: 16px; color: #3f3a39; line-height: 30px; opacity: .8;} .yytx .abTit{margin-bottom: 40px;} .yytx ul{overflow: hidden; margin-bottom: 55px;} .yytx li{float: left; width: 33.8%; float: left; margin-right: 1.5%;} .yytx li:nth-child(2){width: 22.9%; float: left; margin-right: 0;} .yytx li:nth-child(3){width: 40%; float: right; margin-right: 0;} .yytx li img{display: block; width: 100%;} .yytx li:nth-child(2) img:first-child{margin-bottom: 4%;} .yytx p{font-size: 16px; color: #3f3a39; line-height: 30px;} .flfg .abTit{margin-bottom: 34px;} .flfg .icon{margin-bottom: 40px;} .flfg .icon img{display: block; width: 100%;} .flfg ul{overflow: hidden;} .flfg li{float: left; width: 49%; margin-right: 2%; margin-bottom: 27px; font-size: 20px; color: #035798; line-height: 55px; border-radius: 55px; border: 1px solid #036eb7; transition: 0.5s; box-sizing: border-box; text-align: center; cursor: pointer;} .flfg li:nth-child(2n){margin-right: 0;} .flfg li:hover{color: #ffffff; background: #036eb7;} .flfg li.on{color: #ffffff; background: #036eb7;} .zlbz .abTit{margin-bottom: 42px;} .zlbz .iconBox{overflow: hidden; margin-bottom: 83px;} .zlbz .iconBox img{display: block; width: 100%;} .zlbz .iconBox .pic1{float: left; width: 740px; margin-right: 129px;} .zlbz .iconBox .pic2{width: 444px; float: left;} .zlbz .iconBox .pic2 .zz{margin-top: 156px;} .zlbz .iconBox .pic2 .zz a{font-size: 16px; color: #155799; line-height: 1; margin-right: 40px;} .zlbz .iconBox .pic2 .zz a span{display: inline-block; width: 5px; height: 11px; background: url(../images/zljt1.jpg) center no-repeat; background-size: cover; margin-right: 5px;} .zlbz .iconBox .pic2 .zz a:last-child span{width: 10px; height: 6px; background: url(../images/zljt2.jpg) center no-repeat; background-size: cover; vertical-align: 3px;} .zlbz p{font-size: 16px; color: #3f3a39; line-height: 30px;} /*服务内容*/ .servicesBox{position: relative;} .servicesBox .serTit{text-align: center; margin-bottom: 52px; position: relative;} .servicesBox .serTit h2{font-size: 36px; color: #006cb6; line-height: 56px; position: relative; z-index: 10;} .servicesBox .serTit span{position: absolute; font-size: 48px; color: #b5b5b5; line-height: 1; top: -6px; left: 50%; transform: translateX(-50%); opacity: .2; display: block; width: 100%; white-space: nowrap; zoom: .9;} .servicesBox .icon{margin-bottom: 50px;} .servicesBox .icon img{display: block; width: 100%;} .servicesBox p{font-size: 20px; color: #3f3a39; line-height: 36px;} .servicesBox .swiper-button-next{right: -66px; top: 0; width: 56px; height: 56px; background: url(../images/next.png) center no-repeat; background-size: cover; margin-top: 0;} .servicesBox .swiper-button-prev{left: -66px; top: 0; width: 56px; height: 56px; background: url(../images/prev.png) center no-repeat; background-size: cover; margin-top: 0;} .servicesBox .swiper-button-next::after{display: none;} .servicesBox .swiper-button-prev::after{display: none;} .serText{margin-bottom: 22px;} .serText .serLeft{float: left; width: 55%;} .serText .serRight{float: right; width: 40%; } .serText .serRight img{display: block; width: 100%;} .servicesBox li{padding: 26px 0; border-bottom: 1px dashed #e5e5e5; overflow: hidden; position: relative;} .servicesBox li .icon1{width: 136px; height: 157px; line-height: 157px; background: url(../images/service_04_01.png) center no-repeat; background-size: cover; text-align: center; font-size: 68px; color: #FFFFFF;} .servicesBox li .icon2{width: 136px; height: 157px; line-height: 157px; background: url(../images/service_04_02.png) center no-repeat; background-size: cover; text-align: center; font-size: 68px; color: #FFFFFF;} .servicesBox li .icon3{width: 136px; height: 157px; line-height: 157px; background: url(../images/service_04_03.png) center no-repeat; background-size: cover; text-align: center; font-size: 68px; color: #FFFFFF;} .servicesBox li .text{width: calc(100% - 136px); padding-left: 60px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);} .servicesBox li .text h2{font-size: 20px; color: #035798; line-height: 1; margin-bottom: 4px;} .servicesBox li .text p{font-size: 20px; color: #3f3a39; line-height: 30px;} /*新闻列表*/ .newsList li{overflow: hidden; padding: 88px 0 50px; border-bottom: 1px solid #e9e9e9;} .newsList li .day{width: 117px; height: 134px; background: url(../images/newBg.png) center no-repeat; background-size: cover; text-align: center; padding-top: 44px; float: left;} .newsList li .day h2{font-size: 24px; color: #056fb8; line-height: 1; font-weight: bold; margin-bottom: 10px;} .newsList li .day p{font-size: 18px; color: #056fb8; line-height: 1; font-weight: bold;} .newsList li .listBox{float: right; width: calc(100% - 30px); overflow: hidden;} .newsList li .listBox .icon{float: left; width: 394px; overflow: hidden;} .newsList li .listBox .icon img{display: block; width: 100%; transition: 0.5s;} .newsList li:hover .listBox .icon img{transform: scale(1.1);} .newsList li .listBox .text{float: left; width: calc(100% - 394px); padding: 8px 50px 0;} .newsList li .listBox .text h2{font-size: 24px; color: #3f3a39; line-height: 1.3; margin-bottom: 30px;} .newsList li .listBox .text p{font-size: 18px; color: #3f3a39; line-height: 24px; margin-bottom: 53px;overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical;} .newsList li .listBox .text a{font-size: 18px; color: #3f3a39; line-height: 33px; text-decoration: underline;} .newsList li .listBox .text a:hover{color: #006cb6;} .newsMain .page2{margin: 0; border: 0;} /*新闻动态*/ .newsMain{width: 1400px; margin: -300px auto 160px; background: #FFFFFF; z-index: 10; position: relative; padding: 65px 110px 55px; box-shadow: 0 0 10px rgba(0,0,0,.2); max-width: 94%;} .newsTit{text-align: center; margin-bottom: 90px;} .newsTit h2{font-size: 36px; color: #006cb6; line-height: 1; margin-bottom: 62px; position: relative;} .newsTit h2::after{content: ''; position: absolute; left: 50%; bottom: -28px; transform: translateX(-50%); width: 107px; height: 3px; background: url(../images/newtt.jpg) center no-repeat; background-size: cover;} .newsTit p span{font-size: 16px; color: #b5b5b5; margin: 0 80px;} .newsTit p span i{display: inline-block; width: 17px; height: 17px; background: url(../images/newicon1.png) center no-repeat; background-size: cover; margin-right: 12px; vertical-align: -3px;} .newsTit p span:nth-child(2) i{width: 18px; height: 18px; background: url(../images/newicon2.png) center no-repeat; background-size: cover;} .newsTit p span:nth-child(3) i{width: 22px; height: 18px; background: url(../images/newicon3.png) center no-repeat; background-size: cover;} .newsDiv{margin-bottom: 42px;} .newsDiv p{font-size: 18px; color: #3f3a39; line-height: 24px; margin-bottom: 28px;} .newsDiv img{display: block; width: 100%;} .newsDiv .icon{margin-bottom: 20px;} .newsDiv h3{font-size: 18px; color: #7d7d7d; line-height: 1;} .newsDiv ul{overflow: hidden; margin-bottom: 24px;} .newsDiv li{float: left; width: 44.6%;} .newsDiv li:last-child{float: right; width: 52.2%;} .page{margin-top: 160px; border-top: 1px solid #e9e9e9; padding-top: 40px; text-align: center; color: #3f3a39;} .page a{display: inline-block; font-size: 18px; width: 40px; line-height: 40px; margin: 04px; border: 1px solid rgba(0,0,0,.2); color: #3f3a39; transition: 0.5s; border-radius: 5px;} .page a:first-child{width: 65px; margin-right: 20px;} .page a:last-child{width: 65px; margin-left: 20px;} .page a.on{background: #056fb8; color: #ffffff;border: 1px solid #056fb8;} .page a:hover{background: #056fb8; color: #ffffff;border: 1px solid #056fb8;} /*招贤纳士*/ .aboutMain.join{padding-top: 90px; padding-bottom: 50px; margin: -300px auto 70px;} .joinBox .iconBox{position: relative; margin-bottom: 130px;} .joinBox .iconBox .icon{width: 765px;} .joinBox .iconBox .icon img{display: block; width: 100%;} .joinBox .iconBox .text{position: absolute; left: 680px; top: 50%; transform: translateY(-50%); background: #056fb8; padding: 43px 39px 36px;} .joinBox .iconBox .text h2{font-size: 36px; color: #ffffff; line-height: 1; margin-bottom: 14px;} .joinBox .iconBox .text p{font-size: 20px; color: #ffffff; line-height: 36px;} .joinList{margin-top: 63px;} .joinList li{margin-bottom: 37px; position: relative;} .joinList h2{border: 1px solid #e4e4e4; padding-left: 27px; font-size: 24px; color: #3f3a39; line-height: 92px; position: relative; cursor: pointer;} .joinList h2::after{content: ''; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: #056fb8;} .joinList h2 span.xueli{position: absolute; left: 711px; top: 50%; transform: translateY(-50%);} .joinList h2 span.xueli i{font-size: 18px; color: #3f3a39; font-style: normal; margin-right: 32px;} .joinList h2 b{display: block; width: 26px; height: 25px; background: url(../images/add.png) center no-repeat; background-size: cover; position: absolute; right: 28px; top: 50%; transform: translateY(-50%);} .joinList h2 b.on{background: url(../images/add-on.png) center no-repeat; background-size: cover;} .joinTxt{margin-top: 52px; padding-left: 30px; display: none;} .joinTxt h3{font-size: 18px; color: #056fb8; line-height: 1; margin-bottom: 7px;} .joinTxt p{font-size: 18px; color: #3f3a39; line-height: 30px;} .joinTxt .txt1{margin-bottom: 66px;} .joinTxt .txt2 h3{margin-bottom: 37px;} .page2{margin-top: 60px; padding-top: 28px; border-top: 1px solid #e9e9e9; text-align: center;} .page2 a{display: inline-block; width: 40px; line-height: 46px; margin: 0 5px; font-size: 18px; color: #3f3a39; transition: 0.5s;} .page2 a.on{background: url(../images/joinbg.png) center no-repeat; background-size: cover; color: #ffffff;} .page2 a.prev{width: 56px; height: 56px; background: url(../images/prev.png) center no-repeat; background-size: cover; vertical-align: -20px; margin-right: 78px;} .page2 a.next{width: 56px; height: 56px; background: url(../images/next.png) center no-repeat; background-size: cover; vertical-align: -20px; margin-left: 78px;} /*联系我们*/ .aboutMain.contact{padding: 142px 88px 174px; margin: -300px auto 40px;} .contactBox li{overflow: hidden; background: #056fb8;} .contactBox li:nth-child(2){background: #1e93e3;} .contactBox li .text{float: left; width: 70%; padding: 44px 58px 36px;} .contactBox li .text h2{font-size: 36px; color: #ffffff; line-height: 1; margin-bottom: 10px;} .contactBox li .text p{font-size: 20px; color: #FFFFFF; line-height: 36px;} .contactBox li .icon{float: right; width: 30%;} .contactBox li .icon img{display: block; width: auto; height: 306px;} @media screen and (max-width: 1310px) { .footer .footNav{display: none;} .footer .footPos{float: none;} .footer .footPos .ewmBox{margin: 40px auto 0;} .footer .footBot{line-height: 1; padding: 30px 40px;} .footer .footBot p{text-align: center; font-size: 12px; padding-left: 0; line-height: 1.4;} } @media screen and (max-width: 1250px) { .toTop{right: 30px; bottom: 30px;} .toTop .icon{width: 40px; height: 40px; margin: 0 auto 10px;} .toTop .icon span{width: 25px; height: 13px;} .toTop p{font-size: 14px;} .content{padding-top: 80px;} .head{height: 80px;} .head .logo{width: 180px; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); margin-top: 0;} .head .Language{position: absolute; right: 70px; top: 50%; transform: translateY(-50%); padding-top: 0; height: auto;} .head .nav{position: absolute; top: 80px; left: 0; width: 100%; background: #f4f4f4; height: 1000px; display: none;} .head .nav ul{padding: 0 20px; height: calc(100vh - 80px); overflow-y: auto;} .head .nav li{width: 100%; float: none; margin: 0; padding-top: 0; height: auto;} .head .nav li>a{line-height: 50px; display: block; border-bottom: 1px solid #d0d0d0; position: relative;} .head .nav li>h2{line-height: 50px; display: block; border-bottom: 1px solid #d0d0d0; position: relative;} .head .nav li::after{display: none;} .head .nav li:hover::after{display: none;} .head .Language .enBox{top: 55px;} .head .nav li .xiala{position: static; width: 100%; padding: 0 20px; background: none; transform: none; box-shadow: none;} .head .nav li .xiala dd{border-bottom: 1px solid #d0d0d0;} .head .nav li .xiala.about{width: 100%;} .head .nav li:last-child{display: block; text-align: center; font-size: 16px; color: #6f6f6f; padding: 30px 0;} .head .nav .add{display: block; width: 20px; height: 20px; background: url(../images/add2.png) center no-repeat; background-size: cover; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);} .head .nav .add.on{background: url(../images/add2-on.png) center no-repeat; background-size: cover;} .menu{ width: 28px; height: 24px; transition: 0.5s; position: absolute; right: 15px; top: 50%; transform: translateY(-50%);} .menu span{ display: block;transition: 0.5s; width: 100%; height: 3px; border-radius:2px; background: #2386EE; position: absolute;} .menu span:nth-child(1){ top:0 ;} .menu span:nth-child(2){ top: 50%; transform: translateY(-50%);} .menu span:nth-child(3){ bottom: 0;} .menu.on{ transform: translateY(-50%) rotate(180deg);} .menu.on span:nth-child(1){ top: 50%; transform: translateY(-50%) rotate(45deg);} .menu.on span:nth-child(2){ width: 0;} .menu.on span:nth-child(3){ top: 50%; transform: translateY(-50%) rotate(-45deg);} .banner{margin-bottom: 30px;} .banner1{display: none;} .banner2{display: block;} .indexBox1 .left{float: none; width: 100%; margin-bottom: 30px;} .indexTit h2{font-size: 40px;} .indexTit h3{font-size: 20px;} .indexBox1 .left .indexTit{margin-bottom: 16px;text-align:center;} .indexBox1 .left p{margin-bottom: 20px;} .indexBox1 .right{float: none; margin: 0; width: 100%;} .hd999{display:none;} .indexBox1{margin-bottom: 50px;} .indexBox1 a.knowMore{width: 140px; line-height: 36px; font-size: 16px;background-size: 100% 100%;} .indexBox2{margin-bottom: 50px;} .indexBox2 .indexTit{margin-bottom: 60px;} .indexBox2 .supBox{background: url(../images/supbg5.png) center top 30px no-repeat; background-size: 100% 350px;} .indexBox2 .supBox ul{padding: 0 10px;} .indexBox2 .supBox li{width: 33.33%; margin-bottom: 23px; margin-top: 0;} .indexBox2 .supBox li:nth-child(6){margin-top: 0;} .indexBox2 .supBox li:nth-child(5){margin-top: 0;} .indexBox2 .supBox li:nth-child(11){margin-bottom: 10px;} .indexBox2 .supBox li:nth-child(12){margin-bottom: 10px;} .indexBox2 .supBox li .icon{width: 70px;} .indexBox2 .supBox li p{font-size: 14px;} .indexBox3{margin-bottom: 100px;} .indexBox3 .indexTit{margin-bottom: 30px;} .indexBox3 .newsBox{padding: 15px;background: #eaf2f7; position: relative;} .indexBox3 .donTai {display:none;} .indexBox3 .donTaiMobile {display:block;} .indexBox3 .donTaiMobile h3{color: #2d6ab0;} .indexBox3 .donTaiMobile span{margin-bottom: 10px;} .indexBox3 .donTai .center{float: none; width: 100%; margin-bottom: 20px; padding: 0 20px;} .indexBox3 .donTai .center li{padding: 20px 0;} .indexBox3 .donTaiMobile .right{float: none; width: 100%;} .indexBox3 .donTaiMobile .right li {margin-bottom: 20px;} .indexBox3 .donTaiMobile .right li .icon{float: none; width: 100%; margin-bottom: 20px;} .indexBox3 .donTaiMobile .right li .txt{float: none; width: 100%; padding-left: 0;} .indexBox3 a.knowMore{position: absolute; bottom: -60px; left: 0; width: 140px; line-height: 36px; font-size: 16px; background-size: 100% 100%;} /*关于我们*/ .ban1{display: none;} .ban2{display: block;} .aboutMain{margin: -60px auto 60px; padding: 30px 20px 40px;} .abPos{display: none;} .abTit{font-size: 18px;} .abTit::after{height: 60px;} .abBox1{margin-bottom: 60px; padding-bottom: 40px; border-bottom: 1px solid #ececec;} .abBox1 .text{width: 100%; margin-top: 30px;} .abBox1 .icon{position: static; width: 80%; margin: 0 auto;} .abBox2{margin-bottom: 60px; padding-bottom: 10px; border-bottom: 1px solid #ececec;} .abBox2 .text{margin-bottom: 40px;} .abBox2 .text p{font-size: 16px;} .fzlc .swiper-slide{overflow: hidden; padding-left: 20px;} .fzlc .year{float: left; margin: 0;} .fzlc p{float: left; font-size: 12px; width: calc(100% - 157px);} .fzlc .swiper-button-next{right: -15px;} .fzlc .swiper-button-prev{left: -15px;} .abBox3{margin-bottom: 80px;} .abBox3 .zjlBox .icon{float: none; width: 100%; overflow: hidden;} .abBox3 .zjlBox .icon .peo{float: left; width: 120px; margin-right: 20px;} .abBox3 .zjlBox .icon p{float: left; margin-top: 40px;} .abBox3 .zjlBox .text{float: none; width: 100%;} .abBox4 .abTit{margin-bottom: 40px;} .abBox4 .map{margin-left: 0; width: 100%;} .jzys .picBox1{margin-bottom: 5px;} #picbox2{display: none;} #picbox1{display: block;} .jzys .abNav{padding: 0;} .jzys .abNav li .icon{width: 100px; height: auto; line-height: 115px; font-size: 40px; margin: 0 auto 20px;} .jzys .abNav li .text{position: static; width: 100%; padding: 0; transform: none;} .jzys .abNav li .text h2{text-align: center; font-size: 18px; margin-bottom: 16px;} .jzys .abNav li .text p{font-size: 14px; line-height: 26px;} .cfssBox{margin-bottom: 30px;} .cfssBox .swiper-button-next{top: 50%; right: -28px; transform: translateY(-50%); width: 30px; height: 30px;} .cfssBox .swiper-button-prev{top: 50%; left: -28px; transform: translateY(-50%); width: 30px; height: 30px;} .cfssBox p{font-size: 18px; line-height: 32px;} .cfssText h2{font-size: 16px;} .cfssText li{margin-bottom: 20px;} .cfssText li h3{font-size: 14px;} .cfssText li h3 b{line-height: 1.8;} .cfssText li h3 span{vertical-align: -8px;} .cfssText li:nth-child(1) h3 span{vertical-align: 15px;} .cfssText li p{font-size: 14px;} .yytx ul{margin-bottom: 30px;} .yytx li:last-child{display: none;} .yytx li{width: 58%;} .yytx li:nth-child(2){width: 38.5%;} .yytx li:nth-child(2) img:first-child{margin-bottom: 6%;} .yytx p{font-size: 14px; line-height: 24px;} .flfg .icon{margin-bottom: 30px;} .flfg li{width: 100%; float: none; font-size: 14px; line-height: 40px; border-radius: 10px; margin-bottom: 20px;} .zlbz .iconBox .pic1{float: none; width: 100%; margin-bottom: 20px;} .zlbz .iconBox .pic2{float: none; width: 100%; overflow: hidden;} .zlbz .iconBox .pic2 img{float: left; width: 60%;} .zlbz .iconBox .pic2 .zz{float: right; width: 35%; margin-top: 30px;} .zlbz .iconBox .pic2 .zz a{display: block; margin-right: 0; line-height: 1.5;} .zlbz .iconBox .pic2 .zz a span{width: 10px; height: 6px; background: url(../images/zljt2.jpg) center no-repeat; background-size: cover; vertical-align: 3px;} .zlbz .iconBox .pic2 .zz a:last-child span{ width: 5px; height: 11px; background: url(../images/zljt1.jpg) center no-repeat; background-size: cover; margin-right: 5px; vertical-align: 1px;} .zlbz .iconBox{margin-bottom: 30px;} .zlbz p{font-size: 14px; line-height: 26px;} /*服务内容*/ .servicesBox .serTit h2{font-size: 26px; line-height: 46px;} .servicesBox .serTit span{font-size: 18px; top: 0;} .servicesBox .swiper-button-next{right: -20px; width: 30px; height: 30px; top: 6px;} .servicesBox .swiper-button-prev{left: -20px; width: 30px; height: 30px; top: 6px;} .servicesBox .icon{margin-bottom: 24px;} .servicesBox p{font-size: 14px; line-height: 26px;} .serText{margin-bottom: 22px;} .serText .serLeft{width: 100%;} .serText .serRight{width: 100%; margin-top:30px } .serText .serRight img{display: block; width: 100%;} .servicesBox li .icon1{line-height: 115px; font-size: 40px; margin: 0 auto 20px;} .servicesBox li .icon2{line-height: 115px; font-size: 40px; margin: 0 auto 20px;} .servicesBox li .icon3{line-height: 115px; font-size: 40px; margin: 0 auto 20px;} .servicesBox li .text{position: static; width: 100%; padding: 0; transform: none;} .servicesBox li .text h2{text-align: center; font-size: 18px; margin-bottom: 16px;} .servicesBox li .text p{font-size: 14px; line-height: 26px;} /*新闻列表*/ .newsList li{padding: 20px 0;} .newsList li:first-child{padding-top: 0;} .newsList li .day{display: none;} .newsList li .listBox{width: 100%; float: none;} .newsList li .listBox .icon{width: 100%; float: none; margin-bottom: 20px;} .newsList li .listBox .text{float: none; width: 100%; padding: 0;} .newsList li .listBox .text h3{display: block; font-size: 14px; color: #2d6ab0; line-height: 1; margin-bottom: 10px;} .newsList li .listBox .text h2{font-size: 20px; font-weight: bold; margin-bottom: 10px;} .newsList li .listBox .text p{font-size: 15px; margin-bottom: 20px;} .newsList li .listBox .text a{color: #2d6ab0;} /*新闻动态*/ .newsMain{margin: -60px auto 60px; padding: 30px 20px 40px;} .newsTit{margin-bottom: 30px;} .newsTit h2{font-size: 22px; text-align: left; line-height: 1.5; margin-bottom: 10px;} .newsTit h2::after{display: none;} .newsTit p span{display: block; text-align: left; margin: 0; line-height: 2;} .newsDiv p{font-size: 16px; margin-bottom: 18px;} .newsDiv h3{font-size: 16px;} .newsDiv .icon{margin-bottom: 10px;} .newsDiv{margin-bottom: 18px;} .newsDiv li{float: none; width: 100%; margin-bottom: 18px;} .newsDiv li:last-child{float: none; width: 100%; margin-bottom: 0;} .page{margin-top: 60px;} .page a:nth-child(2){display: none;} .page a:nth-child(3){display: none;} .page a:nth-child(4){display: none;} .page a:nth-child(5){display: none;} .page a:nth-child(6){display: none;} .page a:nth-child(8){display: none;} .page span{display: none;} .page a{margin: 0 40px;} /*招贤纳士*/ .aboutMain.join{margin: -60px auto 60px;padding: 30px 20px 40px;} .joinBox .iconBox{margin-bottom: 80px;} .joinBox .iconBox .icon{width: 100%;} .joinBox .iconBox .text{position: static; transform: none; padding: 15px;} .joinBox .iconBox .text h2{font-size: 18px;} .joinBox .iconBox .text p{font-size: 15px; line-height: 28px;} .joinList li{margin-bottom: 27px;} .joinList h2{padding-left: 10px; font-size: 16px; line-height: 2; padding: 10px;} .joinList h2 span.xueli{display: block; position: static; transform: none;} .joinList h2 span.xueli i{font-size: 14px; margin-right: 20px;} .joinList h2 span.eng{display: none;} .joinTxt{padding-left: 0; margin-top: 20px;} .joinTxt h3{margin-bottom: 20px;} .joinTxt p{font-size: 16px; line-height: 26px;} .joinTxt .txt1{margin-bottom: 30px;} .joinList h2 b{right: 18px;} .page2{position: relative;} .page2 a.prev{width: 35px; height: 35px; position: absolute; left: -20px; top: 28px;} .page2 a.next{width: 35px; height: 35px; position: absolute; right: -20px; top: 28px;} .page2 a{width: 30px; line-height: 35px;} /*联系我们*/ .aboutMain.contact{margin: -60px auto 60px;padding: 30px 20px 40px;} .contactBox li{margin-bottom: 20px;} .contactBox li .text{width: 100%; float: none; padding: 15px 0 15px 15px;} .contactBox li .text h2{font-size: 20px;} .contactBox li .text p{font-size: 14px; line-height: 26px;} .contactBox li .text p span{display: none;} .contactBox li .icon{width: 100%; float: none;} .contactBox li .icon img{width: 100%; height: auto;} .cont1{display: none;} .cont2{display: block;} }