@charset "utf-8";
/* CSS Document */

.index_box1 { height: 660px;}
.index_title { text-align: center; padding-top: 80px;}
.h2_1 { font-size: 42px; color: #004593; font-weight: normal;}
.xian { width: 86px; height: 5px; margin: 20px auto 30px auto; background: #004593;}
.jieshao { font-size: 22px; color: #004593;}
.index_box1 .box { width: 1400px; margin: 80px auto 0 auto; overflow: hidden;}
.index_box1 .box a { float: left; display: block; width: 250px; height: 300px; margin: 0 50px;}
.index_box1 .box li {  
	width: 250px; 
	height: 300px; 
	overflow: hidden; 
	position: relative; 
	display: flex; 
	justify-content: center; 
	align-items: center; 
	border-radius:8px; 
	border:1px solid #e8e8e8; 
	}

.index_box1 .box li .image { 
	position: absolute; 
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease-in-out;}
.index_box1 .box li .image:hover { transform: scale(1.2);}
.index_box1 .box li .tu { position: absolute; width: 90px; height: 90px; left: 50%; transform: translateX(-50%); top: 35px;}
.index_box1 .box li .biaoti { font-size: 26px; color: #333; position: absolute; top: 130px;}
.index_box1 .box li .detail { width: 210px; height: 88px; overflow: hidden; font-size: 14px; color: #333; text-align: justify; position: absolute; bottom: 30px;}

.index_box2 { width:100%; height:200px; background:url(../images/box2_tu.jpg) no-repeat top center; background-attachment:fixed; background-size:100% 100%;}
.index_box2 .text { text-align: center; line-height: 200px; font-size: 48px; color: #fff; letter-spacing:10px;}

.index_box3 { background: #f4f6f8; height: 1000px;}
.index_box3 .box { width: 1400px; margin: 0 auto;}
.index_box3 .box .left { float: left; width: 270px; margin-left: 30px; margin-top: 200px; overflow: hidden;}
.index_box3 .box .tu { float: left; width: 800px; margin-top: 100px;}
.index_box3 .box .right { float: right; width: 270px; margin-right: 30px; margin-top: 200px; overflow: hidden;}
.index_box3 .box li { 
	width: 260px; 
	height: 100px; 
	margin-bottom: 50px; 
	background: #fff; 
	box-shadow: 2px 2px 5px #c7dce8; 
	text-align: center; 
	font-size: 22px; 
	color: #004593; 
	display: flex; 
	align-items: center; 
	justify-content: center;} 

.index_box4 { height: 1200px; background: url("../images/box4_bg.jpg") center no-repeat;}
.index_box4 .box { overflow: hidden;}

.slideBoxpro { width:100%; height:850px; overflow:hidden; position:relative;}
.slideBoxpro .hd{ height:15px; overflow:hidden; position:absolute; right:0; bottom:0; z-index:1; }
.slideBoxpro .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBoxpro .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBoxpro .hd ul li.on{ background:#f00; color:#fff; }
.slideBoxpro .bd{ position:relative; height:100%; z-index:0;   }
.slideBoxpro .bd li{ zoom:1; vertical-align:middle; }
.slideBoxpro .bd li a{ display:block; width:100%; height:850px;background-position:center; background-repeat:no-repeat; background-size: auto 100%  }
.slideBoxpro .bd img{ width:100%; height:850px; display:block;  }
.slideBoxpro .prev,
.slideBoxpro .next{width:50px; height:50px; background:url(../images/d1.png) no-repeat;float: left;}
.slideBoxpro .next{background:url(../images/d2.png) no-repeat;}
.slideBoxpro .prev:hover,
.slideBoxpro .next:hover{opacity: .9;filter: alpha(opacity=90);-ms-filter: "alpha(opacity=90)";-khtml-opacity: .9;}
.slideBoxpro .prevStop{ display:none;  }
.slideBoxpro .nextStop{ display:none;  }
.slideprobtn{position: absolute; left: 260px; bottom: 140px;}

.w_1400 { width: 1400px; height: 400px; position: absolute; z-index: 99; top: 220px; left: 50%; margin-left: -700px;}
.w_1400 .f3f3f3 { width: 715px; height: 400px; background: #f3f3f3; padding: 0 50px;}
.w_1400 .f3f3f3 .biaoti { font-size: 32px; color: #004593; padding-top: 90px;}
.w_1400 .f3f3f3 .biaoti .a { color: #004593; display: block; width: 100%; height: 50px;}
.w_1400 .f3f3f3 .detail { font-size: 22px; line-height: 44px; color: #333; padding-top: 30px;}

.index_box4 .more { position: absolute; left: 260px; bottom: 70px;}
.index_box4 .more a { font-size: 22px; color: #004593;}

.index_box6 { height: 650px;}
.index_box6 .box { width: 1400px; height: 470px; margin: 95px auto 0 auto; background: url("../images/box6_bg.png") no-repeat;}
.index_box6 .box .left { float: left; width: 740px; margin-left: 55px; margin-top: 120px;}
.index_box6 .box .left .name { height: 80px; font-size: 40px; color: #000;}
.index_box6 .box .left .detail { height: 128px; font-size: 18px; line-height: 32px; text-align: justify;}
.index_box6 .box .left .more { width: 50px; height: 50px; margin-top: 40px;}
.index_box6 .box .right { float: right; width: 480px; height: 340px; margin-right: 55px;}
.index_box6 .box .right img { width: 480px; height: 340px; border-radius: 0 0 15px 15px;}