@charset "utf-8";
/* CSS Document */
html *{-webkit-tap-highlight-color:rgba(255,255,255,0);}


/*按钮部分*/
.btn{padding:20px 0;}
.btn a{
	font-size: 22px;
	color: #c7ebff;
	background: #423d6e;
	padding: 6px 20px;

}
/*按钮部分*/
.nav{
	padding: 17px 0;
	background: #a9d7ef;
}
.nav li{
	float: left;
	width: 14.285%;
}
.nav li a{
	display: block;
	font-size: 24px;
	height:46px;
	line-height: 46px;
}
.nav li.on a{
	background: #423d6e;
	color: #fff;

}

.part1,.part4,.part5,.part6,.part7{
	padding:50px 0;
}
.part1 .p1_l {
	width: 472px;
}
.part1 .p1_l .p1_txt{
	font-size: 20px;
	color:#767676;
	text-indent: 2em;
	padding-top: 50px;
	line-height: 1.8;
}

.part2{background: #daf1f7;padding:50px 0;}
.part2 .p2_bd{padding-top: 40px;}
.part2 .p2_bd .hd{
	width: 198px;
	height: 802px;
}
.part2 .p2_bd .hd li{
	height: 197px;
	background: #9acfec;
	margin-bottom: 4px;
	position: relative;
	width: 100%;
	cursor: pointer;
	overflow: hidden;
}
.part2 .p2_bd .hd li .dot{
	padding:54px 0 0 20px;
}
.part2 .p2_bd .hd li .dot1{
	padding:32px 0 0;
}
.part2 .p2_bd .hd li .dot .name{
	font-size: 35px;
}
.part2 .p2_bd .hd li .dot .name::before {
	content: '';
	position: absolute;
	width:25px;
	height: 53px;
	background: url(../images/bi.png) no-repeat;
	left: -28px;
    top: 8px;
	
}
.part2 .p2_bd .hd li .dot .cailiao{
	font-size: 20px;
	background: #fff;
	color:#9acfec;
	padding:0 10px;
}

.part2 .p2_bd .hd li.on{background:#433d6f;}
.part2 .p2_bd .hd li.on .dot .cailiao{
	color:#433d6f;
	background: #9acfec;
}

.part2 .p2_bd .bd{
	width: 1000px;
	height: 802px;
}
.part2 .p2_bd .bd li{
	position: relative;
}
.part2 .p2_bd .bd li .txt{
	left: 6%;
    top: 64%;
	width: 472px;
}
.part2 .p2_bd .bd li .txt p{
	line-height: 1.8;
	color:#4d4d4d;
}
.part3{
	background: url(../images/p3_bg.jpg) no-repeat center top;
	padding:50px 0;
}
.part3 .p3_bd{
	width: 1314px;
	margin: 0 auto ;
	height: 768px;
	background: url(../images/p3_slide_bg.jpg) no-repeat center 88px;
}

.part3 .p3_bd ul{
	overflow:visible !important;
}
.part3 .p3_bd .bd li{
	position: relative;
	height: 768px;
}
.part3 .p3_bd .bd li .slideTu{
	left: 0;
	bottom: 0;
}

.arrow{
	z-index: 8;
	top: 50%;
	 -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}
.prev{left: 10px; }
.next{right: 10px; }
.part3 .p3_bd .bd li .slideTxt{
	left: 54%;
    top: 152px;
}
.part3 .p3_bd .bd li .slideTxt h4{
	font-size: 60px;
	color:#fff;
}
.part3 .p3_bd .bd li .slideTxt h4 span{
	font-size: 30px;
}
.part3 .p3_bd .bd li .slideTxt h5{
	font-size: 40px;
	color:#94d9ff;
}
.part3 .p3_bd .bd li .slideTxt p{
	font-size: 28px;
	color:#fff;
	padding:54px 0 26px;
}
.part3 .p3_bd .bd li .slideTxt .btn{padding-top: 40px;}
.part3 .p3_bd .bd li .slideTxt .btn a{
	color:#383569;
	background: #b0e4ff;
	margin-right: 52px;
}

.part4 .p4_bd{
	background: url(../images/p4_bg.jpg) no-repeat center top ;
	height: 746px;
	margin-top: 30px;
}
.part4 .p4_bd li{
	width: 215px;
	height: 248px;
	position: absolute;
	left: 50%;
    cursor: pointer;
}
.part4 .p4_bd li:nth-of-type(1){margin-left: -533px; top: 128px;}
.part4 .p4_bd li:nth-of-type(2){margin-left: -649px; top: 329px;} 
.part4 .p4_bd li:nth-of-type(3){margin-left: -414px; top: 329px;}
.part4 .p4_bd li:nth-of-type(4){margin-left: 204px; top: 93px;}
.part4 .p4_bd li:nth-of-type(5){margin-left: 438px; top: 93px;}
.part4 .p4_bd li:nth-of-type(6){margin-left: 320px; top: 295px;}
.part4 .p4_bd li.on{
	background: url(../images/p4_on2.png) no-repeat;
}
.part4 .p4_bd li p{
	font-size: 19px;
	line-height: 1.4;
	padding:68px 18px 0;
	display: none;
}
.part4 .p4_bd li.on p{
	display: block;
}
.part4 .p4_bd .btn{
	left: 0;
	bottom: 20px;
	width: 100%;
}


.part5 .p5_bd{
	margin: 30px auto 0;
	width: 1100px;
}
.part5 .p5_bd li{
	width: 545px;
	background: #423d6e;
}
.part5 .p5_bd li .txt{
	padding:18px 52px;
}
.part5 .p5_bd li h4{
	font-size: 24px;
	padding:10px 0;
}
.part5 .p5_bd li h4 span{
	background: #423d6e;
	z-index: 4;
}
.part5 .p5_bd li h4::after {
	content: '';
	position: absolute;
	background: #fff;
	width: 100%;
	height: 1px;
	left: 0;
	top: 50%;
	 -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}
.part5 .p5_bd li p{
	line-height: 1.5;
}
.part5 .p5_bd li:nth-of-type(2),
.part5 .p5_bd li:nth-of-type(2) h4 span{
	background:#79c9f3;
}


.part6::before {
	content: '';
	width:100%;
	height: 486px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #daf1f7;
}
.part6::after {
	content: '';
    width: 1064px;
    height: 431px;
    position: absolute;
    left: 50%;
    margin-left: -441px;
    bottom: 57px;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
}
.part6 .p6_bd{
	width: 1246px;
	margin: 0 auto;
	z-index: 6;
}
.part6 .p6_bd .hd{
	padding-top: 82px;
}
.part6 .p6_bd .hd li{
	width: 172px;
	height: 84px;
	overflow: hidden;
	margin-bottom: 5px;
}
.part6 .p6_bd .hd li.on .dot1{display: none;}
.part6 .p6_bd .bd li{position: relative;}
.part6 .p6_bd .bd li .btn{
	left: 86px;
    bottom: 24px;
}
.part6 .p6_bd .bd li .btn a{background: #79c9f3; color:#fff;}

.part7{
	background: url(../images/p7_bg.png) no-repeat 800px 158px;
}
.part7 .p7_bd{
	width: 730px;
	padding-top: 60px;
	padding-left: 70px;
}
.part7 .p7_bd .list_q{
	padding-left: 94px;
	margin-bottom: 30px;
}
.part7 .p7_bd .list_q::before {
	content: '';
	position: absolute;
	width: 82px;
	height: 82px;
	background: url(../images/q.jpg) no-repeat;
	left: 0;
	top: 50%;
	 -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
	
}
.part7 .p7_bd p{
	font-size: 21px;
	background: #d4d4d4;
	padding:20px 30px;
	border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    position: relative;
	
}
.part7 .p7_bd .list_q p::before {
	content: '';
	position: absolute;
	width: 30px;
	height: 28px;
	background: url(../images/q_arrow.png) no-repeat;
	left: -15px;
	top: 0;
	
}
.part7 .p7_bd .list_a p{
	font-size: 18px;
	background: #676194;
	max-width: 400px;
}
.part7 .p7_bd .list_a{
	padding-right: 94px;
	margin-bottom: 30px;
}
.part7 .p7_bd .list_a::before {
	content: '';
	position: absolute;
	width: 82px;
	height: 82px;
	background: url(../images/a.png) no-repeat;
	right: 0;
	top: 0;
}

.part7 .p7_bd .list_a p::before {
	content: '';
	position: absolute;
	width: 30px;
	height: 28px;
	background: url(../images/a_arrow.png) no-repeat;
	right: -15px;
	top: 0;
	
}
.part7 .p7_bd .list_q  input{
	font-size: 21px;
	height: 38px;
	width: 370px;
	border: 0 none;
	line-height: 38px;
	padding-left: 10px;
	border-radius: 38px;
    -webkit-border-radius: 38px;
    -moz-border-radius: 38px;
    -ms-border-radius: 38px;
    -o-border-radius: 38px;
}
.part7 .p7_bd .list_q  input:focus{
	outline: 0 none;
}
.part7 .p7_bd .p7_btn{
	width: 98px;
	height: 98px;
	border: 0 none;
	outline: 0 none;
	right: 48px;
    top: -14px;
    cursor: pointer;
}
.part7 .p7_bd .p7_btn span{
	font-size: 25px;
	width: 60px;
	color:#fff;
	position: absolute;
	left: 24px;
    top: 50%;
    line-height: 1.2;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}
.part7 .p7_bd .p7_btn i{
	width: 100%;
	height: 100%;
	display: block;
	background: url(../images/p7_1.png) no-repeat;
	animation: 6s linear 0s normal both infinite running spin;
}
@keyframes spin{
0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
}
}

.part2 .p2_bd .hd li{ display:table; height:130px;}
.part2 .p2_bd .hd li .dot{ display:table-cell; vertical-align:middle;padding: 0px 0 0 20px;}
.part2 .p2_bd .hd li .dot .cailiao{ font-size:18px;}
.part2 .p2_bd .hd li .dot .name{ font-size:30px; line-height:35px;}