/***** Header *****/
header{width:100%;position:fixed;z-index: 200;line-height: 1.1rem;height: 1.1rem;background: #0c2e79;}
header.on{background:rgb(0 0 0 / 60%);}
header .logo{float: left;width: 25%;}
header .logo a{display:inline-block;vertical-align:middle;width: 1.07rem;}
header .nav{float: left;}
header .nav li{float:left;}
header .nav li a{display:block;padding:0 .3rem;font-size: .16rem;color: #dadada;text-shadow: 1px 1px 3px #000;line-height: 1.1rem;height: 1.1rem;}
header .nav li a:hover,header .nav li.on a{color:#fff}
header .search{float:right;font-size:0;}
header .search a {display: inline-block;vertical-align: middle;line-height: initial;height: initial;width: .27rem;}
/***** Header End *****/


/***** PC Slide Nav *****/
.st-menu-open .st-menu{display:block;}
/***** PC Slide Nav End *****/
.index_banner {width:100%;position:relative;height: 100vh;overflow: hidden;}
.index_banner .slide {background-size: cover;background-repeat: no-repeat;height: 100%;}
.index_banner .list{width:100%;text-align: center;}
.index_banner .list *{text-shadow:1px 1px 3px #222;}
.index_banner .list .top{margin-bottom:.3rem}
.index_banner .list .top p{font-size:.16rem;color:#fff;display:block;margin-bottom:.15rem;opacity:0;transform:translateY(30px);transition: 1s;}
.index_banner .list .top h2{font-size:.32rem;color:#ffed25;font-weight:700;opacity:0;transform:translateY(30px);transition: 1s;}
.index_banner .list .title{color:#fff;font-size:.45rem;font-weight:700;line-height:1.4;opacity:0;transform:translateY(30px);transition: 1s;}
.index_banner .list .bot{margin-top:.5rem;font-size:0;opacity:0;transform:translateY(30px);transition: 1s;}
.index_banner .list .bot .item{display:inline-block;vertical-align:top;border:.02rem solid hsl(0 0% 100% / 50%);line-height:.55rem;margin:0 .1rem;padding: 0 .4rem;}
.index_banner .list .bot .item a{display:block;color:#fff;font-size:.14rem}
.index_banner .active .list .top p{opacity:1;transform:none;transition-delay: .3s;}
.index_banner .active .list .top h2{opacity:1;transform:none;transition-delay: .6s;}
.index_banner .active .list .title{opacity:1;transform:none;transition-delay: .9s;}
.index_banner .active .list .bot{opacity:1;transform:none;transition-delay: 1.2s;}
.index_banner .fp-controlArrow{width:.55rem!important;height:.55rem!important;border-width:initial!important;border-radius:100%;border:none!important;background:hsl(0 0% 100% / 30%)!important;box-shadow:1px 1px 3px #3c3c3c}
.index_banner .fp-controlArrow.fp-prev{background:hsl(0 0% 100% / 50%) url(../ban_left.png) no-repeat center!important;background-size:.11rem!important;left:14%}
.index_banner .fp-controlArrow.fp-next{background:hsl(0 0% 100% / 50%) url(../ban_right.png) no-repeat center!important;background-size:.11rem!important;right:14%}
.index_banner .mouse{position:absolute;left:50%;bottom:.2rem;background:url(../mouse.png) no-repeat;width:.24rem;height:.35rem;background-size:.24rem;margin-left:-.12rem;z-index:1;animation:changes .8s .3s linear infinite alternate}
@keyframes changes{form{bottom:.2rem}to{bottom:.5rem}}

.index_case{width:100%}
.index_case .fp-tableCell{height:100%!important;vertical-align:bottom;position:relative;padding-bottom:.5rem}
.index_case .title{text-align:center;margin-bottom:.35rem}
.index_case .title h2{font-size:.48rem;color:#272d6b;display:block;margin-bottom:.1rem}
.index_case .title p{font-size:.3rem;color:#9c9dab;text-transform:uppercase;letter-spacing:.02rem}
.index_case .list{width:100%;position:relative;background:#2b4783}
.index_case .left{float:left;position:relative;width:50%;padding:.5rem .8rem .4rem 1.2rem}
.index_case .left .txt .item{color:#fff}
.index_case .left .txt .item span{font-size:.3rem;display:block}
.index_case .left .txt .item h2{font-size:.36rem;margin:.1rem 0 .5rem}
.index_case .left .txt .item div *{display:block;word-break:break-all;display:-webkit-box!important;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;line-height:2}
.index_case .left .txt .item a{display:inline-block;width:2rem;height:.67rem;line-height:.67rem;border:1px solid #fff;color:#fff;text-align:center;font-size:.16rem;margin:.45rem 0}
.index_case .right{width:50%;position:absolute;right:0;bottom:0}

.index_about{width:100%;background:url(../about_bj.jpg) no-repeat;background-size:cover}
.index_about .fp-tableCell{position:relative;vertical-align:top;padding-top:2rem}
.index_about .title{text-align:center;width:100%;margin-bottom:.8rem}
.index_about .title h2{font-size:.48rem;color:#fff;display:block;margin-bottom:.1rem}
.index_about .title p{text-transform:uppercase;color:#e3e3e3;font-size:.3rem;letter-spacing:.02rem}
.index_about .list{font-size:0;width:100%}
.index_about .list .item{display:inline-block;vertical-align:top;width:25%;font-size:.16rem;padding:.9rem .3rem 1rem;color:#fff;background:url(../about_black.png);border:1px solid hsl(0 0% 100% / 30%);text-align:center;position:relative}
.index_about .list .item:hover{padding:1.4rem .3rem 1.3rem;background:url(../about_blue.png);transform:translateY(-.4rem)}
.index_about .list .item h2{font-size:.36rem}
.index_about .list .item p{font-size:.16rem;display:block;margin:.3rem 0}
.index_about .list .item a{color:#fff;opacity:0;display:inline-block;padding-bottom:.1rem;border-bottom:1px solid #fff}
.index_about .list .item:hover a{opacity:1}

.index_news{width:100%}
.index_news .title{margin-bottom:.5rem;text-align:center}
.index_news .title h2{font-size:.48rem;color:#272d6b;display:block;margin-bottom:.1rem}
.index_news .title p{font-size:.3rem;color:#9c9dab;text-transform:uppercase;letter-spacing:.02rem}
.index_news .list{width:100%;padding:0 1rem;position:relative;text-align:left}
.index_news .list .swiper-navigation{position:absolute;top:45%;left:0;width:100%}
.index_news .list .swiper-navigation div{width:.5rem;height:.5rem;top:0;line-height:.5rem;text-align:center;border-radius:100%;background:#272d6b;color:#fff;font-size:.25rem;left:0;position:absolute}
.index_news .list .swiper-navigation div.swiper-button-disabled{background:hsl(235 47% 29% / 30%)}
.index_news .list .swiper-navigation .right{right:0;left:initial}
.index_news .list .name{font-size:.16rem;color:#272d6b;margin-bottom:.15rem}
.index_news .list a:hover img{transition:4s;transform:scale(1.1)}
.index_news .list .txt{margin-top:.15rem}
.index_news .list .txt h2{font-size:.18rem;color:#1a1a1a;line-height:1.5;margin-bottom:.15rem}
.index_news .list a:hover .txt h2{color:#272d6b}
.index_news .list .txt p{font-size:.14rem;color:#4d4c4c;line-height:1.5}
.index_news .list .txt span{display:block;margin-top:.2rem;color:#9e9e9e}

.index_contact{width:100%;background:url(../contact_bj.jpg) no-repeat;background-size: cover;}
.index_contact .title{margin-bottom: 1.5rem;text-align:center;}
.index_contact .title h2{font-size:.48rem;color:#fff;display:block;margin-bottom:.1rem}
.index_contact .title p{font-size:.3rem;color:#fff;text-transform:uppercase;letter-spacing:.02rem}
.index_contact .list{width:100%;padding:0 1rem;position:relative;text-align: center;font-size: 0;}
.index_contact .list .item{display: inline-block;vertical-align: top;padding: .2rem .8rem .3rem;text-align: left;}
.index_contact .list .item1{border-left:1px solid #fff;border-right:1px solid #fff}
.index_contact .list .item span{display: inline-block;margin-bottom:.4rem;height:.41rem;width: .5rem;}
.index_contact .list .item0 span {background: url(../index_addr.png) no-repeat left center;background-size: .33rem;}
.index_contact .list .item1 span {background: url(../index_tel.png) no-repeat left center;background-size: .35rem;}
.index_contact .list .item2 span {background: url(../index_email.png) no-repeat left center;background-size: .32rem;}
.index_contact .list .item p {color: #fff;font-size: .16rem;line-height: 1.7;}

#fp-nav ul li a span, .fp-slidesNav ul li a span{background: #fff!important;}

.page_banner{position:relative;width:100%;}
.page_banner .flash{font-size:0}
.page_banner .flash img{width:100%;height:100%}
.page_banner .txt{position:absolute;bottom: 40%;left:0;width:100%;text-align: left;color: #fff;}
.page_banner .txt h2{font-size:.24rem;color:#ffed25;display:inline-block;padding-bottom:.2rem;border-bottom:.04rem solid #fff;margin-bottom: .4rem;}
.page_banner .txt p{font-size: .4rem;font-weight: bold;color: #fff;display: block;margin-bottom: .15rem;}
.page_banner .txt span{font-size:.24rem;color:#fff;}
.page_banner .page_position{position:absolute;right:0;bottom:.6rem;text-align:right;width: 100%;color:#fff;}
.page_banner .page_position >div> *{display:inline-block;color:#fff;font-size: .16rem;}
.page_banner .page_position >div> *:hover {color: #ffed25;}
.page_banner .page_position a:first-child {padding-left: .32rem;background: url(../home.png) no-repeat left center;background-size: .2rem;}


footer{color:#7b7b7b;font-size:.14rem;background:#28282e;padding-top: .85rem;}
footer .top{width:100%;font-size:0}
footer .top > div > .item{display:inline-block;vertical-align:top;}

footer .top > div > .item.wechat .img {
    padding: .04rem;
    background: #fff;
    border-radius: 0.03rem;
}

footer .top > div > .item.wechat p {
    color: #c2c2c2;
    font-size: .16rem;
    display: block;
    margin-top: .2rem;
}

footer .top > .text-center .item {
    width: 100%;
}
footer .top > div > .item .link {margin: .4rem 0;}
footer .top > div > .item .link a{color:#cdcdcd;width:.4rem;height:.4rem;line-height:.4rem;text-align:center;border:1px solid #cdcdcd;border-radius:100%;font-size:.2rem;margin-right: .2rem;}
footer .top > div > .item .link a:hover {border: 1px solid #fff;color: #fff;}
footer .top > div > .item ul{width: 100%;}
footer .top > div > .item ul li a {position:relative;font-size:.16rem;color:#c7c7c7;line-height: .6rem;display: inline-block;}
footer .top>div>.item ul li a::before{position:absolute;left:-.12rem;font-size:.14rem}
footer .bot{width:100%;padding:.3rem 0}
footer .bot div *{display:inline-block;vertical-align:top;font-size:.14rem;color:#c7c7c7}
footer .bot .info{margin-right:.3rem}
footer .bot div a:hover{color:#fff}
footer .bot .left{float:left}
footer .bot .right{float:right}

/*** page web ***/
.page_web{width:100%;}
.page_web .page_content{width:100%}
.page_head{width:100%;position: relative;padding: .8rem 0 .35rem;}
.page_head .nav{position: absolute;top: 0;left: 0;z-index: 5;}
.page_head .nav ul{overflow:initial}
.page_head .nav li a{color:#2a2a2a;font-size:.2rem;line-height:2.2;position:relative}
.page_head .nav li a.on::after{position:absolute;content:'';left:-.65rem;width:.48rem;background:#6692aa;height:.02rem;top:50%;margin-top:-.01rem;z-index:1}
.page_head .page_position{float:right;color:#9a9a9a}
.page_head .page_position a{display:inline-block;font-size:.16rem;color:#9a9a9a}
.page_head .page_position a:last-child,.page_head .page_position a:hover{color:#004972}
.met_position{position:relative;top:-1.75rem}


.page_about{width:100%;padding:.7rem 0}
.page_about .more{position:relative;color: #2d2d2d;font-size: .2rem;line-height: .58rem;margin-bottom: .22rem;}
.page_about .more::after {position: absolute;content: '';left: -.88rem;top: 0;width: .58rem;height: 100%;background: url(../about_down.png) no-repeat left center;background-size: .58rem;}
.page_about .name{font-size:.4rem;color:#141414;font-weight:bold;}
.page_about .con {width:100%}
.page_about .con .title{color:#272d6b;font-size:.38rem;font-weight:bold;line-height: 1.6;padding: .25rem 0;width: 83%;}
.page_about .con .list{width: 100%;font-size: .15rem;line-height: 2;}
.page_about .con .list .left {float: left;width: 46.5%;}
.page_about .con .list .right {float: right;width: 46.5%;}
.page_about .item{width:100%;text-align: center;margin-top: .5rem;font-size: 0;}
.page_about .item dl{display:inline-block;vertical-align:top;padding:0 .5rem}
.page_about .item dl dt>*{display:inline-block;color:#272d6b;vertical-align:middle}
.page_about .item dl dt p{font-size:1.02rem}
.page_about .item dl dt span{font-size:.48rem;margin-left:.2rem}
.page_about .item dl dd p{font-size:.16rem;color:#313131;text-align:left}

.page_honor{background:url(../honor_bj.jpg) no-repeat;padding:.8rem 0}
.page_honor .title{width:100%;text-align:center}
.page_honor .title h2{font-size:.4rem;color:#fff;font-weight:700;display:block;margin-bottom:.1rem}
.page_honor .title p{font-size:.2rem;color:#fff;text-transform:uppercase;letter-spacing:.01rem}
.page_honor .list{margin-top:.55rem;text-align:center;padding: 0 .5rem;}
.page_honor .list a{display:inline-block;}
.page_honor .list a p{color:#fff;font-size:.14rem;display:block;margin-top:.12rem}
.page_honor .list a:hover img{transition:3s;transform:scale(1.2)}
.page_honor .list .swiper-pagination{width:100%;font-size:0;position:relative;margin-top: .55rem;}
.page_honor .list .swiper-pagination span{width:.1rem;height:.1rem;opacity:1;background:#bfbfbf;margin:0 4px}
.page_honor .list .swiper-pagination span.swiper-pagination-bullet-active{background: #fff;width: .4rem;border-radius: 3px;}

.page_vision{padding:.8rem 0}
.page_vision .title{text-align:center;margin-bottom:.45rem;}
.page_vision .title h2{font-size:.4rem;color:#2f2f2f;font-weight:bold;display:block;margin-bottom:.1rem;}
.page_vision .title p{font-size:.2rem;color:#898989;text-transform:uppercase;}
.page_vision .list{width:100%;position: relative;padding: 1.3rem 0 .5rem;}
.page_vision .list::before{position:absolute;content:'';left:0;top:-.5rem;color:#f7f7f7;font-size:2rem}
.page_vision .list::after{position:absolute;content:'';right:0;bottom:0;color:#f7f7f7;font-size:2rem}
.page_vision .list .clearfix{position:relative;z-index:1}
.page_vision .list .img{float:left;width: 4.2rem;}
.page_vision .list .txt{float:right;padding-top: 1.2rem;}
.page_vision .list .txt p{font-weight: bold;font-size: .4rem;color: #2f2f2f;line-height: 1.7;}
.page_show{padding:.7rem 0}
.page_show .title{text-align:center;margin-bottom: .45rem;}
.page_show .title h2{display:block;font-size:.36rem;color: #2a2a2a;margin-bottom:.1rem;}
.page_show .title p{font-size:.2rem;color:#8b8b8b;letter-spacing:.1rem;text-transform:uppercase}
.page_show .list{width:100%}
.page_show .list a{padding:.05rem}
.page_show .list a .img{padding:.05rem;background:#fff;box-shadow:1px 1px 5px #8e8e8edd}
.page_show .list a .txt {margin-top: .2rem;text-align: center;}
.page_show .list a .txt p {font-size: .16rem;color: #2a2a2a;}
.page_show .list .swiper-pagination{width:100%;font-size:0;position:relative;margin-top: .25rem;}
.page_show .list .swiper-pagination span{width:.1rem;height:.1rem;opacity:1;background:#bfbfbf;margin:0 4px}
.page_show .list .swiper-pagination span.swiper-pagination-bullet-active{background:#0279c9}

.page_case{width:100%;padding:.8rem 0}
.page_case .item{margin-bottom:.3rem;background:#2b4d89}
.page_case .item .img{float:left;width:65.5%}
.page_case .item .img:hover img {transition: 4s;transform: scale(1.1);}
.page_case .item .txt{float:right;width:34.5%;color:#fff;padding:1rem .4rem 0}
.page_case .item.two .img{float:right}
.page_case .item.two .txt{float:left}
.page_case .item .txt span{font-size:.16rem;display:block;margin-bottom:.1rem}
.page_case .item .txt h2{font-size:.3rem;display:block}
.page_case .item .txt p{font-size:.16rem;line-height:1.9;margin:.35rem 0 1rem;word-break: break-all;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box!important;}
.page_case .item .txt a{display:inline-block;font-size:.14rem;color:#272d6b;background:#ffff;border-radius:5px;padding:.15rem .45rem}

.show_case{background:#f5f5f5;padding:.5rem 0}
.show_case .item{background:#fff;padding:.6rem 0 1rem}
.show_case .item .top{width:100%;font-size:0}
.show_case .item .top p{font-size:.16rem;padding:0 .2rem;background:#272d6b;color:#fff;position:absolute;line-height:.45rem}
.show_case .item .top p::after{position:absolute;content:'';right:-.08rem;top:0;width:.07rem;background:#369bd3;height:100%}
.show_case .item .top h2{color:#2a4884;font-size:.3rem;line-height:.45rem;}
.show_case .item .list{margin:.4rem 0;position:relative;overflow:hidden}
.show_case .item .list .swiper-pagination{position:absolute;bottom:.2rem;width:100%;left:0;z-index:1}
.show_case .item .list .swiper-pagination div{position:absolute;bottom:0;width:.45rem;height:.45rem;line-height:.45rem;text-align:center;background:#272d6b;color:#fff;font-size:.25rem}
.show_case .item .list .swiper-pagination .left{left:0}
.show_case .item .list .swiper-pagination .right{right:0}
.show_case .item .list .swiper-pagination div.swiper-button-disabled{background:hsl(235 47% 29% / 60%)}
.show_case .item .con{font-size:.16rem;color:#4e4e4e;line-height:1.9}


.swiper-paginations{width:100%;text-align:center;margin-top:.4rem}
.swiper-paginations>div{display:inline-block;vertical-align:top}
.swiper-paginations .left{width:.44rem;height:.47rem;background:url(../swiper_left.png) no-repeat center;background-size:.44rem;cursor:pointer}
.swiper-paginations .min{margin:0 .2rem}
.swiper-paginations .min span{width:.47rem;height:.47rem;line-height:.47rem;border-radius:0;background:#dcdcdc;color:#6a6a6a;opacity:1;margin:0 .04rem;font-size:.16rem}
.swiper-paginations .min span.swiper-pagination-bullet-active{background:#cd0c0c;color:#fff}
.swiper-paginations .right{width:.44rem;height:.47rem;background:url(../swiper_right.png) no-repeat center;background-size:.44rem;cursor:pointer}

.page_news{width:100%;background: #f5f5f5;padding: .7rem 0;}
.page_news .list1{width: 100%;}
.page_news .list1 li{margin-bottom: .45rem;border-bottom: 1px solid #d2d2d2;position: relative;}
.page_news .list1 li::after{position:absolute;content:'';width:0;height:1px;background:#2b4d89;transition:1s}
.page_news .list1 li:hover::after{transition:1s;width:100%}
.page_news .list1 li a{display:block;padding:0 .28rem}
.page_news .list1 li a .title{color:#272d6b;font-size:.16rem;display:block;margin-bottom:.2rem}
.page_news .list1 li a:hover .img img{transition:4s;transform:scale(1.1)}
.page_news .list1 li a .txt{padding:.25rem 0 .5rem}
.page_news .list1 li a .txt h2{font-size:.2rem;color:#1a1a1a;line-height:1.5}
.page_news .list1 li a:hover .txt h2{color:#2b4d89}
.page_news .list1 li a .txt p{font-size:.16rem;color:#4d4c4c;line-height:1.5;margin:.2rem 0}
.page_news .list1 li a .txt span{color:#3c3c3c;font-size:.14rem;display:block;position:relative;height:.36rem;line-height:.36rem}
.page_news .list1 li a .txt span::after{position:absolute;content:'\f105';right:0;top:0;width:.36rem;height:100%;font-family:FontAwesome;text-align:center;border:1px solid #dadada;border-radius:100%;color:#4c4c4c;font-size:.16rem;transition:1s}
.page_news .list1 li a:hover .txt span::after{transition:1s;background:#2b4d89;border:1px solid #2b4d89;color:#fff}
.page_news .list2{width:100%}
.page_news .list2 .left{float:left;width: 65%;}
.page_news .list2 .left .item{margin-bottom:.2rem;background:#fff;padding:.3rem .3rem .5rem}
.page_news .list2 .left .item:hover{box-shadow:1px 1px 5px #d4d4d4}
.page_news .list2 .left .item:hover h2{color:#2b4d89}
.page_news .list2 .left .item h2{font-size:.18rem;color:#353535;display:block;margin-bottom:.2rem}
.page_news .list2 .left .item p{font-size:.14rem;color:#6f6f6f;line-height:1.7}
.page_news .list2 .right{float:right;width:28.5%;background:#fff;padding-bottom: 1.2rem;}
.page_news .list2 .right .title {padding: .3rem .4rem 0;}
.page_news .list2 .right .title *{color:#2580e6;font-size: .24rem;line-height: 1.5;}
.page_news .list2 .right .title h2 {float: left;}
.page_news .list2 .right .title a {float: right;}
.page_news .list2 .right .item{padding: .4rem;border-bottom: 1px solid #e5e5e5;}
.page_news .list2 .right .item .img{border:2px solid #d4d4d4}
.page_news .list2 .right .item h2{font-size:.2rem;color:#2c2c2c;line-height:1.5;display:block;margin-top:.25rem}
.page_news .list2 .right .item:hover img{transition:4s;transform:scale(1.2)}
.page_news .list2 .right .item:hover h2{color:#2580e6}



.page_app{width:100%;padding: .6rem 0;}
.page_app .title {margin-bottom:.35rem;text-align:center;}
.page_app .title h2{font-size:.36rem;color:#cc0c0c;margin-bottom:.1rem;}
.page_app .title p{font-size:.2rem;color:#8b8b8b;text-transform:uppercase;letter-spacing:.1rem;}
.page_app .list{width:100%;}
.page_app .list li{margin-bottom:.6rem;position: relative;}
.page_app .list li .img{float:left;width:78.572%}
.page_app .list li:hover .img img{transform:scale(1.1);transition:1s}
.page_app .list li.even .img{float:right}
.page_app .list li .txt{position:absolute;right:0;bottom:0;width:21.428%;background:#b00;padding:.5rem .4rem .8rem;color:#fff}
.page_app .list li.even .txt{left:0}
.page_app .list li .txt .top{margin-bottom:.35rem;position:relative;padding-bottom:.1rem}
.page_app .list li .txt .top::after{position:absolute;content:'';left:0;bottom:0;width:.23rem;height:2px;background:#5da8ef}
.page_app .list li .txt .top h2{font-size:1.3rem;color:#cd6767;font-weight:700}
.page_app .list li .txt .top h3{position:absolute;left:0;bottom:.15rem;font-size:.36rem}
.page_app .list li .txt .bot{font-size:.14rem;line-height:2}

.page_contact{width:100%;padding: 60px 0;}
.page_contact .contact_title{font-size:.3rem;color:#4e4e4e;text-align:center;margin-bottom:.4rem}
.page_contact .list{width:90%;margin:-.8rem auto 0;position:relative;z-index: 160;background:#fff;box-shadow:1px 1px 5px #c1c1c1;}
.page_contact .list .contact{padding:.4rem;width:50%;background: #2d6ea9;vertical-align:top;}
.page_contact .list .contact .title{color:#fff;font-size:.24rem;margin-bottom: .3rem;}
.page_contact .list .contact .con{color:#fff}
.page_contact .list .contact .con p{line-height: .6rem;display:block;padding-left:.5rem;position:relative;}
.page_contact .list .contact .con p::after{position:absolute;content:'';width:.4rem;height: .6rem;left:0;top:0;}
.page_contact .list .contact .con p.addr::after{background:url(../addr.png) no-repeat center;background-size:.3rem;}
.page_contact .list .contact .con p.tel::after{background:url(../tel.png) no-repeat center;background-size:.34rem;}
.page_contact .list .contact .con p.fax::after{background:url(../fax.png) no-repeat center;background-size:.3rem;}
.page_contact .list .contact .con p.mob::after{background:url(../mob.png) no-repeat center;background-size:.2rem;}
.page_contact .list .contact .con p.email::after{background:url(../email.png) no-repeat center;background-size:.27rem;}
.page_contact .list .message{padding:.4rem;background: url(../message_bj.png) no-repeat center;background-size:100%;}
.page_contact .list .message .title{font-size: .2rem;color: #3a75bf;display:block;margin-bottom: .3rem;}
.page_contact .list .message .con{width:100%;font-size:0;white-space:nowrap}
.page_contact .list .message .con .item{display:block;margin-bottom:.15rem}
.page_contact .list .message .con .item.li0,.page_contact .list .message .con .item.li1{width:45%;display:inline-block;vertical-align:top;margin-right:.45rem}
.page_contact .list .message .con .item .name{font-size: .14rem;color:#787878;margin-bottom: .05rem;}
.page_contact .list .message .con .item input{height: .4rem;line-height: .4rem;width:96%;background:#eef2f6;border:none;outline:0;font-size: .14rem;padding:0 2%;color:#555;}
.page_contact .list .message .con .item textarea{height: .9rem;width:96%;border:none;outline:0;background:#eef2f6;color:#555;font-size: .14rem;padding:5px 2%;line-height: 1.3;font-family:arial;}
.page_contact .list .message .con .button{text-align:center;padding-top:.25rem}
.page_contact .list .message .con .button input{display:inline-block;font-size: .14rem;border:none;background: #272d6b;color:#fff;text-align:center;height: .4rem;line-height: .4rem;padding:0 15%;cursor:pointer;transition:1s;border-radius:5px;}
.page_contact .list .message .con .button input:hover{transition:1s;background:#000}
.page_contact .list .message .con .item:first-child{display:block;}

.page_job{padding:.6rem 0;background: #f9f9f9;}
.page_job .title{background:#b4b4b4;padding: 0 .25rem;}
.page_job .title ul{display:table;width:100%}
.page_job .title ul li{display:table-cell;width:20%;text-align:center;}
.page_job .title ul li a{line-height:65px;color:#fff;font-size: .18rem;}
.page_job .list{border: 1px solid #dcdcdc;background: #fff;padding: .25rem;padding-bottom: .7rem;margin-bottom: .5rem;}
.page_job .list dl {border-bottom:1px solid #dcdcdc}
.page_job .list dl dt{display:table;width:100%}
.page_job .list dl dt .item{display:table-cell;width:20%;text-align: center;line-height: 65px;color: #474747;font-size: .16rem;font-weight: normal;white-space: nowrap;}
.page_job .list dl dt .item.click{cursor:pointer;}
.page_job .list dl dd{display:none;background: #f5f5f5;border-top: 1px solid #dcdcdc;padding: .25rem;color: #676767;font-size: .14rem;line-height: 24px;transition: none;}
.page_job .list dl dd.on{box-shadow:1px 1px 3px #9a9a9a}
.page_job .list dl dd .con{padding-bottom:.4rem;}
.page_job .list dl dd .click{border-top:1px solid #dcdcdc;text-align:center;padding: .3rem 0;}
.page_job .list dl dd .click a{display:inline-block;padding: .15rem .7rem;background: #2b4d89;color: #ffff;font-size: .14rem;}

.page_download{padding:.6rem 0}
.page_download li{width:48%;padding: .35rem;background: #f1f1f1;margin-bottom: .35rem;}
.page_download li:hover{box-shadow:1px 1px 5px #bbbbbb}
.page_download li p{float:left;font-size:.2rem;color:#2e2e2e;line-height: .35rem;}
.page_download li:hover p{color:#01873b;}
.page_download li a{float:right;width:.35rem;height:.35rem;background:url(../download_bj.png) no-repeat;background-size: .35rem;}

.page_service {width:100%;overflow:hidden;}
.page_service .top{padding: .6rem 0;}
.page_service .top .title{margin-bottom: .4rem;text-align: center;}
.page_service .top .title h2{color:#1b8361;font-size:.3rem;font-weight:bold;display:block;margin-bottom:.15rem}
.page_service .top .title p{color:#c6c6c6;font-size:.3rem;text-transform:uppercase;}
.page_service .top .list ul li{width: 47.2%;margin-bottom:.35rem} 
.page_service .top .list ul li:hover img{transform:scale(1.1)}
.page_service .top .list ul li .txt{padding-top:.8rem;position: relative;}
.page_service .top .list ul li .txt::after{position:absolute;top:.4rem;left:0;content:'';width:.6rem;height:4px;background:#1b8361;}
.page_service .top .list ul li .txt p{font-size:.15rem;color:#464646;line-height: .27rem;}
.page_service .bot{background:url(../service_bj.jpg) no-repeat;padding:1rem 0}
.page_service .bot .w1200>div{height:3rem}
.page_service .bot .left{float:left;width: 39%;background: -moz-linear-gradient(top, #18b4bb 0%, #46b557 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#18b4bb), color-stop(100%,#46b557));background: -webkit-linear-gradient(top, #18b4bb 0%,#46b557 100%);background: -o-linear-gradient(top, #18b4bb 0%,#46b557 100%);background: -ms-linear-gradient(top, #18b4bb 0%,#46b557 100%);background: linear-gradient(to bottom, #18b4bb 0%,#46b557 100%);padding: .5rem .3rem .7rem;}
.page_service .bot .left h2{color:#fff;font-size:.2rem;font-weight:bold;display:block;margin-bottom: .3rem;}
.page_service .bot .left p{color:#fff;line-height:.3rem;font-size:.15rem;}
.page_service .bot .right{float: right;width: 58.5%;background: #fff;padding: .5rem .3rem;}
.page_service .bot .right h2{font-size:.2rem;color:#38bde5;font-weight:bold;display: block;margin-bottom: .3rem;}
.page_service .bot .right p{color:#454545;font-size:.15rem;line-height:.3rem}

.page_product{background:#fff;}
.page_product .top{text-align:right}
.page_product .top .img{float:right;width:83%;position:relative}
.page_product .top .img .txt{position:absolute;left:.5rem;top:35%;text-align:left}
.page_product .top .img .txt h2{font-size:.36rem;color:#004972;font-weight:700;display:block;margin-bottom:.1rem}
.page_product .top .img .txt p{line-height:1.4;color:#fff;font-size:.2rem;text-shadow:1px 1px 3px #4e4e4e}
.page_product .list{padding:.5rem 0 .8rem}
.page_product ul li{font-size:0;padding: 0 .12rem;position: relative;float: left;width: 33.33%;}
.page_product ul li a{position:relative;overflow:hidden}
.page_product ul li a h2{font-size: .16rem;color: #303030;width: 100%;display: block;padding: .35rem 0;z-index:1;text-align: center;}
.page_product ul li a:hover img {transform: scale(1.2);transition:4s;}

#showproduct{padding:.6rem 0;}
#showproduct .list{float:left;width: 59.643%;position: relative;}
#showproduct .list .swiper-pagination{position:absolute;bottom:.06rem;left:0;width:100%}
#showproduct .list .swiper-pagination div{width:.42rem;height:.38rem;background:#0275c6;color:#fff;line-height:.38rem;font-size:.24rem;position:absolute;bottom:0}
#showproduct .list .swiper-pagination .swiper-button-disabled{background:#fff;color:#8c8c8c}
#showproduct .list .swiper-pagination .left{left:.06rem}
#showproduct .list .swiper-pagination .right{right:.06rem}
#showproduct .text{float:right;width:36%}
#showproduct .text .top{padding-top:.55rem}
#showproduct .text .top span{font-size:.16rem;color:#343535}
#showproduct .text .top h2{font-size:.2rem;font-weight:700;color:#0275c6;display:block;margin:.1rem 0 .5rem}
#showproduct .text .bot{width:100%}
#showproduct .text .bot .info{margin-bottom:.2rem;font-size:.16rem;color:#343535;line-height:2}
#showproduct .text .bot .desc{font-size:.14rem;line-height:1.7;color:#6f6f6f}

.met_pager {text-align:center;}
.met_pager span.PageText,.met_pager input {display:none;}
.met_pager span,.met_pager a {display:inline-block;margin:0 4px;width:31px;height:31px;background:#e0e0e0;line-height:31px;font-size:.16rem;color:#393737;}
.met_pager a:hover,.met_pager a.Ahover {background: #2b4d89;color:#FFF;}
/********<=767 mobile nav style css********/
.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#212121;}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu{background: #424242;-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .6s cubic-bezier(.77,0,.175,1) 0s;transition:all .6s cubic-bezier(.77,0,.175,1) 0s;}
.st-container .st-menu ul li a {color: #fff;position:relative;font-size: .18rem;}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background: #1f2456;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#FFF;}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color: #fff;}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color: #c5c5c5;padding-left:0;}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color: #fff;}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/**************************/
/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;background: hsl(0 0% 0% / 60%);padding: 0 .2rem;}
    .m-header >.col-xs-6>div{color:#fff;}
    #fullpage > .section .fp-tableCell {padding-top:1rem;}
    #fullpage > .section:last-child .fp-tableCell {padding: 0;}
    .page_banner{margin-top: 60px;}
    footer{padding-top: 0;}
    .index_banner .fp-controlArrow{display: none;}
    .index_case .fp-tableCell{vertical-align:middle;padding-bottom: initial;}
    .index_case .list .left{float:initial;width:100%;}
    .index_case .list .right{display: none;}
    .index_about .list .item{width:50%}
    .index_contact .list{padding: 0;}

.index_contact .list .item {
    width: 33.33%;
    padding: 0 .1rem;
}
    .index_contact .list .item1{border:initial;}
    
	.page_contact .message .left{padding-left: 5%;}
	.page_contact .list .contact{width:100%;display: block;}

.page_contact .list .message {
    display: block;
    width: 100%;
}

.page_news .list2 .right .title{padding: 5px;}

.page_news .list2 .right .item {
    padding: 5px;
}
.page_vision .list .clearfix {text-align:center;}
.page_vision .list .clearfix div{float:initial;display:inline-block;}
.page_case .item>div{float: initial!important;width: 100%!important;}

.page_case .item .txt {
    padding: .5rem;
}

	.tem_banner{padding-top:60px;}
	.tem_banner.index .txt .title h2{font-size:.3rem}
	.tem_banner.index .txt .title p{font-size:.14rem}
	.tem_banner.index .txt .click{display:none}
	.tem_index_product .col-xs-6{width:100%}
	.tem_index_product .text-left .list{width:100%;margin-bottom: .2rem;}
	.tem_index_case .bot>div{width:50%}
	.tem_index_case .bot .item .txt p{display: none!important;}
	.tem_index_case .bot .item .txt span{margin: .2rem 0 0 0;}
	.tem_index_case .bot .col-xs-4 .txt i{display: none;}
	.tem_index_map::after, .tem_index_map::before{display:none;}
	.tem_index_map .top .item::after{top:20%}
	.tem_index_news{background-size: cover;}
	.tem_index_news .top p {display: block;width: 100%;}
	.tem_index_news .bot .item{width: 49%;margin-bottom: .2rem;}
	.tem_index_news .bot .item:last-child {display: none;}
	footer {box-shadow:0px -1px 4px #c6c6c6}
	footer .top {display:none}
	footer .bot .left{width:100%;text-align:center;}
	footer .bot .left .logo{margin-bottom:10px;}
	footer .bot .left .contact{display:none}
	footer .bot .left *{line-height:22px}
	footer .bot .right{display:none}
	.page_banner .page_nav{position:relative;background: #a7a7a7;}
	.page_banner .page_nav .text-left{width:100%}
	.page_banner .page_nav .text-right{display:none;}
	.page_about .about img{float: initial!important;width:100%;margin: 0 0 20px 0!important;max-width: 100%!important;}
	.page_case .col-xs-4{width:50%}
	.page_tech .list img{float: initial!important;margin-bottom: .2rem;}
	.page_news ul li{width:50%;padding: 0 .10rem;}


	.index_about .list .left{float:initial;width:100%;height:initial;}
	.index_about .list .right{float:initial;width:100%;}
	.index_about .list .right>div{height:initial;}
	.index_about .list .right .top{margin-bottom:0;}
	.index_product .item .txt{bottom: 35%;}
	.index_news .list li{width:100%;}
	footer .min p{text-align:center;}
	footer .min p:first-child {line-height:initial;display: block;}
    footer .min p:first-child+p {display: none;}
	footer .bot .info{width:100%;text-align:center;margin-bottom:5px;}
	footer .bot .tech{width:100%;text-align:center;}
	.page_about .about .top .con{width:100%;display: block;}
	.page_about .about .top .con p {line-height: initial;}
	.page_about .about .top .year {display: block;width: 100%;text-align: center;margin-top: .4rem;}
	.page_about .culture .top .pd {width: 100%;}
	.page_about .culture .top .pd p {line-height: initial;}
	.page_about .culture .bot li {width: 100%;}
	.page_about .culture .bot li a {background: #7b7b7b;}
    .page_about .culture .bot li a .txt p {line-height: initial;}
	.page_banner .txt {padding-top: 60px;bottom: 10%;}
    .page_banner .txt .table .middle {vertical-align: top;padding-top: 10%;}
	.page_banner .txt a {display: none;}
}
/********mobile*********/
@media(max-width:767px){
    .tem_banner{padding-top:60px;}


	
}