@charset "utf-8";

/* CSS Document */

*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";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}







.banner{ width: 100%;}

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



.w1600{ width: 1600px; margin: 0 auto;}



.indexContainer{ width: 100%;}

.indexContainer .tit{ padding: 110px 0 50px 0; text-align: center; font-weight: bold; color: #333; font-size: 50px;}

.indexContainer .tit p{ text-align: center; font-size: 18px; font-weight: normal; padding-top: 35px; line-height:35px;
}

.indexContainer .layer1 .hd{ height: 100px;}

.indexContainer .layer1 .hd li{ width:230px; float: left; text-align: center; cursor: pointer; height: 100px; line-height: 100px; font-weight: bold; color: #8a8a8a; font-size: 18px;}

.indexContainer .layer1 .hd li:last-child{ width: 220px;}

.indexContainer .layer1 .hd li.on{ background: #f2f2f2; color: #003f7e;}

.indexContainer .layer1 .layer1Box{ background: #f2f2f2; padding: 85px 0;}

.indexContainer .layer1 .layer1Box ul{ text-align: center;}

.indexContainer .layer1 .layer1Box ul li{ box-shadow: 0 0 10px rgba(0,0,0,0.1); display: inline-block; width: 215px; margin: 0 4px; border-radius:6px; overflow: hidden; transition: 0.5s;}

.indexContainer .layer1 .layer1Box ul li .icon{ background: #fff; position: relative; height: 275px;}

.indexContainer .layer1 .layer1Box ul li .icon img{  display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.indexContainer .layer1 .layer1Box ul li p{ width: 100%; height: 50px; text-align: center; background: #003f7e; font-size: 16px; color: #fff; line-height: 50px;}

.indexContainer .layer1 .layer1Box ul li:hover{ transform: translateY(-10px);}



.indexContainer .layer2{ width: 100%;}

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

.indexContainer .layer2 ul li{ width: 50%; float: left; height: 395px; overflow: hidden;}

.indexContainer .layer2 ul li .box{ height: 100%; overflow: hidden; float: left; position: relative;}

.indexContainer .layer2 ul li .small{ width: 40%;}

.indexContainer .layer2 ul li .big{ width: 60%;}

.indexContainer .layer2 ul li .box .text{ position: absolute; left: 0; width: 100%; padding: 0 20px; box-sizing: border-box; bottom: -65px; z-index: 2; transition: 0.5s;}

.indexContainer .layer2 ul li .box .text h2{ font-size: 28px; color: #fff; font-weight: bold; padding-bottom: 15px;}

.indexContainer .layer2 ul li .box .text p{ padding-bottom: 15px; font-size: 16px; color: #fff; line-height: 26px; }

.indexContainer .layer2 ul li .box .bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: 0.5s; z-index: 1; background: rgba(0,63,126,0.7); opacity: 0; transition: 0.5s;}

.indexContainer .layer2 ul li .box:hover .bg{ opacity: 1;}

.indexContainer .layer2 ul li .box:hover .text{ bottom: 0;}

.indexContainer .layer2 ul li .box img{ display: block; height: 100%; width: auto;}





.indexContainer .layer3{ overflow: hidden; background: #f2f2f2;}

.indexContainer .layer3 .nr{ width: 100%; border-radius:4px; box-shadow: 0 0 10px rgba(0,0,0,0.1); overflow: hidden;}

.indexContainer .layer3 .nr .icon{ width: 100%; height: 230px;}

.indexContainer .layer3 .nr .icon img{ display: block; width: 100%; height: 100%;}

.indexContainer .layer3 .nr .text{ background: #fff; width: 100%; padding: 0 40px; box-sizing: border-box; padding-top: 25px; padding-bottom: 30px;}

.indexContainer .layer3 .nr .text span{ display: block; width: 90px; height: 22px; text-align: center; border-radius:4px; line-height: 22px; color: #fff ; font-size: 12px; background: #003f7e; margin-bottom: 25px;}

.indexContainer .layer3 .nr .text p{ width: 100%; font-size: 20px; line-height: 36px; color: #003f7e; padding-bottom: 60px;}

.indexContainer .layer3 .nr .text h2{ font-weight: normal; font-size: 14px; color: #999;}

.indexContainer .layer3 .nr .text h2 a{ display: inline-block; font-size: 14px; color: #666; float: right;}

.indexContainer .layer3Box{ overflow: hidden; padding-bottom: 1px;}

.indexContainer .layer3Box .btn{ z-index: 10; margin: 50px auto; width: 310px; height: 39px; position: relative;}

.indexContainer .layer3 .nr:hover h2 a{ color: #003f7e;}

.indexContainer .layer3Box .btn .swiper-button-next{ display: block; background: url(../images/clickAB_05.jpg); width: 23px; height: 39px; right: 0; top: 0; margin: 0;}

.indexContainer .layer3Box .btn .swiper-button-prev{ display: block; background: url(../images/clickAB_03.jpg); width: 23px; height: 39px; left: 0; top: 0; margin: 0;}



.indexContainer .layer3Box .btn .swiper-button-next::after{ display: none;}

.indexContainer .layer3Box .btn .swiper-button-prev::after{ display: none;}

.indexContainer .layer3Box .btn .swiper-pagination{ z-index: 2;}

.indexContainer .layer3Box .btn .swiper-pagination span{ opacity: 1; vertical-align: middle; background: url(../images/clickAB_10.jpg); width: 15px; height: 15px; margin: 0 5px;}

.indexContainer .layer3Box .btn .swiper-pagination span.swiper-pagination-bullet-active{ background: url(../images/clickAB_08.jpg);}



.indexContainer .layer4{ width: 100%;}

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





.indexContainer .layer5{ background: #f2f2f2;}

.indexContainer .layer5Box{ overflow: hidden;}

.indexContainer .layer5 .nr{ width: 100%; overflow: hidden; height: 220px; background: #fff; transition: 0.5s;}

.indexContainer .layer5 .nr .icon{ float: left; width: 220px; height: 220px; position: relative;}

.indexContainer .layer5 .nr .icon img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.indexContainer .layer5 .nr .text{ width: calc(100% - 220px); float: left;}

.indexContainer .layer5 .nr .text h2{ height: 80px; line-height: 80px; font-size: 20px; color: #666; font-weight: bold;}

.indexContainer .layer5 .nr .text h3{ font-size: 20px; color: #003f7e; line-height: 20px;}

.indexContainer .layer5 .nr .text span{ display: block; line-height: 36px; font-size: 16px; color: #003f7e;}

.indexContainer .layer5 .nr .text p{ position: relative; padding-left: 25px; font-size: 16px; color: #666; line-height: 24px;}

.indexContainer .layer5 .nr .text p img{ position: absolute; left: 0; top: 4px; width: 14px; height: auto;}

.indexContainer .layer5Box .btn{ z-index: 10; margin: 50px auto; width: 310px; height: 39px; position: relative;}

.indexContainer .layer3 .nr:hover h2 a{ color: #003f7e;}

.indexContainer .layer5Box .btn .swiper-button-next{ display: block; background: url(../images/clickAB_05.jpg); width: 23px; height: 39px; right: 0; top: 0; margin: 0;}

.indexContainer .layer5Box .btn .swiper-button-prev{ display: block; background: url(../images/clickAB_03.jpg); width: 23px; height: 39px; left: 0; top: 0; margin: 0;}



.indexContainer .layer5Box .btn .swiper-button-next::after{ display: none;}

.indexContainer .layer5Box .btn .swiper-button-prev::after{ display: none;}

.indexContainer .layer5Box .btn .swiper-pagination{ z-index: 2;}

.indexContainer .layer5Box .btn .swiper-pagination span{ opacity: 1; vertical-align: middle; background: url(../images/clickAB_10.jpg); width: 15px; height: 15px; margin: 0 5px;}

.indexContainer .layer5Box .btn .swiper-pagination span.swiper-pagination-bullet-active{ background: url(../images/clickAB_08.jpg);}

.indexContainer .layer5 .nr:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.1);}







.indexContainer .layer6{ background: #f2f2f2; padding-bottom:90px;}
.layer6Box {text-align: center;}
.indexContainer .layer6 ul{ width: 100%; overflow: hidden;}

.indexContainer .layer6 ul li{ box-shadow: 0 0 10px rgba(0,0,0,0.1);width: 31%; margin-right: 2%;display:inline-block; text-align:left; margin-bottom:50px;}

.indexContainer .layer6 ul li:last-child{ margin-right: 0;}

.indexContainer .layer6 ul li .icon{ width: 100%; height: 280px;}

.indexContainer .layer6 ul li .icon img{ display: block; width: 100%; height: 100%;}

.indexContainer .layer6 ul li .text{ height: 255px; background: #fff; box-sizing: border-box; width: 100%; padding: 0 35px; box-sizing: border-box;}

.indexContainer .layer6 ul li .text h2{ height: 70px; line-height: 70px; font-size: 20px; font-weight: bold; color: #333;margin-bottom:0px;}

.indexContainer .layer6 ul li .text p{ height: 88px; font-size: 14px; color: #666; line-height:22px; margin-top:10px; margin-bottom:10px}
.indexContainer .layer6 ul li .text h2 a{border:none}
.indexContainer .layer6 ul li .text .more a{ display: block; border: 1px solid #666; box-sizing: border-box; border-radius:4px ; color: #666; width: 160px; height: 40px; box-sizing: border-box; line-height: 38px; text-align: center; font-size: 14px; transition: 0.5s; }

.indexContainer .layer6 ul li:hover .text .more a{ background: #003f7e; color: #fff; border: 1px solid #003f7e;}

.indexContainer .layer7{ padding: 100px 0;}

.indexContainer .layer7 .hd ul{ text-align: center;}

.indexContainer .layer7 .hd ul li{box-shadow: 0 0 10px rgba(0,0,0,0.1);cursor: pointer; width: 270px; height: 52px; display: inline-block; line-height: 52px; font-size: 28px; font-weight: bold;}

.indexContainer .layer7 .hd ul li.on{ border-bottom: 1px solid #003f7e; color: #003f7e;}



.indexContainer .layer7 .bd ul{ padding-top: 60px; overflow: hidden;}

.indexContainer .layer7 .bd ul li{box-shadow: 0 0 10px rgba(0,0,0,0.1);  width: 23%; float: left; margin: 1%;}

.indexContainer .layer7 .bd ul li:last-child{ margin-right: 0;}

.indexContainer .layer7 .bd ul li .icon{ width: 100%; }

.indexContainer .layer7 .bd ul li .icon img{ display: block; width: 100%;  }

.indexContainer .layer7 .bd ul li .text{ background: #f2f2f2; width: 100%; padding: 0 35px; box-sizing: border-box; padding-bottom: 30px;}

.indexContainer .layer7 .bd ul li .text h2{ color: #333; height:65px; line-height: 65px; margin-bottom:0px; overflow:hidden}

.indexContainer .layer7 .bd ul li .text p{ height: 60px; font-size: 14px; line-height: 20px; overflow: hidden; margin-top:0px; margin-bottom:10px}

.indexContainer .layer7 .bd ul li .text a{ display: block; border: 1px solid #666; box-sizing: border-box; border-radius:4px ; color: #666; width: 120px; height: 32px; box-sizing: border-box; line-height: 30px; text-align: center; font-size: 14px; transition: 0.5s;}

.indexContainer .layer7 ul li:hover .text a{ background: #003f7e; color: #fff; border: 1px solid #003f7e;}

.indexContainer .layer7 .more{ display: block; margin: 80px auto 0 auto; width: 165px;}

.indexContainer .layer8{ background: #f2f2f2; padding-bottom: 65px;}

.indexContainer .layer8 .nr{ margin-bottom: 25px;}

.indexContainer .layer8 .bt{ width: 100%; height: 90px; line-height: 90px; color: #333; font-size: 28px;}

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

.indexContainer .layer8 ul li{ border-radius:5px; box-shadow: 0 0 10px rgba(0,0,0,0.1); width: 49%; float: left; margin-right: 2%; height: 380px; background: #fff;}

.indexContainer .layer8 ul li:last-child{ margin-right: 0;}

.indexContainer .layer8 ul li .icon{ float: left; position: relative; width: 300px; height: 100%;}

.indexContainer .layer8 ul li .icon img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.indexContainer .layer8 ul li .text{ width: calc(100% - 300px); float: left; padding-right: 20px; box-sizing: border-box;}

.indexContainer .layer8 ul li .text h2{ padding-top: 25px; line-height: 50px; font-size: 20px; color: #333; font-weight: bold;}

.indexContainer .layer8 ul li .text p{ height: 225px; width: 100%; font-size: 16px; overflow: hidden; color: #666; line-height: 28px;}

.indexContainer .layer8 ul li .text .a{ display: block; width: 160px; height: 40px; text-align: center; line-height: 38px; text-align: center; border: 1px solid #666; transition: 0.5s; font-size: 16px; border-radius:4px ;}

.indexContainer .layer8 ul li .text .a:hover{ background: #003f7e; color: #fff; border: 1px solid #003f7e;}



.indexContainer .layer9{ padding-bottom: 100px;}

.indexContainer .layer9 .nr1{ margin-bottom: 60px; width: 100%; overflow: hidden; height: 400px; overflow: hidden; background: #f2f2f2;}

.indexContainer .layer9 .nr1 .icon{ float: left; width: 780px; height: 100%; position: relative;}

.indexContainer .layer9 .nr1 .icon img{ position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}

.indexContainer .layer9 .nr1 .text{ width: calc(100% - 780px); float: left; padding-left: 75px; box-sizing: border-box; padding-top: 110px;}

.indexContainer .layer9 .nr1 .text h2{ font-size: 28px; font-weight: bold; color: #333;}

.indexContainer .layer9 .nr1 .text p{ padding: 20px 0 50px 0; font-size: 16px; color: #666;}

.indexContainer .layer9 .nr1 .text a{ display: block; width: 160px; height: 42px; line-height: 40px; text-align: center; font-size: 16px; color: #666; border: 1px solid #666; box-sizing: border-box; border-radius:4px;}

.indexContainer .layer9 .nr2{ width: 100%; position: relative;}

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

.indexContainer .layer9 .nr2 .text{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); padding-left: 205px; box-sizing: border-box;}

.indexContainer .layer9 .nr2 .text h2{ font-size: 30px; font-weight: bold; color: #fff; padding-bottom: 35px;}

.indexContainer .layer9 .nr2 .text p{ font-size: 16px; color: #fff; line-height: 26px; margin-bottom: 40px;}

.indexContainer .layer9 .nr2 .text span{ color: #fff; display: block; font-size: 18px; line-height: 38px;}



.indexContainer .layer7.case{ padding-top: 0;}

.indexContainer .layer7.case .bd ul li{ margin-bottom: 25px;}

.indexContainer .layer7.case .bd ul li .icon{ height: auto;}

.indexContainer .layer7.case .bd ul li .text p{ line-height: 28px; height: 56px; display:-webkit-box;
     -webkit-box-orient:vertical;
     -webkit-line-clamp:2;    /* 根据业务需求设置第几行显示省略号 */
     overflow:hidden;}

.indexContainer .layer7.case .bd ul li:nth-child(4n){ margin-right: 0;}



.case2List{ width: 100%;  padding: 50px 0;}

.case2List .titd{ padding: 30px 0 70px 0; text-align: center; font-weight: bold; color: #333; font-size: 36px;}

.case2List .titd p{ text-align: center; font-size: 18px;font-weight: normal; padding-top: 35px; line-height:32px;}

.case2List .icon{ width: 100%;}

.case2List .icon img{ display: block; width: 100%;}

.case2List .text{ ; width: 100%; background: #fff; padding: 0 40px; box-sizing: border-box;padding-bottom: 25px}

.case2List .text h2{ font-size: 20px; line-height: 60px; padding-top: 15px; height:60px; font-size: 20px; color: #003f7e;margin-bottom:0px;}

.case2List .text p{ font-size: 16px; line-height: 24px; color: #666; height: 96px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4; margin-bottom:10px;}

.case2List .text span{ color: #666; font-size: 16px;}

.case2List ul{ overflow: hidden;}

.case2List ul li{ box-shadow: 0 0 10px rgba(0,0,0,0.1);  border-radius:5px; overflow: hidden; float: left; width: 23%; float: left; margin: 0 1% 0 1%  ; margin-bottom: 25px;}

.case2List ul li:nth-child(4n){ margin-right: 0;}

.case2List ul li:hover .text span{ color: #066666;}



.indexContainer .layer10{ background: #f2f2f2; border-bottom: 1px dashed #d9d9d9; padding-bottom: 100px;}

.indexContainer .layer10Box{ overflow: hidden; height: 572px; border: 1px solid #d9d9d9; box-sizing: border-box;}

.indexContainer .layer10Box .icon{ width: 700px; float: left; height: 100%;}

.indexContainer .layer10Box .icon img{ height: 100%; width: auto; display: block; margin: 0 auto;}

.indexContainer .layer10Box .text{ padding-top: 15px; width: calc(100% - 700px); float: left; padding-left: 140px;}

.indexContainer .layer10Box .text h2{ height: 72px; line-height: 72px; font-size: 28px; font-weight: bold; color: #333; padding: ;}

.indexContainer .layer10Box .text p{ height: 300px; width: 715px; line-height: 36px; color: #333; font-size: 20px;}

.indexContainer .layer10Box .text img{ width: 715px; display: block; height: auto;}



.indexContainer .layer11{ width: 100%; overflow: hidden;}

.indexContainer .layer11Box .nr{ border-bottom: 1px solid #f2f2f2; padding: 50px 0; overflow: hidden;}

.indexContainer .layer11Box .nr .bt{ width: 520px; float: left; font-size: 28px; color: #333; font-weight: bold;}

.indexContainer .layer11Box .nr .main{ width: calc(100% - 520px); float: left;}

.indexContainer .layer11Box .nr .main ul{ width: 100%;}

.indexContainer .layer11Box .nr .main ul li{ margin-bottom: 50px; overflow: hidden;  position: relative;}

.indexContainer .layer11Box .nr .main ul li .tp{ float: left; width: 110px; height: 100%; height: 90px; line-height: 90px;}

.indexContainer .layer11Box .nr .main ul li .tp img{ display: inline-block; vertical-align: middle;}

.indexContainer .layer11Box .nr .main ul li .tx{ width: calc(100% - 110px); float: left;}

.indexContainer .layer11Box .nr .main ul li .tx h2{ font-size: 20px; color: #333; font-weight: normal; margin-bottom: 10px;}

.indexContainer .layer11Box .nr .main ul li .tx p{ font-size: 16px; line-height: 28px; color: #666;}

.indexContainer .layer11Box .nr .main dl{ width: 100%; overflow: hidden;}

.indexContainer .layer11Box .nr .main dl dd{ width: 32%; float: left; margin-bottom: 35px; margin-right: 2%;}

.indexContainer .layer11Box .nr .main dl dd:nth-child(3n){ margin-right: 0;}

.indexContainer .layer11Box .nr .main dl dd .tp{ float: left; width: 110px; height: 110px; line-height: 110px;}

.indexContainer .layer11Box .nr .main dl dd .tp img{ display: inline-block; vertical-align: middle;}

.indexContainer .layer11Box .nr .main dl dd .tx{ float: left; width: calc(100% - 110px); float: left; font-size: 16px; line-height: 26px; color: #666; padding-right: 40px; box-sizing: border-box;}

.indexContainer .layer11Box .nr .mianBox{ padding-bottom: 75px; width: 100%; overflow: hidden;}

.indexContainer .layer11Box .nr .mianBox .tp{ float: left; width: 355px; height: 275px;}

.indexContainer .layer11Box .nr .mianBox .tp img{ display: block; width: 100%; height: 100%;}

.indexContainer .layer11Box .nr .mianBox .tx{ width: calc(100% - 355px); float: left; padding-left: 30px;}

.indexContainer .layer11Box .nr .mianBox .tx p{ padding-top: 20px; font-size: 16px; color: #666; line-height: 26px;}



.indexContainer .layer3.details{ background: #fff;}

.indexContainer .layer3.details .text{ background: #f2f2f2;}

.indexContainer .layer3.details .nr .text span{ text-align: left;  background: none; color: #999; margin: 0;}

.indexContainer .layer3.details .nr .text h2{ height: 50px; overflow: hidden; color: #003f7e; line-height: 50px; font-size: 18px; font-weight: bold;}

.indexContainer .layer3.details .nr .text p{ margin-bottom: 20px; padding: 0; font-size: 16px; color: #666; height: 56px; line-height: 28px; overflow: hidden;}

.indexContainer .layer3.details .nr .text a{ display: block; width: 120px; height: 30px; line-height: 28px; font-size: 16px; text-align: center; color: #666;  transition: 0.5s; border: 1px solid #666; border-radius:5px ;}

.indexContainer .layer3.details .nr .text a:hover{ background:#003f7e; border: 1px solid #003f7e; color: #fff;}





@media(max-width:1000px ) {

	.case2List{ padding: 15px; box-sizing: border-box;}

	.case2List ul li{ width: 100%; height: auto; margin-bottom: 15px;}
	.indexContainer .layer6 ul li .text p{ height:88px; line-height:22px; overflow:hidden; margin-bottom:10px}
	
		.indexContainer .layer7 .bd ul{ padding: 0 10px; box-sizing: border-box;}

	.indexContainer .layer7.case .bd ul li{ width: 100%; }

	.indexContainer .layer7.case .bd ul li:nth-child(2n){ margin-right: 0;}

	.indexContainer .layer7 .bd ul li .text{ padding: 10px;}

	.indexContainer .layer7.case .bd ul li .text p{ font-size: 10px; line-height: 18px;}

	.indexContainer .layer7 .bd ul li .text a{ width: 100px; font-size: 12px; height: 30px; color:#fff; line-height: 30px; background:#003f7e}
     .indexContainer .layer8 ul li .icon img{ text-align:center;width:100%; height:auto; position:relative; left:0px;top:0px;transform:none}

}