@charset "UTF-8";
.indexpc{ display:block;}
.dn,.indexwap{ display:none;}
img{border:none; max-width:100%;height:auto;}
.ell{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mask-bg{position:fixed;width:100%;height:100vh;opacity:0;z-index:-1;visibility:hidden}
.mask-bg.show{-webkit-transition:all 0.5s;transition:all 0.5s;opacity:1;background-image:url(../images/mask.png)}
.sectionWrapper{width:15.6rem;margin:0 auto;max-width:96%;position:relative}
.home body{height:100%;overflow:hidden;padding:0}
.body_home{background:#2193b8;height:100%;overflow:hidden}
.body_b{position:fixed;left:0%;top:100%;bottom:0;right:0;background:#fff;overflow:hidden;transition:top 0.7s cubic-bezier(0.5,0,0.2,1) 0s;z-index:1;overflow:auto;outline:none}
.body_b.dis *{background-image:none}
.body_b *{outline:none}
.body_b.showdiv{top:0}
.home .nav{transition:all 0.7s ease-out 0s;}
.home .nav.showdiv{opacity:1;transform:none}

.body_home .bb{ width:.56rem; height:.56rem; background:url(../images/icon_06.png) no-repeat center; background-size:.28rem; position:absolute;left:50%;bottom:0;text-align:center;transform:translateX(-50%);cursor:pointer;opacity:0;animation:bb 2s linear 0s infinite;}
.body_home.showdiv .bb{opacity:1}
.body_home .bb:hover{animation-play-state:paused;}

.header .mian .nav ._li:last-child .child{ width:1.5rem;}
@keyframes bb {
    0% {
        transform: translate(-50%,0);
        opacity: 0;
    }

    20% {
        transform: translate(-50%,3px);
        opacity: 1;
    }

    80% {
        transform: translate(-50%,10px);
        opacity: 1;
    }

    90% {
        transform: translate(-50%,10px);
        opacity: 0;
    }

    100% {
        transform: translate(-50%,10px);
        opacity: 0;
    }
}

.inner{width:15.6rem;margin:0 auto}
.slick-dots { margin: 0; padding: 0; list-style: none; width: 100%; text-align: center; margin-top:.2rem;}
.slick-dots li { display: inline-block; float:none; width: .15rem; height: .15rem; background:#eee; border-radius: 50%; margin-right: .1rem;}
.slick-dots li:last-child { margin-right: 0;}
.slick-dots li.slick-active { background: #2193b8; background-image: linear-gradient(to right, #2193b8, #439f80, #e47d1f);}

/***********banner***********/
.swiper1 { width: 100%; height:calc(100vh - 0.9rem); margin-top:.9rem; position:relative; overflow:hidden;}
.swiper1 .swiper-slide>a{ display:block; width:100%; height:100%;}

.swiper1:hover .arrow-left0, .swiper1:hover .arrow-right0{ display:block;}
.swiper1 .arrow-left0,.swiper1 .arrow-right0 { z-index:99; z-index:10;width:.72rem;height:.72rem; border:.01rem solid #fff; border-radius:50%; -webkit-transition:all 0.4s;transition:all 0.4s; position: absolute; top: 50%;margin-top: -.36rem; opacity:.5; cursor:pointer;}
.swiper1 .arrow-left0{left:2%; background:url(../images/arr-left.png) no-repeat center; background-size:.28rem;}
.swiper1 .arrow-right0{right:2%; background:url(../images/arr-right.png) no-repeat center; background-size:.28rem;}
.body_home .swiper1 .arrow-left0,.body_home .swiper1 .arrow-right0{ display:none !important;}
.body_home.showdiv .swiper1 .arrow-left0,.body_home.showdiv .swiper1 .arrow-right0{ display:block !important;}

.swiper1 .swiper-slide{height:calc(100vh - 0.9rem);width: 100%; position:relative;}
.swiper1 .note{ width:100%; height:.97rem; line-height:.97rem; position:absolute; left:0; bottom: 0; background:#04367c; background:rgb(4,54,124,.7); display:flex;}
.swiper1 .inner{ padding:0 2.4rem 0 0;}
.swiper1 .note a{ color:#fff; font-size:.22rem; line-height:.3rem; font-weight:bold; display:inline-block; vertical-align:middle; padding:0 .35rem; overflow:hidden;}
.swiper1 .slick-dots { margin: 0; padding: 0; list-style: none; width:auto; text-align: center; position:absolute; bottom:.43rem; right:2.1rem; font-size:0;}
.swiper1 .slick-dots li { background: rgba(255,255,255,0.7); display: inline-block; width: .08rem; height:.08rem; margin: 0 .04rem; border-radius:.04rem; cursor: pointer;}
.swiper1 .slick-dots li.slick-active { width:.3rem; height:.08rem; background: #fff; border-radius:.15rem;}

.head-top{ float:right; margin:.18rem 0 0; border-left:.01rem solid rgba(255,255,255,.4); padding:0 0 0 .27rem;}
.site-en{ color:#fff; font-size:.14rem; line-height:.14rem; width:.9rem; margin:0 auto .11rem;padding-left:0.25rem;background:url(../images/diqiu.svg) no-repeat left;background-size:auto 100%;}
.site-en a{ color:#fff; border:none;padding-right:0;text-transform:uppercase}
.site-mail{ background:url(../images/icon-mail.png) no-repeat left center; background-size:.14rem; padding-left:.24rem; margin-left:.18rem;}

.site-lang ul li.links a:hover,.site-en a:hover{opacity:1}
.wp_search{display:inline-block;position:relative;padding-left:.04rem;border:.01rem solid #d0d0d0}
.wp_search #keyword{width:1.6rem !important;padding:.04rem 0;border:none;height:.2rem;line-height:.2rem;background:transparent;color:#fff}
.wp_search .searchtop{width:.32rem;height:.32rem;border:0;background:#FFFFFF url(images/sous.png) no-repeat center;cursor:pointer;vertical-align:top}
.searchbox .tt{color:#fff;text-align:center;font-size:0.3rem;font-weight:bold;margin-bottom:0.47rem}
.searchbox{ width: 2.02rem;text-align:right; border-radius: 0.19rem;overflow:hidden; border:.01rem solid #fff; border: .01rem solid rgb(255 255 255 / 60%); }
.wp-search{position:relative;}
.wp-search form{display:block}
.wp-search .search-input{margin-left:.16rem;margin-right:.4rem; height:.25rem; line-height:.25rem; font-size:0;}
.wp-search .search-input input.search-title{width:100%;height:.23rem;line-height:.23rem;background:none;color:#FFFFFF;font-size:.14rem;border:0;outline:0;font-family:Arial, Helvetica, sans-serif;}
.wp-search .search-input input::placeholder{ color:#fff;}
.wp-search .search-btn{width:.46rem;height: 100%;position:absolute;right:0;top:0%; font-size:0;}
.wp-search .search-btn input.search-submit{width:100%;height:100%;border:0;outline:0;background: url(../images/sous.svg) no-repeat center;cursor:pointer;background-size: 0.17rem;}
.wp-search .search-btn:before{ content:''; width:.01rem; height:.13rem; background:#fff; position:absolute; top:.06rem; left:0;}


.section-title{ overflow:hidden;}
.section-title h3{ float:left; color:#333; font-size:.36rem; line-height:.6rem; font-weight:bold; background:url(../images/icon-titleline.png) no-repeat left bottom; padding:0 0 .14rem;}
.section-title a{ float:right; color:#333; font-size:.18rem; line-height:.6rem;}

.section1{ margin:.9rem 0 0;}
.section1 { width:100%; padding:.35rem 0;}
.section1 .section-title h3{ font-size:.34rem;}
.section1 .section-title h3,.section1 .section-title a{ line-height:.42rem;}
.section1 .section1Wrapper{ overflow:hidden;}
.section1 .section-left{ float:left; padding:0 .47rem 0 0; width:10.87rem; border-right:.01rem solid #e5e5e5;}
.section1 .section1-content{ margin:.17rem 0 .25rem; overflow:hidden; position:relative;}
.section1 .tab-tit{ float:right; width:4.01rem; position:absolute; top:0; right:0;}
.section1 .tab-tit ul{ list-style:none; overflow:hidden;}
.section1 .tab-tit ul li{ height:.78rem; border-bottom:.01rem solid #8eb1cf; padding:.12rem .3rem .09rem .45rem; background:#1c629f; position:relative; font-size:0;}
.section1 .tab-tit ul li a{ color:#fff; font-size:.16rem;display:inline-block; height:.56rem; line-height:.26rem; font-weight:bold; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.section1 .tab-tit ul li.on{ height:1.01rem; background:#005fd2; background-image: linear-gradient(to right, #005fd2, #164485);}
.section1 .tab-tit ul li.on a{ font-weight:bold; -webkit-line-clamp:3; height:.84rem;}
.section1 .tab-tit ul li.on:before{ content:''; width:.15rem; height:.2rem; background:url(../images/section-arrow.png) no-repeat; background-size:cover; position:absolute; left:.02rem; top:50%; z-index:10; margin:-.1rem 0 0;}
.section1 .tab-tit ul li:last-child{ border-bottom:none;}
.section1 .tab-con{ float:left; width:6.55rem; height:3.35rem; position:relative;}
.section1 .tab-img{ width:100%; height:100%;}
.section1 .tab-title{ color:#fff; font-size:.18rem; line-height:.3rem; font-weight:bold; width:100%; height:1.4rem; padding:.6rem .3rem 0 .3rem; background:url(../images/img2.png) no-repeat left bottom; background-size:cover; position:absolute; left:0; bottom:0;}
.section1 .tab-title p{ overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}

.section2-content{ overflow:hidden;}
.section2-content .section-title h3{ font-size:.34rem;}
.section2-content .section-title h3,.section2-content .section-title a{ line-height:.42rem;}
.section2-left{ float:left; width:6.2rem; padding:0 .65rem 0 0;}
.section2-list{ padding:.25rem 0 0;}
.section2-list .section2-item{ width:5.55rem; height:3.4rem; position:relative;}
.section2-list .list-img{ width:100%; height:100%;}
.section2-list .list-title{ color:#fff; font-size:.18rem; font-weight:bold; width:100%; height:.5rem; line-height:.5rem; padding:0 .21rem; background:rgb(0,90,215,.6); position:absolute; left:0; bottom:0; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.section2-right{ float:left; width:4.18rem;}
.section3-list{ padding:.18rem 0 0;}
.section3-list .section3-item{ margin:0 0 .13rem; border-bottom:.01rem solid #eaeaea; position:relative;}
.section3-list .section3-item a{ color:#333; font-size:.18rem; width:100%; line-height:.28rem; padding:0 0 .2rem; font-weight:bold; display:block; position:relative;}
.section3-list .section3-item p{ max-height:1.4rem; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:5; -webkit-box-orient: vertical;}
.section3-list .section3-item a:before{ content:''; width:.18rem; height:.03rem; background:#1256b2; position:absolute; left:0; bottom:0; z-index:10;}
.section3-list .section3-item a:hover{ color:#1256b2; font-weight:bold;}
.section3-list .section3-item a:hover:before{ width:100%; -webkit-transition:all 0.3s;transition:all 0.3s;}

.section1 .section-right{ float:left; padding:0 0 0 .47rem; width:4.73rem;}
.section4-content{ margin:0 0 .25rem;}
.section4-list{ padding:.25rem 0 0;}
.section4-list .section4-item{ margin:0 0 .13rem; border-bottom:.01rem solid #eaeaea; position:relative;}
.section4-list .section4-title{ color:#333; font-size:.18rem; width:100%; height:.56rem; line-height:.28rem; font-weight:bold; display:block; position:relative; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.section4-list .section4-time{ font-size:.15rem; color:#e16c0b; padding:0 0 .13rem; font-weight:bold;}
.section4-list .section4-item:before{ content:''; width:.18rem; height:.03rem; background:#1256b2; position:absolute; left:0; bottom:0; z-index:10;}
.section4-list .section4-item a:hover .section4-title{ color:#1256b2; font-weight:bold;}
.section4-list .section4-item a:hover .section4-time{ color:#1256b2;}
.section4-list .section4-item:hover:before{ width:100%; -webkit-transition:all 0.3s;transition:all 0.3s;}

.section5-list{ padding:.2rem 0 0;}
.section5-list .section5-item{ margin:0 0 .2rem; position:relative;}
.section5-list .section5-item a{ color:#333; font-size:.18rem; width:100%; height:.56rem; line-height:.28rem; font-weight:bold; display:block; position:relative; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.section5-list .section5-item a:hover{ color:#1256b2; font-weight:bold;}

.section2 { width:100%;}
.section2 .section2Wrapper{ width:100%; max-width:100%; overflow:hidden;}
.main4-1{ float:left; width:9rem; max-width:47.3%; height:7.56rem; padding:1.1rem 1.3rem 0 1.8rem; background:url(../images/img8.jpg) no-repeat right bottom; background-size:cover;}
.main4-1 .section-title{ padding:0 0 .8rem 0;}
.main4-1 .section-title h3{ color:#fff; background:url(../images/icon-titleline2.png) no-repeat left bottom;}
.main4-1 .main4-1-note{ color:#fff; font-size:.18rem; line-height:.32rem; text-align:justify; font-weight:bold; overflow:hidden;}
.main4-1 .main4-1-more{ margin:.9rem 0 0; }
.main4-1 .main4-1-more a{ color:#0b3795; font-size:.24rem; font-weight:bold; width:2.28rem; height:.64rem; line-height:.64rem; border-radius:.05rem; text-align:center; display:inline-block; background:#d5edf0; background: linear-gradient(to right, #d5edf0, #a5ddec);}

.main4-2{ float:left; width:10.2rem; max-width:52.7%; height:3.81rem; background:url(../images/img9.jpg) no-repeat right bottom; background-size:cover; position: relative;}
.main4-2 .section-title,.main4-3 .section-title,.main4-4 .section-title{ height: .72rem; overflow: hidden; padding:0; position:absolute; left:.6rem; bottom:.6rem; transition: all ease .5s; }
.main4-2 .section-title h3,.main4-3 .section-title h3,.main4-4 .section-title h3{ float:none; color:#fff; font-size:.28rem; height:.68rem; line-height:.34rem; background:none; padding:0; overflow:hidden;}
.main4-3 .section-title h3{ padding:0 1rem 0 0;}
.main4-2 .section-title p,.main4-3 .section-title p,.main4-4 .section-title p{ color:#fff; font-size:.18rem; line-height:.26rem; background:none; padding:0; font-weight:bold;}
.main4-2 .main4-2-more,.main4-3 .main4-2-more,.main4-4 .main4-2-more{ margin:.3rem 0 0; }
.main4-2 .main4-2-more a,.main4-3 .main4-2-more a,.main4-4 .main4-2-more a{ float:left; color:#0b3795; font-size:.18rem; font-weight:bold; width:1.78rem; height:.5rem; line-height:.5rem; border-radius:.05rem; text-align:center; display:inline-block; background:#d5edf0; background: linear-gradient(to right, #d5edf0, #a5ddec);}
.main4-3,.main4-4{ float:left; width:5.1rem; max-width:26.35%; height:3.75rem; position: relative;}
.main4-3{ background:url(../images/img10.jpg) no-repeat right bottom; background-size:cover;}
.main4-4{ background:url(../images/img11.jpg) no-repeat right bottom; background-size:cover;}
.main4-2:hover .section-title,.main4-3:hover .section-title,.main4-4:hover .section-title{ height: 1.55rem;}

.section3 { width:100%; padding:.7rem 0 .5rem; background:url(../images/img6.jpg) no-repeat top center; background-size:cover;}
.section3 .section3Wrapper{ overflow:hidden;}
.part-content1{ overflow:hidden;}
.part-content3{ margin:.6rem 0 0;}
.part-left{ float:left; width:7.9rem; padding:0 .7rem 0 0;}
.part-left ul{ padding:.35rem 0 0; overflow:hidden;}
.part-left ul li{ margin:0 0 .28rem; position:relative;}
.part-left ul li a{ color:#333; font-size:.18rem; width:100%; line-height:.28rem; display:block; font-weight:bold; position:relative; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.part-left ul li a:hover{ color:#1256b2; font-weight:bold;}

.section3 .section-title{ padding:0 0 .1rem; position:relative;}
.section3 .section-more2{ position:absolute; right:0; top:.1rem; margin:0;}
.part-content1 .part-right{ float:left; width:7.7rem;}
.part-right ul{ padding:.35rem 0 0; overflow:hidden;}
.part-right ul li{ float:left; margin:0 .32rem .17rem 0; position:relative;}
.part-right ul li:nth-of-type(2n){ margin:0 0 .17rem;}
.part-right ul li h3{ color:#333; font-size:.22rem; line-height:.3rem; font-weight:bold; display:block; position:relative; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.part-right ul li p{ color:#959595; font-size:.16rem; line-height:.24rem; padding:.1rem 0; font-weight:bold;}
.part-right ul li a{ width:3.66rem; height:1.72rem; border:.01rem solid #1457b3; border-left:.07rem solid #1457b3; padding:.7rem .1rem 0 .9rem; display:inline-block;}
.part-right ul li a.icon-1{ background:url(https://www.ojlab.cn/statics/home/images/icon-job1.png) no-repeat .2rem center; background-size:.65rem;}
.part-right ul li a.icon-2{ background:url(https://www.ojlab.cn/statics/home/images/icon-job2.png) no-repeat .2rem center; background-size:.65rem;}
.part-right ul li a.icon-3{ background:url(https://www.ojlab.cn/statics/home/images/icon-job3.png) no-repeat .2rem center; background-size:.65rem;}
.part-right ul li a.icon-4{ background:url(https://www.ojlab.cn/statics/home/images/icon-job4.png) no-repeat .2rem center; background-size:.65rem;}
.part-right ul li:hover{ background:#005fd2; background: linear-gradient(to bottom, #45b3e1, #005fd2);}
.part-right ul li a.icon-1:hover{ color:#fff; background:url(https://www.ojlab.cn/statics/home/images/icon-job1-hover.png) no-repeat .2rem center; background-size:.65rem;}
.part-right ul li a.icon-2:hover{ color:#fff; background:url(https://www.ojlab.cn/statics/home/images/icon-job2-hover.png) no-repeat .2rem center; background-size:.65rem;}
.part-right ul li a.icon-3:hover{ color:#fff; background:url(https://www.ojlab.cn/statics/home/images/icon-job3-hover.png) no-repeat .2rem center; background-size:.65rem;}
.part-right ul li a.icon-4:hover{ color:#fff; background:url(https://www.ojlab.cn/statics/home/images/icon-job4-hover.png) no-repeat .2rem center; background-size:.65rem;}
.part-right ul li a:hover{ border:none;}
.part-right ul li a:hover h3,.part-right ul li a:hover p{ color:#fff;}

.part-content2{ margin:.3rem 0 .4rem;}
.part-content2 ul { padding:.2rem 0 0; overflow:hidden;}
.part-content2 ul li{ float:left; width:23.5%; margin:0 2% .22rem 0; border-bottom:.01rem solid #0f4982; position:relative; overflow:hidden; font-size:0;}
.part-content2 ul li:nth-child(4n){ margin:0 0 .22rem;}
.part-content2 ul li a{ color:#666; font-size:.2rem; line-height:.68rem; padding:0 .2rem; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


.link-list{ margin:0;}
.link-list ul { overflow:hidden; display:flex; flex-wrap:wrap; justify-content:flex-start; align-items: center;}
.link-list ul li{ float:left; width:20%; padding:.1rem; text-align:center; overflow:hidden; position:relative; font-size:0;}
.link-list ul li img{ transition:transform 0.3s ease}
.link-list ul li a:hover img{transform:scale(1.05)}
.link-list ul li:before{ content:''; width:.01rem; height:.54rem; background:#c5cacd; position:absolute; right:0; top:50%; margin:-.27rem 0 0;}
.link-list ul li:nth-child(5n):before{ background:none;}


/**banner**/
.banner-section{ width:100%; height:4.12rem; margin:.85rem 0 0;}
.banner-nav{ width:100%; height:.72rem; line-height:.71rem; text-align:center; border-bottom:.01rem solid #d9d9d9;}
.banner-nav ul{ width:15.6rem; margin:0 auto; padding:0 1.78rem; display:flex; flex-wrap:wrap; justify-content:center; overflow:hidden;}
.banner-nav ul li{ float:left; width:20%; text-align:center;}
.banner-nav ul li a{ font-size:.2rem; font-weight:bold; width:100%; height:.71rem; display:block; position:relative;}
.banner-nav ul li a.on:before,.banner-nav ul li a:before{ display:block;content:'';position:absolute;left:50%;bottom:0; background:#1c9bae; background: linear-gradient(to right, #1c9bae, #d5780b);height:.05rem;width:0%;-webkit-transition:all 0.3s;transition:all 0.3s}
.banner-nav ul li a.on:before,.banner-nav ul li a:hover:before{width:100%;left:0}
.banner-nav ul li a:hover{ color:#333;}

.about1 { background:url(../images/img17.jpg) no-repeat bottom center; padding:.8rem 0; position: relative; overflow:hidden;}
.about2 { background:none; padding:.8rem 0 .3rem; position: relative; overflow:hidden;}
.about1 .about1Wrapper{ overflow:hidden; position:static;}
.about1 .section-title{ padding:0 0 .6rem 0; position:relative;}
.about1 .section-more2{ position:absolute; right:0; top:0; margin:.46rem 0 0 0;}
.about1-content{ width:100%; margin:0 auto; overflow:hidden;}
.about1-note{ color:#333; font-size:.22rem; line-height:.42rem; padding:0; text-align:justify;}
.about2-note{ color:#333; font-size:.2rem; line-height:.42rem;}
.about1-img{ float:right; width:8.48rem; margin:0 0 .2rem .2rem;}
.about1-img img{ width:100%;}

.about3 { width:100%;}
.about3 .about3Wrapper{ padding:.7rem .35rem 1.2rem; position: relative; z-index: 1; overflow:hidden;}
.about3 .section-title{ padding:0 0 1rem 0; position:relative;}
.about3-content{ width:100%; margin:0 auto; overflow:hidden; text-align:center;}
.about3-list{ width:100%; padding:0 2rem; display:flex; flex-wrap:wrap; justify-content:center; overflow:hidden;}
.about3-list .about3-item{ width:30.33%; margin:0 4.5% .7rem 0; text-align:center; overflow:hidden; position:relative;}
.about3-list .about3-item:nth-of-type(3n){ margin:0 0 .7rem;}
.about3-list .about3-img{width:100%;height:4rem;overflow:hidden;}
.about3-list .about3-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}
.about3-list .about3-item:hover .leadership-img img{ transform:scale(1.05);}
.about3-list .about3-title{ padding:.27rem .3rem .3rem;}
.about3-list .about3-title h3{ color:#333; font-size:.28rem; line-height:.38rem; font-weight:bold; padding:0 0 .1rem; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.about3-list .about3-note{ color:#666; font-size:.18rem; line-height:.36rem; height:.72rem; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}

.about3-content2{ width:100%; margin:0 auto; padding:0 1.05rem; overflow:hidden;}
.about3-list2{ width:100%; padding:0; overflow:hidden;}
.about3-list2 .about3-item{ float:left; width:21.5%; margin:0 4.5% .7rem 0; padding:0 0 0 .3rem; overflow:hidden; position:relative;}
.about3-list2 .about3-item:nth-of-type(4n){ margin:0 0 .7rem;}
.about3-list2 .about3-item:before{ content:''; width:.01rem; height:1.08rem; background:#0f54b1; position:absolute; left:0; top:.06rem;}
.about3-list2 .about3-title{ padding:0 0 .35rem;}
.about3-list2 .about3-title h3{ color:#333; font-size:.28rem; line-height:.38rem; font-weight:bold; padding:0 0 .2rem; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.about3-list2 .about3-note{ color:#666; font-size:.18rem; line-height:.3rem; height:.6rem; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.about3-list2 .about3-item a{ width:100%; height:100%; display:block; position:relative; cursor:default;}
.about3-list2 .about3-item a:before{ content:''; width:100%; height:.01rem; background:#e5e5e5; position:absolute; left:0; bottom:0;-webkit-transition:all 0.3s;transition:all 0.3s}
.about3-list2 .about3-item a:hover:before{width:100%;left:0; background:#0f54b1;}

.about4 { width:100%;}
.about4 .about4Wrapper{ padding:.7rem .35rem 1.2rem; position: relative; z-index: 1; overflow:hidden;}
.about4 .section-title{ padding:0 0 .4rem 0; position:relative;}
.about4-content{ width:100%; margin:0 auto; overflow:hidden;}
.about4-subtitle{ font-size:.3rem; line-height:.4rem; padding:0 0 .4rem; margin:0 0 .5rem; font-weight:bold; border-bottom:.01rem solid #d8d8d8; text-align:center;}
.about4-list{ margin:0 -1.2%; overflow:hidden; display:flex; flex-wrap:wrap; justify-content:flex-start;}
.about4-list .about4-item{ float:left; width:16.66%; padding:0 1.2%; margin:0 0 .3rem 0; overflow:hidden; position:relative;}
.about4-list .about4-item:nth-of-type(6n){ margin:0 0 .3rem;}
.about4-list .about4-img{width:100%;height:2.9rem;overflow:hidden; position:relative;}
.about4-list .about4-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}
.about4-list .about4-item:hover .about4-img img{ transform:scale(1.05);}
.about4-list .about4-title{ padding:.27rem 0 .3rem;}
.about4-list .about4-title h3{ color:#333; font-size:.24rem; line-height:.38rem; max-height:.76rem; font-weight:bold; margin:0 0 .1rem; overflow:hidden;}
.about4-list .about4-note{ color:#333; font-size:.17rem; line-height:.3rem; max-height:1.2rem; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical;}
.about4-list .about4-item:before{display:block;content:'';position:absolute;left:50%;bottom:0;background-color:#0e5dcd;height:.03rem;width:0;-webkit-transition:all 0.3s;transition:all 0.3s}
.about4-list .about4-item:hover:before{width:100%;left:0}
.about4-list .about4-item:hover .about4-note,.about4-list .about4-item:hover .about4-title h3{ color:#0e5dcd;}
.about4-list .about4-item>p{ display:none;}

.listNav{ margin:0 0 70px; padding:0;}
#demoFour,.listNav ,.ln-letters {overflow:hidden;}
.listNavHide {display:none;}
.listNavShow {display:list-item;}
.letterCountShow {display:block;}
.ln-no-match{ width:100%; text-align:center;}
.ln-letters a { width:auto; font-size:16px;display:block;float:left;padding:4px 15px;border:1px solid silver;border-right:none;text-decoration:none;}
.ln-letters .ln-last {border-right:1px solid silver;}
.ln-letters a:hover ,.ln-letters .ln-selected {background-color:#eaeaea;}
.ln-letters .ln-disabled {color:#ccc;}
.ln-letter-count {position:absolute;top:0;left:0;width:20px;text-align:center;font-size:16px;line-height:30px;color:#336699;}

.about5 { width:100%;}
.about5 .about5Wrapper{ padding:.7rem .35rem 1.2rem; position: relative; z-index: 1; overflow:hidden;}
.about5 .section-title{ padding:0 0 .4rem 0; position:relative;}
.about5-content{ width:100%; margin:0 auto; padding:.2rem .1rem; overflow:hidden;}
.contact-item{ float:left; width:29%; margin:0 6% 0 0; padding:.3rem; background:rgb(255,255,255,.6); border-bottom:.01rem solid #e3e3e3;}
.contact-item:nth-of-type(3n){ margin:0;}
.contact-item h3{font-size:.2rem;color:#333;margin-bottom:.2rem;font-weight:bold; height:.8rem;overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.contact-item .contact-info{font-size:.18rem;color:#adadad;line-height:.42rem; padding:0 0 0 .35rem;}
.contact-item .icon-phone{ background:url(../images/icon-phone.png) no-repeat left .12rem; background-size:.2rem;}
.contact-item .icon-email{ background:url(../images/icon-email.png) no-repeat left .12rem; background-size:.2rem;}
.contact-item:hover{box-shadow:0 0 .1rem rgba(0,0,0,0.1)}
#map{ width: 100%; height:7.4rem;}
.BMap_bubble_title{ font-size:.3rem; font-weight:bold; height:auto !important; padding:.2rem .2rem 0 !important;}
.BMap_bubble_content{ font-size:.18rem !important; line-height:.4rem !important; padding:.3rem .2rem .2rem !important;}
.shadow img{ max-width:none !important;}



.team1 { width:100%;}
.team1 .team1Wrapper{ padding:.7rem .35rem 1.2rem; position: relative; z-index: 1; overflow:hidden;}
.team1 .section-title{ padding:0 0 .4rem 0; position:relative;}
.team1-content{ width:100%; margin:0 auto; overflow:hidden;}
.team1-title{ font-size:.3rem; line-height:.4rem; padding:0 0 .4rem;}
.team1-class{ margin:0 0 .7rem;}
.team1-class ul{ padding:0 1rem; overflow:hidden;}
.team1-class ul li{ float:left; width:25%; padding:0 .35rem;}
.team1-class ul li a{ color:#333; font-size:.22rem; height:.66rem; line-height:.65rem; font-weight:bold; border-bottom:.01rem solid #dcdcdc; display:block; text-align:center; position:relative;}
.team1-class ul li a:before{display:block;content:'';position:absolute;left:50%;bottom:0;background-color:#0e5dcd;height:.03rem;width:0;-webkit-transition:all 0.3s;transition:all 0.3s}
.team1-class ul li a.on:before,.team1-class ul li a:hover:before{width:100%;left:0}
.team1-class ul li a:hover{ color:#0e5dcd;}
.team1-list{ margin:0 -.26rem; overflow:hidden;}
.team1-list .team1-item{ float:left; width:25%; padding:0 .26rem; border-right:.01rem solid #e6e9eb; overflow:hidden; position:relative;}
.team1-list .team1-item:nth-of-type(4n){ margin:0 0 .7rem;}
.team1-list .team1-img{width:100%;height:4.15rem;overflow:hidden; position:relative;}
.team1-list .team1-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}
.team1-list .team1-item:hover .about4-img img{ transform:scale(1.05);}
.team1-list .team1-title{ padding:.27rem .15rem .3rem;}
.team1-list .team1-title h3{ color:#333; font-size:.28rem; line-height:.38rem; font-weight:bold; padding:0 0 .1rem; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.team1-list .team1-note{ color:#333; font-size:.17rem; line-height:.3rem; height:.9rem; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
.team1-list .team1-item a{ position:relative;}
.team1-list .team1-item a:before{display:block;content:'';position:absolute;left:50%;bottom:0;background-color:#0e5dcd;height:.03rem;width:0;-webkit-transition:all 0.3s;transition:all 0.3s}
.team1-list .team1-item a:hover:before{width:100%;left:0}
.team1-list .team1-item a:hover .team1-note,.team1-list .team1-item a:hover .team1-title h3{ color:#0e5dcd;}

.bborder h3{ margin:0; border-bottom:.01rem solid #5b768b; width:100%; display:block; position:relative;}
.bborder a{ position:absolute; right:0; top:0; background:url(../images/icon-back.png) no-repeat left .16rem; background-size:.25rem; padding:0 0 0 .4rem;}
.team1-content-show{ color:#333; font-size:.18rem; line-height:.38rem; padding:.7rem 0; overflow:hidden;}

.expert-left{ float:left; width:5.5rem; padding:0 1.5rem 0 0;}
.expert-left .expert-img{ width:4rem;}
.expert-left .expert-img img{ width:100%; border:.01rem solid #eee;}
.expert-left .expert-name{ font-size:.38rem; line-height:.48rem; font-weight:bold; padding:.4rem .4rem .2rem; text-align:center;}
.expert-left .expert-desc{ font-size:.2rem; padding:0 .24rem;}
.expert-left .expert-desc *{ text-align: center !important; font-weight: bold !important;}
.expert-left .expert-more{ padding:.3rem 0; overflow:hidden;}
.expert-left .expert-more>div{ float:left; width:48%; margin:0 4% 0 0;}
.expert-left .expert-more>div:nth-of-type(2n){ margin:0;}
.expert-left .expert-more>div a{ font-size:.21rem; height:.58rem; line-height:.56rem; display:block; font-weight:bold; color:#04569f; border:.01rem solid #04569f; padding:0 .1rem 0 .6rem;}
.expert-left .expert-more .btn1 a{ background:url(../images/icon-btn1.png) no-repeat .22rem center; background-size:.3rem;}
.expert-left .expert-more .btn2 a{ color:#0da4ab; border:.01rem solid #0da4ab; background:url(../images/icon-btn2.png) no-repeat .22rem center; background-size:.3rem;}
.expert-left .expert-more .btn1 a:hover{ color:#fff; background:#04569f url(../images/icon-btn1-hover.png) no-repeat .22rem center; background-size:.3rem;}
.expert-left .expert-more .btn2 a:hover{ color:#fff; background:#0da4ab url(../images/icon-btn2-hover.png) no-repeat .22rem center; background-size:.3rem;}
.expert-left .expert-more .btn1 a:hover{ color:#fff; background:#04569f url(../images/icon-btn1-hover.png) no-repeat .22rem center; background-size:.3rem;}
.expert-left .expert-more .btn2 a:hover{ color:#fff; background:#0da4ab url(../images/icon-btn2-hover.png) no-repeat .22rem center; background-size:.3rem;}
.expert-right{ float:left; width:9.4rem;}
.expert-right h3{ font-size:.26rem; line-height:.36rem; font-weight:bold; padding:0 0 .15rem;}

.team2 { width:100%;}
.team2 .team2Wrapper{ padding:.7rem .35rem 1.2rem; position: relative; z-index: 1; overflow:hidden;}
.team2 .section-title{ padding:0 0 .5rem 0; position:relative;}
.team2 .section-title a{ font-size:.2rem;background:#0f5dcc; color:#fff; font-weight:bold; width:2rem; height:.5rem; line-height:.48rem; border:.01rem solid #0f5dcc; text-align:center; display:inline-block; border-radius:.05rem; margin:.12rem 0 0;}
.team2 .section-title a:hover{ color:#0f5dcc;background:#fff;}
.team2-content{ color:#333; font-size:.2rem; line-height:.42rem; text-align:justify; padding:0 0 .4rem; margin:0 0 .3rem; overflow:hidden;}
.team2-list{ margin:0 -.26rem; overflow:hidden;}
.team2-list .team2-item{ float:left; width:33.33%; padding:0 .26rem; overflow:hidden; position:relative;}
.team2-list .team2-item:nth-of-type(3n){ margin:0 0 .7rem;}
.team2-list .team2-img{width:100%;height:2.8rem;overflow:hidden; position:relative;}
.team2-list .team2-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}
.team2-list .team2-item:hover .team2-img img{ transform:scale(1.05);}
.team2-list .team2-title{ padding:.33rem 0 .3rem;}
.team2-list .team2-title h3{ color:#333; font-size:.26rem; line-height:.36rem; font-weight:bold; padding:0 0 .24rem; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.team2-list .team2-note{ color:#666; font-size:.17rem; line-height:.3rem; height:1.2rem; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical;}
.team2-list .team2-item a{ position:relative;}
.team2-list .team2-item a:before{display:block;content:'';position:absolute;left:50%;bottom:0;background-color:#0e5dcd;height:.03rem;width:0;-webkit-transition:all 0.3s;transition:all 0.3s}
.team2-list .team2-item a:hover:before{width:100%;left:0}
.team2-list .team2-item a:hover .team2-note,.team2-list .team2-item a:hover .team2-title h3{ color:#0e5dcd;}

.team2 .tab-tit{ float:left; width:4.6rem; padding:0 1rem 0 0;}
.team2 .tab-tit ul{ overflow:hidden;}
.team2 .tab-tit ul li{ width:100%;}
.team2 .tab-tit ul li a{ color:#333; font-size:.2rem; height:.83rem; line-height:.82rem; padding:0 .5rem 0 .21rem; font-weight:bold; border-bottom:.01rem solid #999; display:block; position:relative; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; background:url(../images/section-right.png) no-repeat 94% center; background-size:.25rem;}
.team2 .tab-tit ul li a:before{ content:''; width:.18rem; height:.03rem; background:#0e5dcd; position:absolute; left:0; bottom:0;}
.team2 .tab-tit ul li a.on:before,.team2 .tab-tit ul li a:hover:before{ width:100%; transition: all ease .5s;}
.team2 .tab-tit ul li a.on,.team2 .tab-tit ul li a:hover{ color:#0e5dcd; background:url(../images/section-right-hover.png) no-repeat 94% center; background-size:.25rem;}
.team2 .tab-con{ float:left; width:100%;}

.tab-item{ overflow:hidden; display:flex; flex-wrap:wrap; justify-content:flex-start;}
.tab-item li{ float:left; width:23.5%; margin:0 2% 2% 0; overflow:hidden; background:#f4f7fa;}
.tab-item li:nth-of-type(4n){ margin:0 0 2%;}
.tab-item li .pic img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}
.tab-item li a{ width:100%; height:100%; display:inline-block;}
.tab-item li h3{ color:#333; font-size:.18rem; line-height:.36rem; max-height:.72rem; padding:0 .2rem; margin:0 0 .2rem; font-weight:bold; text-align:center; display:block; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.tab-item li a:hover .pic img{ transform:scale(1.05);}
.tab-item li:hover h3,.tab-item li a:hover h3,.tab-item li a:hover p{ color:#0e5dcd;}


.team3 { width:100%;}
.team3 .team3Wrapper{ padding:.7rem 0 1.2rem; position: relative; z-index: 1; overflow:hidden;}
.team3 .section-title{ padding:0 .7rem .5rem; position:relative;}
.notice-list{ padding:0 .35rem .6rem; overflow:hidden;}
.notice-list .notice-item{ overflow:hidden;}
.notice-list .notice-img{ float:left; width:2.6rem; height:1.45rem; border:.01rem solid #ededed;}
.notice-list .notice-time{ float:left; width:1.43rem; text-align:center;}
.notice-list .notice-date{ color:#215493; font-size:.34rem; line-height:.4rem; font-weight:bold;}
.notice-list .notice-year { color:#215493; font-size:.18rem; line-height:.3rem; font-weight:bold;}
.notice-list .notice-more { color:#215493; font-size:.2rem; line-height:.3rem; margin:0; font-weight:bold;}
.notice-list .notice-title{ float:left; width:10.17rem; padding:0 .56rem; border-right:.01rem solid #efefef; overflow:hidden;}
.notice-list .notice-title h3{ color:#333; font-size:.22rem; max-height:1.08rem; line-height:.36rem; font-weight:bold; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
.notice-list .notice-title p{ color:#666; font-size:.16rem; max-height:.9rem; line-height:.3rem; font-weight:bold; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
.notice-list .notice-item a{ height:100%; padding:.12rem .35rem; display:flex; align-items:center;}
.notice-list .notice-item a:hover{ color:#215493; background:#f4f7fa;}
.party1-right ul li:hover{ color:#215493; background:#f4f7fa;}
.notice-list .notice-item a:hover .notice-title h3,.notice-list .notice-item a:hover .notice-title p,.notice-list .notice-item a:hover .notice-date,.notice-list .notice-item a:hover .notice-year,.notice-list .notice-item a:hover .notice-more{ color:#215493;}
.notice-list .notice-item a:hover .notice-date:before{ background:#215493;}
.notice-list .notice-item a:hover .notice-title{ background:url(${contextPath}/statics/home/images/arrow3.png) no-repeat 96% center; background-size:.57rem;}
.notice-left{ float:left; width:56%; padding:0 0 .22rem;}
.notice-right{ float:left; width:44%; padding:0 0 0 .6rem;}
.notice-right h3{ font-size:.3rem; line-height:.42rem; margin:.15rem 0 .3rem; font-weight:normal;}
.notice-right p{ font-size:.16rem; line-height:.3rem; height:1.5rem; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:5; -webkit-box-orient: vertical;}

.noticelist2 .notice-img{ width:2.6rem; height:1.45rem;}
.noticelist2 .notice-title{ width:10.17rem; padding:0 .56rem 0 .39rem; border-right:none; border-left:.01rem solid #efefef;}
.noticelist2 .notice-time{ width:1.43rem; padding:0 .39rem 0 0;}

.party1 { width:100%;}
.party1 .party1Wrapper{ padding:.7rem .7rem .2rem; position: relative; z-index: 1; overflow:hidden;}
.party1 .section-title{ padding:0 0 .5rem; position:relative;}
.party1-container{ overflow:hidden;}
.party1-left{ float:left; width:8.85rem;}
.party1-left .party1-img{ width:100%; height:5.25rem;}
.party1-left .party1-note{ padding:.3rem .2rem; overflow:hidden;}
.party1-left .party1-note h3{ color:#333; font-size:.22rem; line-height:.36rem; font-weight:bold; margin:0 0 .2rem; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.party1-left .party1-note p{ color:#888; font-size:.16rem; max-height:.6rem; line-height:.3rem; font-weight:bold; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
.party1-right {
    float: left;
    width: 4.7rem;
    padding: .1rem 0 0 0rem;
    border-top: .07rem solid #122c80;
    margin: 0 0 0 0.65rem;
}
.party1-right ul li{ padding:.2rem 0; border-bottom:.01rem solid #ccd5e7;}
.party1-right ul li a{ color:#333; font-size:.18rem; max-height:.52rem; line-height:.26rem; font-weight:bold; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.party1-right ul li a:hover{ color:#1054b2;}

.party2 { width:100%; background:#f2f5fa; background-image: linear-gradient(to bottom, #e9eef6, #fff, #fff);}
.party2 .party2Wrapper{ padding:.7rem; position: relative; z-index: 1; overflow:hidden;}
.party2 .section-title{ padding:0 0 .5rem; position:relative;}
.party2-container{ overflow:hidden;}
.party2-list{ margin:0 -.28rem .6rem; overflow:hidden;}
.party2-list .party2-item{ float:left; width:33.33%; padding:0 .28rem;}
.party2-list .party2-img{ width:100%; height:2.8rem;}
.party2-list .party2-title{ padding:.2rem .15rem; border-bottom:.02rem solid #e5e5e5;}
.party2-list .party2-title p{ color:#333; font-size:.18rem; height:.64rem; line-height:.32rem; font-weight:bold; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.party2-list a{ width:100%; height:100%; display:block; position:relative;}
.party2-list a:before{display:block;content:'';position:absolute;left:50%;bottom:0;background-color:#0e5dcd;height:.02rem;width:0;-webkit-transition:all 0.3s;transition:all 0.3s}
.party2-list a:hover:before{width:100%;left:0}
.party2-list a:hover .party2-title{ border-bottom:.02rem solid transparent;}
.party2-list a:hover .party2-title p{ color:#1054b2;}
.party2 .slick-dots{ margin:.3rem 0 0}

.information1 { width:100%;}
.information1 .information1Wrapper{ padding:.7rem .35rem 1.2rem; position: relative; z-index: 1; overflow:hidden;}
.information1 .section-title{ padding:0 0 .4rem 0; position:relative;}
.information1-list{ padding:0 0 .6rem; overflow:hidden;}
.information1-list .information1-item{ overflow:hidden;}
.information1-list .information1-time{ float:left; width:1.3rem; padding:.3rem 0 0; text-align:center;}
.information1-list .information1-date{ color:#1256b2; font-size:.34rem; line-height:.4rem; font-weight:bold;}
.information1-list .information1-year { color:#1256b2; font-size:.18rem; line-height:.3rem; font-weight:bold;}
.information1-list .information1-title{ color:#333; font-size:.22rem; line-height:1.2rem; padding:0 .18rem; font-weight:bold; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.information1-list .information1-item a{ display:block; border-bottom:.01rem solid #e7e7e7;}
.information1-list .information1-item a:hover{ color:#1256b2; border-bottom:.01rem solid #1256b2;}
.information1-list .information1-item a:hover .information1-date,.information1-list .information1-item a:hover .information1-title{ color:#1256b2;}

.information2-list{ padding:0 0 .6rem; overflow:hidden;}
.information2-list .information2-item{ overflow:hidden;}
.information2-list .information2-title{ float:left; width:12.3rem; color:#333; font-size:.22rem; line-height:.88rem; padding:0 .4rem; font-weight:bold; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; position:relative;}
.information2-list .information2-title:before{ content:''; width:.06rem; height:.06rem; background:#999; border-radius:50%; position:absolute; top:.4rem; left:.11rem;}
.information2-list .information2-time{ float:left; width:2.6rem; color:#999; font-size:.18rem; line-height:.88rem; text-align:center; font-weight:bold;}
.information2-list .information2-item a{ display:block; border-bottom:.01rem solid #e7e7e7; overflow:hidden;}
.information2-list .information2-item a:hover{ color:#1256b2; border-bottom:.01rem solid #1256b2;}
.information2-list .information2-item a:hover .information2-title,.information2-list .information2-item a:hover .information2-time{ color:#1256b2;}
.information2-list .information2-item a:hover .information2-title:before{ background:#1256b2;}

.information2-list .information2-download{ float:left; width:2.6rem; padding:0 0 0 .6rem; font-size:.16rem; line-height:.88rem; text-align:center;}
.information2-list .information2-download span{ color:#999; width:.85rem; height:.36rem; line-height:.34rem; font-weight:bold; border:.01rem solid #b1b1b1; border-radius:.04rem; padding:0 0 0 .32rem; display:inline-block; text-align:left; background:url(../images/icon-down.png) no-repeat .12rem center; background-size:.14rem;}
.information2-list .information2-item a:hover .information2-download span{ color:#1256b2; border:.01rem solid #1256b2; background:url(../images/icon-down-hover.png) no-repeat .12rem center; background-size:.14rem;}

.achievement { width:100%;}
.achievement .achievementWrapper{ padding:.7rem .35rem 1.2rem; position: relative; z-index: 1; overflow:hidden;}
.achievement .section-title{ padding:0 0 .5rem 0; position:relative;}
.achievement-content{ color:#333; font-size:.2rem; line-height:.42rem; text-align:justify; padding:0 0 .4rem; margin:0 0 .3rem; overflow:hidden;}
.achievement-list{ margin:0; padding:0; overflow:hidden;}
.achievement-list .achievement-item{ float:left; width:50%; padding:0 .06rem; overflow:hidden; position:relative;}
.achievement-list .achievement-item:nth-of-type(2n){ margin:0 0 .12rem;}
.achievement-list .achievement-img{width:100%;height:4.37rem;overflow:hidden; position:relative;}
.achievement-list .achievement-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}
.achievement-list .achievement-item:hover .achievement-img img{ transform:scale(1.05);}
.achievement-list .achievement-title{ width:100%; padding:0 .9rem; text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:11;}
.achievement-list .achievement-title h3{ color:#fff; font-size:.34rem; line-height:.46rem; font-weight:bold; padding:0 0 .24rem;}
.achievement-list .achievement-title h4{ color:#fff; font-size:.24rem; line-height:.36rem;}
.achievement-list .achievement-item a{ width:100%; height:100%; display:block; position:relative;}
.achievement-list .achievement-img:before{display:block;content:'';position:absolute;left:0;top:0;background:rgba(0,0,0,.6);height:100%;width:100%; z-index:10;}
.achievement-list .achievement-item:hover .achievement-img:before{background:rgba(0,0,0,.4);}


.job { width:100%;}
.job .jobWrapper{ padding:.7rem .35rem 1.2rem; position: relative; z-index: 1; overflow:hidden;}
.job .section-title{ width:15.6rem; margin:0 auto; padding:.7rem .35rem 0; position:relative;}
.job-content{ height:8.91rem; background:url(../images/img46.jpg) no-repeat top center; background-size:cover; overflow:hidden; position:relative;}
.job-content .jobWrapper{ width:15.06rem; height:8.91rem; padding:0; margin:0 auto; overflow:hidden;}
.job-list{ margin:0 -.26rem; overflow:hidden;}
.job-list .job-item{ float:left; overflow:hidden; position:relative;}
.job-list .job-img{ width:100%; overflow:hidden; position:relative;}
.job-list .job-img img{width:100%;height:100%;}
.job-list .job-title{ padding:.35rem .5rem .47rem; background:#2c82c3;}
.job-list .job-title h3{ color:#fff; font-size:.24rem; line-height:.36rem; font-weight:bold; padding:0 0 .15rem; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.job-list .job-note{ color:#fff; font-size:.18rem; line-height:.3rem; overflow:hidden;}
.job-list .s1{ width:6.08rem; position:absolute; left:0; bottom:0;}
.job-list .s2{ width:4.47rem; position:absolute; left:6.08rem; bottom:0;}
.job-list .s2 .job-title{ min-height:2.69rem; background:#187f6f}
.job-list .s3{ width:4.51rem; position:absolute; right:0; bottom:4.15rem;}
.job-list .s4{ width:4.51rem; position:relative; position:absolute; right:0; bottom:0;}
.job-list .s3 .job-img,.job-list .s4 .job-img{ position:relative;} 
.job-list .s3 h3{ color:#fff; font-size:.24rem; line-height:.36rem; font-weight:bold; padding:0 .5rem; position:absolute; bottom:.3rem; z-index:10;}
.job-list .s4 h3{ color:#fff; font-size:.24rem; line-height:.36rem; font-weight:bold; padding:0 .8rem; position:absolute; bottom:1.3rem; z-index:10;}

.searchjob .section-title{ padding:.7rem .35rem .6rem;}
.searchjob .join-search{ float:right; width:7.8rem; height:.62rem; margin:0 .3rem 0 0; overflow:hidden; position:relative;}
.searchjob .search-icon{ height:.23rem; line-height:.23rem; position:absolute;left:0;top:.2rem;padding:0 .35rem;border-right:.01rem solid #aaa; background:url(../images/search2.png) no-repeat .3rem center; background-size:.2rem;}
.searchjob .join-search input{ width:88%; height:.62rem; line-height:.6rem; outline:0; font-size:.18rem; color:#aaa; background:#fff; border:.01rem solid #aaa; padding:0 1rem; border-radius:.3rem 0 0 .3rem;}
.searchjob .search-btn{ float:right; width:12%; text-align:center;display: block; line-height: .6rem; height: .62rem; font-size: .2rem; font-weight:bold; color: #fff; background: #0f54b1; border-radius: 0 .3rem .3rem 0; outline: none; border:none;}
.searchjob .search-btn:hover{color:#fff;background:#0054a5}

.job .tab-tit{ text-align:center;}
.job .tab-tit ul{ display:inline-block; overflow:hidden;}
.job .tab-tit ul li{ float:left; min-width:1.9rem; margin:0 .1rem .1rem;}
.job .tab-tit ul li a{ color:#666; font-size:.2rem; height:.48rem; line-height:.48rem; padding:0 .5rem; text-align:center; background:#e9edf3; border-radius:.04rem; display:block; position:relative;}
.job .tab-tit ul li a.on,.job .tab-tit ul li a:hover{ color:#fff; background:#0f54b1;}
.job .tab-con{ padding:.3rem 0;}

.job .tab-item{ overflow:hidden; display:flex; flex-wrap:wrap; justify-content:flex-start;}
.job .tab-item li{ float:left; width:31.93%; margin:0 2% 2% 0; overflow:hidden; background:#f4f7fa;}
.job .tab-item li:nth-of-type(3n){ margin:0 0 2%;}
.job .tab-item li .pic img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}
.job .tab-item li a{ width:100%; height:100%; display:inline-block;}
.job .tab-item li h3{ color:#333; font-size:.18rem; line-height:.36rem; padding:0 .2rem .3rem; font-weight:bold; text-align:center; display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.job .tab-item li a:hover .pic img{ transform:scale(1.05);}
.job .tab-item li:hover h3,.tab-item li a:hover h3,.tab-item li a:hover p{ color:#0e5dcd;}


.quicknav{ color:#c4c4c4; margin:0 auto; height:.9rem; line-height:.9rem;}
.quicknav a{ color:#c4c4c4;}
.quicknav a:hover,.nextnews a:hover{ color:#0e5dcd;}
.newscontainer { width:100%;}
.newscontainer .newsWrapper{ padding:.16rem .35rem .6rem; position: relative; z-index: 1; overflow:hidden;}
.newscontainer .section-title{ padding:0 0 .5rem 0; position:relative;}
/**News Detail**/
.newsDetail{ float:left; width:10.5rem; overflow:hidden;}
.newsDetail .newsTitle{ position:relative;}
.newsDetail .newsTitle h1{ color:#333; font-size:.36rem; line-height:.54rem; font-weight:bold; min-height:1.08rem; display:flex; align-items:center;}
.newsDetail .newsTitle .datatime{ font-size:.16rem; color:#bfbfbf; padding:.15rem 0 0; line-height:.78rem; border-bottom:.01rem solid #e9e9e9;}
.newsDetail .newsTitle .datatime span{ padding:0 .17rem; display:inline-block;}

.newsDetail .newsContent{ width:100%; margin:0 auto; font-size:.2rem; line-height:.42rem; padding:.5rem 0 0;}
/* .newsDetail .newsContent p{ margin:0 0 .3rem;} */
.newsDetail .newsContent img{ max-width:100%;}
.newsDetail .newsContent table{border:solid #ddd; border-width:.01rem 0px 0px .01rem; line-height:.36rem;}
.newsDetail .newsContent th{ background:#eaf1f8; padding:.1rem 0;}
.newsDetail .newsContent th,.newsDetail .newsContent td{border:solid #ddd; border-width:0 .01rem .01rem 0;}
.newsDetail .newsContent td{ padding:.1rem;}


.nextnews { font-size:.18rem; line-height:.36rem; margin:2.2rem 0 .2rem; padding:.3rem 0 0; position:relative; border-top:.01rem solid #e9e9e9;}
.nextnews a{ color:#666; font-weight:bold;}
.newsDetail .newsContent .nextnews p{ margin:0;}
.rightnews{ float:right; width:3.6rem;}
.rightnews h3{ font-size:.3rem; line-height:.4rem; padding:0 0 .25rem; margin:1.36rem 0 0; font-weight:bold; border-bottom:.01rem solid #e9e9e9; }
.rightnews .section3-list{ padding:.54rem 0 0;}
.rightnews .section3-list .section3-item a{ color:#666;}
.rightnews .section3-list .section3-item a:hover{ color:#1256b2;}

.history .bigtitle{ color:#18488d; font-size:1.2rem; line-height:1.4rem; font-weight:bold; text-align:center;}
.history .history-list{ width:10.2rem; margin:0 auto; padding:.8rem 0; background:url(../images/img55.jpg) no-repeat center top; position:relative; overflow:hidden;}
.history .history-line{ height:100%; width:.03rem; background:#18488d; position:absolute; left:50%; top:.12rem; margin:0 0 0 -.015rem; z-index:0;}
.history .history-item{ color:#333; float:left; width:5.15rem; min-height:4.1rem; padding:0 .95rem 0 0; margin:0 0 .5rem; overflow:hidden; background:url(../images/img54.jpg) no-repeat right .15rem; position:relative; z-index:10; text-align:right; font-size:.18rem; line-height:.28rem;}
.history .history-item .history-class{ color:#fff; font-size:.2rem; line-height:.38rem; padding:0 .12rem; margin:.06rem 0 .1rem; font-weight:bold; background:#1cb1c6; display:inline-block;}
.history .history-item .history-year{ color:#333; font-size:.34rem; line-height:.44rem; font-weight:bold; font-style:italic;}
.history .history-item img{ width:4rem;}
.history .history-item .history-note h3,.history .history-item .history-note p{ font-size:.18rem; margin:0 0 .1rem;}
.history .history-item .history-note{ color:#333; font-size:.18rem; line-height:.28rem; padding:.1rem 0 0;}
.history .right-hi{ float:right; width:5.16rem; margin:-3.36rem 0 0; padding:0 0 0 .95rem; text-align:left; background:url(../images/img56.jpg) no-repeat left .15rem;}

.about1-history { width:100%; height:11.74rem; background:url(../images/img60.jpg) no-repeat top center; background-size:cover;}
.about1-history .historyWrapper{ padding:.9rem 0 0;}
.about1-history .section-title{ padding:0 0 .5rem 0; position:relative;}
.about1-history .section-title h3{ color:#fff; background:url(../images/icon-titleline2.png) no-repeat left bottom;}
.about1-history .history-box{ width:100%; margin:0 auto .6rem; overflow:hidden;}
.about1-history .history-item{ color:#fff; font-size:.18rem; line-height:.28rem; margin:0 0 .2rem;}
.about1-history .history-item .history-class{ color:#fff; font-size:.16rem; line-height:.3rem; padding:0 .1rem; margin:.06rem 0 .1rem; font-weight:bold; background:#1cb1c6; display:inline-block;}
.about1-history .history-item .history-year{ color:#fff; font-size:.24rem; line-height:.34rem; font-weight:bold; font-style:italic;}
.about1-history .history-item .history-note p{ margin:0 0 .1rem;}
.about1-history .history-item .history-note{ color:#fff; font-size:.18rem; line-height:.28rem;}
.about1-history .history-item a{ color:#fff; display:block;}

.about1-history .history-con{ max-height:8.4rem; padding:.25rem .4rem .3rem .3rem; background:url(../images/icon-line.png) no-repeat .02rem bottom; overflow-y:auto; word-break: break-all;}
.about1-history .history-con::-webkit-scrollbar{width:.05rem}
.about1-history .history-con::-webkit-scrollbar-track{background-color:#e2e2e2}
.about1-history .history-con::-webkit-scrollbar-thumb{background-color:#b6b9c1;border-radius:.5rem}
.about1-history .history-con::-webkit-scrollbar-thumb:hover{background-color:#555}

.about1-history .history-tit{ width:100%; height:1.1rem; position:relative;}
.about1-history .history-tit a{ color:rgba(255,255,255,.5); float:left; font-size:.6rem; line-height:.7rem; padding:0 0 .45rem; font-weight:bold; position:relative;}
.about1-history .history-tit a:before{ content:''; width:.18rem; height:.18rem; background:#e6e6e6; border-radius:.09rem; position:absolute; left:0; bottom:0; margin:0;}
.about1-history .history-tit a.slick-current{ color:#fff;}
.about1-history .history-tit a.slick-current:before{ background:#fff;}
.about1-history .history-prev,.about1-history .history-next{ font-size:.3rem; width:.48rem; height:.48rem; line-height:.48rem; text-align:center; border-radius:50%; position:absolute; cursor:pointer; z-index:2;}
.about1-history .history-prev{ background:#e6e6e6 url(../images/left.png) no-repeat center; background-size:.2rem; top:.12rem; left:-.7rem;}
.about1-history .history-next{ background:#e6e6e6 url(../images/right.png) no-repeat center; background-size:.2rem; top:.12rem; right:.3rem;}
.about1-history .history-prev:hover{ background:#1cb1c6 url(../images/left-hover.png) no-repeat center; background-size:.2rem;}
.about1-history .history-next:hover{ background:#1cb1c6 url(../images/right-hover.png) no-repeat center; background-size:.2rem;}


.pages{ width:100%; color:#1a4b85; overflow:hidden; text-align:center; padding:0; margin:.5rem 0 0; line-height:.52rem;}
.pages span{ padding:0 .06rem; display:inline-block; color:#555;}
.pages a{ display:block; color:#333; text-align:center; padding:0 .2rem; line-height:.5rem; overflow:hidden; box-sizing:border-box; font-size:.16rem; background:#fff; border-radius:.05rem;border:1px solid #dedede;}
.pages span.pg_num_current a{ display:block; background:#0e5dcd; color:#fff; border:.01rem solid #0e5dcd;}
.pages a:hover{background:#dedede; color:#fff;}
.pages span.pg_home_dis,span.pg_prev_dis,span.pg_next_dis,span.pg_end_dis{ margin:0 .06rem; display:inline-block; color:#555; text-align:center; padding:0 .26rem; line-height:.5rem; overflow:hidden; box-sizing:border-box; font-size:.16rem; background:#f5f5f5; border-radius:.05rem;border:1px solid #dedede; cursor:not-allowed}
.pages span.ttips{ margin:0 .06rem; display:inline-block; color:#555; text-align:center; padding:0 .06rem; line-height:.5rem; overflow:hidden; box-sizing:border-box; font-size:.16rem;}


@media (min-width:1921px){

}

@media (max-width: 1919px){ 
.about1-img{ text-align:right;}
body{ overflow-x:hidden;}
}


.wap{ display:none}

@media (max-width: 1288px){ 
.site-en{ width:1.3rem;}
}
@media (max-width: 1200px){ 
.menuIcon,.menuIcon2{position:absolute; right:0px; top:0px; z-index:996; cursor:pointer;}
.btn-nav{background:0 0;border:none;padding:14px 20px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;cursor:pointer;z-index:99999}
.btn-nav:focus{outline:0}
.icon-bar{display:block;margin:5px 0;width:25px;height:2px;background-color:#fff}
.btn-nav:hover .icon-bar{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;background-color:#fff}
.animated2{display:block;margin:0 auto}
.animated2:focus .icon-bar,.animated2:hover .icon-bar{background-color:#fff}
.animated2:focus{cursor:pointer;z-index:9999}

.icon-bar3{display:block;margin:5px 0;width:23px;height:2px;background-color:#fff}
.btn-nav3:hover .icon-bar3{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;background-color:#fff}
.animated3{display:block;margin:0 auto}
.animated3:focus .icon-bar,.animated3:hover .icon-bar{background-color:#fff}
.animated3:focus{cursor:pointer;z-index:9999}


.middle{width:18px;}
.icon-bar{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;z-index:999999}
.animated2 .icon-bar{z-index:999999;background-color:#fff}
.animated2 span.ztop{-webkit-transform:translateY(6px) rotateZ(45deg);-moz-transform:translateY(6px) rotateZ(45deg);-ms-transform:translateY(6px) rotateZ(45deg);-o-transform:translateY(6px) rotateZ(45deg);transform:translateY(6px) rotateZ(45deg)}
.animated2 span.zbottom{-webkit-transform:translateY(-8px) rotateZ(-45deg);-moz-transform:translateY(-8px) rotateZ(-45deg);-ms-transform:translateY(-8px) rotateZ(-45deg);-o-transform:translateY(-8px) rotateZ(-45deg);transform:translateY(-8px) rotateZ(-45deg)}
.animated2 span.zmiddle{width:0}

.menuIcon2{ background:url(../images/icon_05.png) no-repeat center center; background-size:.28rem; width:.97rem; height:.7rem; display:none;}
header{ left:0; top:0; width:100%; height:.85rem; z-index:1000;position:fixed; background:none;transition:background 0.4s ease-out 0.5s; -webkit-transition:background 0.4s ease-out 0.5s;}
header .logo{ position:absolute; left:.2rem; top:.1rem; width:3rem; height:.64rem; background:url(../images/logo.png) no-repeat left center; background-size:3rem;}
header .logo a{ display:block; width:100%; height:100%;}
header.showMenu{ position:fixed; transition:background 0s ease-out; -webkit-transition:background 0s ease-out;}
header.showMenu .logo a{ color:#fff;}
header.showMenu .animated2 .icon-bar{ background:#fff;}
.menuMain{ position: fixed; left:0; top:0; width:100%; height:100%; z-index:999; background:#0e5dcd; display:none; margin:0; padding:0; overflow:hidden; overflow-y: scroll;}
.menuBox{ margin:.85rem 0px .3rem 0px; padding:0 .3rem; height:100%; position:relative; overflow:hidden; overflow-y:scroll;}
.menuBox li{ padding:0 0px 0 0; position:relative; line-height:.74rem; background:url(../images/icon_01-.png) no-repeat 98% .28rem; background-size:.18rem; display:block;}
.menuBox li>a{ height:.74rem; line-height:.74rem; color:rgba(255,255,255,1); font-size:.24rem; opacity:0.8}
.menuBox li>i{ width:100%; height:.74rem; line-height:.74rem; display:block; position:absolute;}
.menuBox li.on{ background-image:url(../images/icon_02--.png);}
.menuBox li.link{ background-image:url(../images/icon_03.png);}
.menuBox li.link a{ display:block;}
.menuBox li.searchBtn>a{ background: url(../images/icon_04.png) no-repeat left center;background-size:.22rem; text-indent:.28rem; display:block;}
.menuBox .linkBtn{ padding-top:.54rem; text-align:center;}
.menuBox .linkBtn a{height:.74rem; line-height:.74rem; color:rgba(255,255,255,0.5); padding:0 .46rem; border-radius:5px; display:inline-block; margin:0 15px; font-size:.22rem; position:relative;}
.menuBox .linkBtn a:after{border-radius:10px;}
.menuBox .serList{ overflow:hidden; display:none; padding:0 0 12px;}
.menuBox .serList a{ width:50%; display:inline-block; height:.7rem; line-height:.7rem; font-size:.24rem; float:left; color:rgba(255,255,255,0.6); position:relative; background-repeat:no-repeat; background-position:.23rem center; background-size:.43rem; text-indent:.92rem; text-transform:capitalize;}
.menuBox .serList a{ width:100%; text-indent:.3rem;}
.menuBox .preBox ul{ padding:0 .3rem;}
.menuBox .preBox{ position:absolute; left:0; top:0; width:100%;
-webkit-transform: translateY(0px); transform:translateY(0px);
 transition:-webkit-transform 0.35s linear;
    transition: transform 0.35s linear;}
    
.menuBox li,.linkBtn{opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(1.1) translateY(-.37rem);
    transform: scale(1.1) translateY(-.37rem);
    -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;}
.showMain .menuBox li,.showMain .linkBtn{opacity: 1;pointer-events: auto; -webkit-transform: none; transform: none;}
.showMain .menuBox li:first-child{display:none;}
.showMain .menuBox li:nth-child(2){-webkit-transition-delay: 100ms,100ms; transition-delay: 100ms,100ms;}
.showMain .menuBox li:nth-child(3){-webkit-transition-delay: 180ms,180ms; transition-delay: 180ms,180ms;}
.showMain .menuBox li:nth-child(4){-webkit-transition-delay: 260ms,260ms; transition-delay: 260ms,260ms;}
.showMain .linkBtn{-webkit-transition-delay: 340ms,340ms; transition-delay: 340ms,340ms;}
.menuBox .linkBtn{ padding:1rem 0 0; margin:0 .36rem; border-bottom:.02rem solid rgba(220,220,220,.5); overflow:hidden; position:relative;}
.menuBox .linkBtn .search_txt{ float:left; width:92%; height:.74rem; line-height:.74rem; color:rgba(255,255,255,0.6); font-size:.22rem !important; padding:0; border:none; background:transparent;}
.menuBox .linkBtn .search_btn{ float:left; width:8%; height:.74rem; line-height:.74rem; color:#fff; font-size:.74rem; border:none; background:url(../images/search-w.png) no-repeat center center; background-size:20px;}
.menuBox .linkBtn input::-webkit-input-placeholder{color:#fff}
.menuBox .linkBtn input:-moz-placeholder{color:#fff}
.menuBox .linkBtn input::-moz-placeholder{color:#fff}
.menuBox .linkBtn input:-ms-input-placeholder{color:#fff}
.menuBox .linkCn{ padding:.6rem 0 0; border-bottom:none; text-align:center;}

.menuBox .preBox ul{ padding:0 .36rem;}
.menuBox .preBox{ position:absolute; left:0; top:0; width:100%; -webkit-transform: translateY(0px); transform:translateY(0px); transition:-webkit-transform 0.35s linear; transition: transform 0.35s linear;}

.menuBox li,.linkBtn{opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(1.1) translateY(-.37rem);
    transform: scale(1.1) translateY(-.37rem);
    -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;}
.showMain .menuBox li,.showMain .linkBtn{opacity: 1;pointer-events: auto; -webkit-transform: none; transform: none;}
.showMain .menuBox li:nth-child(2){-webkit-transition-delay: 100ms,100ms; transition-delay: 100ms,100ms;}
.showMain .menuBox li:nth-child(3){-webkit-transition-delay: 180ms,180ms; transition-delay: 180ms,180ms;}
.showMain .menuBox li:nth-child(4){-webkit-transition-delay: 260ms,260ms; transition-delay: 260ms,260ms;}
.showMain .linkBtn{-webkit-transition-delay: 340ms,340ms; transition-delay: 340ms,340ms;}

.showMain .text{ color:#fff; font-size:.56rem; position:fixed; left:4rem; line-height:1.33rem;}
/****************************************************************************/
.bBor:after,.tBor:before{ position:absolute;content:"";height:1px;background:rgba(220,220,220,.5);left:0;right:0}
.tBor:before{top:0}
.bBor:after{bottom:0}
.lBor:before,.rBor:after{position:absolute;content:"";width:1px;background:rgba(220,220,220,.5);top:0;bottom:0}
.lBor:before{left:0}
.rBor:after{right:0}
.trblBor:after{position:absolute;content:"";top:0;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;border:1px solid rgba(220,220,220,.5);point-events:none}
@media (min--moz-device-pixel-ratio:1.5),(-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min-resolution:144dpi),(min-resolution:1.5dppx),(-ms-high-contrast:active),(-ms-high-contrast:none){.bBor:after,.tBor:before{-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);-o-transform:scaleY(.5);transform:scaleY(.5)}
.lBor:before,.rBor:after{-webkit-transform:scaleX(.5);-ms-transform:scaleX(.5);-o-transform:scaleX(.5);transform:scaleX(.5)}
.trblBor:after{width:200%;height:200%;-webkit-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}
.lBor:before,.tBor:before,.trblBor:after{-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.bBor:after,.rBor:after{-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-o-transform-origin:100% 100%;transform-origin:100% 100%}
}
@media (-webkit-device-pixel-ratio:1.5){.bBor:after,.tBor:before{-webkit-transform:scaleY(.6666);-ms-transform:scaleY(.6666);-o-transform:scaleY(.6666);transform:scaleY(.6666)}
.lBor:before,.rBor:after{-webkit-transform:scaleX(.6666);-ms-transform:scaleX(.6666);-o-transform:scaleX(.6666);transform:scaleX(.6666)}
.trblBor:after{width:150%;height:150%;-webkit-transform:scale(.6666);-ms-transform:scale(.6666);-o-transform:scale(.6666);transform:scale(.6666)}
}
@media (-webkit-device-pixel-ratio:3){.bBor:after,.tBor:before{-webkit-transform:scaleY(.3333);-ms-transform:scaleY(.3333);-o-transform:scaleY(.3333);transform:scaleY(.3333)}
.lBor:before,.rBor:after{-webkit-transform:scaleX(.3333);-ms-transform:scaleX(.3333);-o-transform:scaleX(.3333);transform:scaleX(.3333)}
.trblBor:after{width:300%;height:300%;-webkit-transform:scale(.3333);-ms-transform:scale(.3333);-o-transform:scale(.3333);transform:scale(.3333)}
}


}

@media (max-width: 1180px){ 
.header{ display:none;}
header.wap{ display:block;}
.blackfont{background-color: #0e5dcd;}
.banner-section .scroll{display:none}

}



@media screen and (max-width: 1025px) {
.home body{ overflow:visible;}
.body_b{ position:static;}
.body_home{ background:#fff;}
.body_home .bb{ display:none;}
body{ min-width:320px; font:.22rem/1.8 Arial, Helvetica, sans-serif;}
.right_side{ display:none !important;}
input, select { font: .22rem/2 Arial, Helvetica, sans-serif;}
.indexpc{ display:none !important;}
.indexwap{ display:block !important;}

.slick-dots { margin-top: .36rem;}
.slick-dots li { width:.2rem; height:.2rem; margin-right:.2rem;}

.swiper1{ height:100vh; margin:0;}
.swiper1 .swiper-slide{ height:100vh;}
.sectionWrapper{ width:100%; max-width:100%; padding:0 .2rem .4rem;}

.section{ height:auto}
.inner{width:100%;margin:0 auto}
.slick-dots { margin: 0; padding: 0; list-style: none; width: 100%; text-align: center; margin-top:0;}
.slick-dots li { display: inline-block; float:none; width: .14rem; height: .14rem; background:#eee; border-radius: 50%; margin-right: .07rem;}
.slick-dots li:last-child { margin-right: 0;}
.slick-dots li.slick-active { background: #2193b8; background-image: linear-gradient(to right, #2193b8, #439f80, #e47d1f);}

/***********banner***********/
.swiper1 { height:5.02rem; margin:.85rem 0 0;}
.swiper1 .arrow-left0,.swiper1 .arrow-right0 { display:none;}

.swiper1 .swiper-slide{height: 4.6rem;width: 100%; position:relative;}
.swiper1 .inner{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding:0;}
.swiper1 .note{ width:100%; height:auto; line-height:.48rem; padding:.2rem 0; position:absolute; left:0; bottom: 0; background:rgb(4,54,124,.7);}
.swiper1 .note a{ color:#fff; font-size:.24rem; line-height:.48rem; font-weight:bold; display:inline-block; padding:0 .35rem; white-space:normal; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.swiper1 .slick-dots { margin: 0; padding: 0; list-style: none; width:100%; text-align: center; position:static; margin:.2rem 0 0;}
.swiper1 .slick-dots li { background:#eee; display: inline-block; width: .14rem; height:.14rem; margin: 0 .06rem; border-radius:.07rem; cursor: pointer;}
.swiper1 .slick-dots li.slick-active { width:.42rem; height:.14rem; border-radius:.18rem;background: #2193b8; background-image: linear-gradient(to right, #2193b8, #439f80, #e47d1f);}
.body_home.showdiv .swiper1 .arrow-left0,.body_home.showdiv .swiper1 .arrow-right0{ display:none !important;}

.section-title{ overflow:hidden;}
.section-title h3{  font-size:.3rem; line-height:.48rem; background-size:1rem; padding:0 0 .14rem;}
.section-title a{ font-size:.22rem; line-height:.48rem; margin:0;}

.section1 { width:100%; padding:.3rem 0; margin:0;}
.section1 .section1Wrapper{ overflow:hidden;}
.section1 .section-left{ float:none; padding:0; width:100%; border-right:none;}
.section1 .section1-content{ margin:.3rem 0 .4rem; overflow:hidden; position:relative;}
.section1 .tab-tit{ display:none;}
.section1 .tab-con{ float:left; width:100%; height:9.3rem; position:relative;}
.section1 .tab-img{ width:100%; height:100%;}
.section1 .tab-title{ color:#fff; font-size:.24rem; line-height:.48rem; font-weight:bold; width:100%; height:1.4rem; padding:.2rem .3rem 0 .3rem; background:url(../images/img2.png) no-repeat left bottom; background-size:cover; position:absolute; left:0; bottom:0;}

.section2-content{ overflow:hidden;}
.section2-left{ float:none; width:100%; padding:0;}
.section2-list{ padding:.3rem 0 0;}
.section2-list .section2-item{ width:100%; height:9.5rem; position:relative;}
.section2-list .list-title{ font-size:.24rem; height:.74rem; line-height:.74rem; padding:0 .21rem;}
.section2-right{ float:none; width:100%; margin:.4rem 0 .6rem;}


.section3-list{ padding:.3rem 0 0;}
.section3-list .section3-item{ margin:0 0 .3rem;}
.section3-list .section3-item a{ font-size:.24rem; width:100%; height:auto; line-height:.48rem; padding:0 0 .3rem;}

.section1 .section-right{ float:none; padding:0; width:100%;}
.section4-content{ margin:0 0 .6rem;}
.section4-list{ padding:.3rem 0 0;}
.section4-list .section4-item{ margin:0 0 .3rem;}
.section4-list .section4-title{ font-size:.24rem; width:100%; height:auto; line-height:.48rem;}
.section4-list .section4-time{ font-size:.23rem;  padding:.1rem 0 .2rem;}

.section5-list{ padding:.3rem 0 0;}
.section5-list .section5-item{ margin:0 0 .3rem; position:relative;}
.section5-list .section5-item a{ font-size:.24rem; height:auto; line-height:.48rem;}

.section2 .section2Wrapper{ padding:0;}
.main4-1{ float:none; width:100%; max-width:none; height:8rem; padding:.8rem .3rem 0; background:url(../images/img8.jpg) no-repeat right bottom; background-size:cover;}
.main4-1 .section-title{ padding:0 0 .8rem 0;}
.main4-1 .section-title h3{ background-size:1rem;}
.main4-1 .main4-1-note{ color:#fff; font-size:.24rem; line-height:.48rem; text-align:justify; overflow:hidden;}
.main4-1 .main4-1-more{ margin:.5rem 0 0; }
.main4-1 .main4-1-more a{ font-size:.23rem;}

.main4-2{ float:none; width:100%; max-width:none; height:8rem;}
.main4-2 .section-title,.main4-3 .section-title,.main4-4 .section-title{ width:100%; padding:0 .3rem; height: .48rem; left:0; bottom:.6rem;}
.main4-2 .section-title h3,.main4-3 .section-title h3,.main4-4 .section-title h3{ font-size:.3rem; height:auto; line-height:.48rem;}
.main4-2 .section-title p,.main4-3 .section-title p,.main4-4 .section-title p{ font-size:.22rem; line-height:.48rem;}
.main4-2 .main4-2-more,.main4-3 .main4-2-more,.main4-4 .main4-2-more{ margin:.3rem 0 0; }
.main4-2 .main4-2-more a,.main4-3 .main4-2-more a,.main4-4 .main4-2-more a{ font-size:.22rem; }
.main4-3,.main4-4{ float:none; width:100%; max-width:none; height:8rem; position: relative;}
.main4-2:hover .section-title,.main4-3:hover .section-title{ height: 1.5rem;}
.main4-4 .section-title{ height: .96rem;}
.main4-3 .section-title h3{ padding:0;}
.main4-4:hover .section-title{ height: 1.9rem;}

.section3 { width:100%; padding:.3rem 0 .5rem;}
.part-left{ float:none; width:100%; padding:0;}
.part-left ul{ padding:.3rem 0 0;}
.part-left ul li{ margin:0 0 .28rem;}
.part-left ul li a{ font-size:.24rem; line-height:.48rem;}

.section3 .section-title{ padding:0 0 .3rem; position:relative;}
.section3 .section-more2{ position:absolute; right:0; top:.1rem; margin:0;}
.part-content1 .part-right{ float:none; width:100%; margin:.3rem 0;}
.part-right ul{ padding:.3rem 0 0;}
.part-right ul li{ float:left; width:48%; margin:0 4% 4% 0; position:relative;}
.part-right ul li:nth-of-type(2n){ margin:0 0 4%;}
.part-right ul li h3{ color:#333; font-size:.24rem; line-height:.48rem; font-weight:bold; display:block; position:relative; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.part-right ul li p{ color:#959595; font-size:.23rem; line-height:.42rem; padding:.1rem 0;}
.part-right ul li a{ width:100%; height:auto; border:.01rem solid #1457b3; border-bottom:.07rem solid #1457b3; padding:1.28rem .3rem .2rem; display:inline-block; text-align:center;}
.part-right ul li a.icon-1{ background:url(../images/icon-job1.png) no-repeat center .22rem; background-size:.8rem;}
.part-right ul li a.icon-2{ background:url(../images/icon-job2.png) no-repeat center .22rem; background-size:.8rem;}
.part-right ul li a.icon-3{ background:url(../images/icon-job3.png) no-repeat center .22rem; background-size:.8rem;}
.part-right ul li a.icon-4{ background:url(../images/icon-job4.png) no-repeat center .22rem; background-size:.8rem;}
.part-right ul li a.icon-1:hover{ color:#fff; background:url(../images/icon-job1-hover.png) no-repeat center .22rem; background-size:.8rem;}
.part-right ul li a.icon-2:hover{ color:#fff; background:url(../images/icon-job2-hover.png) no-repeat center .22rem; background-size:.8rem;}
.part-right ul li a.icon-3:hover{ color:#fff; background:url(../images/icon-job3-hover.png) no-repeat center .22rem; background-size:.8rem;}
.part-right ul li a.icon-4:hover{ color:#fff; background:url(../images/icon-job4-hover.png) no-repeat center .22rem; background-size:.8rem;}
.part-right ul li a:hover{ border:.01rem solid transparent; border-bottom:.07rem solid transparent;}
.part-right ul li a:hover h3,.part-right ul li a:hover p{ color:#fff;}

.part-content2{ margin:.3rem 0 .4rem;}
.part-content2 ul { padding:.2rem 0 0; overflow:hidden; display:flex; flex-wrap:wrap; justify-content:space-between;}
.part-content2 ul li{ float:left; width:48%; margin:0 4% 0 0;}
.part-content2 ul li:nth-child(4n){ margin:0 4% 0 0;}
.part-content2 ul li:nth-child(2n){ margin:0 0 0;}
.part-content2 ul li a{ color:#666; font-size:.24rem; line-height:.48rem; padding:.2rem; display:block; white-space:normal;}

.link-list{ margin:0 -.1rem;}
.link-list ul { overflow:hidden; display:flex; flex-wrap:wrap; justify-content:flex-start; align-items: center;}
.link-list ul li{ float:left; width:25%; padding:.1rem; text-align:center; overflow:hidden; position:relative;}
.link-list ul li img{ transition:transform 0.3s ease; border:1px solid #eee;}
.link-list ul li a:hover img{transform:scale(1.05)}
.link-list ul li:before{ background:none;}
.link-list ul li a{ display:block;}
.izl-rmenu .btn-top{width: 0.68rem;height: 0.68rem;line-height: .68rem;font-size: .2rem;}
.izl-rmenu .btn-top::after{width: 0.16rem; height: 0.36rem;left: 0.25rem;}



.banner-section{ width:100%; height:3.3rem; margin:.85rem 0 0;}
.banner-nav{ width:100%; height:auto; line-height:.71rem; padding:0 .2rem;}
.banner-nav ul{ width:100%; margin:0 auto; padding:0; display:flex; white-space:nowrap; flex-wrap:nowrap; justify-content:flex-start; overflow-x:auto;}
.banner-nav ul li{ float:left; width:auto; text-align:center; flex: 0 0 auto; padding:0; white-space:nowrap;}
.banner-nav ul li a{ font-size:.24rem; font-weight:bold; width:100%; padding:0 .2rem; height:auto; min-height:.71rem; display:block; position:relative;}
.banner-nav ul li a.on:before,.banner-nav ul li a:before{ display:block;content:'';position:absolute;left:50%;bottom:0; background:#1c9bae; background: linear-gradient(to right, #1c9bae, #d5780b);height:.05rem;width:0%;-webkit-transition:all 0.3s;transition:all 0.3s}
.banner-nav ul li a.on:before,.banner-nav ul li a:hover:before{width:100%;left:0}
.banner-nav ul li a:hover{ color:#333;}
.banner-three ul li{ width:33.33%;}

.about1{ padding:.4rem 0 0;}
.about1 .section-title{ padding:0 0 .3rem 0;}
.about1-img{ position:static; width:100%; height:auto;}
.about1-note{ float:none; font-size:.24rem; line-height:.48rem; width:100%; padding:0 0 .3rem;}
.about2-note{ font-size:.24rem; line-height:.48rem;}
.about1-img img{ width:100%;}
.about1-history{ height:auto; background:url(../images/img60-wap.jpg) no-repeat bottom center; background-size:100%;}
.about1-history .historyWrapper{ padding:.4rem .2rem;}
.about1-history .history-tit a:before{ left:.03rem;}
.about1-history .history-item{ margin:0 0 .3rem;}
.about1-history .history-item,.about1-history .history-item .history-note,.about1-history .history-item .history-class{ font-size:.24rem; line-height:.48rem;}
.about1-history .history-con{ max-height:none; padding:.3rem;}
.about1-history .history-item h3{ margin:0 0 .3rem;}
.about1-history .history-prev{ left:auto; right:.9rem;}
.about1-history .section-title h3{ background-size:1rem;}


.history .bigtitle{ font-size:.46rem; line-height:.66rem;}
.history .history-list{ width:100%; margin:0 auto; padding:1.8rem 0 0; background:url(../images/img55.jpg) no-repeat left top; background-size:.36rem; position:relative; overflow:hidden;}
.history .history-line{ height:100%; width:.01rem; background:#18488d; position:absolute; left:.2rem; top:.12rem; margin:0 0 0 -.015rem;}
.history .history-item{ float:none; width:100%; min-height:4.1rem; padding:0 0 0 1rem; margin:0 0 .5rem; overflow:hidden; background:url(../images/img56.jpg) no-repeat .11rem .15rem; text-align:left; font-size:.24rem; line-height:.48rem;}
.history .history-item .history-class{ font-size:.24rem; line-height:.48rem; padding:0 .12rem; margin:.06rem 0 .1rem; font-weight:bold; background:#1cb1c6; display:inline-block;}
.history .history-item .history-year{ font-size:.34rem; line-height:.48rem; background:#fff;}
.history .history-item img{ width:4rem;}
.history .history-item h3,.history .history-item .history-note p{ margin:0 0 .1rem;}
.history .history-item .history-note{ font-size:.24rem; line-height:.48rem;}
.history .right-hi{ float:none; width:100%; margin:0 0 .5rem; padding:0 0 0 .95rem; text-align:left; background:url(../images/img56.jpg) no-repeat .11rem .15rem;}

.about3 { width:100%;}
.about3 .about3Wrapper{ padding:.4rem .2rem .8rem;}
.about3 .section-title{ padding:0 0 .4rem 0;}
.about3-content{ width:100%; margin:0 auto;}
.about3-list{ width:100%; padding:0;}
.about3-list .about3-item{ width:30.33%; margin:0 4.5% 4.5% 0;}
.about3-list .about3-item:nth-of-type(3n){ margin:0 0 4.5%;}
.about3-list .about3-img{ height:2.1rem;}
.about3-list .about3-title{ padding:.27rem 0;}
.about3-list .about3-title h3{ font-size:.24rem; line-height:.48rem;}
.about3-list .about3-note{ font-size:.23rem; line-height:.36rem; height:1.08rem; -webkit-line-clamp:3;}

.about3-content2{ padding:0;}
.about3-list2 .about3-item{ width:48%; margin:0 4% .4rem 0; padding:0 0 0 .3rem; overflow:hidden; position:relative;}
.about3-list2 .about3-item:nth-of-type(3n){ margin:0 4% .4rem 0;}
.about3-list2 .about3-item:nth-of-type(2n){ margin:0 0 .4rem;}
.about3-list2 .about3-item:before{ width:.01rem; height:1.2rem; top:.06rem;}
.about3-list2 .about3-title{ padding:0 0 .3rem;}
.about3-list2 .about3-title h3{ font-size:.24rem; line-height:.48rem; padding:0 0 .1rem;}
.about3-list2 .about3-note{ font-size:.23rem; line-height:.36rem; height:.72rem; }
.about3-list2 .about3-item a:before{ height:.02rem;}


.about4 { width:100%;}
.about4 .about4Wrapper{ padding:.4rem .2rem .8rem;}
.about4 .section-title{ padding:0 0 .4rem 0; position:relative;}
.about4-content{ width:100%; margin:0 auto;}
.about4-subtitle{ font-size:.3rem; line-height:.4rem; padding:0 0 .4rem; margin:0 0 .5rem; border-bottom:.01rem solid #d8d8d8; text-align:center;}
.about4-list{ margin:0 auto; overflow:hidden;}
.about4-list .about4-item{ float:left; width:33.33%; margin:0 0 2.5%; padding:0 .18rem; overflow:hidden;}
.about4-list .about4-item:nth-of-type(6n){ margin:0 0 2.5%;}
.about4-list .about4-item:nth-of-type(3n){ margin:0 0 2.5%;}
.about4-list .about4-img{ height:auto;}
.about4-list .about4-title{ padding:.27rem 0;}
.about4-list .about4-title h3{ font-size:.24rem; line-height:.48rem; padding:0; max-height:none;}
.about4-list .about4-note{ font-size:.23rem; line-height:.36rem; height:1.08rem;}
.about4-list .about4-item:before{display:block;content:'';position:absolute;left:50%;bottom:0;background-color:#0e5dcd;height:.03rem;width:0;-webkit-transition:all 0.3s;transition:all 0.3s}
.about4-list .about4-item:hover:before{width:100%;left:0}
.about4-list .about4-item:hover .about4-note,.about4-list .about4-item:hover .about4-title h3{ color:#0e5dcd;}

.about5 { width:100%;}
.about5 .about5Wrapper{ padding:.4rem .2rem .8rem;}
.about5 .section-title{ padding:0 0 .4rem 0;}
.about5-content{ width:100%; padding:0;}
.contact-item{ float:none; width:100%; margin:0; padding:.3rem 0; background:rgb(255,255,255,.6); border-bottom:.01rem solid #e3e3e3;}
.contact-item:nth-of-type(3n){ margin:0;}
.contact-item h3{font-size:.24rem;color:#333;margin-bottom:.2rem;font-weight:bold; height:auto;}
.contact-item .contact-info{font-size:.23rem;color:#adadad;line-height:.42rem; padding:0 0 0 .35rem;}
.contact-item .icon-phone{ background:url(../images/icon-phone.png) no-repeat left .12rem; background-size:.2rem;}
.contact-item .icon-email{ background:url(../images/icon-email.png) no-repeat left .12rem; background-size:.2rem;}
.contact-item:hover{box-shadow:0 0 .1rem rgba(0,0,0,0.1)}
#map{ width: 100%; height:5.4rem;}
.BMap_bubble_title{ font-size:.24rem; font-weight:bold; height:auto !important; padding:.2rem .2rem 0 !important;}
.BMap_bubble_content{ font-size:.23rem !important; line-height:.4rem !important; padding:.3rem .2rem .2rem !important;}
.shadow img{ max-width:none !important;}


.team1 { width:100%;}
.team1 .team1Wrapper{ padding:.4rem .2rem .8rem;}
.team1 .section-title{ padding:0 0 .4rem 0;}
.team1-content{ width:100%; margin:0 auto; overflow:hidden;}
.team1-title{ font-size:.3rem; line-height:.4rem; padding:0 0 .4rem;}
.team1-class{ margin:0 0 .7rem;}
.team1-class ul{ padding:0;}
.team1-class ul li{ float:left; width:50%; padding:0 .1rem;}

.team1-class ul li a{ font-size:.26rem; height:.68rem; line-height:.65rem;}
.team1-list{ margin:0 -.26rem; overflow:hidden;}
.team1-list .team1-item{ float:left; width:50%; padding:0 .26rem; border-right:.01rem solid #e6e9eb; overflow:hidden; position:relative;}
.team1-list .team1-item:nth-of-type(4n){ margin:0;}
.team1-list .team1-item:nth-of-type(2n){ margin:0 0 .3rem;}
.team1-list .team1-img{height:3.25rem;}
.team1-list .team1-title{ padding:.27rem .15rem;}
.team1-list .team1-title h3{ font-size:.24rem; line-height:.48rem;}
.team1-list .team1-note{ font-size:.23rem; line-height:.36rem; height:1.08rem;}

.bborder h3{ margin:0; border-bottom:.01rem solid #5b768b; width:100%; display:block; position:relative;}
.bborder a{ position:absolute; right:0; top:0; background:url(../images/icon-back.png) no-repeat left center; background-size:.25rem; padding:0 0 0 .4rem;}
.team1-content-show{ color:#333; font-size:.24rem; line-height:.48rem; padding:.7rem 0; overflow:hidden;}

.expert-left{ float:none; width:100%; padding:0;}
.expert-left .expert-img{ width:3rem; margin:0 auto;}
.expert-left .expert-img img{ width:100%; border:.01rem solid #eee;}
.expert-left .expert-name{ font-size:.24rem; line-height:.48rem; font-weight:bold; padding:.4rem 0 .2rem; text-align:center;}
.expert-left .expert-desc{ padding:0 .2rem; text-align:center;}
.expert-left .expert-more{ padding:.3rem 0; overflow:hidden;}
.expert-left .expert-more>div{ float:left; width:48%; margin:0 4% 0 0;}
.expert-left .expert-more>div:nth-of-type(2n){ margin:0;}
.expert-left .expert-more>div a{ font-size:.24rem; height:.58rem; line-height:.56rem; }
.expert-right{ float:none; width:100%;}
.expert-right h3{ font-size:.26rem; line-height:.36rem; font-weight:bold; padding:0 0 .15rem;}

.team2 { width:100%;}
.team2 .team2Wrapper{ padding:.4rem .2rem .8rem;}
.team2 .section-title{ padding:0 0 .4rem 0;}
.team2-content{ font-size:.24rem; line-height:.48rem; padding:0; margin:0 0 .3rem;}
.team2-list{ margin:0; overflow:hidden;}
.team2-list .team2-item{ float:none; width:100%; padding:0; margin:0 0 .3rem;}
.team2-list .team2-item:nth-of-type(3n){ margin:0 0 .3rem;}
.team2-list .team2-img{ height:auto;}
.team2-list .team2-title{ padding:.3rem 0;}
.team2-list .team2-title h3{ font-size:.24rem; line-height:.48rem; padding:0 0 .2rem;}
.team2-list .team2-note{ font-size:.23rem; line-height:.4rem; height:auto; max-height:1.6rem;}
.team2-list .team2-item a{ position:relative;}

.team2 .tab-tit{ float:none; width:100%; padding:0;}
.team2 .tab-tit ul{ overflow:hidden;}
.team2 .tab-tit ul li{ float:left; width:48%; margin:0 4% 4% 0;}
.team2 .tab-tit ul li:nth-of-type(2n){ margin:0 0 4%;}
.team2 .tab-tit ul li a{ color:#333; font-size:.24rem; height:.83rem; line-height:.82rem; padding:0 .5rem 0 .21rem; font-weight:bold; border-bottom:.01rem solid #999; display:block; position:relative; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; background:url(../images/section-right.png) no-repeat 94% center; background-size:.25rem;}
.team2 .tab-tit ul li a:before{ content:''; width:.18rem; height:.03rem; background:#0e5dcd; position:absolute; left:0; bottom:0;}
.team2 .tab-tit ul li a.on:before,.team2 .tab-tit ul li a:hover:before{ width:100%; transition: all ease .5s;}
.team2 .tab-tit ul li a.on,.team2 .tab-tit ul li a:hover{ color:#0e5dcd; background:url(../images/section-right-hover.png) no-repeat 94% center; background-size:.25rem;}
.team2 .tab-con{ float:none; width:100%;}

.tab-item{ overflow:hidden; display:flex; flex-wrap:wrap; justify-content:flex-start;}
.tab-item li{ float:left; width:49%; margin:0 2% 2% 0; overflow:hidden; background:#f4f7fa;}
.tab-item li:nth-of-type(3n){ margin:0 2% 2% 0;}
.tab-item li:nth-of-type(2n){ margin:0 0 2%;}
.tab-item li h3{ font-size:.23rem; line-height:.4rem; padding:0 .1rem; white-space:normal;}


.team3 { width:100%;}
.team3 .team3Wrapper{ padding:.4rem 0 .8rem; position: relative; z-index: 1; overflow:hidden;}
.team3 .section-title{ padding:0 .2rem .4rem; position:relative;}
.notice-list{ padding:0 .2rem .4rem; overflow:hidden;}
.notice-list .notice-item{ margin:0 0 .4rem; overflow:hidden;}
.notice-list .notice-img{ float:none; width:100%; height:7rem;}
.notice-list .notice-time{ float:none; width:100%; text-align:left; padding:.2rem; position:relative; background:#f9f9f9;}
.notice-list .notice-date{ font-size:.34rem; line-height:.4rem;}
.notice-list .notice-year { font-size:.23rem; line-height:.4rem;}
.notice-list .notice-more { font-size:.24rem; line-height:.4rem; margin:0; position:absolute; right:.2rem; top:.2rem;}
.notice-list .notice-title{ float:none; width:100%; padding:.2rem; border-right:none; background:#f9f9f9;}
.notice-list .notice-title h3{ color:#333; font-size:.24rem; max-height:.96rem; line-height:.48rem; margin:0 0 .2rem;}
.notice-list .notice-title p{ color:#666; font-size:.23rem; max-height:1.2rem; line-height:.4rem;}
.notice-list .notice-item a{ height:100%; padding:0; display:block; align-items:center;}
.notice-list .notice-item a:hover{ color:#215493; background:#f9f9f9;}
.notice-list .notice-item a:hover .notice-title h3,.notice-list .notice-item a:hover .notice-title p,.notice-list .notice-item a:hover .notice-date,.notice-list .notice-item a:hover .notice-year,.notice-list .notice-item a:hover .notice-more{ color:#215493;}
.notice-list .notice-item a:hover .notice-date:before{ background:#215493;}
.notice-list .notice-item a:hover .notice-title{ background:url(../images/arrow3.png) no-repeat 96% center; background-size:.57rem;}
.notice-left{ float:left; width:56%; padding:0 0 .22rem;}
.notice-right{ float:left; width:44%; padding:0 0 0 .6rem;}
.notice-right h3{ font-size:.3rem; line-height:.42rem; margin:.15rem 0 .3rem; font-weight:normal;}
.notice-right p{ font-size:.24rem; line-height:.3rem; height:1.5rem; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:5; -webkit-box-orient: vertical;}

.noticelist2 .notice-img{ width:100%; height:9.38rem;}
.noticelist2 .notice-title{ width:100%; padding:.2rem;}
.noticelist2 .notice-time{ width:100%;}

.party1 .party1Wrapper{ padding:.4rem .2rem .8rem;}
.party1 .section-title{ padding:0 0 .4rem;}
.party1-left{ float:none; width:100%;}
.party1-left .party1-img{ width:100%; height:8.8rem;}
.party1-left .party1-note{ padding:.3rem .2rem;}
.party1-left .party1-note h3{ font-size:.24rem; line-height:.48rem;}
.party1-left .party1-note p{ font-size:.23rem; max-height:1.2rem; line-height:.4rem;}
.party1-right{ float:none; width:100%; padding:0 .2rem; border-top:.07rem solid #122c80;}
.party1-right ul li{ padding:.2rem 0; border-bottom:.01rem solid #ccd5e7;}
.party1-right ul li a{ font-size:.24rem; max-height:.96rem; line-height:.48rem;}
.party2 .party2Wrapper{ padding:.4rem .2rem;}
.party2 .section-title{ padding:0 0 .4rem;}
.party2-list{ margin:0 -.1rem .6rem;}
.party2-list .party2-item{ padding:0 .1rem;}
.party2-list .party2-img{ width:100%; height:4.46rem;}
.party2-list .party2-title{ padding:.2rem .15rem; border-bottom:.02rem solid #e5e5e5;}
.party2-list .party2-title p{ font-size:.24rem; height:.96rem; line-height:.48rem;}
.party2 .slick-dots{ margin:.2rem 0 0}

.information1 { width:100%;}
.information1 .information1Wrapper{ padding:.4rem 0 .8rem;}
.information1 .section-title{ padding:0 .2rem .4rem; position:relative;}
.information1-list{ padding:0 .2rem .6rem; overflow:hidden;}
.information1-list .information1-item{ overflow:hidden;}
.information1-list .information1-time{ float:none; width:100%; padding:.2rem .2rem .1rem; text-align:left; background:#fff;}
.information1-list .information1-date{ font-size:.34rem; line-height:.4rem; font-weight:bold;}
.information1-list .information1-year { font-size:.23rem; line-height:.4rem; font-weight:bold;}
.information1-list .information1-title{ font-size:.24rem; line-height:.48rem; padding:0 .2rem .2rem; white-space:normal; background:#fff;}
.information1-list .information1-item a{ display:block; border-bottom:.01rem solid #e7e7e7;}
.information1-list .information1-item a:hover{ color:#1256b2; border-bottom:.01rem solid #1256b2;}
.information1-list .information1-item a:hover .information1-date,.information1-list .information1-item a:hover .information1-title{ color:#1256b2;}

.information2-list{ padding:0 .2rem .6rem; overflow:hidden;}
.information2-list .information2-item{ padding:.1rem 0; overflow:hidden;}
.information2-list .information2-title{ float:none; width:100%; font-size:.24rem; line-height:.48rem; padding:0 0 0 .4rem; white-space:normal; position:relative;}
.information2-list .information2-title:before{ content:''; width:.08rem; height:.08rem; background:#999; border-radius:50%; position:absolute; top:.2rem; left:.11rem;}
.information2-list .information2-time{ float:none; width:100%; font-size:.23rem; line-height:.88rem; text-align:left; padding:0 .4rem;}
.information2-list .information2-item a{ display:block; border-bottom:.01rem solid #e7e7e7; overflow:hidden;}
.information2-list .information2-item a:hover{ color:#1256b2; border-bottom:.01rem solid #1256b2;}
.information2-list .information2-item a:hover .information2-title,.information2-list .information2-item a:hover .information2-time{ color:#1256b2;}
.information2-list .information2-item a:hover .information2-title:before{ background:#1256b2;}

.information2-list .information2-download{ float:none; width:100%; padding:0 0 0 .4rem; font-size:.23rem; line-height:.88rem; text-align:left;}
.information2-list .information2-download span{ color:#999; width:1.2rem; height:.46rem; line-height:.44rem; border-radius:.04rem; padding:0 0 0 .45rem; display:inline-block; text-align:left; background:url(../images/icon-down.png) no-repeat .16rem center; background-size:.2rem;}
.information2-list .information2-item a:hover .information2-download span{ color:#1256b2; border:.01rem solid #1256b2; background:url(../images/icon-down-hover.png) no-repeat .12rem center; background-size:.14rem;}

.achievement { width:100%;}
.achievement .achievementWrapper{ padding:.4rem .2rem .8rem;}
.achievement .section-title{ padding:0 0 .4rem 0; position:relative;}
.achievement-content{ font-size:.24rem; line-height:.48rem; text-align:justify; padding:0 0 .3rem; margin:0 0 .3rem;}
.achievement-list{ margin:0; padding:0; overflow:hidden;}
.achievement-list .achievement-item{ float:none; width:100%; padding:0; margin:0 0 .2rem;}
.achievement-list .achievement-item:nth-of-type(2n){ margin:0 0 .2rem;}
.achievement-list .achievement-img{width:100%;height:auto;}
.achievement-list .achievement-title{ width:100%; padding:0 .3rem; text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:11;}
.achievement-list .achievement-title h3{ color:#fff; font-size:.24rem; line-height:.46rem; font-weight:bold; padding:0 0 .24rem;}
.achievement-list .achievement-title h4{ color:#fff; font-size:.24rem; line-height:.36rem;}


.job { width:100%;}
.job .jobWrapper{ padding:0 0 .8rem;}
.job .section-title{ width:100%; margin:0 auto; padding:.4rem .2rem;}
.job-content{ height:auto; background:url(../images/img46-wap.jpg) no-repeat top center; background-size:cover; padding:1.2rem .2rem 0;}
.job-content .jobWrapper{ width:100%; height:auto;}
.job-list{ margin:0; overflow:hidden;}
.job-list .job-item{ float:left; width:49%; margin:0 2% 2% 0; overflow:hidden; position:relative;}
.job-list .job-item:nth-of-type(2n){ margin:0 0 2%;}
.job-list .job-img{ width:100%; height:5rem; overflow:hidden; position:relative;}
.job-list .job-img img{width:100%;height:100%;}
.job-list .job-title{ padding:.3rem .2rem; background:#2c82c3;}
.job-list .job-title h3{ color:#fff; font-size:.24rem; line-height:.48rem; font-weight:bold; padding:0 0 .15rem;white-space:normal;}
.job-list .job-note{ color:#fff; font-size:.23rem; line-height:.4rem; overflow:hidden;}
.job-list .s1{ width:49%; position:static; left:0; bottom:0;}
.job-list .s2{ width:49%; position:static; left:6.08rem; bottom:0;}
.job-list .s2 .job-title{ min-height:1rem; background:#187f6f}
.job-list .s3{ width:49%; position:static; right:0; bottom:4.15rem; background:#3077ab;}
.job-list .s4{ width:49%; position:relative; position:static; right:0; bottom:0; background:#1f4f91;}
.job-list .s3 .job-img,.job-list .s4 .job-img{ position:relative; height:3.8rem;} 
.job-list .s3 .job-img img,.job-list .s4 .job-img img{ height:auto;}
.job-list .s3 h3{ color:#fff; font-size:.24rem; line-height:.36rem; font-weight:bold; padding:0 .2rem; position:static; bottom:.1rem; z-index:10;}
.job-list .s4 h3{ color:#fff; font-size:.24rem; line-height:.36rem; font-weight:bold; padding:0 .2rem; position:static; bottom:.1rem; z-index:10;}

.searchjob .section-title{ padding:.4rem .2rem .6rem;}
.searchjob .section-title h3{ float:none; background-size:1.2rem;}
.searchjob .join-search{ float:none; width:100%; height:.62rem; margin:.3rem 0 0; overflow:hidden; position:relative;}
.searchjob .search-icon{ height:.23rem; line-height:.23rem; position:absolute;left:0;top:.2rem;padding:0 .35rem;border-right:.01rem solid #aaa; background:url(../images/search2.png) no-repeat .3rem center; background-size:.24rem;}
.searchjob .join-search input{ width:82%; height:.62rem; line-height:.6rem; outline:0; font-size:.24rem; color:#aaa; background:#fff; border:.01rem solid #aaa; padding:0 1rem; border-radius:.3rem 0 0 .3rem;}
.searchjob .search-btn{ float:right; width:18%; text-align:center;display: block; line-height: .6rem; height: .62rem; font-size: .24rem; font-weight:bold; color: #fff; background: #0f54b1; border-radius: 0 .3rem .3rem 0; outline: none; border:none;}
.searchjob .search-btn:hover{color:#fff;background:#0054a5}

.job .tab-tit{ padding:0 .1rem; text-align:center;}
.job .tab-tit ul{ display:inline-block; overflow:hidden;}
.job .tab-tit ul li{ float:left; min-width:.3rem; margin:0 .1rem .2rem;}
.job .tab-tit ul li a{ color:#666; font-size:.22rem; height:.48rem; line-height:.48rem; padding:0 .3rem; text-align:center; font-weight:bold; background:#e9edf3; border-radius:.04rem; display:block; position:relative;}
.job .tab-tit ul li a.on,.job .tab-tit ul li a:hover{ color:#fff; background:#0f54b1;}
.job .tab-con{ padding:.3rem 0;}

.job .tab-item{ overflow:hidden; display:flex; flex-wrap:wrap; justify-content:flex-start;}
.job .tab-item li{ float:left; width:31.93%; margin:0 2% 2% 0; overflow:hidden; background:#f4f7fa;}
.job .tab-item li:nth-of-type(3n){ margin:0 0 2%;}
.job .tab-item li .pic img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}
.job .tab-item li a{ width:100%; height:100%; display:inline-block;}
.job .tab-item li h3{ color:#333; font-size:.18rem; line-height:.36rem; padding:0 .2rem .3rem; font-weight:bold; text-align:center; display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.job .tab-item li a:hover .pic img{ transform:scale(1.05);}
.job .tab-item li:hover h3,.tab-item li a:hover h3,.tab-item li a:hover p{ color:#0e5dcd;}


.quicknav{ color:#c4c4c4; margin:0 auto; height:.9rem; line-height:.9rem;}
.quicknav a{ color:#c4c4c4;}
.quicknav a:hover,.nextnews a:hover{ color:#0e5dcd;}
.newscontainer { width:100%;}
.newscontainer .newsWrapper{ padding:0 .2rem .6rem; position: relative; z-index: 1; overflow:hidden;}
.newscontainer .section-title{ padding:0 0 .5rem 0; position:relative;}
/**News Detail**/
.newsDetail{ float:none; width:100%; overflow:hidden;}
.newsDetail .newsTitle{ position:relative;}
.newsDetail .newsTitle h1{ font-size:.3rem; line-height:.48rem; font-weight:bold; text-align:center;}
.newsDetail .newsTitle .datatime{ font-size:.22rem; color:#bfbfbf; padding:.2rem 0; line-height:.38rem; border-bottom:.01rem solid #e9e9e9; text-align:center;}
.newsDetail .newsTitle .datatime span{ padding:0 .1rem; display:inline-block;}

.newsDetail .newsContent{ width:100%; margin:0 auto; font-size:.24rem; line-height:.48rem; padding:.4rem 0 0;}
.newsDetail .newsContent p{ margin:0 0 .3rem;}
.newsDetail .newsContent img{ max-width:100%;}
.newsDetail .newsContent table{border:solid #ddd; border-width:.01rem 0px 0px .01rem; line-height:.36rem;}
.newsDetail .newsContent th{ background:#eaf1f8; padding:.1rem 0;}
.newsDetail .newsContent th,.newsDetail .newsContent td{border:solid #ddd; border-width:0 .01rem .01rem 0;}
.newsDetail .newsContent td{ padding:.1rem;}


.nextnews { font-size:.24rem; line-height:.48rem; margin:.6rem 0 .2rem; padding:.3rem 0 0;}
.newsDetail .newsContent .nextnews p{ margin:0;}
.rightnews{ float:none; width:100%;}
.rightnews h3{ font-size:.3rem; line-height:.48rem; padding:0 0 .25rem; margin:.6rem 0 0;}
.rightnews .section3-list{ padding:.4rem 0 0;}









#footer{ width:100%; padding:.75rem 0 0; background:url(../images/footbg.jpg) no-repeat top center; background-size:cover;}
#footer .inner{ padding:0 .2rem .4rem; display:block;}
#footer .footer-nav{ float:none; width:100%; margin:.32rem auto; overflow:hidden;}
#footer .footer-nav ul{ width:100%; overflow:hidden;}
#footer .footer-nav li{ position:relative;}
#footer .footer-nav li:after{ background:none;}
#footer .footer-nav li>a{ color:#fff; font-size:.24rem; line-height:.36rem; font-weight:bold; padding:0 0 0 .4rem; background:url(../images/icon-link.png) no-repeat left center; background-size:.26rem;}
#footer .footer-nav .serList{ padding:.3rem .3rem 0; overflow:hidden;}
#footer .footer-nav .serList a{ float:left; width:50%; font-size:.23rem; line-height:.48rem; display:block; color:#fff;}
#footer .footer-nav .serList a:hover{ text-decoration:underline;}

.footer-logo{ float:none; width:3.1rem; height:1.88rem; margin:0 auto;}
.share-wechat{ float:none; width:1.38rem; margin:.25rem auto 0;}
.share-wechat p{ font-size:.22rem; line-height:.54rem; color:#fff; text-align:center;}
.share-wechat img{ width:100%;}

#footer .footer-copyright .inner{ font-size:.23rem;}
#footer .footer-copyright{ width:100%; margin:0 auto; overflow:hidden;}
#footer .footer-copyright .inner{ padding:.35rem .3rem; text-align:center;}
#footer .footer-copyright .inner p{ line-height:.4rem;}
#footer .footer-copyright a{ font-size:.23rem; color:#f4f4f4;}
#footer .footer-copyright a:hover{ color:#fff;}
#footer .footer-copyright .inner .fl,#footer .footer-copyright .inner .fr{ float:none;}





}


@media only screen
and (min-device-width : 768px)   
and (max-device-width : 1024px)   
and (orientation : portrait) {  
.swiper1 { height:8.02rem; margin:.85rem 0 0;}
.swiper1 .swiper-slide{height: 7.6rem;}
.section1 .tab-con{ height:7.1rem;}
.section2-list .section2-item{ height:6.21rem;}
.main4-2,.main4-3, .main4-4{ height:5.81rem;}

}


/* iPads (landscape) 绾靛悜----------- */  
@media only screen   
and (min-device-width : 768px)   
and (max-device-width : 1024px)   
and (orientation : landscape) {  
.swiper1 { height:8.02rem; margin:.85rem 0 0;}
.swiper1 .swiper-slide{height: 7.6rem;}
.section1 .tab-con{ height:7.1rem;}
.section2-list .section2-item{ height:6.21rem;}
.main4-2{ height:5.81rem;}
.main4-3, .main4-4{ float:left; width:50%; height:5.81rem;}

.part-content1 .part-right{ margin:.3rem 0 0;}
.part-right ul li{ float:left; width:23.5%; margin:0 2% 2% 0; position:relative;}
.part-right ul li:nth-of-type(2n){ margin:0 2% 2% 0;}
.part-right ul li:nth-of-type(4n){ margin:0 0 4%;}
.part-content2 ul li{ float:left; width:23.5%; margin:0 2% 2% 0;}
.part-content2 ul li:nth-child(2n){ margin:0 2% 2% 0;}
.part-content2 ul li:nth-child(4n){ margin:0 0 2%;}
.link-list ul li{ width:25%;}
#footer .footer-nav .serList a{ width:20%;}
}


@media (min-device-width : 1024px) and (max-width: 1366px) and (orientation : portrait){
.swiper1 { height:8.02rem; margin:.85rem 0 0;}
.swiper1 .swiper-slide{height: 7.6rem;}
.section1 .tab-con{ height:7.1rem;}
.section2-list .section2-item{ height:6.21rem;}
.main4-2{ height:5.81rem;}
.main4-3, .main4-4{ float:left; width:50%; height:5.81rem;}

.part-content1 .part-right{ margin:.3rem 0 0;}
.part-right ul li{ float:left; width:23.5%; margin:0 2% 2% 0; position:relative;}
.part-right ul li:nth-of-type(2n){ margin:0 2% 2% 0;}
.part-right ul li:nth-of-type(4n){ margin:0 0 4%;}
.part-content2 ul li{ float:left; width:23.5%; margin:0 2% 2% 0;}
.part-content2 ul li:nth-child(2n){ margin:0 2% 2% 0;}
.part-content2 ul li:nth-child(4n){ margin:0 0 2%;}
.link-list ul li{ width:25%;}
#footer .footer-nav .serList a{ width:20%;}


}

@media screen and (max-width: 767px){
.section1 .tab-con{ height:4.1rem;}
.section2-list .section2-item{ height:3.33rem;}
.main4-2{ height:3.81rem;}
.main4-3,.main4-4{ height:3.75rem;}
.link-list ul li{ width:50%;}

.banner-section{ height:3.12rem;}
.noticelist2 .notice-img{ height:3.75rem;}
.party1-left .party1-img{ height:3.5rem;}
.party2-list{ margin:0 -.1rem .6rem;}
.party2-list .party2-item{ padding:0 .1rem;}
.team2-list .team2-img{ height:3.65rem;}
.job-list .job-img{ height:2.3rem;}
.notice-list .notice-img{ height:3.8rem;}
.notice-list .notice-title{ border:none;}
.noticelist2 .notice-time{ border-bottom: 0.01rem solid #efefef;}
.newsDetail .newsTitle h1{ justify-content:center;}

.about4-list .about4-item{ width:50%;}
.banner-three ul li{ width:auto;min-width: 33.33%;}
.about5 .about5Wrapper img{ width:100% !important;}

#demoFour{ padding:0; margin:0 -.18rem; display:flex; flex-wrap:wrap; justify-content:flex-start;}
.listNav{ margin:0 0 .36rem;}
#demoFour,.listNav ,.ln-letters {overflow:hidden;}
.listNavHide {display:none;}
.listNavShow {display:list-item;}
.letterCountShow {display:block;}
.ln-letters a { width:14.285%; font-size:.29rem; line-height:.68rem; display:block;float:left;padding:0; text-align:center;border:1px solid silver; border-right:none; margin:0 0 .1rem;}
.ln-letters a:nth-of-type(7n){ border-right:1px solid silver;}
.ln-letters .ln-last {border-right:1px solid silver;}
.ln-letters a:hover ,.ln-letters .ln-selected {background-color:#eaeaea;}
.ln-letters .ln-disabled {color:#ccc;}
.ln-letter-count {position:absolute;top:0;left:0;width:20px;text-align:center;font-size:16px;line-height:30px;color:#336699;}

}
