.top{  height: 1.7rem; width: 15rem; margin: 0 auto; position: relative;}

.top .logo{ float: left; height: 1.7rem; line-height: 1.7rem;}
.top .logo img{ display: inline-block; vertical-align: middle; height: .67rem; width: auto;}

.top .phone{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); padding-left:.52rem; background: url(../images/phone_03.jpg) left center no-repeat; background-size:.43rem auto ;}

.top .phone p{ font-size: .16rem; color: #242424; padding-bottom: .1rem;}
.top .phone h2{ color: #104ba3; font-weight: normal; font-size: .28rem;}
.top .serach{ width: 3.35rem; height: .48rem; position: absolute; right: 2.65rem; top: 50%; transform: translateY(-50%); border: .01rem solid #d2d2d2; box-sizing: border-box; padding:.1rem 0; box-sizing: border-box; overflow: hidden; border-radius:.25rem ;}
.top .serach button{ width:.5rem; height: 100%; border: none; background: url(../images/index_09.jpg) center center no-repeat; background-size:.22rem .22rem ; border-left:.01rem solid #828282; outline: none; cursor: pointer;}
.top .serach input{ width: calc(100% - .51rem); height: 100%; float:left; font-size: .16rem; text-indent: .25rem;}


.nav{ width: 100%; height: .58rem; background: #104ba3;}
.nav .navBox{ width: 15rem; height: 100%; overflow: hidden; margin: 0 auto;}
.nav .navBox ul{ width: 100%; overflow: hidden;}
.nav .navBox ul li{ float: left;}
.nav .navBox ul li a{ box-sizing: border-box; display: inline-block; height: .58rem; line-height: .58rem; padding: 0 .32rem; font-size: .18rem; color: #fff;}
.nav .navBox ul li.on a{ background: #027bce; border-bottom: 1px solid #fff;}
.nav .navBox ul li:hover a{ background: #027bce; border-bottom: 1px solid #fff;}

.banner{ width: 100%; overflow: hidden;}

.banner .swiper-pagination{ width: 100%; height: .04rem; bottom: .44rem;}
body .banner .swiper-pagination span{opacity: 1; border-radius:0; width: 1.2rem; height: .04rem; background: rgba(255,255,255,0.3); margin: 0 .16rem!important;}
body .banner .swiper-pagination span.swiper-pagination-bullet-active{background: #fff;}

.tips{ width: 100%; height: 1.5rem; background: #ededee;}
.tips .tipsBox{ width: 15rem; margin: 0 auto; height: 100%;}
.tips .tipsBox ul{ width: 100%; overflow: hidden; height: 100%;}
.tips .tipsBox ul li{ width: 20%; float: left; height: 100%; border-left:.01rem solid #ccc; box-sizing: border-box;}
.tips .tipsBox ul li:last-child{border-right:.01rem solid #ccc;}
.tips .tipsBox ul li .icon{ float: left; width: 1.05rem; height: 100%; position: relative;}
.tips .tipsBox ul li .text{ width: calc(100% - 1.05rem); float:left; height: 100%;}
.tips .tipsBox ul li .icon img{ transition: 0.5s; display: block; position: absolute; height: .4rem; width: auto; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.tips .tipsBox ul li .icon img.on{ opacity: 0;}
.tips .tipsBox ul li .icon span{ display: block; width: .16rem; height: .02rem; position: absolute; top: 1.1rem; left: 50%; transform: translateX(-50%); transition: 0.5s; width: 0; background: #104ba3;}
.tips .tipsBox ul li:hover .icon img{opacity: 0;}
.tips .tipsBox ul li:hover .icon img.on{opacity: 1;}
.tips .tipsBox ul li:hover .icon span{ width: .16rem;}

.tips .tipsBox ul li .text h2{ padding-top: .4rem;  padding-bottom: .1rem; font-size: .22rem; font-weight: bold; color: #242424;}
.tips .tipsBox ul li .text p{ color: #4a4a4a; font-size: .16rem; line-height: .2rem; height: .4rem; overflow: hidden;}

.indexContainer{ width: 100%;}
.indexContainer .layer1{ width: 100%;}
.indexContainer .title{ padding: .9rem 0 .5rem 0; width: 100%; position: relative;}
.indexContainer .title h2{ font-size: .46rem; text-align: center; font-weight: bold; color: #000; margin-bottom: .25rem; position: relative; z-index: 2;}
.indexContainer .title p{ text-align: center; font-size: .16rem; color: #6f6f6f;}
.indexContainer .title span{ width: 100%; position: absolute; font-size: .6rem; text-align: center; color: #f1f1f1; font-weight: bold; font-family: "宋体"; top: .6rem;}

.indexContainer .layer1Box{ width: 15rem; margin: 0 auto; overflow: hidden;}
.indexContainer .layer1Box .layer1Left{ width: 4.05rem; float: left;}
.indexContainer .layer1Box .layer1Left .tit{ width: 100%; height: 1.3rem; line-height: 1.3rem; background: #104ba3; font-weight: bold; font-size: .44rem; color: #fff; text-align: center;}
.indexContainer .layer1Box .layer1Left ul{background: #F1F1F1; box-sizing: border-box; width: 100%; padding: .4rem .4rem .01rem .4rem;}
.indexContainer .layer1Box .layer1Left ul li{position: relative; width: 100%; margin-bottom: .3rem;}
.indexContainer .layer1Box .layer1Left ul li a{transition: 0.5s; display: block; width: 100%; height: .7rem; line-height: .7rem; background: #949494; font-size: .2rem; color: #fff; text-indent: .3rem; }
.indexContainer .layer1Box .layer1Left ul li img{ position: absolute; width: .23rem; height: .23rem; right: .3rem; top: 50%; transform: translateY(-50%);}

.indexContainer .layer1Box .layer1Left ul li:hover a{ background: #104ba3; font-size: .25rem;}
.indexContainer .layer1Box .layer1Right{ width: 10.7rem; float: right;}

.indexContainer .layer1Box .layer1Right .main{ width: 100%; border: .05rem solid #104ba3; box-sizing: border-box; padding: .45rem 0; overflow: hidden;}
.indexContainer .layer1Box .layer1Right .main .icon{ border-right:.01rem solid #a0a0a0; box-sizing: border-box; width: 3.81rem; float: left; height: 2.35rem; position: relative;}
.indexContainer .layer1Box .layer1Right .main .icon img{ position: absolute; height: 2.15rem; width: auto; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.indexContainer .layer1Box .layer1Right .main .text{ width: calc(100% - 3.81rem); float: left; padding-left: .45rem; box-sizing: border-box;}
.indexContainer .layer1Box .layer1Right .main .text h2{line-height: .45rem; height: .45rem; font-size: .26rem; color: #000;}
.indexContainer .layer1Box .layer1Right .main .text h3{ height: .5rem; line-height: .5rem; font-size: .2rem; color: #333;}
.indexContainer .layer1Box .layer1Right .main .text p{ line-height: .3rem; font-size: .17rem; color: #3c3c3c;}
.indexContainer .layer1Box .layer1Right .main .text ul{ margin-top: .25rem; overflow: hidden;}
.indexContainer .layer1Box .layer1Right .main .text ul li{ float: left; margin-right: .25rem;}
.indexContainer .layer1Box .layer1Right .main .text ul li a{display: block; width: 1.5rem; height: .42rem; line-height: .4rem; text-align: center; font-size: .15rem; color: #afafaf; border: 1px solid #afafaf;}
.indexContainer .layer1Box .layer1Right .main .text ul li:last-child a{ background: #104ba3; border: .01rem solid #104ba3; color: #fff;}

.indexContainer .layer1Box .layer1Right .list{ width: 100%; padding-top: .3rem;}
.indexContainer .layer1Box .layer1Right .list ul{ width: 100%; overflow: hidden;}
.indexContainer .layer1Box .layer1Right .list ul li{ height: 3.50rem; width: 3.46rem; padding-top:0.35%;  float: left; background: #F1F1F1; margin-right: .16rem; margin-bottom: .16rem;}
.indexContainer .layer1Box .layer1Right .list ul li:nth-child(3n){ margin-right: 0;}

.indexContainer .layer1Box .layer1Right .list ul li .icon{ width: 100%; height: 2.3rem; position: relative; overflow: hidden;}
.indexContainer .layer1Box .layer1Right .list ul li .icon img{  width: 98%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.indexContainer .layer1Box .layer1Right .list ul li .text{ padding-top:4%; padding-left:2%;}
.indexContainer .layer1Box .layer1Right .list ul li .text h2{ width: 100%; font-size: .16rem; color: #333; margin-bottom: .05rem;}
.indexContainer .layer1Box .layer1Right .list ul li .text p{ font-size: .14rem; line-height: .26rem; color: #333; }

.indexContainer .layer1Right .enter{ width: 2.15rem; height: .48rem; text-align: center; line-height: .48rem; font-size: .16rem; color: #fff; background: #104ba3; display: block; margin: .4rem auto .6rem auto;}

.indexContainer .layer2{ width: 100%; background: #f0f2f5; padding-bottom: .8rem;}
.indexContainer .layer2 .layer2Box{ width: 15rem; overflow: hidden; margin: 0 auto;}
.indexContainer .layer2 .layer2Box ul{ width: 100%;}
.indexContainer .layer2 .layer2Box ul li{ width: 100%; overflow: hidden;margin-bottom: .15rem;}
.indexContainer .layer2 .layer2Box ul li .icon{ float: left; width: 7rem; height: 3.3rem; }
.indexContainer .layer2 .layer2Box ul li .icon img{ display: block; width: 100%; height: 100%; overflow: hidden;}
.indexContainer .layer2 .layer2Box ul li .text{ width: calc(100% - 7rem); float: left; background: #fff; height: 3.3rem; padding-left: 1.15rem; box-sizing: border-box; padding-top: .55rem; position: relative;}
.indexContainer .layer2 .title span{ color: #e8eaed;}


.indexContainer .layer2 .layer2Box ul li .text h2{ height: .78rem; line-height: .78rem; font-size: .36rem; color: #1c1c1c; font-weight: bold;}
.indexContainer .layer2 .layer2Box ul li .text span{ display: block; width: .55rem; height: .03rem; background: #b5b5b5; margin-bottom: .3rem;}
.indexContainer .layer2 .layer2Box ul li .text p{ width: 4.15rem; line-height: .36rem; font-size: .18rem; background: url(../images/dian_07.jpg) left .15rem no-repeat; color: #454545; background-size:.07rem .07rem; padding-left: .25rem; box-sizing: border-box;}
.indexContainer .layer2 .layer2Box ul li .text p.enp{ width: 6.15rem; line-height: .36rem; font-size: .16rem; background: url(../images/dian_07.jpg) left .15rem no-repeat; color: #454545; background-size:.07rem .07rem; padding-left: .25rem; box-sizing: border-box;}
.indexContainer .layer2 .layer2Box ul li .text .num{ width: .95rem; height: 1.35rem; position: absolute; left: 0; top: 50%; transform: translate(-50%,-50%); font-size: .48rem; color: #104ba3; background: #104ba3; text-align: center; line-height: 1.35rem; color: #fff;}


.indexContainer .layer2 .layer2Box ul li:nth-child(2n) .icon{ float: right;}
.indexContainer .layer2 .layer2Box ul li:nth-child(2n) .text{ float: left;}
.indexContainer .layer2 .layer2Box ul li:nth-child(2n) .text .num{ left: auto; right: 0; transform: translate(50%,-50%);}

.indexContainer .layer3{ width: 100%; background: #0b377b; padding: .3rem 0; background: #0b377b;}
.indexContainer .layer3 .layer3Box{ width: 15rem; margin: 0 auto; overflow: hidden;}

.indexContainer .layer3 .layer3Box .icon{ width: 6.15rem; height: 3.25rem; float: left; border: .05rem solid #fff;}
.indexContainer .layer3 .layer3Box .icon img{ display: block; width: 100%; height: 100%;}
.indexContainer .layer3 .layer3Box .text{ width: 8.05rem; float: right;}
.indexContainer .layer3 .layer3Box .text h2{ height: .7rem; text-align: center; line-height: .7rem; font-size: .38rem; color: #fff;}
.indexContainer .layer3 .layer3Box .text h2 img{ display: inline-block; vertical-align: middle; margin-left: .1rem; height: .28rem; width: auto;}
.indexContainer .layer3 .layer3Box .text ul{ overflow: hidden; width: 100%; padding-top: .2rem;}
.indexContainer .layer3 .layer3Box .text ul li{ padding: .18rem 0; height: .64rem; float: left; margin-right: .15rem; margin-bottom: .15rem; width: 3.95rem; background: #fff; box-sizing: border-box;}
.indexContainer .layer3 .layer3Box .text ul li:nth-child(2){ margin-right: 0;}
.indexContainer .layer3 .layer3Box .text ul li:last-child{ width: 100%;}

.indexContainer .layer3 .layer3Box .text ul li .tp{  box-sizing: border-box; float: left; width: .51rem; height: .28rem; position: relative; border-right:.01rem solid #ababab;}
.indexContainer .layer3 .layer3Box .text ul li .tp img{ display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); height: .2rem;}
.indexContainer .layer3 .layer3Box .text ul li input{ box-sizing: border-box; width: calc(100% - .51rem); height: 100%; border: none; outline: none; display: block; float: left; padding-left: .15rem; box-sizing: border-box;}

.indexContainer .layer3 .layer3Box .text .enter{ width: 2.8rem; height: .52rem; margin:.28rem auto 0 auto; text-align: center; line-height: .52rem; font-size: .18rem; color: #fff; background: #e42101; display: block;}


.indexContainer .layer4{ width: 100%; border-top:.1rem solid #f0f2f5; padding-bottom: .4rem;}
.indexContainer .layer4Box{ width: 15rem; margin: 0 auto; position: relative;}
.indexContainer .layer4Box .tit{ padding:.8rem 0 .45rem 2.25rem;}
.indexContainer .layer4Box .tit h2{ font-size: .46rem; line-height: .46rem; font-weight: bold; color: #323232;}
.indexContainer .layer4Box .tit h2 span{ display: inline-block; margin-left: .35rem; padding-left: .35rem; height: .46rem; line-height: .46rem; font-size: .24rem; color: #ababab; border-left:.01rem solid #ababab; font-family:"宋体"; font-weight: bold;}
.indexContainer .layer4Box .tit p{ font-size: .18rem; margin-top: .2rem; color: #6f6f6f;}
.indexContainer .layer4Box .text{ width: 8.3rem; height: 5.3rem; background: #f0f2f5; padding: 0 1.6rem 0 .4rem; box-sizing: border-box;}
.indexContainer .layer4Box .text h2{ padding-top: .7rem; height: .44rem; line-height: .44rem; font-size: .24rem; color: #222121;}
.indexContainer .layer4Box .text span{ display: block; width:.6rem; height:.04rem; background: #222;}
.indexContainer .layer4Box .text p{ width: 100%; margin-top: .2rem; font-size: .16rem; color: #343434; line-height: .32rem; text-indent: .32rem;}
.indexContainer .layer4Box .text a{ display: block; width: 1.95rem; height: .5rem; text-align: center; line-height: .5rem; font-size: .16rem; color: #fff; margin-top: .2rem; background: #104ba3;}
.indexContainer .layer4Box .icon{ position: absolute; width: 7.75rem; height: 5.4rem; top: 1.4rem; right: 0;}
.indexContainer .layer4Box .icon img{ display: block; width: 100%; height: 100%;}

.indexContainer .layer5{ width: 15rem; margin: 0 auto;}
.indexContainer .layer5 .hd{ width: 100%; height: .6rem; position: relative;}
.indexContainer .layer5 .hd .xian{ width: 100%; position: absolute; top: 0; left: 0; height: .29rem; border-bottom: .01rem dashed #c6c6c6; z-index: 1;}
.indexContainer .layer5 .hd ul{position: relative; z-index: 2; width: 4.75rem; margin: 0 auto; height: .6rem; background: #fff;}
.indexContainer .layer5 .hd ul li{ width: 2.25rem; height: .6rem; float: left; text-align: center; line-height: .6rem; font-size: .24rem; font-weight: bold; background: #ececec; position: relative; cursor: pointer;}
.indexContainer .layer5 .hd ul li:last-child{ float: right;}
.indexContainer .layer5 .hd ul li .arrow{ position: absolute; left: 50%; top: .6rem; transform: translateX(-50%); background: url(../images/index_46.jpg); background-size:.16rem .07rem; width: .16rem; height: .07rem;}

.indexContainer .layer5 .hd ul li.on{background: #104ba3; color: #fff;}
.indexContainer .layer5 .hd ul li.on .arrow{ background: url(../images/index_49.jpg); background-size:.16rem .07rem;}
.indexContainer .layer5 .swiper-container{position: relative; width: 100%; height: 2.85rem; overflow: hidden; padding: 0 .5rem; box-sizing: border-box;}
.indexContainer .layer5 .swiper-container .icon{ width: 100%; height: auto; padding:.05rem; box-sizing: border-box; border: .01rem solid #e5e5e5; box-sizing: border-box; box-shadow: 0 0 .1rem rgba(0,0,0,0.2);}

.indexContainer .layer5 .swiper-container .icon img{ display: block; width: 100%; height: auto;}
.indexContainer .layer5 .swiper-container .swiper-button-next{  width: .32rem; height: .66rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: url(../images/index_60.jpg); background-size:100% auto ; margin: 0;}
.indexContainer .layer5 .swiper-container .swiper-button-prev{ width: .32rem; height: .66rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url(../images/index_57.jpg); background-size:100% auto ; margin: 0;}

.indexContainer .layer5 .swiper-container .swiper-button-next::after{ display: none;}
.indexContainer .layer5 .swiper-container .swiper-button-prev::after{ display: none;}
.indexContainer .layer5 .swiper-container p{ text-align: center; padding-top: .25rem; font-size: .16rem; color: #333;}
.indexContainer .layer5 .bd{ padding:.5rem 0;}

.indexContainer .layer6{ width: 100%;}
.indexContainer .layer6 img{ display: block; width: 100%; height: auto;}
.indexContainer .layer7{ width: 15rem; margin: 0 auto; padding: .8rem 0; overflow: hidden;}
.indexContainer .layer6{ width: 100%; background: #e6eaef; background: url(../images/layer6Bg_02.png); background-size:100% 100% ;}
.indexContainer .layer6 img{ display: block; width: 100%; height: auto;}
.indexContainer .layer7{ width: 15rem; margin: 0 auto; padding: .8rem 0; overflow: hidden;}
.indexContainer .layer6 .layer6Box{ width: 15rem; height: 3.5rem; margin: 0 auto; position: relative;}
.indexContainer .layer6 .layer6Box .bg{ background: url(../images/layer6Bg2_03.png); width: 100%; height: .84rem; background-size:100% 100%; top: 1.3rem; position: absolute;}
.indexContainer .layer6 .layer6Box .nr{ top: 0; width: 1.3rem; position: absolute;}
.indexContainer .layer6 .layer6Box .nr:nth-child(2n){ top: .57rem;}
.indexContainer .layer6 .layer6Box .icon{ width:1.3rem; height: 1.3rem; margin-bottom: .44rem;}
.indexContainer .layer6 .layer6Box .icon .box{ background: #104ba3; box-sizing: border-box; transition: 0.5s; width: 100%; height: 100%; border: .01rem solid #1f56a8; position: relative; border-radius:50% ;}
.indexContainer .layer6 .layer6Box .icon .box img{ height: .6rem; width: auto; position: absolute; display: block; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: 0.5s; opacity: 1;}
.indexContainer .layer6 .layer6Box .icon .box img.on{opacity: 0;}
.indexContainer .layer6 .layer6Box .nr:hover .box{ background: rgba(0,0,0,0);}
.indexContainer .layer6 .layer6Box .nr:hover .icon .box img{opacity: 0;}
.indexContainer .layer6 .layer6Box .nr:hover .icon .box img.on{opacity:1;}
.indexContainer .layer6 .layer6Box p{ text-align: center; font-size: .16rem; color: #464646;}

.indexContainer .layer6 .layer6Box .nr1{ left: 1.33rem;}
.indexContainer .layer6 .layer6Box .nr2{ left: 3.52rem;}
.indexContainer .layer6 .layer6Box .nr3{ left: 5.71rem;}
.indexContainer .layer6 .layer6Box .nr4{ left: 7.9rem;}
.indexContainer .layer6 .layer6Box .nr5{ left: 10.09rem;}
.indexContainer .layer6 .layer6Box .nr6{ left: 12.28rem;}



.indexContainer .layer7Left{ float: left; width: 9.4rem;}

.indexContainer .layer7Left .hd{ width: 100%; height: .85rem; border-bottom: .01rem solid #d8d8d8; line-height: .85rem;}
.indexContainer .layer7Left .hd ul{ float: left; overflow: hidden;}
.indexContainer .layer7Left .hd ul li{cursor: pointer; margin-right: .55rem; float: left; padding: 0 .25rem; height: .84rem; line-height: .84rem; font-size: .24rem; color: #333;}
.indexContainer .layer7Left .hd a{ display: block; float: right; font-size: .16rem; color: #0b0b10;}
.indexContainer .layer7Left .hd ul li.on{ border-bottom: .03rem solid #104ba3; color: #104ba3;}

.indexContainer .layer7Left .bd{ width: 100%;}
.indexContainer .layer7Left .bd .bdBox{ width: 100%;}
.indexContainer .layer7Left .bd .bdBox .main{ padding: .35rem 0; overflow: hidden;}
.indexContainer .layer7Left .bd .bdBox .main .icon{ float: left; width: 3.25rem; height: 2.4rem;}
.indexContainer .layer7Left .bd .bdBox .main .icon img{ width: 100%; height: 100%;}
.indexContainer .layer7Left .bd .bdBox .main .text{ float: left; padding-left: .2rem; box-sizing: border-box; width: calc(100% - 3.25rem); box-sizing: border-box;}
.indexContainer .layer7Left .bd .bdBox .main .text h2{ line-height: .6rem; width: 100%; font-size: .22rem; color: #333; font-weight: normal;}
.indexContainer .layer7Left .bd .bdBox .main .text p{ font-size: .16rem; color: #393939; line-height: .3rem;}

.indexContainer .layer7Left .bd .bdBox .main .text a{ display: block; width: 1.45rem; height: .4rem; text-align: center; line-height: .4rem; background: #104ba3; color: #fff; font-size: .15rem; margin-top: .25rem;}
.indexContainer .layer7Left .bd .bdBox .list{ width: 100%;}
.indexContainer .layer7Left .bd .bdBox .list ul{ overflow: hidden;}
.indexContainer .layer7Left .bd .bdBox .list ul li{ line-height: .36rem; padding-right: .5rem; width: 50%; float: left; box-sizing: border-box; padding-left: .14rem; background: url(../images/index_81.jpg) left center no-repeat;;}
.indexContainer .layer7Left .bd .bdBox .list ul li span{ display: inline-block; float: right;}


.indexContainer .layer7Right{ float: right; width: 4.95rem;}
.indexContainer .layer7Right .bt{ line-height: .85rem; width: 100%; height: .85rem; background: url(../images/index_67.jpg); background-size:100% 100% ;}
.indexContainer .layer7Right .bt a{ font-size: .16rem; color: #fff; display: inline-block; float: right; margin-right: .2rem;}
.indexContainer .layer7Right ul{ width: 100%; border: .01rem solid #dadada; box-sizing: border-box; padding:0 .2rem; border-top:0;}
.indexContainer .layer7Right ul li{border-bottom: .01rem dashed #d7d7d7; width: 100%; padding: .3rem 0;}
.indexContainer .layer7Right ul li:last-child{ border-bottom: 0;}
.indexContainer .layer7Right ul li .nr{ padding-left: .38rem; width: 100%; position: relative; box-sizing: border-box; margin-bottom: .1rem;}
.indexContainer .layer7Right ul li .nr p{ font-size: .16rem; width: 100%; line-height: .28rem; color: #2d2d2d;}
.indexContainer .layer7Right ul li .nr span{ display: block; font-size: .16rem; width: 100%; line-height: .28rem; color: #6c6c6c;}
.indexContainer .layer7Right ul li .nr .icon{ width: .28rem; height: .28rem; position: absolute; left: 0; top: 0;}
.indexContainer .layer7Right ul li .nr .icon img{ display: block; width: 100%; height: 100%;}
.indexContainer .layer7Right ul li .nr:last-child{ margin-bottom: 0;}

.footer{ width: 100%; background: #1d1f2b; padding-top: .65rem;}

.footer .footerBox{ width: 15rem; margin: 0 auto;}
.footer .footerBox .friendLink{ box-sizing: border-box; background: #21232f; width: 100%; overflow: hidden; padding: .3rem 0 .3rem 1.65rem; position:relative;}
.footer .footerBox .friendLink ul{ padding: 0 .1rem; box-sizing: border-box; width: 100%; overflow: hidden;}
.footer .footerBox .friendLink ul li{ height: .2rem; line-height: .2rem; float: left;padding:0 .1rem; margin: .1rem 0; border-right:.01rem solid #818392 ;}
.footer .footerBox .friendLink ul li a{ font-size: .14rem; color: #818392;}

.footer .footerBox .friendLink p{ width: 1.65rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: .7rem; border-right:.01rem solid #32343f; line-height: .38rem; color: #a9aab5; text-align: center; font-size: .24rem;}



.footerNav{  width: 100%; padding: .3rem 0; border-top:.01rem solid #3c3d47; border-bottom: .01rem solid #3c3d47; width: 15rem; margin: .5rem auto;}
.footerNav ul{ overflow: hidden;}
.footerNav ul li{ float: left; height:.22rem; padding: 0 .25rem; border-right:.01rem solid #a9aab5;}
.footerNav ul li a{ color: #a9aab5; font-size: .18rem;}

.footerBottom{ width: 15rem; margin: 0 auto; padding:0 0 .5rem 0; overflow: hidden;}
.footerBottom .logo{ float: left; width: 2.45rem; height: 1.3rem; border-right:.01rem solid #3c3d47 ;}
.footerBottom .logo img{ display: block; height: 100%; width: auto; margin: 0 auto;}


.footerBottom .text{ float: left;  width: calc(100% - 2.46rem); padding:.25rem 0 0 .65rem; box-sizing: border-box;}
.footerBottom .text p{font-size: .18rem; color: #818392; line-height: .38rem;}

.navGation{ width: 100%; height: .5rem; border-bottom: .01rem solid #dcdcdc;}
.navGation ul{ width: 15rem; margin: 0 auto; height: .5rem; overflow: hidden;}
.navGation ul li{ float: left; font-size: .14rem; color: #7b7b7b; height:.5rem ; line-height: .5rem;}
.navGation ul li:first-child{padding-left: .24rem;background: url(../images/details_05.jpg) left center no-repeat;}

.details{ width: 15rem; margin: 0 auto; overflow: hidden; padding-top: .75rem;}
.details .detailsLeft{ width: 10.75rem; float: left;}

.details .detailsLeft .main{ width: 100%; height: 3.5rem; border: .01rem solid #d8d8d8; padding:0; box-sizing: border-box; box-sizing: border-box;}
.details .detailsLeft .main .icon{ width:4.85rem; height: 100%; border-right:.01rem solid #d8d8d8; box-sizing: border-box; float: left;}
.details .detailsLeft .main .icon img{ display: block; width: 100%; height: 100%;}
.details .detailsLeft .main .text{ width: calc(100% - 4.85rem); padding: .15rem 0 0 .35rem; box-sizing: border-box; float: left;}
.details .detailsLeft .main .text h2{ line-height: .52rem; font-size: .24rem; color: #104ba3; height: .52rem; width: 97%; border-bottom: .01rem dashed #999; margin-bottom: .1rem;}
.details .detailsLeft .main .text p{ line-height: .34rem; font-size: .16rem; color: #4e4e4e;}
.details .detailsLeft .main .text p span{ font-weight: bold;}
.details .detailsLeft .main .text img{ width: 4rem; margin-top: .15rem;}

.details .detailsLeft .list{ width: 100%; padding-top: .55rem;}
.details .detailsLeft .list .hd{ width: 100%; padding-bottom:.1rem; border-bottom: .01rem solid #104ba3;}
.details .detailsLeft .list .hd ul{ height: .54rem;}
.details .detailsLeft .list .hd ul li{ float: left; width: 1.8rem; height: .54rem; text-align: center; line-height: .54rem; cursor: pointer; background: #e8e8e8; font-size: .22rem; color: #313131; background: #e8e8e8; margin-right: .1rem; position: relative;}
.details .detailsLeft .list .hd ul li .arrow{ background: url(../images/index_46.jpg); background-size:.16rem .07rem ; width: .16rem; height: .07rem; position: absolute; left: 50%; transform: translateX(-50%); top: .54rem; }
.details .detailsLeft .list .hd ul li.on{ background: #104ba3; color: #fff;}
.details .detailsLeft .list .hd ul li.on .arrow{ background: url(../images/index_49.jpg); background-size:.16rem .07rem;}
.details .detailsLeft .list .bdBox{ padding-top: .5rem;}
.details .detailsLeft .list .bdBox .DetailsNr img{ width: 6.8rem; margin: 0 auto .4rem auto;}
.details .detailsLeft .list .bdBox .DetailsNr .bt{ width: 4.3rem; margin: 0 auto; position: relative; margin-bottom: .2rem;}
.details .detailsLeft .list .bdBox .DetailsNr .bt .xian{ background: #104ba3; width: 100%; height: .01rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.details .detailsLeft .list .bdBox .DetailsNr .bt span{position: relative; z-index: 2; display: block; margin: 0 auto; width: 1.3rem; text-align: center; background: #fff; line-height: .24rem; height: .24rem; font-size: .24rem; font-weight: bold; color: #104ba3;}

.details .detailsLeft .list .bdBox .DetailsNr p{ font-size: .16rem; line-height: .32rem; color: #4e4e4e; margin-bottom: .2rem; text-indent: .32rem;}


.details .detailsRight{ width: 3.85rem; float: right;}
.details .detailsRight .list1{ width: 100%; margin-bottom: .2rem;}
.details .detailsRight .list1 .bt{ width: 100%; height: .87rem; line-height: .87rem; text-align:center; font-size: .34rem; color: #fff; font-weight: bold; color: #fff; background: #104ba3;}
.details .detailsRight .list1 ul{ width: 100%; padding: .2rem .25rem; box-sizing: border-box; border: .01rem solid #d8d8d8;}
.details .detailsRight .list1 ul li{ height: .49rem; border-bottom: .01rem dashed #d8d8d8; box-sizing: border-box; line-height: .48rem; padding-left: .38rem; background: url(../images/details_15.jpg) .11rem center no-repeat; background-size:.17rem .14rem ;}
.details .detailsRight .list1 ul li a{ font-size: .16rem; color: #333;}
.details .detailsRight .list1 ul li:hover a{ color: #104ba3;}
.details .detailsRight .list1 ul li:hover{ background: url(../images/details_12.jpg) .11rem center no-repeat;}

.details .detailsRight .list2{ width: 100%; margin-bottom: .2rem; border: .01rem solid #d8d8d8; box-sizing: border-box;}
.details .detailsRight .list2 .bt{ width: 100%; height: .66rem; text-align: center; line-height: .66rem; font-size: .26rem; color: #333; background: #e8e7e7;}
.details .detailsRight .list2 ul { padding: .3rem .2rem; width: 100%; box-sizing: border-box;}
.details .detailsRight .list2 ul li{ height: .22rem; line-height: .22rem; overflow: hidden; margin-bottom: .15rem;}
.details .detailsRight .list2 ul li span{ display: inline-block; float: left; width: .22rem; height: .22rem; text-align: center; line-height: .22rem; color: #fff; background: #999999; margin-right: .1rem;}
.details .detailsRight .list2 ul li a{ font-size: .15rem;}
.details .detailsRight .list2 ul li:nth-child(1) span{ background: #104ba3;}
.details .detailsRight .list2 ul li:nth-child(2) span{ background: #104ba3;}
.details .detailsRight .list2 ul li:nth-child(3) span{ background: #104ba3;}

.details .detailsRight .list3{ width: 100%; border: .01rem solid #d8d8d8; box-sizing: border-box;}
.details .detailsRight .list3 .bt{ width: 100%; height: .66rem; line-height: .66rem; text-align:center; font-size: .24rem; color: #fff; font-weight: bold; color: #fff; background: #104ba3;}
.details .detailsRight .list3 ul{ padding: .25rem; box-sizing: border-box;}
.details .detailsRight .list3 ul li{ line-height: .36rem; color: #313131; font-size: .15rem;}






.cantact{ width: 100%;}
.cantact .tit{ width: 100%; padding: .65rem 0 .5rem 0;}
.cantact .tit h2{ text-align: center; font-size: .32rem; color: #333; margin-bottom: .24rem; font-weight: bold;}
.cantact .tit span{ display: block; width: .78rem; height: .03rem; background: #333; margin: 0 auto;}

.cantact .canLayer1{ width: 15rem; margin: 0 auto; height: 2.1rem; overflow: hidden; background: #f4f4f4;}
.cantact .canLayer1 .icon{ float: left; width: 3.15rem; height: 2.1rem; position: relative;}
.cantact .canLayer1 .icon img{ display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1.8rem; height: 1.8rem;}
.cantact .canLayer1 .text{ width: calc(100% - 3.15rem); padding-right: .75rem; box-sizing: border-box; float: left;}
.cantact .canLayer1 .text h2{ padding: .35rem 0 0 0; font-size: .19rem; color: #333; line-height: .6rem; font-weight:800}
.cantact .canLayer1 .text p{ font-size: .16rem; color: #333; line-height: .32rem;}
.cantact .canLayer2{ width: 15rem; margin:.8rem auto; border-top:.01rem solid #e5e5e5;}
.cantact .canLayer2 ul{ width: 100%; overflow: hidden;}
.cantact .canLayer2 ul li{ width: 50%; float: left; padding-left: .75rem; height: .96rem;border-bottom:.01rem solid #e5e5e5; box-sizing: border-box; overflow: hidden;}
.cantact .canLayer2 ul li .icon{ width: 1.1rem; height: .95rem; position: relative; float: left;}
.cantact .canLayer2 ul li .icon img{ display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: .58rem; height: .58rem;}
.cantact .canLayer2 ul li .text{ width: calc(100% - 1.1rem); float: left; line-height: .95rem; font-size: .16rem; color: #333;}

.cantact .canLayer3{ width: 100%; padding-bottom: 1rem; background: #f0f2f5;}

.cantact .canLayer3 img{ display: block; width: 15rem; margin: 0 auto;}

.cantact .canLayer4{ width: 15rem; margin: 0 auto; padding-bottom: .8rem;}
.cantact .canLayer4 .bt{ width: 100%; height: 70px; background:url(/skin/images/feedback_ico.png) no-repeat 68% center #0c4da1; line-height:70px; text-align:center;margin-top:50px; font-size:28px; color:#fff; font-weight:600;}
.cantact .canLayer4 .bt img{ display: block; width: 100%; height: auto;}
.cantact .canLayer4 ul{ width: 100%; overflow: hidden; margin-top: .35rem;}
.cantact .canLayer4 ul li{ width: 7.4rem; float: left; overflow: hidden; margin-bottom: .2rem; padding: .25rem 0; background: #f6f6f6;}
.cantact .canLayer4 ul li:first-child{ margin-right: .2rem;}

.cantact .canLayer4 ul li .icon{ float: left; width: .51rem; height: .28rem; border-right:.01rem solid #ababab; box-sizing: border-box; position: relative;}
.cantact .canLayer4 ul li .icon img{ display: block; height: .2rem; width: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.cantact .canLayer4 ul li input{text-indent: .15rem; border: none; background: none; outline: none; float: left; width: calc(100% - .51rem); height: .28rem; font-size: .16rem;}
.cantact .canLayer4 ul li:last-child{ width: 100%;}
.cantact .canLayer4 dl{ text-align: center; margin-top: .2rem;}
.cantact .canLayer4 dl dd{ display: inline-block; margin: 0 .05rem;}
.cantact .canLayer4 dl dd a{ width: 2.4rem; height: .58rem; display: block; text-align: center; line-height: .58rem; color: #fff; font-size: .18rem; background: #e42101;}
.cantact .canLayer4 dl dd:last-child a{ background: #7d7d7d;}

.about{ width: 100%;}
.about .tit{ width: 100%; padding: .65rem 0 .5rem 0;}
.about .tit h2{ text-align: center; font-size: .32rem; color: #333; margin-bottom: .24rem; font-weight: bold;}
.about .tit span{ display: block; width: .78rem; height: .03rem; background: #333; margin: 0 auto;}

.about .aboutLayer1{ width: 15rem; margin:0 auto; padding-bottom: .8rem; overflow: hidden;}
.about .aboutLayer1 .icon{ float: left; width: 7.65rem; float: left;}
.about .aboutLayer1 .icon img{ display: block; width: 100%; height: auto;}
.about .aboutLayer1 .text{ width: calc(100% - 7.65rem); float: left; padding-left: .3rem; box-sizing: border-box; padding-top: .08rem;}
.about .aboutLayer1 .text h2{ height: .72rem; line-height: .72rem; font-size: .22rem; color: #333;}
.about .aboutLayer1 .text p{ font-size: .16rem; color: #333; line-height: .32rem; text-indent: .32rem; margin-bottom: .15rem;}

.about .aboutLayer2{ background: #f0f2f5; padding-bottom: .75rem;}
.about .aboutLayer2 ul{ width: 15rem; margin:0 auto; overflow: hidden;}
.about .aboutLayer2 ul li{ width: 3.69rem; height: 2.58rem; float: left; margin-right: .08rem; margin-bottom: .08rem; position: relative; overflow: hidden;}
.about .aboutLayer2 ul li img{ transition: 0.8s; display: block; width: 100%; height: 100%;}
.about .aboutLayer2 ul li .text{ position: absolute; width: 100%; top: 50%; transform: translateY(-50%);}
.about .aboutLayer2 ul li .text p{ width: 100%; text-align: center; font-size: .24rem; color: #fff;}
.about .aboutLayer2 ul li .text span{ transition: 0.5s; display: block; width: .4rem; height: .03rem; background: #fff; margin: .22rem auto 0 auto;}

.about .aboutLayer2 ul li:nth-child(4n){ margin-right: 0;}
.about .aboutLayer2 ul li:hover img{ transform: scale(1.1);}
.about .aboutLayer2 ul li:hover .text span{ width: .8rem;}

.about .aboutLayer3{ width: 100%; padding-bottom: .75rem;}
.about .aboutLayer3 .aboutLayer3Box{ width: 15rem; margin: 0 auto; position: relative;}
.about .aboutLayer3 .aboutLayer3Box .icon{ width: 100%; padding: .1rem; border: .01rem solid #f1f3f8; box-sizing: border-box;}
.about .aboutLayer3 .aboutLayer3Box .icon img{ display: block; width: 100%; height: 100%;}

.about .aboutLayer3 .aboutLayer3Box .swiper-container{ width: 100%; overflow: hidden;}
.about .aboutLayer3 .aboutLayer3Box p{ text-align: center; font-size: .2rem; padding-top: .25rem; color: #333;}

.about .aboutLayer3 .aboutLayer3Box .swiper-button-next{ background: url(../images/about_16.jpg); width: .52rem; height: .52rem; background-size:100% 100%; right: -.7rem; top: 50%; transform: translateY(-50%); margin: 0;}
.about .aboutLayer3 .aboutLayer3Box .swiper-button-next::after{ display: none;}
.about .aboutLayer3 .aboutLayer3Box .swiper-button-prev{ background: url(../images/about_13.jpg); width: .52rem; height: .52rem; background-size:100% 100%; left: -.7rem; top: 50%; transform: translateY(-50%); margin: 0;}
.about .aboutLayer3 .aboutLayer3Box .swiper-button-prev::after{ display: none;}

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

.new{ width: 100%;}
.new .newHd{ width: 100%; border-bottom: .01rem solid #dcdcdc;}
.new .newHd ul{ width: 100%; text-align: center; padding: .5rem 0;}
.new .newHd ul li{ display: inline-block; margin:0 0.18rem; cursor: pointer; width: 2rem; height: .6rem; text-align: center; line-height: .6rem; border: .02rem solid #bebebe; font-size: .24rem; color: #333;}
.new .newHd ul li.on{ border: .02rem solid #104ba3; background: #104ba3; color: #fff;}
.new .newHd ul li.on a{ color:#FFF}

.new{ width: 100%;}
.new .newHden{ width: 100%; border-bottom: .01rem solid #dcdcdc;}
.new .newHden ul{ width: 100%; text-align: center; padding: .5rem 0;}
.new .newHden ul li{ display: inline-block; margin:0 0.18rem; cursor: pointer; width: 2rem; height: .6rem; text-align: center; line-height: .6rem; border: .02rem solid #bebebe; font-size: .20rem; color: #333;}
.new .newHden ul li.on{ border: .02rem solid #104ba3; background: #104ba3; color: #fff;}
.new .newHden ul li.on a{ color:#FFF}

.newBdBox ul{ width: 100%;}
.newBdBox ul li{transition: 0.5s; width: 100%; overflow: hidden; padding: .35rem .25rem; box-sizing: border-box; border-bottom: .01rem solid #dcdcdc; position: relative;}
.newBdBox ul li .icon{ width: 3.07rem; height: 2.07rem; float: left;}
.newBdBox ul li .icon img{ display: block; width: 100%; height: 100%;}
.newBdBox ul li .text{ width: calc(100% - 3.07rem); float: left; padding-left: .25rem; width: 5.05rem;}
.newBdBox ul li .text h2{ height: .48rem; line-height: .48rem; font-size: .18rem; color: #333;}
.newBdBox ul li .text p{ font-size: .14rem; color: #5e5e5e; line-height: .28rem; margin-top: .1rem;}
.newBdBox ul li .text a{ width: 1.2rem; height: .38rem; text-align: center; line-height: .38rem; border: .01rem solid #104ba3; color: #104ba3; margin-top: .2rem; font-size: .16rem; display: block;}
.newBdBox ul li .time{ position: absolute; width: 1.4rem; right: 0; top: 50%; transform: translateY(-50%);}
.newBdBox ul li .time h2{ text-align: center; font-size: .72rem; font-weight: bold; margin-bottom: .15rem; color: #b8b8b8;}
.newBdBox ul li .time p{ text-align: center; font-size: .16rem; color: #b8b8b8;}

.newBdBox ul li:hover{ background: #f8f8f8;}

.pro{ width: 100%;}
.pro .proHd{ width: 100%; border-bottom: .01rem solid #dcdcdc;}
.pro .proHd ul{ width: 100%; text-align: center; padding: .5rem 0;}
.pro .proHd ul li{ display: inline-block; margin:0 0.18rem; cursor: pointer; width: 2rem; height: .6rem; text-align: center; line-height: .6rem; border: .02rem solid #bebebe; font-size: .24rem; color: #333;}
.pro .proHd ul li.on{ border: .02rem solid #104ba3; background: #104ba3; color: #fff;}
.pro .proHd ul li.on a{ color:#FFF}
.proBdBox ul{ width: 100%;}
.proBdBox ul li{transition: 0.5s; width: 33.00%;  margin: 1.0px;background: #f5f6f8; overflow: hidden; padding: .03rem .03rem;; box-sizing: border-box; position: relative; float:left;}
.proBdBox ul li .icon{ width: 100%;  float: left;}
.proBdBox ul li .icon img{ display: block; width: 100%; height: 100%;}
.proBdBox ul li .text{ width: calc(100% - 3.07rem); float: left; padding-left: .1rem; width: 100%;}
.proBdBox ul li .text h2{ height: .48rem; line-height: .48rem; font-size: .16rem; color: #333; font-weight:bold;}
.proBdBox ul li .text p{ font-size: .14rem; color: #5e5e5e; line-height: .28rem;}
.proBdBox ul li .text a{ width: 1.2rem; height: .38rem; text-align: center; line-height: .38rem; border: .01rem solid #104ba3; color: #104ba3; margin-top: .2rem; font-size: .16rem; display: block;}
.proBdBox ul li .time{ position: absolute; width: 1.4rem; right: 0; top: 50%; transform: translateY(-50%);}
.proBdBox ul li .time h2{ text-align: center; font-size: .72rem; font-weight: bold; margin-bottom: .15rem; color: #b8b8b8;}
.proBdBox ul li .time p{ text-align: center; font-size: .16rem; color: #b8b8b8;}

.proBdBox ul li:hover{ background: #f8f8f8;}

.pageMain{ width: 100%; padding: .9rem 0; text-align: center;}
.pageMain li{ display: inline-block; margin: 0 .04rem;}
.pageMain li a{ text-align: center; line-height: .4rem; display: block; width: .54rem; height: .4rem; border: .01rem solid #cdcdcd; font-size: .16rem; color: #404040;}
.pageMain li.on a{ border: .01rem solid #104ba3; background: #104ba3; color: #fff;}


.newDetails{ width: 100%; }
.newDetails .bt{ width: 100%;}
.newDetails .bt h2{line-height: .88rem; font-weight: bold; text-align: center; height: .88rem; font-size: .26rem; color: #333;}
.newDetails .bt ul{ width: 100%; border-top: .01rem dashed #e7e7e7; text-align: center;}
.newDetails .bt ul li{ display: inline-block; height: .65rem; line-height: .65rem; margin: 0 .15rem; font-size: .14rem; color: #7b7b7b;}
.newDetails .Nr{ width: 100%; }
.newDetails .Nr p{ font-size: .15rem; line-height: .32rem; color: #3c3c3c; margin-bottom: .2rem;}
.newDetails .Nr img{ display: block; width: 100%; height: auto; margin-bottom: .2rem;}
.newDetails .Nr .page{ margin-top: .5rem; width: 100%; padding: .25rem 0; border-top:.01rem solid #e5e5e5;}
.newDetails .Nr .page li{ line-height: .32rem;}
.newDetails .Nr .page li a{ font-size: .14rem; color: #666;}

.canLayer5{ width: 100%;}
.canLayer5 h2{ padding: .65rem 0 0 0; text-align: center; line-height: .28rem; font-size: .28rem; font-weight: bold; color: #104ba3;}
.canLayer5 p{ font-size: .14rem; line-height: .14rem; text-align: center; color: #104ba3; padding-top: .2rem;}
.canLayer5 span{ width: .7rem; height: .06rem; background: #104ba3; margin: .3rem auto; display: block;}
.canLayer5 h3{ font-size: .18rem; line-height: .32rem; color: #104ba3; text-indent: .32rem;}

.warpBox .canLayer2{ width: 100%;  overflow: hidden; border: none;}
.warpBox .cantact .canLayer4{ width: 100%;}
.warpBox .cantact .canLayer2 ul{ float: left; width: 5.9rem; border-top:.01rem solid #e5e5e5 ;}
.warpBox .cantact .canLayer2 ul li{ padding: 0; width: 100%;}
.warpBox .canLayer2 img{ float: right; width: 4.35rem; display: block; height: auto;}
.warpBox .cantact .canLayer4 ul li{ width: 8.3rem; margin: 0 auto .25rem auto; float: inherit;}