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

html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {
	margin: 0;
	padding: 0;
	font-weight: normal;
}  
fieldset, img {
	border: none;
}
ul, ol {
	list-style: none;
}
input {
	padding-top: 0;
	padding-bottom: 0;
	font-family: "SimSun", "宋体";
}
select, input {
	vertical-align: middle; 
}
select, input, textarea {
	font-size: 12px;
	margin: 0;
}
textarea {
	resize: none;
}
table {
	border-collapse: collapse;
}
body {
	font: 12px;
	font-family: "微软雅黑";
	color:#000;
	margin:0 auto;
}
a {
	text-decoration: none;
	color:#000;
}
img{
	vertical-align: top;
}

.re{
	position: relative;
}
.ov{
	overflow: hidden;
}
.fl{
	float: left;
}
.da{
	max-width:1903px;
	margin:0 auto;
	/*overflow-x: hidden;*/
}
.te{
	text-align: center;
}
.wrap{
	width:1217px;
	margin:0 auto;
}
.kv .dat{
	min-width: 1217px;
	width:100%;
}
.kv-a{
	position:absolute;
	top: 70%;
	left:18%;
}

.part1{
	width:100%;
	height: 859px;
	background: url(../image/p1-bg.jpg) no-repeat center top;
	padding-top: 20px;
	box-sizing: border-box;
}
.p1-p{
	font-size: 52px;
}
.p1-1{
	width:100%;
	height:695px;
	background:url(../image/p1-1.png) no-repeat 40px top;
}
.p1-txt{
	position:absolute;
	left:68.5%;
	top: 25%;
}
.p1-txt h2{
	font-size: 32px;
}
.p1-txt p{
	font-size: 18px;
	line-height: 35px;
}

/* 本例子css */
		.p1-1 .slideBox{ width:655px; height:146px;text-align: center; position:absolute; top: 74%; left:42%; }
		.p1-1 .slideBox .bd{ position:relative; height:100%; z-index:0; width:576px; margin:0 auto;   }
		.p1-1 .slideBox .bd li{ zoom:1; vertical-align:middle; width:576px!important; }
		.p1-1 .slideBox .bd img{ width:187px; height:146px; margin-right: 5px;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.p1-1 .slideBox .prev,
		.p1-1 .slideBox .next{ position:absolute; left:0; top:50%; margin-top:-28px; display:block; width:18px; height:56px; background:url(../image/right1.png) no-repeat;  }
		.p1-1 .slideBox .next{ left:auto; right:0; background:url(../image/left1.png) no-repeat; }
		.p1-1 .slideBox .prev:hover,
		.p1-1 .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.p1-1 .slideBox .prevStop{ display:none;  }
		.p1-1 .slideBox .nextStop{ display:none;  }
.p1-2{
	width:100%;
	background:#222e5e;
	padding: 45px 0 40px;
}
.p1-2 ul li{
	float: left;
	width:198px;
	color:#fff;
	text-align: center;
}
.p1-2 ul li h2{
	font-size: 22px;
	margin:10px 0 5px;
}
.p1-2 ul li p{
	font-size: 16px;
	text-align: left;
	line-height: 22px;
	color:#f5efef;
}
.mr{
	margin-right: 52px;
}
.p2-b{
	padding-top: 30px;
}
.p2-txt{
	font-size: 18px;
	width:1217px;
	margin:32px auto;
	line-height: 28px;
}
.p2-1{
	width:100%;
	height:809px;
	background:url(../image/p2-bg.jpg) no-repeat center top;
	color:#fff;
}
.pp1{
	font-size: 42px;
	padding: 50px 0 45px;
}
.p2-left1{
	margin-left: 45px;
}
.p2-txt1{
	width:360px;
	margin-bottom: 50px;
}
.p2-txt1 h2{
	font-size: 26px;
	margin-bottom: 10px;
}
.p2-txt1 p{
	font-size: 16px;
}
.p2-txt1 .aa1{
	display:inline-block;
	color:#ff6d6d;
	font-size: 18px;
}
.p2-left{margin-left:30px;}
.p2-right{
	margin-left: 36%;
}
.a1{
	margin-left: 12%;
}
.pp2{
	font-size: 36px;
}
.p3-1{
	width:100%;
	height:645px;
	background:url(../image/p3-bg.jpg) no-repeat center top;
	margin-top: 30px;
}
.p3-txt{
	position:absolute;
	top: 10%;
	right: 2%;
	width:700px;
	height:605px;
	background:#287bc5;
	margin-top: 40px;
	color:#fff;
	padding-top: 35px;
	box-sizing: border-box;
}
.p3-txt h2{
	font-size: 32px;
	margin-left: 65px;
}
.txt-in{
	height:450px;
	background:#2795e8;
	margin-top: 26px;
	padding: 30px 0 0 25px;
	box-sizing: border-box;
}
.txt-in p{
	font-size: 18px;
	line-height: 32px;
}
.xul{
	display:inline-block;
	width:30px;
	height:30px;
	border-radius: 50%;
	background:#000;
	text-align: center;
	font-size: 22px;
	margin: 2px 15px 10px 0;
}
.txt-in div{
	margin-bottom: 8px;
}
.p3-2{
	width:100%;
	height:547px;
	background:url(../image/p3-bg2.jpg) no-repeat center top;
	color:#fff;
	padding-top: 90px;
	box-sizing: border-box;
}
.pp3{
	width:665px;
	margin:30px auto;
	font-size: 18px;
	line-height: 30px;
}
.pp4{
	font-size: 34px;
	margin-bottom: 45px;
}
.a2{
	display:inline-block;
	padding:10px 15px;
	background:#fe3509;
	font-size: 20px;
	border-radius: 30px;
	color:#fff;
	margin-left: 40%;
}
.p4-in{
	/*width:1591px;*/
	height:885px;
	background:url(../image/p4-1.jpg) no-repeat center bottom;
}
.lik{
	width:660px;
	height:670px;
	position:absolute;
	bottom:0;
	left:6%;
	
}
.lik2{
	width:635px;
	height:620px;
	position:absolute;
	bottom:0;
	right:2%;
	
}
.p4-txt{
	margin-top: 70px;
}
.blu{
	width:135px;
	height:30px;
	background:#269cf4;
	border-radius: 30px;
	margin:22px auto 0;
	font-size: 18px;
	color:#fff;
	line-height: 30px;
}
.p4-txt p{
	font-size: 18px;
	margin-top: 10px;
	line-height: 30px;
}
.p4-1{
	width:100%;
	background:#2c3a71;
	padding: 40px 0 30px;
}
.p4-1 p{
	font-size: 36px;
	color:#fff;
	margin-bottom: 40px;
}

.p4-1 .swiper-container {
        width: 100%;
 
        position:relative;
    }
    .p4-1 .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.a3{
	margin-top: 30px;
}
.tg{
	margin: 20px 0 50px;
}
.gai{
	position:absolute;
	top: 0;
	left:0;
	width:33.3333333%;
	height:100%;
	background:rgba(0, 0, 0, 0.65);
	z-index: 99;
}
.gai2{
	left: 66.7%;
}
.next1{
	z-index: 100!important;
	background-image: url(../image/left2.png)!important;
	width:65px!important;
	height:65px!important;
	background:rgba(244, 97, 102, 0.7);


}
.next2{
	background-image: url(../image/right2.png)!important;
	right:28%!important;
}
.next3{
	left:28%!important;
}

/* 本例子css */
.p5-1 .p5-mn{ position:relative; height:447px; margin-bottom: 30px;}
.p5-1 .p5-mn .bd ol li{float: left;margin: 0 20px;width: 577px;}
.p5-1 .p5-mn .bd ol li img{width: 326px;  height:447px;}
.p5-1 .arrow{
	width: 46px;
	height: 135px;
	top: 50%;
	margin-top: -67px;
	cursor: pointer;
	z-index: 3;
	position:absolute;
}
.p5-1 .prev{
	left: -4%;
}
.p5-1 .next{
	right: -4%;
}
.p5-txt{
	width:235px;
	height:357px;
	display:inline-block;
	margin-top: 55px;
}
.p5-txt h2{
	font-weight: bold;
	font-size: 18px;
}
.p5-txt p{
	font-size: 18px;
	line-height: 28px;
}
.bo{
	margin-bottom: 30px;
}
.mt{
	margin-top: 68px;
}
.p5-2{
	width:100%;
	background:#222e5e;
	padding-top: 20px;
	padding-bottom: 50px;
	margin-bottom: 35px;
}
.p5-in ul li{
	float: left;
	position:relative;
	cursor:pointer;
}
.p5-in ul li:hover .p5-txt-f{
	display:block;
}
.p5-txt-f{
	position:absolute;
	top: 0;
	left:0;
	background:rgba(0, 162, 255, 0.7);
	width:100%;
	height:100%;
	color:#fff;
	padding-top: 100px;
	box-sizing: border-box;
	display:none;
}
.p5-txt-f p{
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 20px;
}

/* 本例子css */
.p5-3 .p5-mn{ position:relative; height:285px; margin-top: 20px;}
.p5-3 .p5-mn .bd ol li{float: left;width: 240px; background:#fff; text-align: center; margin-right: 1px;}
.p5-3 .p5-mn .bd ol li img{width: 226px;  height:152px;}
.p5-3 .arrow{
	width: 30px;
	height: 66px;
	top: 50%;
	margin-top: -33px;
	cursor: pointer;
	z-index: 3;
	position:absolute;
}
.p5-3 .prev{
	left: -5%;
}
.p5-3 .next{
	right: -4%;
}
.p5-3 p{
	font-size: 18px;
    text-align: left;
    padding: 15px 16px;
    line-height: 28px;
}
.part6 .pp2{
	margin-bottom: 30px;
}
.p6-tu{
	width:1278px;
	margin:0 auto;
}
.p6-tu2{
	width:1207px;
	margin:0 auto;
}
.pz1{
	position:absolute;
	left:-5%;
	top: -15%;
}
.pz2{
	left: 85%;
    top: -26%;
}
.p6-1{
	width:100%;
	height:721px;
	background:url(../image/last-bg.jpg) no-repeat center top;
	margin-top: 30px;
	padding-top: 40px;
	box-sizing: border-box;
}
.que{
	width:585px;
	height:320px;
	background:#fff;
	margin: 40px 0 0 480px;
	border-radius: 20px;
	padding-top: 50px;
	box-sizing: border-box;
}
.sj1{
	position: absolute;
    top: 25px;
    right: -28px;
}
.tx{
	margin: 30px 0 0 40px;
}
.que p{
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 10px 25px;
	padding-left: 10px;
	height:45px;
	line-height: 45px;
	display:inline-block;
	cursor:pointer;
}
.on{
	background:#222e5e;
	color:#fff;
}
.anw{
	width:585px;
	background:#222e5e;
	color:#fff;
	margin:10px 0 0 480px;
	padding:30px 32px;
	box-sizing: border-box;
	border-radius: 20px;
	line-height: 26px;
}

.bo2{
	margin-bottom: 10px;
}
.sj2{
	position: absolute;
	left:-32px;
	top: 30px;
}
.hui{
	position:absolute;
	top: 52%;
	left:-12%;
}
.none{
	display:none;
}

/*.block{
	display:block;
}*/