@charset "utf-8";
/* CSS Document */
*,*:before,*:after { }
body{ margin:0px; padding:0px; font-family:-apple-system,SF UI Display,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;background:#FFF; }
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }
@keyframes banner{
	0%{ transform: scale(1);}
	50%{transform: scale(1.1);}
	100%{transform: scale(1);}
}

 .pag.swiper-pagination-bullets {
    right: 20px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);}
	.pag.swiper-pagination-bullets span{
    width: 14px;
    height: 14px;
    display: block;
	margin:6px 0px;
    border-radius: 100%;
    background: #000;
    opacity: .2;}
	.pag.swiper-pagination span.swiper-pagination-bullet-active {
    background: #0968b9;opacity: 1;
}


body::-webkit-scrollbar {display: none;}
.top{position: fixed; top: 0; z-index: 99; width: 100%; height: 1.15rem; padding: 0 1.1rem; box-sizing: border-box;  background: rgba(255,255,255,0.65); box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.top .logo{ float: left; height: 100%; line-height: 1.15rem;}
.top .logo img{ height: .86rem; width: auto; display: inline-block; vertical-align: middle;}
.top .nav{ float: right;}
.top .nav .serach{ padding: .1rem 0; overflow: hidden;}
.top .nav .serach button{ display: block; float: right; width: .8rem; height: .4rem; text-align: center; line-height: .4rem; font-size: .12rem; color: #fff; background: #97d225; cursor: pointer; border: none; outline: none;}
.top .nav .serach input{ float: right; display: block; width: 2.8rem; height: .4rem; border: .01rem solid #cdcdcd; box-sizing: border-box; border-right:0; text-indent: .2rem; background: #fff; font-size: .16rem;}
.top .nav .serach p{ float: right; line-height: .4rem; margin-right: .2rem; font-size: .14rem; color: #333;}
.top .nav ul{ overflow: hidden; float: right;}
.top .nav ul li{ float: left;}
.top .nav ul li .enter{ display: block; line-height: .55rem; height: .55rem; padding: 0 .4rem; font-size: .15rem; color: #333; font-weight: bold; transition: 0.4s;}
.top .nav ul li.on .enter{ color: #fff; background: #76a718;}
.top .nav ul li:hover .enter{ background:#76a718; color: #fff;}
.topList{ overflow: hidden; display: block;  width: 100%; position: absolute; left: 0; top:1.15rem; background: rgba(255,255,255,0.7); z-index: 99; transition: 0.5s; height: 0;}
.top .nav ul li:hover .topList{ height: 1.25rem;padding: .25rem 0;}
.topList .topListBox{display: block; overflow: hidden; width: 11rem; margin: 0 auto; }
.topList .topListBox .icon{ background: #fff; float: left; width: 2.1rem; height: 1.3rem; padding: .05rem; box-sizing: border-box;}
.topList .topListBox .icon img{ display: block; width: 100%; height: 100%;}
.topList .topListBox ul{ width: calc(100% - 2.1rem); float: left; padding-left: .2rem; box-sizing: border-box;}
.topList .topListBox ul li{ line-height: .4rem; width: 25%; float: left;}
.topList .topListBox ul li a{ font-size: .15rem; color:#575757;}
.topList .topListBox ul li a:hover{color:#002060;}
.topList .topListBox ul li span{ color: #575757; display: block; display: inline-block; margin-right: .08rem; font-weight: bold;}
.swiper-container{ width: 100%; height: 100%;}
.banner{ width: 100%; overflow: hidden;position: relative; height: 100vh;}
.banner img{ display: block; width: 100%; height: 100%;}
.banner .bannerBox{ width: 17rem; position: absolute; top: 50%; left: 50%; transform: translateX(-50%);}
.banner .bannerBox h2{ font-size: .56rem; font-weight: bold; color: #002060; line-height: .56rem; padding-bottom: .3rem;}
.banner .bannerBox p{ font-size: .24rem; line-height: .24rem; color: #333; padding-bottom: .1rem;}
.banner .bannerBox span{ display: block; font-size: .16rem; color: #333;}
.banner .swiper-pagination{ width: 100%; bottom: .3rem; text-align: center;}
.banner .swiper-pagination span{ width: .4rem; height: .03rem;  background: #2588ff; margin: 0 .05rem; border-radius:0 ;opacity: 1;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #fff;}
.banner .swiper-slide.swiper-slide-active img{ animation: banner 10s linear infinite; }
.indexContainer{ width: 100%; box-sizing: border-box;}
.indexContainer .tit{ padding: .8rem 0 .45rem 0;}
.indexContainer .tit h2{ text-align: center; font-size: .24rem; font-weight: bold; color: #000; padding-bottom: .32rem;}
.indexContainer .tit p{ font-size: .15rem; color: #777777; text-align: center;}
.indexContainer .layer1{ width: 100%; margin: 0 auto; height: 100vh; padding-top:1.2rem; box-sizing: border-box;}
.indexContainer .layer1 .hd{ width: 7.4rem; margin: 0 auto; padding-bottom: .5rem;}
.indexContainer .layer1 .hd ul{ overflow: hidden;}
.indexContainer .layer1 .hd ul li{ font-size: .16rem; box-sizing: border-box; float: left; width: 1.66rem; height: .4rem; border:.01rem solid #cdcdcd; text-align: center; line-height: .38rem; font-size:.14rem; color: #777777; margin-right: .25rem; cursor: pointer;}
.indexContainer .layer1 .hd ul li.on{ background: #002060; color: #fff; border: .01rem solid #002060;}
.indexContainer .layer1 .hd ul li:last-child{ float:right; margin-right: 0;}
.indexContainer .layer1 .bd{ width: 100%;}
.indexContainer .layer1 .bd .bdBox.on{ position: relative; z-index: 1;}
.indexContainer .layer1 .bd .bdBox{ width: 17rem;left: 50%; transform: translateX(-50%); position: relative; padding-bottom: 2.5rem; position: absolute; background: #fff;}
.indexContainer .layer1 .layer1Box{ width: 100%;}
.indexContainer .layer1 .layer1Box .icon{ width: 100%; border:.01rem solid #c7c7c7; padding: .1rem; box-sizing: border-box; overflow:hidden; background:#fff;}
.indexContainer .layer1 .layer1Box .icon img{ display: block; width: 100%; height: auto;cursor: pointer;transition: all 0.6s;}
.indexContainer .layer1 .layer1Box .icon img:hover{transform: scale(1.05);}
.indexContainer .layer1 .layer1Box p{ width: 100%; height: .64rem; color: #fff; line-height: .64rem; text-align: center; background: #002060; font-size: .14rem; transition: 0.5s;}
.indexContainer .layer1 .layer1Box:hover p{ background: #7ab30d;}
.indexContainer .layer1 .swiper-pagination{ position: absolute; width: 100%; bottom:1.25rem;}
.indexContainer .layer1 .swiper-pagination span{ width: .14rem; height: .14rem; background: #9eaca7; opacity: 1; margin: 0 .03rem;}
.indexContainer .layer1 .swiper-pagination span.swiper-pagination-bullet-active{ background: #0968b9;}
.indexContainer .layer2{ width: 100%; height: 100vh; background: url(../images/index_03.jpg) right center no-repeat no-repeat; background-size:auto 7.6rem; padding: 0 1.1rem; box-sizing: border-box; background-size:auto 100%;}
.indexContainer .layer2 .layer2Box{ width: 12.4rem; padding-top: 1rem; box-sizing: border-box;}
.indexContainer .layer2 .layer2Box .bt{ padding: .75rem 0 .8rem 0;}
.indexContainer .layer2 .layer2Box .bt h2{ font-size: .24rem; font-weight: bold; color: #fff; padding-bottom: .22rem;}
.indexContainer .layer2 .layer2Box .bt p{ font-size: .16rem; line-height: .16rem; color: #fff;}
.indexContainer .layer2 .layer2Box .nr{ width: 100%; overflow: hidden; height: 3.9rem;}
.indexContainer .layer2 .layer2Box .nr .layer2Left{ float: left; width: 2.95rem; float: left; height: 100%; border: .01rem solid #31ccec; box-sizing: border-box; overflow:hidden;}
.indexContainer .layer2 .layer2Box .nr .layer2Left img{ display: block; width: 100%; height: 100%;cursor: pointer;transition: all 0.6s;}
.indexContainer .layer2 .layer2Box .nr .layer2Left img:hover{transform: scale(1.1);}
.indexContainer .layer2 .layer2Box .nr .layer2Right{ width: 9.25rem; float: right; height: 100%;}
.indexContainer .layer2 .layer2Box .nr .layer2Right ul{ overflow: hidden;}
.indexContainer .layer2 .layer2Box .nr .layer2Right ul li{transition: 0.5s; width: 2.95rem; height: 1.85rem; border: .01rem solid #31ccec; background: #fff; box-sizing: border-box; float: left; margin-right: .2rem; margin-bottom: .2rem;}
.indexContainer .layer2 .layer2Box .nr .layer2Right ul li:nth-child(3n){margin-right: 0;}
.indexContainer .layer2 .layer2Box .nr .layer2Right ul li a{ display: block; width: 100%; height: 100%; text-align: center; line-height:1.83rem; font-size: .24rem; font-weight: bold; color: #002060; transition: 0.5s;}
.indexContainer .layer2 .layer2Box .nr .layer2Right ul li:hover{background: #002060; border: 0.01rem solid #002060;}
.indexContainer .layer2 .layer2Box .nr .layer2Right ul li:hover a{ color: #fff;}
.indexContainer .layer2 .layer2Box .nrBottom{padding-top: .2rem;}
.indexContainer .layer2 .layer2Box .nrBottom ul{ width: 100%; overflow: hidden;}
.indexContainer .layer2 .layer2Box .nrBottom ul li{ float: left; height: .55rem; line-height: .55rem; padding: 0 .3rem; margin-right: .02rem; font-size: .25rem; color: #fff; font-weight: bold; background: #002060;}
.indexContainer .layer2 .layer2Box .nrBottom ul li a{ color: #fff;}
.indexContainer .layer2 .layer2Box .nrBottom ul li:last-child{ background: #7ab30d;}


.indexContainer .layer3{ background: url(../images/index_04.jpg);   width: 100%; padding: 0 1.1rem; box-sizing: border-box; position: relative; height: 100vh; padding-top: 1.1rem;}
.indexContainer .layer3 .bdBox{ width: 100%; position: relative;}
.indexContainer .layer3 .swiper-container{ padding: 0 .05rem;}
.indexContainer .layer3 .swiper-pagination{ bottom: -.8rem;}
.indexContainer .layer4{ background: url(../images/a_18.png); height:100vh; background-size:auto 100%; padding: 0 1.1rem; box-sizing: border-box; padding-top: 1.1rem; box-sizing: border-box;}
.indexContainer .layer4Box{ width: 100%; overflow: hidden;}
.indexContainer .layer4 .tit h2{ color: #fff;}
.indexContainer .layer4 .tit p{ color: #fff;}
.indexContainer .layer4Box .layer4Left{ float: left; width: 19%; height: 4.45rem; margin-right:1%; border: .05rem solid #fff; box-sizing: border-box; background:url(../images/index_07.jpg); background-size:100% 100%;}
.indexContainer .layer4Box .layer4Left ul{ padding-top: .15rem;}
.indexContainer .layer4Box .layer4Left ul li{ height: .88rem; border-bottom: .01rem solid rgba(255,255,255,0.6);}
.indexContainer .layer4Box .layer4Left ul li a{ transition: 0.5s; display: block; width: 100%; height: 100%; text-align: center; line-height: .88rem; font-size: .18rem; font-weight: bold; color: #fff;}
.indexContainer .layer4Box .layer4Left ul li:last-child{ border-bottom: 0;}
.indexContainer .layer4Box .layer4Left ul li a:hover{ background: rgba(255,255,255,0.3) url(../images/tp_03.png) 2.85rem center no-repeat; background-size:.11rem .18rem;}
.indexContainer .layer4Box .layer4Left ul li.on a{ background: rgba(255,255,255,0.3) url(../images/tp_03.png) 2.85rem center no-repeat; background-size:.11rem .18rem;}
.indexContainer .layer4Box .layer4Center{ float: left; width: 19%; height: 4.45rem;  border: .05rem solid #fff; box-sizing: border-box; background: url(../images/index_09.jpg); background-size:100% 100% ; padding: 0 .32rem; box-sizing: border-box; position: relative;}
.indexContainer .layer4Box .layer4Center h2{ padding: .5rem 0 .2rem 0; font-size: .2rem; color: #fff; text-align: center;}
.indexContainer .layer4Box .layer4Center p{ font-size: .16rem; color: #fff; line-height: .3rem;}
.indexContainer .layer4Box .layer4Center .phone{ left: 0; position: absolute; width: 100%; text-align: center; font-size: .22rem; color: #002060; bottom: .2rem;}
.indexContainer .layer4Box .layer4Center .phone span{ display: block; text-align: center; padding-top: .15rem; font-family: impact; font-size: .35rem;}
.indexContainer .layer4Box .layer4Right{float: right; width: 60%; float: right; border: .05rem solid #fff; box-sizing: border-box; height: 4.45rem; overflow: hidden;}
.indexContainer .layer4Box .layer4Right .icon{ width: 100%; height: 100%;}
.indexContainer .layer4Box .layer4Right img{transition: 0.5s; display: block; width: 100%; height: 100%;}
.indexContainer .layer4Box .layer4Right:hover img{ transform: scale(1.1);}
.indexContainer .layer5{ width: 100%; background: url(../images/index_16.jpg); height: 7.6rem; padding: 0 1.1rem; box-sizing: border-box; height: 100vh; box-sizing: border-box; padding-top: 1.1rem;}


.indexContainer .layer5Box{ width: 100%; position: relative;}
.indexContainer .layer5Box .nr{ width: 8.2rem; height: 4.8rem; overflow: hidden;}
.indexContainer .layer5Box .nr .icon{position: relative; float: left; width: 4.1rem; height: 100%;}
.indexContainer .layer5Box .nr .icon img{ display: block; width: 100%; height: 100%;}
.indexContainer .layer5Box .nr .icon .bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;transition: 0.5s; opacity: 0; transition: 0.5s; background: rgba(9,44,113,0.6);}
.indexContainer .layer5Box .nr .text{ transition: 0.5s; float: left; width: 4.1rem; padding:.3rem; box-sizing: border-box; background: #fff; height: 4.8rem; position: relative;}
.indexContainer .layer5Box .nr .text h2{ height: .44rem; line-height: .44rem; font-size: .22rem; color: #505050; transition: 0.5s;}
.indexContainer .layer5Box .nr .text span{ transition: 0.5s; width: 1.2rem; height: 0.03rem; box-sizing: border-box; display: block; background: #092c71; margin-bottom: .3rem;}
.indexContainer .layer5Box .nr .text ul{ width: 100%;}
.indexContainer .layer5Box .nr .text ul li{ transition: 0.5s; line-height: .4rem; font-size: .16rem;}
.indexContainer .layer5Box .nr .text ul li p{ transition: 0.5s; font-weight: bold; color: #434343; font-size: .2rem; float: left;}
.indexContainer .layer5Box .nr .text a{ transition: 0.5s; display: block; width: 130px; height: 50px; text-align: center; line-height: 50px; background: #092c71; color: #fff; font-size: .16rem; position: absolute; right: .3rem; bottom: .3rem;}
.indexContainer .layer5Box .nr:hover .icon .bg{ opacity: 1;}
.indexContainer .layer5Box .nr:hover .text{ background:#092c71;}
.indexContainer .layer5Box .nr:hover .text h2{ color: #fff;}
.indexContainer .layer5Box .nr:hover .text span{ background: #fff;}
.indexContainer .layer5Box .nr:hover .text ul li{ color: #fff;}
.indexContainer .layer5Box .nr:hover .text ul li p{ color: #fff;}
.indexContainer .layer5Box .nr:hover .text a{ background:#fff; color: #092c71;}
.indexContainer .layer6{ background: url(../images/index_17.jpg); height: 100vh; padding: 0 1.1rem; box-sizing:border-box; background-size:auto 100%;padding-top: 1.1rem;}
.indexContainer .layer6 .tit h2{ color: #fff;}
.indexContainer .layer6 .tit p{ color: #fff;}
.indexContainer .layer6 .layer6_box{ width: 100%; padding: .6rem .3rem .95rem .3rem; background: rgba(255,255,255,0.7); position: relative;}
.indexContainer .layer6 .layer6_box .nr{ width: 100%;}
.indexContainer .layer6 .layer6_box .nr .icon{ width: 100%; overflow: hidden;}
.indexContainer .layer6 .layer6_box .nr .icon img{ display: block; width: 100%; height: 1.85rem;cursor: pointer;transition: all 0.6s;}
.indexContainer .layer6 .layer6_box .nr .icon img:hover{transform: scale(1.1);}
.indexContainer .layer6 .layer6_box .nr .text{ width: 100%;}
.indexContainer .layer6 .layer6_box .nr .text h2{ padding: .15rem 0 .05rem 0; line-height: .3rem; font-weight: bold; color: #333; font-weight: bold; font-size: .18rem;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.indexContainer .layer6 .layer6_box .nr .text p{line-height: .28rem; font-size: .16rem; color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
.indexContainer .layer6 .layer6_box .nr .text a{ color: #ff0000;}
.indexContainer .layer6 .swiper-pagination{ width: 100%; bottom: .5rem; left: 0;}
.indexContainer .layer6 .swiper-pagination span{ width: .14rem; height: .14rem; margin: 0 .03rem; opacity: 1; background: #9eaca7;}
.indexContainer .layer6 .swiper-pagination span.swiper-pagination-bullet-active{ background: #0968b9;}
.indexContainer .layer7{ background: url(../images/index_18.jpg); height: 100vh; background-size:auto 100%; padding: 0 1.1rem; box-sizing: border-box; padding-top: 1.1rem;}
.indexContainer .layer7 ul{ width: 100%; }
.indexContainer .layer7 ul li{display: block; box-sizing: border-box; float: left; width: 18%; height: 1.74rem; border: .01rem solid #b5b5b5; box-sizing: border-box; transition: 0.5s; box-shadow: 0 0 .1rem rgba(0,0,0,0.2); margin-right: 2.5%; margin-bottom: .45rem;}
.indexContainer .layer7 ul li:nth-child(5n){ margin-right: 0;}
.indexContainer .layer7 ul li img{ display: block; width: 100%; height: 100%;}
.indexContainer .layer7 ul li:hover{ transform: translateY(-.1rem); box-shadow: 0 .1rem .15rem rgba(0,0,0,0.2);}
.indexContainer .layer8{ padding-top: 1.9rem; box-sizing: border-box; width: 100%; background: url(../images/index_19.jpg); height:100vh; background-size:auto 100%;}
.indexContainer .layer8 .tit h2{ font-size: .5rem; font-weight: bold; color: #fff;}
.indexContainer .layer8 .tit p{ font-size: .26rem; color: #fff; padding-top: .15rem;}
.indexContainer .layer8 .nr{ width: 100%;}
.indexContainer .layer8 .nr a{ display: block; margin: .3rem auto; width: 2.2rem; height: .54rem; line-height: .54rem; border-radius:.27rem; background: #002060; color: #fff; font-size: .24rem; text-align: center;}
.indexContainer .layer8 .nr p{ text-align: center; font-size: .22rem; color: #333; padding-bottom: .2rem;}
.indexContainer .layer8 .nr img{ display: block; width: 4.18rem; height: auto; margin: 0 auto;}
.indexContainer .layer9{ width: 100%; padding: 0 1.1rem; box-sizing: border-box; padding-bottom: .95rem; height: 100vh; padding-top: 1.1rem;}
.indexContainer .layer9 .layer9Box{ width: 100%; overflow: hidden;}
.indexContainer .layer9 .layer9Box .layer9Left{ float: left; width: 3.3rem; height: 5.04rem;}
.indexContainer .layer9 .layer9Box .layer9Left ul{ width: 100%;}
.indexContainer .layer9 .layer9Box .layer9Left ul li{ background: #002060; width: 100%; height: .84rem; position: relative; border-bottom: .01rem solid #11347c; box-sizing: border-box;}
.indexContainer .layer9 .layer9Box .layer9Left ul li a{ display: block; width: 100%; height: 100%; text-align: center; line-height: .83rem; font-size: .2rem; font-weight: bold; color: #fff; position: relative; z-index: 2;}
.indexContainer .layer9 .layer9Box .layer9Left ul li .bg{ height: 100%; width: auto; position: absolute; opacity: 0; transition: 0.5s; left: 0; top: 0; z-index: 1;}
.indexContainer .layer9 .layer9Box .layer9Left ul li .bg img{ display: block; height: 100%; width: auto;}
.indexContainer .layer9 .layer9Box .layer9Left ul li.on .bg{ opacity: 1;}


.indexContainer .layer9 .layer9Box .layer9Right{ width: 13.4rem; float: right; overflow: hidden; height: 5.04rem;}
.indexContainer .layer9 .layer9Box .layer9Right .icon{ float: left; width: 7.9rem; height: 100%;}
.indexContainer .layer9 .layer9Box .layer9Right .icon img{ display: block; width: 100%; height: 100%;}
.indexContainer .layer9 .layer9Box .layer9Right .text{ width: 5.45rem; height: 5.04rem; float: right; background: url(../images/index_24.jpg); background-size:100% 100%; padding: 0 .4rem; box-sizing: border-box;}
.indexContainer .layer9 .layer9Box .layer9Right .text h2{ font-size: .22rem; color: #fff; font-weight: bold; padding: .55rem 0 .2rem 0;}
.indexContainer .layer9 .layer9Box .layer9Right .text p{ font-size: .16rem; color: #fff; line-height: .4rem;}
.indexContainer .layer9 .layer9Box .layer9Right .text a{ display: block; width: 1.3rem; height: .54rem; line-height: .54rem; text-align: center; background: #fff; color: #092c71; font-size: .16rem; margin-top: .7rem;}
.indexContainer .layer10 { width: 100%; background: url(../images/index_28.jpg); height: 100vh; background-size:auto 100%; padding: 0 1.1rem; box-sizing: border-box; padding-top:1.4rem ;}
.indexContainer .layer10 .tit h2{ color: #fff;}
.indexContainer .layer10 .tit p{ color: #fff;}
.indexContainer .layer10Box{ width: 100%; overflow: hidden;}
.indexContainer .layer10Box .title{ margin: .2rem 0 .3rem 0; padding-left: .15rem; border-left:.06rem solid #76a718;}
.indexContainer .layer10Box .title span{ display: block; line-height: .22rem; font-size: .12rem; color: #dc801e;}
.indexContainer .layer10Box .title h2{ font-size: .18rem; color: #dc801e;}
.indexContainer .layer10Box .layer10Left{ float: left; width: 7.6rem; position: relative; padding-bottom: .45rem;}
.indexContainer .layer10Box .layer10Left .icon{ width: 100%; height: 3rem;}
.indexContainer .layer10Box .layer10Left .icon img{ display: block; width: 100%; height: auto;}
.indexContainer .layer10Box .layer10Left p{ text-align: center; font-size: .16rem; color: #fff; padding-top: .37rem;}
.indexContainer .layer10Box .layer10Left .swiper-pagination{ width: 100%; bottom: 0;}
.indexContainer .layer10Box .layer10Left .swiper-pagination span{ width: .14rem; height: .14rem; border-radius:50%; background: #9eaca7; opacity: 1; margin: 0 .03rem;}
.indexContainer .layer10Box .layer10Left .swiper-pagination span.swiper-pagination-bullet-active{ background: #0968b9;}

.indexContainer .layer10Box .layer10Right{ width: 8.2rem; float: right; position: relative; padding-bottom: .45rem;}
.indexContainer .layer10Box .layer10Right .icon{ width: 100%; height: 3rem;}
.indexContainer .layer10Box .layer10Right .icon img{ display: block; width: 100%; height: 100%;}
.indexContainer .layer10Box .layer10Right p{ text-align: center; font-size: .16rem; color: #fff; padding-top: .15rem;}
.indexContainer .layer10Box .layer10Right .swiper-pagination{ width: 100%; bottom: 0;}
.indexContainer .layer10Box .layer10Right .swiper-pagination span{ width: .14rem; height: .14rem; border-radius:50%; background: #9eaca7; opacity: 1; margin: 0 .03rem;}
.indexContainer .layer10Box .layer10Right .swiper-pagination span.swiper-pagination-bullet-active{ background: #0968b9;}
.indexContainer .layer11{ width: 100%; padding: 0 1.1rem; box-sizing: border-box;padding-bottom: 1.65rem; height: 100vh; padding-top: 1.4rem;}
.indexContainer .layer11Box{ width: 100%; overflow: hidden;}
.indexContainer .layer11Box .layer11Left{ float: left; width: 11.4rem;}
.indexContainer .layer11Box .layer11Left .hd{ width: 100%; border-bottom: .01rem solid #c4c4c4;}
.indexContainer .layer11Box .layer11Left .hd ul{ overflow: hidden;}
.indexContainer .layer11Box .layer11Left .hd ul li{cursor: pointer; float: left; margin-right: .01rem; width: 1.1rem; height: .38rem; line-height: .38rem; text-align: center; font-size: .14rem; background: #dbdbdb; color:#787878;}
.indexContainer .layer11Box .layer11Left .hd ul li.on{ color: #fff; background: #002060;}
.indexContainer .layer11Box .layer11Left .bd{ width: 100%;}
.indexContainer .layer11Box .layer11Left .bd ul{ overflow: hidden;}
.indexContainer .layer11Box .layer11Left .bd ul li{transition: 0.5s; width: 5.5rem; height: .8rem; padding: .46rem 0; border-bottom: .01rem solid #dcdcdc; float: left; margin-right: .4rem;}
.indexContainer .layer11Box .layer11Left .bd ul li .time{ width:1.3rem; float: left; border-right:.01rem solid #c7c7c7; box-sizing: border-box;transition: 0.5s;}
.indexContainer .layer11Box .layer11Left .bd ul li .time p{transition: 0.5s; text-align: center; font-size: .12rem; color: #7d7d7d; padding-bottom:.15rem;}
.indexContainer .layer11Box .layer11Left .bd ul li .time h2{transition: 0.5s; font-size: .5rem; font-family: impact; color: #515151; text-align: center;}
.indexContainer .layer11Box .layer11Left .bd ul li:nth-child(2n){ margin-right: 0;}
.indexContainer .layer11Box .layer11Left .bd ul li .text{ width: calc(100% - 1.3rem); padding-left: .15rem; box-sizing: border-box; float: left;}
.indexContainer .layer11Box .layer11Left .bd ul li a .text h2{ font-size: .18rem; color:#303030; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow: hidden;}
.indexContainer .layer11Box .layer11Left .bd ul li a:hover .text h2{ color:#fff;}
.indexContainer .layer11Box .layer11Left .bd ul li .text h2 a{transition: 0.5s;color: #303030;}
.indexContainer .layer11Box .layer11Left .bd ul li .text p{transition: 0.5s; font-size: .15rem; color: #787878; line-height: .26rem; height: .52rem; overflow: hidden; padding-top: .1rem;}
.indexContainer .layer11Box .layer11Left .bd ul li:hover{ background: #0c4fab;}
.indexContainer .layer11Box .layer11Left .bd ul li:hover .time{ border-right:0.01rem solid #fff ;}
.indexContainer .layer11Box .layer11Left .bd ul li:hover .time h2{ color: #fff;}
.indexContainer .layer11Box .layer11Left .bd ul li:hover .time p{ color: #fff;}
.indexContainer .layer11Box .layer11Left .bd ul li:hover .text h2 a{ color: #fff;}
.indexContainer .layer11Box .layer11Left .bd ul li:hover .text p{ color: #fff;}
.indexContainer .layer11Box .layer11Right{ float: right; width: 5rem;}
.indexContainer .layer11Box .layer11Right .icon{ width: 100%; height: 2.65rem; overflow:hidden;}
.indexContainer .layer11Box .layer11Right .icon img{ display: block; width: 100%; height: 100%;cursor: pointer;transition: all 0.6s;}
.indexContainer .layer11Box .layer11Right .icon img:hover{transform: scale(1.1);}
.indexContainer .layer11Box .layer11Right .text{ background: #dbdbdb; width: 100%; height: 1.2rem; padding:.18rem .2rem 0 .2rem; box-sizing: border-box;}
.indexContainer .layer11Box .layer11Right .text h2{line-height: .3rem; font-size: .16rem; font-weight: bold;}
.indexContainer .layer11Box .layer11Right .text h2 a{ color: #5d5d5d;}
.indexContainer .layer11Box .layer11Right .text p{ font-size: .15rem; color: #5d5d5d; line-height: .3rem;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.indexContainer .layer12{  width: 100%; background: url(../images/index_34.jpg) top center no-repeat; background-size:100% auto; padding: 0 1.1rem; box-sizing: border-box;padding-bottom: 1.6rem; height: 100vh; padding-top: 1.1rem;}
.indexContainer .layer12 .tit h2{ color: #fff;}
.indexContainer .layer12 .tit p{ color: #fff;}
.indexContainer .layer12 ul{ width: 100%; overflow: hidden;}
.indexContainer .layer12 ul li{ width: 23.5%; float: left; margin-right:2%;}
.indexContainer .layer12 ul li:last-child{ margin-right: 0;}
.indexContainer .layer12 ul li .icon{ width: 100%; height: 2.75rem; border: .06rem solid #fff; box-sizing: border-box; overflow:hidden;}
.indexContainer .layer12 ul li .icon img{ display: block; width: 100%; height: 100%;cursor: pointer;transition: all 0.6s;}
.indexContainer .layer12 ul li .icon img:hover{transform: scale(1.1);}
.indexContainer .layer12 ul li .text{ width: 100%;}
.indexContainer .layer12 ul li .text h2{ line-height: .44rem; font-weight: bold; font-size: .18rem; color: #333;}
.indexContainer .layer12 ul li .text h2 a{ color: #333;}
.indexContainer .layer12 ul li .text p{ font-size: .15rem; line-height: 24px; height:48px; color: #333;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.indexContainer .layer13{ height: calc(100vh - 4.3rem); background:url(../images/layerBg_021.png) center center no-repeat; background-size:auto 100%; position: relative;}
.indexContainer .layer13 img{ height: 1.6rem; width: auto; position: absolute; left: 1.1rem; top: 50%; transform: translateY(-50%);}
.indexContainer .layer14 img{ display:none;}
.footer{ width: 100%; background: url(../images/index_37.jpg); height:4.3rem; background-size:100% 100%; }
@media(max-width:1800px ) {
.indexContainer .layer13{ height: calc(100vh - 4.6rem); background:url(../images/layerBg_021.png) center center no-repeat; background-size:auto 100%; position: relative;}
.indexContainer .layer13 img{ height: 1.6rem; width: auto; position: absolute; left: 1.1rem; top: 50%; transform: translateY(-50%);}
.indexContainer .layer14 img{ display:none;}
.footer{ width: 100%; background: url(../images/index_37.jpg); height:4.6rem; background-size:100% 100%; }	
}
@media(max-width:1500px ) {
.indexContainer .layer13{ height: calc(100vh - 5rem); background:url(../images/layerBg_021.png) center center no-repeat; background-size:auto 100%; position: relative;}
.indexContainer .layer13 img{ height: 1.6rem; width: auto; position: absolute; left: 1.1rem; top: 50%; transform: translateY(-50%);}
.indexContainer .layer14 img{ display:none;}
.footer{ width: 100%; background: url(../images/index_37.jpg); height:5rem; background-size:100% 100%; }
}
@media(max-width:1300px ) {
.indexContainer .layer13{ height: calc(100vh - 6.3rem); background:url(../images/layerBg_021.png) center center no-repeat; background-size:auto 100%; position: relative;}
.indexContainer .layer13 img{ height: 1.6rem; width: auto; position: absolute; left: 1.1rem; top: 50%; transform: translateY(-50%);}
.indexContainer .layer14 img{ display:none;}
.footer{ width: 100%; background: url(../images/index_37.jpg); height:6.3rem; background-size:100% 100%; }
}

.footer .footerBox{ width: 100%; overflow: hidden; padding: .3rem 1.1rem; box-sizing: border-box;}
.footer .footerBox .footerLeft{ float: left; width: 4.14rem; border-right:.01rem solid #1d407b; height: 2.25rem;}
.footer .footerBox .footerLeft h2{ font-weight: bold; font-size: .14rem; color: #fff; padding: .05rem 0 .3rem 0;}
.footer .footerBox .footerLeft ul{ width: 3.5rem;}
.footer .footerBox .footerLeft ul li{margin-bottom: .15rem; width: 100%; height: .44rem; position: relative;}
.footer .footerBox .footerLeft ul li input{ display: block; width: 100%; height: 100%; background: #fff; outline: none; text-indent: .12rem;}
.footer .footerBox .footerLeft ul li .icon{ width: .5rem; height: .44rem; position: absolute; right: 0; top: 0;}
.footer .footerBox .footerLeft ul li .icon img{ width: 30%; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); height: auto;}
.footer .footerBox .footerLeft ul li button{ display: block; width: 100%; height: 100%; border: none; outline: none; text-align: center; line-height: .44rem; font-size: .13rem; color: #fff; background: #669acc;}
.footer .footerBox .footerCenter{ width: 5.15rem; float: left; height:2.25rem; border-right:.01rem solid #1d407b; padding-left: .5rem; box-sizing: border-box;}
.footer .footerBox h2{ font-weight: bold; font-size: .14rem; color: #fff; padding: .05rem 0 .3rem 0;}
.footer .footerBox .footerCenter ul{ width: 100%;}
.footer .footerBox .footerCenter ul li{ height: .35rem; line-height: .35rem; padding-left: .38rem; font-size: .12rem; color: #fff;}
.footer .footerBox .footerCenter ul li:nth-child(1){ background: url(../images/icon_19.png) left center no-repeat; background-size:.11rem .16rem ;}
.footer .footerBox .footerCenter ul li:nth-child(2){ background: url(../images/icon_15.png) left center no-repeat; background-size:.15rem .16rem ;}
.footer .footerBox .footerCenter ul li:nth-child(3){ background: url(../images/icon_17.png) left center no-repeat; background-size:.18rem .17rem ;}
.footer .footerBox .footerCenter ul li:nth-child(4){ background: url(../images/icon_291.png) left center no-repeat; background-size:.16rem .24rem ;}
.footer .footerBox .footerCenter ul li:nth-child(5){ background: url(../images/icon_22.png) left center no-repeat; background-size:.16rem .12rem ;}
.footer .footerList{ float: left; width: 4.05rem; float: left; height: 2.25rem; border-right:.01rem solid #1d407b; padding:0 .65rem; box-sizing: border-box;}
.footer .footerList ul{ }
.footer .footerList ul li{ width: 50%; float: left; line-height: .12rem; padding-bottom: .25rem; height: auto;}
.footer .footerList ul li a{ font-size: .12rem; color: #fff;}
.footer .footerRight{ float: right; width: 2.8rem;}
.footer .footerRight .phone{width: 2.1rem; float: right; padding-left: .6rem; background: url(../images/icon_06.png) left center no-repeat; background-size:.45rem .47rem;}
.footer .footerRight .phone h3{ line-height: .32rem; font-size: .15rem; color: #fff;}
.footer .footerRight .phone p{ color: #fff; font-size: .3rem; font-family: impact;}
.footer .footerRight ul{padding-top: .2rem; overflow: hidden; float: right;}
.footer .footerRight ul li{ float: right; padding-left: .35rem; width: 1.1rem;}
.footer .footerRight ul li img{ display: block; width: 100%; height: auto;}
.footer .footerRight ul li p{ text-align: center; padding-top: .12rem; font-size: .12rem; color: #fff;}
.footer .footerRight ul li:last-child{ padding-left: 0;}
.footer .copyright{ width: 100%; border-top:.01rem solid #1d407b ;}
.footer .copyright p{ line-height: .55rem; text-align: center; font-size: .12rem; color: #fff;}
.footer .copyright ul{ overflow: hidden; padding: 0 1.1rem;}
.footer .copyright ul li{ font-size: .12rem; color: #fff; float: left; margin-right: .15rem;}
.footer .copyright ul li a{ color: #fff;}
.AppTop{ display: none;}
.sideBar{ display: none;}
.indexWarp{ width: 100%; height: 100vh; overflow: hidden;}
.indexWarp .indexContainer{ width: 100%; position: relative; top: 0; left: 0; transition: 2s;}


@media(max-width:1200px ) {
.top{position: fixed; top: 0; z-index: 99; width: 100%; height: 1.15rem; padding: 0 0.7rem; box-sizing: border-box; background: rgba(255,255,255,0.2); background: rgba(255,255,255,0.8); box-shadow: 0 0 10px rgba(0,0,0,0.2);}
}
@media(max-width:999px ) {
	.indexContainer .layer10Box .layer10Right p{ text-align: center; font-size: 14px;}
	.indexContainer .layer11Box .layer11Left .bd ul li a .text h2{ font-size: 15px; color:#303030; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow: hidden;}
	.indexContainer .layer11Box .layer11Left .hd ul li{cursor: pointer; float: left; margin-right: .01rem; width: 1.1rem; height: .38rem; line-height: .38rem; text-align: center; font-size: 14px;; background: #dbdbdb; color:#787878;}
	.indexContainer .layer9 .layer9Box .layer9Left ul li a{ display: block; width: 100%; height: 100%; text-align: center; line-height: .83rem; font-size: 14px; font-weight: bold; color: #fff; position: relative; z-index: 2;}
	.indexContainer .layer8 .tit h2{ font-size: 20px; font-weight: bold; color: #fff;}
.indexContainer .layer8 .tit p{ font-size: 14px; color: #fff; padding-top: .15rem;}
.indexContainer .layer8 .nr a{ display: block; margin: .3rem auto; width: 2.2rem; height: .54rem; line-height: .54rem; border-radius:.27rem; background: #002060; color: #fff; font-size:14px; text-align: center;}
	.indexContainer .layer5Box .nr:hover .text a{ background:#fff; color: #092c71; font-size:14px;}
	.indexContainer .layer2 .layer2Box .nr .layer2Right ul li a{ display: block; width: 100%; height: 100%; text-align: center; line-height:1.83rem; font-size:14px; font-weight: bold; color: #002060; transition: 0.5s;}
	.footer .copyright p{ line-height: .55rem; text-align: center; font-size: 14px;; color: #fff;}
	.sideBar{transition: 0.5s; left: -100%; width: 60%; height: 100vh; top: 0; position: fixed; display: block; background: #fff; z-index: 999; box-shadow: 0 0 10px rgba(0,0,0,0.3);}
	.sideBar ul{ width: 70%; margin: 0 auto;}
	.sideBar ul li{position: relative; line-height: 30px; font-size: 16px;}
	.sideBar ul li span{ font-weight: bold; float: left; font-size: 20px; display: inline-block; margin-right: 10px;}
	.sideBar ul li a{ font-size: 14px; color: #333}
	.sideBar .logo{ padding: 30px 0;}
	.sideBar .logo img{ width: 50%; margin: 0 auto; height: auto;}
	.sideBar ul li dl{ display: none;}
	.sideBar ul li b{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
	.sideBar ul li.on b{ display: none;}
	.sideBar dl dd{ text-indent: 15px;}
	.top{ display: none;}
	.banner{ overflow: hidden; height: auto;}
	.banner img{ width: 100%; height: auto; display: block;}
	.banner .swiper-container{ width: 100%; height: 100%;}
	.AppTop{display: block; width: 100%; height: 60px; background: #fff; position: relative;}
	.AppTop .SideClick{ position: absolute; width: 32px; height: 28px; right: 15px; top: 50%; transform: translateY(-50%); transition: 0.5s;}
	.AppTop .SideClick span{ display: block; width: 100%; height: 4px; border-radius:1.5px ; background: #333; position: absolute; transition: 0.5s;}
	.AppTop .SideClick span:nth-child(1){ left: 0; top: 0;}
	.AppTop .SideClick span:nth-child(2){ left: 0; top: 50%; transform: translateY(-50%);}
	.AppTop .SideClick span:nth-child(3){ left: 0; bottom: 0;}
	.AppTop .logo{ padding-left: 25px; height: 60px; line-height: 60px;}
	.AppTop .logo img{display: inline-block; height: 70%; width: auto; vertical-align: middle;}
	.AppTop .SideClick.on{ transform:translateY(-50%) rotate(180deg);}
	.AppTop .SideClick.on span:nth-child(1){top: 50%; transform:translateY(-50%) rotate(45deg); }
	.AppTop .SideClick.on span:nth-child(2){ width: 0;}
	.AppTop .SideClick.on span:nth-child(3){top: 50%; bottom: auto; transform:translateY(-50%) rotate(-45deg); }
	.banner .bannerBox h2{ font-size: 22px; text-align: center;}
	.banner .bannerBox{ width: 100%; padding: 0 4%; box-sizing: border-box; top: 50%; transform: translateY(-50%); left: 0;}
	.banner .bannerBox p{display: none;}
	.banner .bannerBox span{ display: none;}
	.indexContainer .tit{ padding: 40px 10px;}
	.indexContainer .tit h2{ font-size: 18px; line-height: 20px;}
	.indexContainer .tit p{ font-size: 14px; line-height: 20px;}
	.indexContainer .layer1 .hd ul li{ width: 32%; float: left; margin-right: 2%; height: 40px; margin-bottom: 10px; line-height: 40px; font-size: 12px; overflow: hidden;}
	.indexContainer .layer1 .hd ul li:nth-child(3n){ margin-right: 0;}
	.indexContainer .layer1 .hd ul li:last-child{ float: left;}
	.indexContainer .layer1 .layer1Box .icon{ width: 100%; padding: 5px; height: auto;}
	.indexContainer .layer1 .layer1Box p{ height: 40px; line-height: 40px; font-size: 16px;}
	.indexContainer .layer1 .swiper-pagination span{ width: 8px; height: 8px; margin: 0 2px;}
	.indexContainer .layer2{ width: 100%; padding: 0 15px; box-sizing: border-box; height: auto; background-size:auto 100%;}
	.indexContainer .layer2 .layer2Box{ width: 100%;}
	.indexContainer .layer2 .layer2Box .bt h2{ font-size: 18px; text-align: center;}
	.indexContainer .layer2 .layer2Box .bt p{ font-size: 16px; text-align: center; line-height: 24px; padding-top: 10px;}
	.indexContainer .layer2 .layer2Box .nr{ height: auto;}
	.indexContainer .layer2 .layer2Box .nr .layer2Left{ width: 100%; height: auto;}
	.indexContainer .layer2 .layer2Box .nr .layer2Right{ width: 100%;}
	.indexContainer .layer2 .layer2Box .nr .layer2Right ul{ padding-top: 8px;}
	.indexContainer .layer2 .layer2Box .nr .layer2Right ul li{ width: 49%; margin-right: 2%; margin-bottom: 8px;}	
	.indexContainer .layer2 .layer2Box .nr .layer2Right ul li:nth-child(3n){ margin-right: 2%;}
	.indexContainer .layer2 .layer2Box .nr .layer2Right ul li:nth-child(2n){ margin-right: 0;}
	.indexContainer .layer2 .layer2Box .nrBottom ul li{ width: 100%; height: 40px; margin-bottom: 8px; font-size: 15px; text-align: center; line-height: 40px;}
	.indexContainer .layer3{ width: 100%; height: auto; padding-bottom: 25px;}
	.indexContainer .layer3 .swiper-pagination{ bottom: -25px;}
	.indexContainer .layer4{ width: 100%; height: auto; padding-bottom: 30px;}
	.indexContainer .layer4Box .layer4Left{ width: 49%; height: auto; margin-bottom: 10px; float: left; margin-right: 2%; height: 330px;}
	.indexContainer .layer4Box .layer4Left ul li{ height: 45px; line-height: 45px;}
	.indexContainer .layer4Box .layer4Left ul li a{ line-height: 45px; text-align: center; font-size: 14px;}
	.indexContainer .layer4Box .layer4Center{ width: 49%; float: right; padding:0 20px 100px 20px; box-sizing: border-box; height: auto; margin-bottom: 10px; height: 330px;}
	.indexContainer .layer4Box .layer4Center h2{ padding: 30px 0; font-size: 18px; text-align: center;}
	.indexContainer .layer4Box .layer4Center p{ font-size: 14px; line-height: 26px;}
	.indexContainer .layer4Box .layer4Center .phone{ font-size: 18px; bottom: 20px;}
	.indexContainer .layer4Box .layer4Center .phone span{ font-size: 20px;}
	.indexContainer .layer4Box .layer4Right{ width: 100%; height: auto;}
	.indexContainer .layer4Box .layer4Right img{ display: block; width: 100%; height: auto;}
	.indexContainer .layer5{ width: 100%; height: auto; padding-bottom: 20px;}
	.indexContainer .layer5Box .nr{ width: 100%; height: auto; position: relative;}
	.indexContainer .layer5Box .nr .icon{ width: 50%; height: auto;}
	.indexContainer .layer5Box .nr .text{ width: 50%; height: auto; padding: 15px; box-sizing: border-box;position: absolute; height: 100%; right: 0; top: 0;}
	.indexContainer .layer5Box .nr .text a{ display: block; position: relative; left: 15px;}
	.indexContainer .layer5Box .nr .text h2{ font-size: 12px; color: #333; line-height: 30px; height: auto;}
	.indexContainer .layer5Box .nr .text span{ display: none;}
	.indexContainer .layer5Box .nr .text ul li{line-height: 30px; font-size: 12px;}
	.indexContainer .layer5Box .nr .text ul li p{ font-size: 12px;}
	.indexContainer .layer5Box .nr .text a{ width: 80px; height: 30px; line-height: 30px; left: auto; margin: 20px auto 0 auto;}
	
	.indexContainer .layer6{ box-sizing: border-box; padding: 20px 30px; width: 100%; height: auto;}
	.indexContainer .layer6 .layer6_box{ padding: 10px; box-sizing: border-box;}
	.indexContainer .layer6 .layerr6_box .nr .icon img{ width: 100%; height: auto;}
	.indexContainer .layer6 .layer6_box .nr .text h2{ font-size: 14px; padding: 10px 0px 0px 0px;; line-height: 20px;}
	.indexContainer .layer6 .layer6_box .nr .text p{ line-height: 20px; font-size: 12px;}
	.indexContainer .layer6 .layer6_box .nr .text a{ font-size:12px;}
	.indexContainer .layer6 .swiper-pagination{ display: none;}
	.indexContainer .layer6 .layer6_box .nr .icon img{ height: auto;}
	.indexContainer .layer7{ width: 100%; height: auto; padding: 10px 0; box-sizing: border-box;}
	.indexContainer .layer7 ul{ overflow: hidden; width: 100%; padding: 10px; box-sizing: border-box;}
	.indexContainer .layer7 ul li{ width: 49%; margin-right: 2%; height: auto;}
	.indexContainer .layer7 ul li img{ display: block; width: 100%; height: auto;}
	.indexContainer .layer7 ul li:nth-child(5n){ margin-right: 2%;}
	.indexContainer .layer7 ul li:nth-child(2n){ margin-right: 0;}
	.indexContainer .layer8{ width: 100%; height: auto; padding: 30px 0;}
	.indexContainer .layer8 .nr a{ width: 110px; height: 40px; border-radius:20px; text-align: center; line-height: 40px;}
	.indexContainer .layer8 .nr p{ font-size: 16px; line-height: 50px;}
	.indexContainer .layer8 .nr img{ width: 60%; margin: 0 auto;}
	.indexContainer .layer9{padding: 0 15px 15px 15px; width: 100%; height: auto;}
	.indexContainer .layer9 .layer9Box .layer9Left{ width: 100%; height: auto;}
	.indexContainer .layer9 .layer9Box .layer9Left ul li{ height: 50px; width: 50%; float: left;}
	.indexContainer .layer9 .layer9Box .layer9Left ul li a { line-height: 50px; display: block;}
	.indexContainer .layer9 .layer9Box .layer9Left ul li .bg{ display: none;}
	.indexContainer .layer9 .layer9Box .layer9Right .icon{ width: 100%;}
	.indexContainer .layer9 .layer9Box .layer9Right{ width: 100%; height: auto;}
	.indexContainer .layer9 .layer9Box .layer9Right .text{padding:10px 15px 15px 15px; width: 100%; height: auto; box-sizing: border-box;}
	.indexContainer .layer9 .layer9Box .layer9Right .text h2{ font-size: 18px;}
	.indexContainer .layer9 .layer9Box .layer9Right .text p{ font-size: 14px; line-height: 28px;}
	.indexContainer .layer9 .layer9Box .layer9Right .text a{ display: none;}
	.indexContainer .layer10{ height: auto;}
	.indexContainer .layer10Box .layer10Left{ width: 100%;}
	.indexContainer .layer10Box .layer10Left .icon{ height: auto;}
	.indexContainer .layer10Box .title{ padding: 10px 0 10px 10px; margin: 20px 0;}
	.indexContainer .layer10Box .title h2{ font-size: 18px;}
	.indexContainer .layer10Box .title span{ font-size: 18px; padding-bottom: 10px;}
	.indexContainer .layer10Box .layer10Left p{ font-size: 16px; padding-top: 15px;}
	.indexContainer .layer10Box .layer10Left .swiper-pagination{ display: none;}
	.indexContainer .layer10Box .layer10Right{ width: 100%; height: auto;}
	.indexContainer .layer10Box .layer10Right .icon{ height: auto;}
	.indexContainer .layer11Box .layer11Left{ width: 100%;}
	.indexContainer .layer11Box .layer11Left .hd ul li{ width: 25%; height: 30px; line-height: 30px;}
	.indexContainer .layer11Box .layer11Left .bd ul li{ width: 100%; margin: 0; padding: 20px 0; height: auto;}
	.indexContainer .layer11Box .layer11Left .bd ul li .time{ width: 80px;}
	.indexContainer .layer11Box .layer11Left .bd ul li .text{ width: calc(100% - 80px);}
	.indexContainer .layer11Box .layer11Left .bd ul li .time p{ font-size: 14px;line-height: 35px;}
	.indexContainer .layer11Box .layer11Left .bd ul li .time h2{ font-size: 20px;}
	.indexContainer .layer11Box .layer11Left .bd ul li .text h2{ font-size: 12px; line-height: 20px;}
	.indexContainer .layer11Box .layer11Left .bd ul li .text p{ font-size: 12px; line-height: 20px; height: 40px;}
	.indexContainer .layer11Box .layer11Right{ width: 100%; height: auto;}
	.indexContainer .layer11Box .layer11Right .icon{ height: auto;}
	.indexContainer .layer11Box .layer11Right .text{ padding: 10px; height: auto;}
	.indexContainer .layer11Box .layer11Right .text h2{ line-height: 30px;font-size: 16px;}
	.indexContainer .layer11Box .layer11Right .text p{ font-size: 14px; line-height: 24px;}
	.indexContainer .layer12{ width: 100%; height: auto; background-size:auto 100%;}
	.indexContainer .layer12 ul li{ width: 49%; margin-right: 2%;}
	.indexContainer .layer12 ul li:nth-child(2n){ margin-right:0 ;}
	.indexContainer .layer12 ul li .icon{ height: auto;}
	.indexContainer .layer12 ul li .text{ padding:0 0 15px 0;}
	.indexContainer .layer12 ul li .text h2{ line-height: 45px; color: #fff; font-size: 14px;}
	.indexContainer .layer12 ul li .text h2 a{ color: #fff;}
	.indexContainer .layer12 ul li .text p{ font-size: 12px; color: #fff; line-height: 22px; height:44px;}
	.layer13{ display: none;}
	.indexContainer .layer14 img{ display: block; width: 100%; height: auto;}
	.footer{ width: 100%; height: auto; padding-bottom:0px;}	
	.footer .footerBox{ width: 100%; padding: 0 15px;}
	.footer .footerBox .footerLeft{ width: 100%; height: auto; bottom: 0;}
	.footer .footerBox .footerLeft h2{ text-align: center; font-size: 18px; line-height: 60px;}
	.footer .footerBox .footerLeft ul{ width: 100%;}
	.footer .footerBox .footerLeft ul li{ height: 45px; margin-bottom: 10px;}
	.footer .footerBox .footerCenter{ width: 100%; height: auto; border: none;}
	.footer .footerBox .footerLeft ul li .icon{ width: 45px; height: 45px;}
	.footer .footerBox .footerLeft ul li .icon img{ width: 45%; height: auto;}
	.footer .footerBox h2{ line-height: 60px; font-size: 18px; text-align: center;}
	.footer .footerBox .footerCenter ul li{ height: 35px; line-height: 35px; padding-left: 30px; font-size: 12px; color: #fff;}
	.footer .footerBox .footerCenter ul li:nth-child(1){ background: url(../images/icon_19.png) left center no-repeat;}
	.footer .footerBox .footerCenter ul li:nth-child(2){ background: url(../images/icon_15.png) left center no-repeat;}
	.footer .footerBox .footerCenter ul li:nth-child(3){ background: url(../images/icon_17.png) left center no-repeat;}
	.footer .footerBox .footerCenter ul li:nth-child(4){ background: url(../images/icon_22.png) left center no-repeat;}
	.footer .footerList{ width: 100%; height: auto; border: none;}
	.footer .footerList ul li a{ font-size: 14px;}
	.footer .footerRight{ display: none;}
		.footer .copyright p { line-height:0.7rem;}
	.footer .footerList ul li{ padding-bottom: 20px;}
	.copyright{ width: 100%; padding: 20px; box-sizing: border-box;}
		.footer .footerBox .footerLeft ul li button{ display: block; width: 100%; height: 100%; border: none; outline: none; text-align: center; line-height: .44rem; font-size: 14px; color: #fff; background: #669acc;}
	.copyright ul{ display: none;}
	.indexWarp{ height: auto;}
	.indexContainer .layer11{ height: auto;}
	.indexContainer .layer1{ height: auto;}
	.footer .footerBox .footerLeft{ border: none;}
	.sw4{ display: block; width: 100%; height: auto;}
	.sw4 .swiper-slide{ display: block; width: 100%; height: auto;}
	.sw4 .swiper-wrapper.wra{ display: block; width: 100%; height: auto;}
}

@media(max-width:800px ) {

.backTop{ display:none;}
}
.backTop{ position: fixed; z-index: 999; width: 50px; height: 50px; border: 1px solid #2c2c2c; background: #000; color:#fff; right: 2%; bottom: .4rem; text-align: center; line-height: 50px; font-size: .3rem; cursor: pointer;}