@charset "utf-8";
body{ margin:0px; padding:0px; font-size:12px;font-family:-apple-system,SF UI Display,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;color:#898989;line-height:1; 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}

.indexContainer .title{ overflow: hidden; position: relative;}
.indexContainer .title .titLeft{ width: 100%; float: left; height: 225px; position: relative;}
.indexContainer .title .titLeft h2{ padding-top: 110px; text-align: center; font-size: 32px; color: #282828; font-weight: bold; position: relative; z-index: 2;}
.indexContainer .title .titLeft span{ display: block; width: 60px; margin: 0 auto; height: 4px; background: #0c4098; margin-top: 20px; background: #0c4098; position: relative; z-index: 0;}
.indexContainer .title .titLeft p{ position: absolute; z-index: 1; font-size: 80px; text-align: center; width: 100%; line-height: 80px; font-weight: bold; color: #f6f6f6; left: 0; top: 85px;}

.indexContainer .layerMain{ width: 100%; background: url(../images/bg_02.jpg); height: 570px; background-attachment:fixed; background-size:auto 100% ; padding-top: 80px; box-sizing: border-box;}
.indexContainer .layerMain .MainBox{ width: 90%; margin: 0 auto;}
.indexContainer .layerMain .MainBox .swiper-container{ width: 100%;}
.indexContainer .layerMain .MainBox .nr{ border-radius:10px; overflow: hidden; width: 18.4%; float:left; margin-right: 2%; position: relative;}
.indexContainer .layerMain .MainBox .nr:last-child{ margin-right: 0;}
.indexContainer .layerMain .MainBox .nr .icon{ width: 100%; height: auto; position: relative;}
.indexContainer .layerMain .MainBox .nr .icon img{ display: block; width: 100%; height: auto;}
.indexContainer .layerMain .MainBox .nr .text{ overflow: hidden; width: 100%; height: 130px; background: #fff; padding: 20px; box-sizing: border-box;}
.indexContainer .layerMain .MainBox .nr .text h2{ line-height: 36px; height: 36px; overflow: hidden; font-size: 14px; color: #282828;}

.indexContainer .layerMain .MainBox .nr .text p{ height: 44px; overflow: hidden; font-size: 14px; color: #666; line-height: 22px;}
.indexContainer .layerMain .MainBox .nr .bg{ width: 100%; height: 100%; background: rgba(12,64,152,0.8); transition: 0.5s; left: 0; top: 0; position: absolute; opacity: 0;}
.indexContainer .layerMain .MainBox .nr .bg h2{ text-align: center; line-height: 300px; font-size: 34px; color: #fff;}
.indexContainer .layerMain .MainBox .nr .bg h2 img{ display: inline-block; vertical-align: middle; margin: 0 auto; width: 60px; height: auto;}
.indexContainer .layerMain .MainBox .nr .bg p{ text-align: center; font-size: 14px; color: #fff;}
.indexContainer .layerMain .MainBox .nr:hover .bg{ opacity: 1;}

.footer{ text-align: center; font-size: 16px; color: #333; line-height: 80px;}


@media (max-width:850px) {
	.indexContainer .title .titLeft{ height: auto; padding: 30px 0;}
	.indexContainer .title .titLeft h2{ padding-top: 20px;}
	.indexContainer .title .titLeft p{ top: 30px; font-size: 40px;}
	.indexContainer .layerMain{ padding: 30px 0; overflow: hidden; height: auto; background-size:auto 100%;}
	.indexContainer .layerMain .MainBox .nr{ margin-bottom: 10px; width: 49%; margin-right: 2%;}
	.indexContainer .layerMain .MainBox .nr:nth-child(2n){ margin-right: 0;}
	.indexContainer .layerMain .MainBox .nr:last-child{ display: none;}
	.indexContainer .layerMain .MainBox{ width: 100%; padding: 0 10px; box-sizing: border-box;}
	.indexContainer .layerMain .MainBox .nr .text{ padding: 10px;}
}