.top{line-height: .8rem; width: 100%; height: .8rem; text-align: center; position: relative; font-size: .32rem; color: #000;}
.top .back{ display: block; position: absolute; left: 0; top: 0; width: .8rem; height: .8rem; background:url(../images/arrow_03.png) center center no-repeat; background-size:.14rem auto ;}
.top .sideClick{ width: .34rem; height: .26rem; position: absolute; right: .15rem; top: 50%; transform: translateY(-50%); transition: 0.5s;}
.top .sideClick span{ display: block; position: absolute; width: 100%; height: .04rem; background: #000; left: 0; transition: 0.5s;}
.top .sideClick span:nth-child(1){ top: 0;}
.top .sideClick span:nth-child(2){ top: 50%; transform: translateY(-50%);}
.top .sideClick span:nth-child(3){ bottom: 0;}
.top .sideClick.on{ transform: translateY(-50%) rotate(180deg);}
.top .sideClick.on span:nth-child(1){ top: 50%; transform: translateY(-50%) rotate(-45deg);}
.top .sideClick.on span:nth-child(2){ width: 0;}
.top .sideClick.on span:nth-child(3){ top: 50%; transform: translateY(-50%) rotate(45deg);}
.sideBar{ z-index: 99; height: 100vh; width: 60%; position: fixed; left: -100%; top:0; transition: 0.5s; background: #0243c3;}
.sideBar .logo{ width: 100%; padding: .3rem 0;}
.sideBar .logo img{ width: 60%; display: block; margin: 0 auto;}
.sideBar .nav{ width: 60%; margin: 0 auto;}
.sideBar .nav ul { margin: 0 auto;}
.sideBar .nav ul li{ height: .6rem; line-height: .6rem; font-size: .24rem;}
.sideBar .nav ul li a{ font-size: .24rem; color: #fff;}

.details{ width: 100%; padding: 0 .3rem .9rem .3rem; box-sizing: border-box;  background: #f4f4f4;}
.details .tit{ width: 100%; padding-top: .25rem;}
.details .tit p{ line-height: .65rem; font-size: .4rem; color: #333;}
.details .tit span{ display: block; font-size: .28rem; color: #00449b; margin-bottom: .7rem; line-height: .5rem;}

.details .text{ width: 100%; margin-right: .7rem;}
.details .text p{ font-size: .28rem; color: #2e2e2e; line-height: .54rem; text-indent: .56rem;}

.details .text img{ display: block; width: 100%; height: auto; margin: .25rem 0;}

.footer{ width: 100%; padding: .3rem .25rem 1.95rem .25rem; box-sizing: border-box; background: #5790f0;}

.footer .footerNav{ width: 100%;}
.footer .footerNav ul{ width: 100%; overflow: hidden;}
.footer .footerNav li{ width: 100%; float: left; margin-bottom: .18rem;}
.footer .footerNav li.xl{ width: 49%; margin-right: 2%;}
.footer .footerNav li.xl:nth-child(2n){ margin-right: 0;}
.footer .footerNav li input{ display: block; font-size: .22rem; border-radius:.05rem ; color: #c2d3f9; background: none; outline: none; width: 100%; height:.52rem; border: .01rem solid #9abcf6; padding: 0 .1rem; box-sizing: border-box;}
.footer .footerNav li button{ background: #76a6f7; border-radius:.05rem; text-align: center; height: .48rem; line-height: .48rem; font-size: .22rem; color: #fff; outline: none; background: none; border: none; background: #c2d3f9; text-align: center; display: block; width: 100%;}
.footer .footerNav li textarea{ background: #76a6f7; border-radius:.05rem; text-align: left; line-height: .48rem; font-size: .22rem; color: #fff; outline: none; background: none; border: none; background: #c2d3f9; display: block; width: 100%;}

.footer .friendLink{ width: 100%;}
.footer .friendLink  p{ width: 100%; height: .7rem; line-height: .7rem; background: url(../images/arrow_06.png) left center no-repeat; background-size:.24rem .23rem; padding-left: .38rem; box-sizing: border-box; font-size: .22rem; color: #fff;}
.footer .friendLink ul{ width: 100%; overflow: hidden; font-size: .12rem;}
.footer .friendLink ul li{ float: left; margin-right: .15rem; margin-bottom: .15rem;}
.footer .friendLink ul li a{ font-size: .18rem; color: #fff;}

.footer .code{ width: 100%; font-size: .12rem; text-align: center; padding-top: .25rem;}
.footer .code ul{ text-align: center; font-size: .12rem;}
.footer .code ul li{ display: inline-block; margin: 0 .35rem;}
.footer .code ul li .icon{ width: 1.95rem; height: auto;}
.footer .code ul li .icon img{ display: block; width: 100%; height: auto;}
.footer .code ul li p{ text-align: center; font-size: .23rem; color: #fff; padding-top: .2rem;}
.footer .code ul li:first-child{ margin-left: 0;}
.footer .code ul li:last-child{ margin-right: 0;}

.fixdNav{z-index: 99; position: fixed; width: 100%; bottom: 0; left: 0; height:1.25rem; background: #fff;}

.fixdNav ul{ width: 100%; height: 100%;}
.fixdNav ul li{ width: 20%; float: left;}
.fixdNav ul li .icon{ width: 100%; height: .7rem; position: relative;}
.fixdNav ul li .icon img{ width: auto; height: .32rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.fixdNav ul li p{ font-size: .25rem; text-align: center; color: #2d2d2d;}
.fixdNav ul li .icon span{ width: .8rem; height: .8rem; display: block; position: absolute; left: 50%; top: 0; overflow: hidden; border-radius:50%; transform: translate(-50%,-50%); border: .08rem solid #fff;  box-shadow: 0 0 .1rem rgba(0,0,0,0.2);}
.fixdNav ul li .icon span img{ display: block; width: 100%; height: 100%;}
 
 .page{ font-size: 12px; text-align: center; margin-bottom: 20px; margin-top:20px }
 .page a{ padding:3px 5px 3px 5px; border-radius: 2px; border:1px #999 solid; color:#333;  }
  .page span{ background:#c60; color:#fff;padding:3px 7px 3px 7px;  }

.newBanner{ width: 100%; margin-bottom: .2rem;}
.newBanner img{ display: block; width: 100%; height: auto;}

.newList{ width: 100%; padding: 0 .15rem 1.4rem .15rem; box-sizing: border-box;}

.newList ul{ width: 100%;}
.newList ul li{ width: 100%; padding-left: .4rem; box-sizing: border-box; background: url(../images/new_05.png) left center no-repeat; background-size:.12rem .22rem ; overflow: hidden; border-bottom: .01rem dashed #9d9d9d; height: .9rem; line-height: .9rem;}
.newList ul li a{ display: block; float: left; width: 5.2rem; height: .9rem; line-height: .9rem; font-size: .28rem; color: #545454; overflow: hidden; text-overflow: ellipsis;}
.newList ul li span{ display: block; text-align: right; float: right; width: calc(100% - 5.2rem); font-size: .26rem; color: #545454;}

.indexConinter{ width: 100%;}

.indexConinter .serach{ font-size: .12rem; width: 6.95rem; box-sizing: border-box; overflow: hidden; height: .6rem; border-radius:.3rem; border: .01rem solid #d7d6d6; margin: .1rem auto; padding-left: .65rem; background: url(../images/index_03.png) .25rem center no-repeat; background-size:.27rem .26rem;}

.indexConinter .serach input{ box-sizing: border-box; width: 100%; height: 100%; font-size: .25rem; outline: none; border: none;}




.banner{ background: #f6f5f5; width: 100%; padding: .2rem 0; box-sizing: border-box;}
.banner .swiper-container{ width: 100%; padding: .1rem .2rem; box-sizing: border-box;}
.banner .swiper-container img{ display: block; width: 100%; height: auto; box-shadow: 0 0 .1rem rgba(0,0,0,0.2);}

.banner .swiper-pagination{ font-size: .12rem; width: 100%; position: absolute; height: .12rem; bottom: .3rem;}
.banner .swiper-pagination span{opacity: 1; width: .12rem; border-radius:.06rem ; height: .12rem;  margin: 0 .1rem; background: #a4c4f8; transition: 0.5s;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #558eed; width: .38rem;}

.indexNav{ width: 100%; background: #f6f5f5; padding: .2rem .2rem .4rem .2rem; box-sizing: border-box;}
.indexNav ul{ overflow: hidden;}
.indexNav ul li{ width: 25%; float: left;}
.indexNav ul li .icon{ width: 100%; height: 1.1rem; position: relative;}
.indexNav ul li .icon img{ height: .56rem; width: auto; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.indexNav ul li p{ text-align: center; font-size: .24rem; text-align: center; color: #333;}


.indexConinter .layer1{ border-bottom: .5rem solid #f6f5f5; padding-bottom: .2rem; width: 100%; padding: 0 .4rem; box-sizing: border-box;}
.indexConinter .tit{ width: 100%; height: 1rem; overflow: hidden; line-height: 1rem; font-size: .38rem;}
.indexConinter .tit p{ float: right; line-height: 1rem; font-size: .12rem;}
.indexConinter .tit p a{ display: inline-block; width: 1.2rem; height: .4rem; text-align: center; line-height: .4rem; border-radius:.05rem; text-align: center; background: #256fec; color: #fff;}

.indexConinter .layer1 ul{ width: 100%; overflow: hidden;}
.indexConinter .layer1 ul li{ width: 48.5%; float: left; margin-right: 3%; margin-bottom: .15rem;}
.indexConinter .layer1 ul li:nth-child(2n){ margin-right: 0;}
.indexConinter .layer1 ul li img{ display: block; width: 100%; height: auto;}

.indexConinter .layer2{border-bottom: .5rem solid #f6f5f5; width: 100%; padding-bottom: .5rem; box-sizing: border-box;}

.indexConinter .layer2 .tit{ padding: 0 .4rem; box-sizing: border-box;}
.indexConinter .layer2 .swiper-container{ width: 100%; padding: 0 .75rem; box-sizing: border-box; height: 3.6rem;}
.indexConinter .layer2 .swiper-container .icon{width: 6.05rem; height: 3.6rem; transition: 0.5s; width: 100%; height:3.6rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0.85);}
.indexConinter .layer2 .swiper-container .icon p{ position: absolute; width: 100%; left: 0; bottom: 0; height: .6rem; line-height: .6rem; padding: 0 .2rem; box-sizing: border-box; font-size: .24rem; color: #fff;}
.indexConinter .layer2 .swiper-container .swiper-slide.swiper-slide-active .icon{ transform:translate(-50%,-50%) scale(1); width: 6.05rem; height: 3.6rem;}
.indexConinter .layer2 .swiper-button-prev{ position: absolute; left: .75rem; top: 50%; transform: translateY(-50%); width: .35rem; height: .78rem; background: rgba(0,0,0,0.5); text-align: center; font-size: .4rem; color: #fff; border-radius:0 .1rem .1rem 0; line-height: .7rem; font-weight: 100;}

.indexConinter .layer2 .swiper-button-next{ position: absolute; right: .75rem; top: 50%; transform: translateY(-50%); width: .35rem; height: .78rem; background: rgba(0,0,0,0.5); text-align: center; font-size: .4rem; color: #fff; border-radius:.1rem 0 0 .1rem; line-height: .7rem; font-weight: 100;}

.indexConinter .layer3{border-bottom: .5rem solid #f6f5f5; width: 100%; padding: 0 .4rem; box-sizing: border-box;}

.indexConinter .layer3 .swiper-container{ width: 100%; padding-bottom: .65rem;}
.indexConinter .layer3 .swiper-container ul{ width: 100%; overflow: hidden;}
.indexConinter .layer3 .swiper-container ul li{ float: left; width: 48%; margin-right: 4%;}
.indexConinter .layer3 .swiper-container ul li:nth-child(2n){ margin-right: 0;}
.indexConinter .layer3 .swiper-container ul li .icon{ width: 100%; height: auto;}
.indexConinter .layer3 .swiper-container ul li .icon img{ display: block; width: 100%; height: auto;}
.indexConinter .layer3 .swiper-container ul li .text{ width: 100%; padding: .15rem 0;}
.indexConinter .layer3 .swiper-container ul li .text p{ text-align: center; line-height: .38rem; font-size: .24rem; color: #3d3d3d;}


.indexConinter .layer3 .swiper-pagination{ width: 100%; font-size: .12rem; width: 100%; position: absolute; height: .12rem; bottom: .3rem;}
.indexConinter .layer3 .swiper-pagination span{opacity: 1; width: .12rem; border-radius:.06rem ; height: .12rem;  margin: 0 .1rem; background: #a4c4f8; transition: 0.5s;}
.indexConinter .layer3 .swiper-pagination span.swiper-pagination-bullet-active{ background: #558eed; width: .38rem;}
.indexConinter .layer4{ width: 100%; padding: 0 .4rem .2rem .4rem; box-sizing: border-box; border-bottom: .5rem solid #f6f5f5;}
.indexConinter .layer4 ul{ width: 100%; overflow: hidden;}
.indexConinter .layer4 ul li{float: left; width: 48.5%; margin-right: 3%; margin-bottom: .2rem;}
.indexConinter .layer4 ul li:nth-child(2n){ margin-right: 0;}

.indexConinter .layer5{ width: 100%; padding: 0 .2rem; box-sizing: border-box; padding-bottom: .45rem; }
.indexConinter .layer5 .hd{ width: 100%; height: .9rem; border-bottom: .04rem solid #2369df;}
.indexConinter .layer5 .hd ul{ width: 100%; overflow: hidden;}
.indexConinter .layer5 .hd ul li{ width: 25%; height: .9rem; line-height: .9rem; float: left; text-align: center; font-size: .3rem; color: #383838;

}
.indexConinter .layer5 .hd ul li.on{ background: #2369df; color: #fff;}

.indexConinter .layer5 .swiper-container{ width: 100%; height: 4.2rem;}
.indexConinter .layer5 .swiper-container .icon{ width: 100%; height: 100%;}
.indexConinter .layer5 .swiper-container .icon img{ display: block; width: 100%; height: 100%;}
.indexConinter .layer5 .swiper-container .swiper-button-next{text-align: center; width: .4rem; height: .92rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.6); color: #fff; font-size: .4rem; line-height: .9rem; border-radius: .1rem 0 0 .1rem  ; font-weight: 100;}
.indexConinter .layer5 .swiper-container .swiper-button-prev{text-align: center; width: .4rem; height: .92rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.6); color: #fff; font-size: .4rem; line-height: .9rem; border-radius:0 .1rem .1rem 0 ; font-weight: 100;}
.indexConinter .layer5 .swiper-container .icon p{ position: absolute; width: 100%; left: 0; bottom: 0; height: .6rem; line-height: .6rem; padding: 0 .2rem; box-sizing: border-box; font-size: .24rem; color: #fff;}

.proList{ width: 100%; padding-bottom: .5rem;}
.proList .proBanner{ width: 100%;}
.proList .proBanner img{ display: block; width: 100%; height: auto;}
.proList ul{ width: 100%;}
.proList ul li{ width: 100%; overflow: hidden; padding: .4rem .3rem; box-sizing: border-box; border-bottom: .05rem solid #ededed;}
.proList ul li .icon{ float: left; width: 1.7rem; height: 1.2rem; float: left;}
.proList ul li .icon img{ display: block; width: 100%; height: 100%;}
.proList ul li .text{ width: calc(100% - 1.7rem); float: left; padding-left: .25rem; box-sizing: border-box;}
.proList ul li .text h2{ font-size: .26rem; line-height: .3rem; height: .3rem; overflow: hidden; color: #2d2d2d;}
.proList ul li .text p{ font-size: .22rem; line-height: .4rem; margin-top: .1rem; color: #656565; height: .4rem; overflow: hidden;}
.proList ul li .text p span{ display: inline-block; margin-right: .2rem; color: #ff0000;}

.teamBanner{ width: 100%;}
.teamBanner img{ display: block; width: 100%; height: auto;}

.team .title{ width:100%; padding: .2rem .3rem; box-sizing: border-box;border-bottom: .02rem solid #edeff0;}
.team .title p{ width: 100%; height: .7rem; line-height: .68rem; border: .01rem solid #bcccf4; box-sizing: border-box; padding: 0 .15rem; font-size: .25rem; color: #385ac1; background: #f7f8fd; border-radius:.05rem; }

.team ul{ overflow: hidden; width: 100%; padding: .45rem .45rem .45rem .45rem; box-sizing: border-box;}
.team ul li{ width: 48%;margin-right: 4%; float: left;}
.team ul li:nth-child(2n){ margin-right: 0;}
.team ul li .icon{ width: 100%;}
.team ul li .icon img{ display: block; width: 100%; height: auto;}
.team ul li .text{ width: 100%; padding: .15rem 0;}
.team ul li .text p{ text-align: center; line-height: .38rem; color: #3d3d3d; font-size: .24rem;}