@charset "utf-8";

/* CSS Document */

*,*:before,*:after { }

body{ margin:0px; padding:0px;  font-size:12px; 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;}




em,i { font-style: normal; }

@keyframes banner{

	0%{ transform: scale(1);}

	50%{transform: scale(1.1);}

	100%{transform: scale(1);}

}

.top{position: absolute; top: 0; z-index: 99; width: 100%; height:1rem; padding: 0 1.1rem; box-sizing: border-box; background: rgba(255,255,255,0.0);}

.top .logo{ float: left; height: 100%; line-height: 100%;}

.top .logo img{ height: .86rem; width: auto; display: inline-block; vertical-align: middle;}

.top .nav{ float: right; padding-top:0.2rem}

.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: #fff;}

.top .nav ul{ overflow: hidden; float: right;}



.top .nav ul li{ float: left;}

.top .nav ul li .enter{ display: block; line-height: 56px; height: 56px; padding: 0 .3rem; font-size: 15px; color: #fff; font-weight: bold; transition: 0.4s;}

.top .nav ul li.on .enter{ color: #fff; background: #76a718;}

.top .nav ul li:hover .enter{ background:#2679b2; color: #fff; border-radius:5px;}

.topList{ overflow: hidden; display: block;  width: 100%; position: absolute; left: 0; top:1rem; background: rgba(255,255,255,0.8); z-index: 99; transition: 0.5s; height: 0;}

.top .nav ul li:hover .topList{ height: 1.25rem;padding: .25rem 0;}





.top_en a:hover{background:none !important;}

.top_en img{display:block; margin-top:15px;}









.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; height:62px; margin-top:25px;}

.topList .topListBox ul li{ height:62px; text-align:center; width: 20%; float: left; margin-right:10px;}



.topList .topListBox ul li a{ display:block; width:100%; height:60px; line-height:60px; font-size: .15rem; color:#575757; border:#ddd 1px solid; border-radius:4px; transition: 0.5s;}

.topList .topListBox ul li a:hover{background:#2779b2; color:#fff; border:#2779b2 1px solid;}















.clear{width:100%; clear:both;}













@media only screen and (min-width:1366px) {



.xcon1{width:100%; height:360px; margin:0 auto;}

.xcon1 ul li{display:block; width:33.33%; height:360px; float:left; padding:40px 0px 40px 0px; background:#f5f5f5; box-sizing:border-box; border-right:#fff 1px solid;}

.xcon1 ul li:nth-child(3){border-right: none;}



.xcon1 ul img{display:block; height:100px; margin:0 auto;}

.xcon1 ul h3{font-size:24px; color:#222; text-align:center; line-height:40px; padding-bottom:15px;}

.xcon1 ul p{width:70%; margin:0 auto; line-height:30px; font-size:16px; color:#888; text-align:center;}



}









@media only screen and (min-width:1000px) and (max-width:1365px) {

.xcon1{width:100%; height:340px; margin:0 auto;}

.xcon1 ul li{display:block; width:33.33%; height:340px; float:left; padding:30px 0px 30px 0px; background:#f5f5f5; box-sizing:border-box; border-right:#fff 1px solid;}

.xcon1 ul li:nth-child(3){border-right: none;}



.xcon1 ul img{display:block; height:100px; margin:0 auto;}

.xcon1 ul h3{font-size:20px; color:#222; text-align:center; line-height:40px; padding-bottom:15px;}

.xcon1 ul p{width:70%; margin:0 auto; line-height:25px; font-size:14px; color:#888; text-align:center;}

}







@media only screen and (max-width:999px) {

.xcon1{width:100%; height:; margin:0 auto;}

.xcon1 ul li{display:block; width:100%; height:; float:; padding:20px 0px 40px 0px; background:#f5f5f5; box-sizing:border-box; margin-bottom:1px; border-right:#fff 0px solid;}

.xcon1 ul li:nth-child(3){border-right: none;}



.xcon1 ul img{display:block; height:50px; margin:0 auto;}

.xcon1 ul h3{font-size:1.2em; color:#222; text-align:center; line-height:1.8em; padding-bottom:8px;}

.xcon1 ul p{width:80%; margin:0 auto; line-height:1.8em; font-size:0.8em; color:#888; text-align:center;}

}

























@media only screen and (min-width:1366px) {



.xcon2{width:90%; max-width:1600px; margin:0 auto; background:rgba(255,255,255,0.6)}

.xcon2_l{width:50%; float:left;}

.xcon2_l img{width:100%; height:auto;}

.xcon2_r{width:50%; float:right; box-sizing:border-box; padding:5%; font-size:15px; line-height:35px;}

.xcon2_r .mma{width:200px; height:45px; padding-top:20px;}

.xcon2_r .mma a{display:block; width:100%; height:45px; line-height:45px; background:#2679b2; color:#fff; font-size:16px; text-align:center;}



}









@media only screen and (min-width:1000px) and (max-width:1365px) {

.xcon2{width:90%; max-width:1600px; margin:0 auto; background:rgba(255,255,255,0.6)}

.xcon2_l{width:50%; float:left;}

.xcon2_l img{width:100%; height:auto;}

.xcon2_r{width:50%; float:right; box-sizing:border-box; padding:5%; font-size:14px; line-height:28px;}

.xcon2_r .mma{width:200px; height:45px; padding-top:20px;}

.xcon2_r .mma a{display:block; width:100%; height:45px; line-height:45px; background:#2679b2; color:#fff; font-size:16px; text-align:center;}

}







@media only screen and (max-width:999px) {

.xcon2{width:90%; max-width:1600px; margin:0 auto; background:rgba(255,255,255,0.6)}

.xcon2_l{width:100%; float:;}

.xcon2_l img{width:100%; height:auto;}

.xcon2_r{width:100%; float:; box-sizing:border-box; padding:5%; font-size:1.1em; line-height:1.8em;}

.xcon2_r .mma{width:100%; height:30px; padding-top:20px;}

.xcon2_r .mma a{display:block; width:100%; height:30px; line-height:30px; background:#2679b2; color:#fff; font-size:1em; text-align:center;}

}



















































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

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

.banner .bannerBox{ width: 17rem; position: absolute; top: 50%; left: 50%; transform: translateX(-50%);}

.banner .bannerBox h2{ font-size: .56rem; font-weight: bold; color: #fff; line-height: .56rem; padding-bottom: .3rem;}

.banner .bannerBox p{ font-size: .24rem; line-height: .24rem; color: #eee; 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: 90%; box-sizing: border-box; margin: 0 auto;}

.indexContainer .tit{ padding: .8rem 0 .3rem 0;}



.indexContainer .tit h2{ text-align: center; font-size: .34rem; font-weight: bold; color: #333; padding-bottom: .2rem;}

.indexContainer .tit p{ font-size: .15rem; color: #888; text-align: center; font-weight:;}

.indexContainer .tit p b{color: #2679b2;}



.indexContainer .layer1{ width: 100%; margin: 0 auto;}

.indexContainer .layer1 .hd{ width: 17rem; 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.9rem; height: .4rem; border:.01rem solid #fff; text-align: center; line-height: .38rem; font-size:.14rem; color: #777777; margin-right: .15rem; 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{ width: 17rem; margin: 0 auto; position: relative; padding-bottom: 1.45rem;}



.indexContainer .layer1 .layer1Box{ width: 100%; position:relative;}

.indexContainer .layer1 .layer1Box .icon{ width: 100%; border:0rem solid #c7c7c7; padding: 0.1rem; box-sizing: border-box; overflow:hidden;}

.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:0.55rem; color: #555; line-height:0.5rem; text-align: center;  font-size: .18rem; transition: 0.5s; }











.indexContainer .layer1 .layer11Box{ width: 100%; position:relative;}

.indexContainer .layer1 .layer11Box .icon{ width: 100%; border:0rem solid #c7c7c7; padding: 0rem; box-sizing: border-box; overflow:hidden;}

.indexContainer .layer1 .layer11Box .icon img{ display: block; width: 100%; height: auto;cursor: pointer;transition: all 0.6s;}

.indexContainer .layer1 .layer11Box .icon img:hover{transform: scale(1.05);}

.indexContainer .layer1 .layer11Box p{ width: 100%; height: 100%; color: #fff; line-height:30px; text-align: ; box-sizing:border-box; padding:40% 0px 0px 50px; background:rgba(0,0,0,0.4); font-size:24px; transition: 0.5s; position:absolute; left:0; bottom:0; z-index:1; box-sizing:border-box;}

.indexContainer .layer1 .layer11Box p span{font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; opacity:0.6; font-size:14px; line-height:20px;}











.indexContainer .layer1 .swiper-pagination{ position: absolute; width: 100%; bottom:.95rem;}



.indexContainer .layer1 .swiper-pagination span{ width: .14rem; height: .14rem; background: #ddd; opacity: 1; margin: 0 .03rem;}

.indexContainer .layer1 .swiper-pagination span.swiper-pagination-bullet-active{ background: #0968b9;}

.indexContainer .layer1 .swiper-button-prev{width:50px; height:50px; color:#fff; background: url(../img/rr01.png) center center no-repeat; background-size:100% auto;}
.indexContainer .layer1 .swiper-button-next{width:50px; height:50px; color:#fff; background: url(../img/rr02.png) center center no-repeat; background-size:100% auto;}





.indexContainer .layer2{ width: 100%; background: url(../images/index_03.jpg) no-repeat; height: 7.6rem; background-size:auto 7.6rem; padding: 0 1.1rem; box-sizing: border-box;}

.indexContainer .layer2 .layer2Box{ width: 12.4rem;}

.indexContainer .layer2 .layer2Box .bt{ padding: .75rem 0 .5rem 0;}

.indexContainer .layer2 .layer2Box .bt h2{ font-size: .24rem; font-weight: bold; color: #fff; padding-bottom: .15rem;}

.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:#;  width:90%; margin:0 auto; max-width:1400px; box-sizing: border-box; position: relative;}

.indexContainer .layer3 .bdBox{ width: 100%; position: relative;}

.indexContainer .layer3 .swiper-container{ padding: 0;}

.indexContainer .layer3 .swiper-pagination{ bottom: -50px;}





.indexContainer .layer4{ background: url(../images/a_18.png); height: 7.6rem; background-size:auto 100%; padding: 0 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: .55rem; 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: .55rem; 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 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;}





.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:#fff; height: 7.8rem; padding: 0 1.1rem; box-sizing:border-box; background-size:auto 100%; background-attachment:fixed ;}

.indexContainer .layer6 .tit h2{ color: #222;}

.indexContainer .layer6 .tit p{ color: #888;}

.indexContainer .layer6 .layer6_box{ width: 100%; padding-bottom: 1rem; 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:auto; 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: #555; font-weight: bold; font-size: .18rem;}

.indexContainer .layer6 .layer6_box .nr .text p{line-height: .30rem; font-size: .16rem; color: #888;}

.indexContainer .layer6 .layer6_box .nr .text p a{ color: #888;}

.indexContainer .layer6 .layer6_box .nr .text span{color:#888; line-height:1em;}



.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: #eee;}

.indexContainer .layer6 .swiper-pagination span.swiper-pagination-bullet-active{ background: #0968b9;}



























.indexContainer .layer7{ background: url(../images/index_18.jpg); background-attachment:fixed; height: auto; background-size:auto 100%; padding: 0 1.1rem; padding-bottom:0.75rem; box-sizing: border-box;}

.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: .7rem; box-sizing: border-box; width: 100%; background: url(../images/index_19.jpg); height: 7.6rem; 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;}

.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: 7.6rem; background-size:auto 100%; background-attachment:fixed; padding: 0 1.1rem; box-sizing: border-box;}

.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: .25rem;}

.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: .25rem;}

.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;}

.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.1rem; 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.1rem); padding-left: .15rem; box-sizing: border-box; float: left;}

.indexContainer .layer11Box .layer11Left .bd ul li .text h2{ font-size: .18rem;  line-height: .18rem;}

.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: .16rem; 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: .16rem; color: #5d5d5d; line-height: .3rem;}

.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;}

.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: #4e4e4e;}

.indexContainer .layer12 ul li .text h2 a{ color: #4e4e4e;}

.indexContainer .layer12 ul li .text p{ font-size: .12rem; line-height: .24rem; color: #818181;}

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

.indexContainer .layer14 img{ display:none;}

































@media(max-width:999px ) {

	.sideBar{transition: 0.5s; left: -100%; width: 60%; height: 100vh; top: 0; position: fixed; display: block; background: #202223; 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:35px; 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: #eee}

	.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;}

	.sideBar dl dd a{ color:#aaa !important}

	.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: #202223; position: relative;/* -moz-box-shadow:0px 0px 10px #DBDBDB; -webkit-box-shadow:0px 0px 10px #DBDBDB; box-shadow:0px 0px 10px #DBDBDB;*/}

	

	.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: #fff; 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: 30px 10px 10px 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: 1em;}

	

	

	

	.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: 10px;}


	
	

	.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 0; line-height: 20px;}

	.indexContainer .layer6 .layer6_box .nr .text p{ line-height: 20px; 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; box-sizing: border-box;}

	.indexContainer .layer7 ul{ overflow: hidden; width: 100%s;}

	.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 .layer1 .layer11Box p{ width: 100%; height: 100%; color: #fff; line-height:20%; text-align: center; background:rgba(0,0,0,0.4); font-size:1em; transition: 0.5s; position:absolute; left:0; bottom:0; z-index:1; box-sizing:border-box; padding-top:55%;}

	

	

	

	

	

	

	

	

	.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;}

	.layer13{ display: none;}

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



}