@charset "utf-8";
/* CSS Document */
*,*:before,*:after { }
body{ margin:0px; padding:0px; font-family:Microsoft YaHei,-apple-system,SF UI Display,Arial,PingFang SC,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif; 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: ;}
a{ color:#5c5c5c; text-decoration:none}
a:hover{color:#2679b2;}

h2,h3,h4,b,strong { font-weight: normal; }
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:14px; 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:1.0em; 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,1)}
.xcon2_l{width:50%; float:right;}
.xcon2_l img{width:100%; height:auto;}
.xcon2_r{width:50%; float:left; 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:right;}
.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: 35%; 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: .18rem; line-height: .24rem; color:#fff; 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 .3rem 0;}

.indexContainer .tit h2{ text-align: center; font-size: 36px; font-weight: bold; color: #333; padding-bottom: .2rem;}
.indexContainer .tit p{ font-size:14px; 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: .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{ 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:20%; text-align: center; background:rgba(0,0,0,0.4); font-size:22px; transition: 0.5s; position:absolute; left:0; bottom:0; z-index:1; box-sizing:border-box; padding-top:55%;}





.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 .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:#f5f5f5; height: 6.8rem;   width: 100%; padding: 0 1.1rem; box-sizing: border-box; position: relative;}
.indexContainer .layer3 .bdBox{ width: 100%; position: relative;}
.indexContainer .layer3 .swiper-container{ padding: 0 .05rem;}
.indexContainer .layer3 .swiper-pagination{ bottom: -0.8rem;}
.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:; padding: 0 1.1rem;  padding-bottom:30px; 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: 0; 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%; padding-bottom: 30px;}
.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: 16px;}
.indexContainer .layer6 .layer6_box .nr .text h2 a{ color: #333;}

.indexContainer .layer6 .layer6_box .nr .text p{line-height: 28px; font-size: 14px; 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: -20px; 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;}













.footer{ width: 100%; background: url(../images/index_37.jpg); height: auto; background-size: cover; }















.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#b0b0b0; height: 2.25rem;}
.footer .footerBox .footerLeft h2{ font-weight: bold; font-size: .14rem; color: #aaa; 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 #403f3f; color:#aaa; font-size:14px; line-height:30px; padding-left: .1rem; box-sizing: border-box;}
.footer .footerBox .footerCenter p{line-height:30px; }

.footer .footerBox h2{ font-weight: bold; font-size:16px; color: #eee; padding: .05rem 0 .1rem 0;}
.footer .footerBox .footerCenter ul{ width: 100%;}
.footer .footerBox .footerCenter ul li{ height: .35rem; line-height: .35rem; font-size: .13rem; color: #ccc;}




.footer .footerList{ float: left; width: 4.05rem; float: left; height: 2.25rem; border-right:.01rem solid #403f3f; padding:0 .65rem; box-sizing: border-box;}
.footer .footerList ul{ overflow: hidden;}
.footer .footerList .li1 li{ width:100%; float: left; padding-bottom: .00rem;}
.footer .footerList .li2 li{ width: 50%; float: left; padding-bottom: .05rem;}
.footer .footerList ul li a{ font-size: 14px; color: #aaa; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.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: ;    width: 50%;  margin: 0 auto;}
.footer .footerRight ul li{ float: right; padding-left: .35rem; width:100%;}
.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 #403f3f;}
.footer .copyright p{ line-height: .55rem; text-align: center; font-size: 0.8em; color: #aaa;}
.footer .copyright ul{ overflow: hidden; padding: 0 1.1rem;}
.footer .copyright ul li{ font-size:  0.8em; color: #fff; float: left; margin-right: .15rem;}
.footer .copyright ul li a{ color: #fff;}
.AppTop{ display: none;}
.sideBar{ display: none;}


@media(max-width:999px ) {
.indexContainer .layer6 .layer6_box .nr .text{padding-bottom:0 !important;}

}
@media(min-width:1500px ) {

.footer .footerRight ul{padding-top: .2rem; overflow: hidden; float: ;    width: 40%;  margin: 0 auto;}

}



@media(min-width:1000px ) and (max-width:1499px)  {

.footer .footerRight ul{padding-top: .2rem; overflow: hidden; float: ;    width: 60%;  margin: 0 auto;}

}





@media(max-width:999px)  {

.footer .footerRight ul{padding-top: .2rem; overflow: hidden; float: ;    width: 80%;  margin: 0 auto;}

}






@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: 45px;}
	.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;}
	.footer{ width: 100%; height: auto;}	
	.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; line-height:1.8em; font-size:1em; color:#aaa;}
	
	.footer .footerBox h2{ line-height: 60px; font-size: 18px; text-align: center;}

.fujia_none{ display: none;}

	.footer .footerList{ width: 100%; height: auto; border: none;}
	.footer .footerList ul li a{ font-size: 14px;}
	.footer .footerRight{ display: none;}
	.footer .footerList ul li{ padding-bottom: 20px;}
	.copyright{ width: 100%; padding: 15px; box-sizing: border-box; font-size:1em;}
	
	.copyright ul{ display: none;}
}