@charset "utf-8";
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {margin: 0; padding: 0; } 
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:20px '微软雅黑'; }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,h1,h2,h3 ,h4 ,h5 ,h6{font-weight:normal; }
i,em{font-style: normal;}
a {color: #000; text-decoration: none; }

.clearfix:after,.clearfix:before{content:""; display:table; clear:both; }
.clearfix{*zoom:1; }

.hidden { display:none; }
.block { display:block; }
.inline { display:inline; }
.inline-block { display:inline-block; }
.fl { float: left; }
.fr {float: right;}
.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }
.text-italic{font-style: italic;}
.pr{position: relative;}
.pa{position: absolute;}
.fb{font-weight: bold;}
.l50{left: 50%;}
.r50{right: 50%;}
.overflow-x{overflow-x:hidden;-ms-overflow-x:hidden;}
.overflow-y{overflow-y: hidden;-ms-overflow-y: hidden;}
.border-radius{border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

body{min-width: 1200px; overflow-x: hidden; -ms-overflow-x: hidden; max-width: 1680px; margin-left: auto; margin-right: auto; }
.wrap{width: 1000px; margin-left: auto; margin-right: auto; font-size: 22px;}
.wrap img{vertical-align: middle;}


.padt20{padding-top: 20px;}
.padlr40{padding-left: 40px;padding-right: 40px;}
.padlr20{padding-left: 20px;padding-right: 20px;}

.fullTu{ width: 100%;vertical-align: middle;}
.zd2{z-index: 2;}

.blackC{color:#000;}
.whiteC{color:#fff;}
.pinkC{color: #c50249}
.garyC{color: #666;}

.bgLightOrange{background-color: #e4caad;}
.bgBlack{background-color: #333;}
.bgWhite{background-color: #fff;}

.fz40{font-size: 40px;}
.fz48{font-size: 48px;}
.fz24{font-size: 24px;}
.fz26{font-size: 26px;}

html *{-webkit-tap-highlight-color:rgba(255,255,255,0);}

.textIndet{text-indent: 2em;}

ul.clearfix>li{float: left;}
ol.clearfix>li{float: left;}

/*按钮部分*/
.btn{padding: 30px 0;}
.btn a{
	display: inline-block;
	padding: 10px 30px;
	font-size: 25px;
	background:linear-gradient(#40b2e7 38%,#1d86b7);
	border-radius: 12px;
	color: #fff;
	box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
	-webkit-animation: moveLR 2s linear infinite;
	-o-animation: moveLR 2s linear infinite;
	animation: moveLR 2s linear infinite;
}
.btn2 a{min-width: 390px;}
/*按钮部分*/

.arrow{
	position: absolute;
	width: 46px;
	height:109px;
	background:url("../images/arrow1.png") no-repeat center;
	z-index: 8;
}
.prev{left: -20px;}
.next{right:-20px;-webkit-transform: rotateY(180deg);
	-moz-transform:  rotateY(180deg);
	-ms-transform:  rotateY(180deg);
	-o-transform:  rotateY(180deg);
	transform:  rotateY(180deg);}


.banner{height: 610px;background: url("../images/banner.jpg") no-repeat center top;}
.banner a{position: absolute;width: 1200px;height: 100%;left: 50%;top:0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.part1{background:#000 url("../images/spmpc_img1.jpg") no-repeat center top;height: 836px;}
.part1 .til{padding: 40px 0;}
.spmpc1{ width:878px; height:548px; margin:0 auto 30px; border:solid 1px #808488;background:url(../images/spmpc_img49.png) no-repeat left top;}
.spmpc1 p{ font-size:20px; line-height:30px; color:#dbdee1; text-align:center; display:block; float:left;}
.spmpc1_a{ height:59px;}
.spmpc1 p.iem_1{ width:184px; font-size:24px; line-height:59px; padding-left:127px;}
.spmpc1 p.iem_2{ width:318px; font-size:24px; line-height:59px; text-align:left;}
.spmpc1 p.iem_3{ width:184px; font-size:24px; line-height:59px; color:#001123; font-weight:bold; text-align:left;}
.spmpc1 p.iem_4{ width:119px; line-height:91px; height:91px;}
.spmpc1 p.iem_5{ width:201px; line-height:91px; height:91px;}
.spmpc1 p.iem_6{ width:200px; height:76px; padding-top:15px;}
.spmpc1 p.iem_7{ width:358px;line-height:91px; height:91px;color:#001123; font-size:24px;}
.spmpc1 p.iem_8{ width:119px; line-height:89px; height:89px;}
.spmpc1 p.iem_9{ width:201px; height:75px; padding-top:14px;}
.spmpc1 p.iem_10{ width:200px;height:75px; padding-top:14px;}
.spmpc1 p.iem_11{ width:358px;line-height:89px; height:89px;color:#001123; font-size:24px;}
.spmpc1_b{ float:left; width:520px;}
.spmpc1_c{ float:left; width:358px;}
.spmpc1 p.iem_12{ width:119px; line-height:61px; height:61px;}
.spmpc1 p.iem_13{ width:201px; line-height:61px; height:61px;}
.spmpc1 p.iem_14{ width:200px; line-height:61px; height:61px;}
.spmpc1 p.iem_15{ width:119px; line-height:250px; height:156px; overflow:hidden;}
.spmpc1 p.iem_16{ width:201px;height:137px; padding-top:19px;}
.spmpc1 p.iem_17{ width:200px;height:137px; padding-top:19px;}
.spmpc1 p.iem_18{ width:201px; padding-left:119px;}
.spmpc1 p.iem_19{ width:200px;}
.spmpc1 p.iem_20{ padding-top:19px;width:358px;color:#001123; font-size:20px;}
.spmpc1_d{ display:block; margin:0 auto;}

.part2{width:100%; padding-bottom: 30px; background:#000000 url(../images/spmpc_img1.jpg) no-repeat center top;overflow:hidden;zoom:1;}
.part2 .til{padding: 30px 0 0;}
.spmpc2_a{ padding:25px 0;}
.spmpc2_a p{ line-height:30px; font-size:20px; color:#fff; text-align:center;}
.spmpc2_a p span{ color:#60ccff;}
.spmpc2_b{ clear:both;}
.spmpc2_b img{ width:240px; height:160px; float:left; margin:0 5px 10px;}

.part3{width:100%; height:1919px; background:#000000 url(../images/spmpc_img1.jpg) no-repeat center top;overflow:hidden;zoom:1;}
.part3 .til{padding: 30px 0 ;}
.spmpc3_a{ margin:0 0 30px; clear:both; width:350px; border-bottom:solid 1px #fff; padding-bottom:2px;}
.spmpc3_a p{ font-size:20px; line-height:39px; color:#fff;}
.spmpc3_a p span{ font-size:36px; font-weight:bold;}
.spmpc3_b {overflow:hidden;zoom:1; margin:0 auto 36px;}
.spmpc3_b li{ width:488px; height:468px; border:solid 1px #fff;}
.spmpc3_b li img{ width:100%; float:left; margin-bottom:22px;}
.spmpc3_b li p{ color:#fff; text-align:center; font-size:20px; line-height:30px; clear:both;}
.spmpc3_c{ float:right;border-bottom:solid 1px #60ccff; margin-bottom:35px;}
.spmpc3_c p{ text-align:right; color:#60ccff;}
.spmpc3_d{ width:900px; height:250px; margin:0 auto; overflow:hidden;zoom:1;background:#000000 url(../images/spmpc_img35.png) no-repeat center 90px;}
.spmpc3_d p{ border-radius:50%; width:198px; height:132px; overflow:hidden; border:solid 1px #60ccff; text-align:center; color:#60ccff; font-size:24px; line-height:34px; float:left; padding-top:66px;}
.spmpc3_d p.ddjlw{ margin:0 150px;}
.spmpc3_e{ padding-left:50px;overflow:hidden;zoom:1; height:278px;}
.spmpc3_e dl{ width:210px; margin-right:20px; float:left;}
.spmpc3_e dl dt img{ width:100%; margin-bottom:8px;}
.spmpc3_e dl dd span{ display:block; width:200px; padding-left:10px; height:36px; line-height:40px; overflow:hidden; color:#60ccff; font-size:24px; font-weight:bold; margin-bottom:4px;}
.spmpc3_e dl dd span img{ float:left;}
.spmpc3_e dd p{ color:#60ccff; font-size:20px; line-height:26px; clear:both; padding-left:10px;}
.spmpc3_f{width:500px;margin:0 auto 44px; overflow:hidden;zoom:1; clear:both;}
.spmpc3_g{ width:100%; height:64px;background:#000000 url(../images/spmpc_img46.jpg) no-repeat center top;}
.spmpc3_i{ display:block; margin:0 auto 41px;}
.spmpc3_j{ width:570px; margin:0 auto;}
.spmpc3_j li{ width:149px; height:103px; padding-top:36px;float:left;background:#000000 url(../images/spmpc_img48.jpg) no-repeat center top;}
.spmpc3_j li p{ text-align:center; font-size:24px; line-height:34px; color:#60ccff; font-family:"Times New Roman", Times, serif}
.spmpc3_j li.lowp{ margin:0 61px;}

.part4{width:100%; height:2340px; background:#000000 url(../images/spmpc_img1.jpg) no-repeat center top;overflow:hidden;zoom:1;}
.part4 .til{padding: 40px 0 ;}
.spmpc4_a {overflow:hidden;zoom:1; margin:0 auto;}
.spmpc4_a li{ width:320px; height:350px; float:left;}
.spmpc4_a li.mapw{ margin:0 20px;}
.spmpc4_a li img{ width:100%; float:left;}
.spmpc4_a li span{ float:left;display:block; margin:-18px 0 6px 80px; height:36px; line-height:36px; text-align:center; font-size:24px; width:160px; background:#fff; color:#001e3e;}
.spmpc4_a li p{ color:#fff; text-align:center; font-size:20px; line-height:30px; clear:both;}
.spmpc4_a li p.koow{ padding-top:14px;}
.spmpc4_b {overflow:hidden;zoom:1; margin:0 auto;}
.spmpc4_b li{ width:490px; height:378px;}
.spmpc4_b li img{ width:100%; float:left;}
.spmpc4_b li span{ float:left;display:block; margin:-18px 0 15px 165px; height:36px; line-height:36px; text-align:center; font-size:24px; width:160px; background:#fff; color:#001e3e;}
.spmpc4_b li p{ color:#fff; text-align:center; font-size:20px; line-height:30px; clear:both;}
.spmpc4_c{ display:block; margin:0 auto 32px; clear:both;}
.spmpc4_d {overflow:hidden;zoom:1; margin:0 auto;}
.spmpc4_d li{ width:320px; height:305px; float:left;}
.spmpc4_d li.mapw2{ margin:0 20px;}
.spmpc4_d li img{ width:100%; float:left;}
.spmpc4_d li span{float:left;display:block;height:36px; line-height:36px; text-align:center; font-size:24px; width:100%;background:url(../images/spmpc_img22.jpg) no-repeat left top; background-size:100% 100%;color:#001e3e; font-weight:bold; overflow:hidden;}
.spmpc4_e {overflow:hidden;zoom:1; margin:0 auto;}
.spmpc4_e li{ width:320px; height:250px; float:left;}
.spmpc4_e li.mapw3{ margin:0 20px;}
.spmpc4_e li img{ width:100%; float:left;}
.spmpc4_e li span{float:left;display:block; line-height:38px; text-align:center; font-size:20px; width:100%;color:#60ccff;}
.spmpc4_f{width:500px;margin: 0 auto; overflow:hidden;zoom:1; clear:both;}

.til2{padding:30px 0;}
.til2 h2{font-size: 48px;padding: 4px 0;}
.til2 p span{text-transform: uppercase;font-size: 24px;padding: 0 10px;background-color: #fff;color: #000;}
.til2 p:before{content: '';position: absolute;width: 100%;height: 2px;left: 0;top: 50%;background-color: #fff;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);}

.part5{width:100%; background:#000000 url(../images/spmpc_img1.jpg) no-repeat center top;overflow:hidden;zoom:1;}
.part5 .wrap{width: 1200px;}
.part5 .p5_txt,.part6 .p6_txt{font-size: 22px;line-height: 1.6;padding: 0 20px;}
.part5 .p5_txt span{color: #60ccff;font-weight: bold;}
.part5 .p5_bd{padding-top: 20px;margin-top: -60px;}
.part5 .p5_bd .bd ul>li{padding-top: 80px;}
.part5 .p5_bd .bd ul>li .txt{width: 685px;height: 486px;background-color:#013f79; }
.part5 .p5_bd .bd ul>li .txt dl{padding: 42px 0 36px 102px;}
.part5 .p5_bd .bd ul>li .txt dt{font-size: 24px;padding-bottom: 10px;}
.part5 .p5_bd .bd ul>li .txt dt span{font-size: 48px;display: inline-block;font-weight: bold;margin-right: 20px;}
.part5 .p5_bd .bd ul>li .txt dd{font-size: 22px;line-height: 1.6;}
.part5 .p5_bd .bd ul>li .txt ol li{display: inline-block;}
.part5 .p5_bd .bd ul>li .tu ol{position: absolute;right: -33px;top: 90px;z-index: 999;}
.part5 .p5_bd .bd ul>li .tu ol li{width:54px;height: 12px; background: url("../images/p5_fan.png") no-repeat;margin-bottom: 30px;}
.part5 .p5_bd .hd{padding: 20px 0 0;}
.part5 .hd ul>li{width: 20px;height: 20px;border-radius: 50%;border:1px solid #fff;display: inline-block;margin: 0 5px;line-height: 20;overflow: hidden;}
.part5 .hd ul>li.on{background-color:#fff; }
.p5_play{right: 30px;top: -80px;}

.part7{background:#000000 url(../images/spmpc_img1.jpg) no-repeat center top;padding-bottom: 50px;}
.part7 .wrap{width: 1200px;}
.part7 .p7_bd .hd li{font-size: 30px;width: 250px;height: 90px;line-height: 90px;border-radius: 0;background-color: #a6d4ff;display: block;margin: 0;border: 0 none;position: relative;overflow: inherit}
.part7 .p7_bd .hd li:before{content: '';position: absolute;border-left: 20px solid #ec6941;border-top: 14px dashed transparent;border-bottom: 14px dashed transparent;right: -16px;top: 28px;display: none;}
.part7 .p7_bd .hd li.on{background-color: #ec6941;color: #fff;}
.part7 .p7_bd .hd li.on:before{display: block;}
.part7 .p7_bd .hd li:not(:last-of-type){margin-bottom: 28px;}
.part7 .p7_bd  .bd li {position: relative;}
.part7 .p7_bd  .bd li p{font-size: 18px;left: 0;width: 478px;top: 262px;line-height: 1.6;}
.part7 .p7_bd .btn{padding:0;left: 374px;bottom: 0;}



@keyframes spin{
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	100% {
		transform: rotate(-360deg);
		-webkit-transform: rotate(-360deg);
	}
}
.bounceinL{
	-webkit-animation: bounceinL 2s ease-out backwards ;
	-o-animation: bounceinL 2s ease-out backwards;
	animation: bounceinL 2s ease-out backwards;
}
.bounceinR{
	-webkit-animation: bounceinR 2s ease-out backwards ;
	-o-animation: bounceinR 2s ease-out backwards;
	animation: bounceinR 2s ease-out backwards;
}
@keyframes  bounceinL{
	0%{  opacity: 0;  transform: translateX(-100%);  }
	100%{  opacity: 1;  transform: translateX(0);  }
}
@-webkit-keyframes  bounceinL{
	0%{  opacity: 0;  -webkit-transform: translateX(-100%);  }
	100%{  opacity: 1;  -webkit-transform: translateX(0);  }
}
@keyframes  bounceinR{
	0%{  opacity: 0;  transform: translateX(100%);  }
	100%{  opacity: 1;  transform: translateX(0);  }
}
@-webkit-keyframes  bounceinR{
	0%{  opacity: 0;  -webkit-transform: translateX(100%);  }
	100%{  opacity: 1;  -webkit-transform: translateX(0);  }
}
.move{
	-webkit-animation: movement 3s linear normal both infinite;
	-o-animation: movement 3s linear normal both infinite;
	animation: movement 3s linear normal both infinite;
}
.move1{
	-webkit-animation: movement1 3s linear normal both infinite;
	-o-animation: movement1 3s linear normal both infinite;
	animation: movement1 3s linear normal both infinite;
}
.move2{
	-webkit-animation: movement2 3s linear normal both infinite;
	-o-animation: movement2 3s linear normal both infinite;
	animation: movement2 3s linear normal both infinite;
}
.move3{
	-webkit-animation: movement3 3s linear normal both infinite;
	-o-animation: movement3 3s linear normal both infinite;
	animation: movement3 3s linear normal both infinite;
}

@keyframes movement {
	0% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
	25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
	50% {  -webkit-transform: translate(6px,10px);  transform: translate(6px,10px);  }
	75% { -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
	100% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
}
@-webkit-keyframes movement {
	0% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
	25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
	50% {  -webkit-transform: translate(6px,10px);  transform: translate(6px,10px);  }
	75% {  -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
	100% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
}
@keyframes movement1 {
	0% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
	25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
	50% {  -webkit-transform: translate(-6px,-10px);  transform: translate(-6px,-10px);  }
	75% {  -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
	100% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
}
@-webkit-keyframes movement1 {
	0% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
	25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
	50% {  -webkit-transform: translate(-6px,-10px);  transform: translate(-6px,-10px);  }
	75% {  -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
	100% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
}
@keyframes movement2 {
	0% {  -webkit-transform: translate(10px,3px);  transform: translate(10px,3px);  }
	25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
	50% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
	75% {  -webkit-transform: translate(-8px,0px);  transform: translate(-8px,0px);  }
	100% {  -webkit-transform: translate(10px,3px);  transform: translate(10px,3px);  }
}
@-webkit-keyframes movement2 {
	0% {  -webkit-transform: translate(10px,3px);  transform: translate(10px,3px);  }
	25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
	50% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
	75% {  -webkit-transform: translate(-8px,0px);  transform: translate(-8px,0px);  }
	100% {  -webkit-transform: translate(10px,3px);  transform: translate(10px,3px);  }
}

@keyframes movement3 {
	0% {  -webkit-transform: translate(-10px,3px);  transform: translate(-10px,3px);  }
	25% {  -webkit-transform: translate(-4px,6px);  transform: translate(-4px,6px);  }
	50% {  -webkit-transform: translate(2px,8px);  transform: translate(2px,8px);  }
	75% {  -webkit-transform: translate(-8px,0px);  transform: translate(-8px,0px);  }
	100% {  -webkit-transform: translate(-10px,3px);  transform: translate(-10px,3px);  }
}
@-webkit-keyframes movement3 {
	0% {  -webkit-transform: translate(-10px,3px);  transform: translate(-10px,3px);  }
	25% {  -webkit-transform: translate(-4px,6px);  transform: translate(-4px,6px);  }
	50% {  -webkit-transform: translate(2px,8px);  transform: translate(2px,8px);  }
	75% {  -webkit-transform: translate(-8px,0px);  transform: translate(-8px,0px);  }
	100% {  -webkit-transform: translate(-10px,3px);  transform: translate(-10px,3px);  }
}

@keyframes moveLR {
	0%{transform: translateX(0);-webkit-transform: translateX(0)}
	30%{transform: translateX(-10px);-webkit-transform: translateX(-10px)}
	60%{transform: translateX(10px);-webkit-transform: translateX(10px)}
	100%{transform: translateX(0);-webkit-transform: translateX(0)}
}
@-webkit-keyframes moveLR {
	0%{transform: translateX(0);-webkit-transform: translateX(0)}
	30%{transform: translateX(-10px);-webkit-transform: translateX(-10px)}
	60%{transform: translateX(10px);-webkit-transform: translateX(10px)}
	100%{transform: translateX(0);-webkit-transform: translateX(0)}
}