@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: 1200px; 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(#ff9900 38%,#cc6600);
	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);}

.part4 .arrow{top: 300px;}
h2.til{padding: 30px 0;}

.kv{height: 886px;background: url("../images/kv.jpg") no-repeat center top;}
.kv .wrap{height: 100%;}
.kv .kvT{left: 28%;top: 0;}
.kv ul{right: 24px;top: 64%;}
.kv ul li{float: left;width: 91px;height: 90px;border-radius: 50%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;font-size: 27px;color: #0056a8;padding-top: 34px;background: url("../images/kvQuan.png") no-repeat center;margin-right: 24px;}
.kv .btn{left: 60%;bottom: 10%;}
.kv .tuangou{position: absolute;right: 0;top: 10%;}

.part1 ul{padding: 10px 0;}
.part1 ul li{float: left;}
.part1 ul li:not(:first-of-type){margin-left: -6px;}
.part1 ul li:nth-of-type(2){margin-left: -16px;}
.part1 ul li:last-of-type{margin-left: -18px;}

.part2{background-color: #4fb8d6;}
.part2 .p2_txt{width: 726px;}
.part2 .p2_txt p{background-color: #2099bb;border-radius: 15px;padding: 14px 18px;text-align: justify;text-justify: distribute-all-lines;line-height: 2;position: relative;margin-bottom: 20px;}
.part2 .p2_txt p:before{content: '';position: absolute;width: 0; height: 0; border-bottom: 20px solid #2099bb; border-left: 42px solid transparent;right: 100%;top: 30px;}
.part2 .p2_txt ul li:not(:last-of-type){margin-right: 12px;}

.part3 .p3_bd{height:834px;background: url("../images/p3_bg.jpg") no-repeat center; }
.part3 .p3_bd .wrap{height: 100%;}
.part3 .p3_bd li{position: absolute;width: 222px;height: 222px;font-size:24px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.part3 .p3_bd li p{position: absolute;width: 100%;left: 0;top: 50%;line-height: 1.6;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.part3 .p3_bd li p span{font-size: 30px;}
.part3 .p3_bd li:nth-of-type(1){background-color: #387dc5;left: 18px;top: 96px;}
.part3 .p3_bd li:nth-of-type(2){width: 188px;height: 188px;background-color: #7f7378;left: 132px;top: 368px;}
.part3 .p3_bd li:nth-of-type(3){background-color: #dd4482;left: 354px;top: 484px;}
.part3 .p3_bd li:nth-of-type(4){width: 194px;height: 194px;background-color: #e59d11;right: 364px;top: 496px;font-size: 20px;}
.part3 .p3_bd li:nth-of-type(5){background-color: #7687ca;right: 118px;top: 350px;}
.part3 .p3_bd li:nth-of-type(6){width: 196px;height: 196px;background-color: #c937bd;right: 44px;top: 106px;font-size: 20px;}


.Add-part .ti{ padding: 20px 0 40px;font-size: 50px; color: #fff; text-align: center; font-weight: bold; color: #035997}
.Add-part{ background: #a4daf4; padding: 40px 0}
.Add-part dl{ width: 800px; margin:0 auto; position: relative; height: 400px; margin-bottom: 20px}
.Add-part ol{ width: 570px; position: relative}
.Add-part ol:before,.Add-part ol:after{ text-align: center; font-weight: bold; position: absolute; color:#fff; display: block; width: 27px; height: 27px; line-height: 22px; border-radius: 10px; background: #e73666; border: 5px solid #fff}
.Add-part ol:before{ content: "+"; left: 243px; top:168px}
.Add-part ol:after{content: "="; left: 535px; top:168px}
.Add-part ol li{ width: 220px; padding: 10px; background: #fff; float: left; margin-right: 43px; text-align: center; line-height: 35px}
.Add-part ol li p{ color: #e83f6b}
.Add-part dd{background: #fff; width: 191px;text-align: center; height: 377px; position: relative}
.Add-part dd h3{ padding: 10px 0; font-size: 24px}
.Add-part dd span{ background: #e61c18; display: block; width: 130px; margin: 0 auto; padding: 5px 0; color: #fff}
.Add-part dd span em{ display: block; width:0;  height:0; margin: 0 auto;
	border-left:15px solid transparent;  border-right:15px solid transparent;  border-top:10px solid #fff;}
.Add-part dd b{ font-size: 28px}
.Add-part dd .yh{ width: 187px; height: 58px; color: #fff; background: #f08619; border-radius: 30px; position: absolute; left: -25px; top:150px; padding:10px 25px}
.Add-part dd .yh i,.Add-part dd .yh b{display: inline-block; vertical-align: middle;}
.Add-part dd .yh i{  margin-right: 10px}
.Add-part dd .yh b{ font-size: 35px;}
.Add-part dd p{ font-size: 17px; color: #666; padding: 120px 0 0}
.Add-part dd a{ display: block; width: 100%; height:70px; background: #e73866; line-height: 70px; color: #fff; position: absolute; bottom: 0; left: 0}
.Add-part .arrow{top: 150px;}
.Add-part .prev{left: 100px;}
.Add-part .next{right: 100px;}

.part4{background: linear-gradient(#fff 49%,#daf1f7 48%);}
.part4 .p4_bd .bd{padding: 0 68px 58px;position: relative;}
.part4 .p4_bd .bd:before,.part4 .p4_bd .bd:after{content: '';position: absolute;background: url("../images/p4_bg1.png") no-repeat center;}
.part4 .p4_bd .bd:before{width: 1106px;height: 64px;left: 54px;bottom: 18px;}
.part4 .p4_bd .bd:after{background-image: url("../images/p4_bg2.png");width: 58px;height: 458px;right: 42px;bottom: 26px;}
.part4 .p4_bd .bd ul>li{position: relative;}
.part4 .p4_bd .p4_sliderIn{position: absolute;left: 92px;top: 234px;}
.part4 .p4_bd .p4_sliderIn dl{height: 248px;}
.part4 .p4_bd .p4_sliderIn dt{font-size: 27px;height: 120px;}
.part4 .p4_bd .p4_sliderIn dd{font-size: 23px;line-height: 1.6;}
.part4 .p4_bd .p4_sliderIn ol>li{margin-right: 20px;}
.part4 .p4_bd .p4_sliderIn ol>li p{padding-top: 6px;}
.part4 .btn{left: 168px;bottom: 52px;z-index: 10;}
.part4 .btn a{border-radius: 10px;margin-right: 30px;}
.part4 .btn a:first-of-type{background:linear-gradient(#79c9f3 38%,#488aac);}

.part5 ul li{width: 287px;position: relative;font-size: 20px;}
.part5 ul li:not(:nth-of-type(4n)){margin-right: 14px;}
.part5 ul li p{position: absolute;width: 100%;left: 0;bottom: 0;background-color: #0b58a2;padding: 4px 0;}
.part5 ul li:nth-of-type(2n) p{background-color: #4fb8d6;}
.part5 ul li:nth-of-type(6) p{padding: 17px 0;}
.part5 ul li .playStar{position: absolute;width: 100%;height: 100%;left: 0;top: 0;right: 0;bottom: 0;}
.part5 ul li .playStar span{position: absolute;width: 100%;left: 0;top: 50%;font-size: 30px;color: #ffd200;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
html,body{height: 100%;}
.playOutBox{position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);left: 0;top: 0;display: none;}
.playOutBox .playInBox{width:800px;height:400px;background-color:#fff;position: absolute;left: 50%;top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.playOutBox .playInBox .close{position: absolute;right: 10px;top: 10px;width: 50px;cursor: pointer;}
.playOutBox .playInBox .close img{width: 100%;}


.part6{background: url("../images/p6_bg.jpg") no-repeat center;}
.part6 ul li{margin-bottom: 28px;box-shadow: 2px 2px  5px 0 rgba(0,0,0,0.35);}
.part6 ul li:nth-of-type(2n){float: right;}
.part6 .btn a{border-radius: 10px;margin:0  160px;}
.part6 .btn a:last-of-type{background:linear-gradient(#177fe4 38%,#115ca5);}

.part7{background-color: #4fb8d6;}
.part7 ul{padding: 10px 0;}
.part7 li:not(:last-of-type){margin-right: 22px;}
.part7 li .p7_listIn{padding:10px;background: url("../images/p3_waiK.png") no-repeat center;background-size: 100% auto; margin-bottom: 70px;position: relative;}
.part7 li .p7_listIn:before{content: '';position: absolute;width: 12px;height: 66px;background: url("../images/p7_dot.png") no-repeat center;top: 100%;left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);}
.part7 li .p7_listIn p{position: absolute;width: 100%;height: 100%;background: url("../images/p7_neiK.png") no-repeat center;left: 0px;top: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 110px 26px 0;
	line-height: 1.6;
	color: #2f2f2f;
	display: none;
}
.part7 li.on .p7_listIn p{  display: block;}

.part8{background: url("../images/p8_bg.jpg") no-repeat center 146px;}
.part8 ul{height: 800px;}
.part8 ul li{border-radius: 50%;position: absolute;padding:8px;border: 1px solid #fd7b3f; background-color: #fff;}
.part8 ul li a{display: block;width: 212px;height: 212px;color: #fff;border-radius: 50%;background-color: #df8f77;}
.part8 ul li a p{width: 100%;left: 0;top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);}
.part8 ul li:first-of-type{width: 360px;height: 360px;font-size: 60px;font-weight: bold;padding:0;border:0 none;top:90px;left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.part8 ul li:first-of-type a{width: 100%;height: 100%;background-color:#4fb8d6;}

.part8 ul li:nth-of-type(2){  left: 50%;margin-left: -552px;top: 60px;}
.part8 ul li:nth-of-type(3){  left: 50%;margin-left: -454px;top: 376px;border-color: #0b58a2;}
.part8 ul li:nth-of-type(3) a{background-color: #0b58a2;}
.part8 ul li:nth-of-type(4){  left: 50%;margin-left: -108px;top: 548px;border-color: #b98bff;}
.part8 ul li:nth-of-type(4) a{background-color: #b98bff;}
.part8 ul li:nth-of-type(5){  right: 50%;margin-right: -454px;top: 376px;border-color: #dfab77;}
.part8 ul li:nth-of-type(5) a{background-color: #fd7b3f;}
.part8 ul li:nth-of-type(6){  right: 50%;margin-right: -552px;top: 60px;border-color: #ff94cc;}
.part8 ul li:nth-of-type(6) a{background-color: #ff94cc;}

.part9 .til{font-size: 35px;color: #0b58a2;position: relative;}
.part9 .p9_bd .bd{padding:20px 106px;}
.part9 .til:before{position: absolute;content: '';width: 42px;height: 6px;background-color:#0b58a2;left: 50%;margin-left: -21px;bottom: 18px; }
.part9 .p9_bd li{width:290px;padding: 0 20px; }
.part9 .arrow{top: 54px;}
.part9 .prev{left: 0;}
.part9 .next{right: 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)}
}

.maoLang{background-color: #3e83c5;padding-bottom: 30px;}
.maoLang .maoLangTil{padding: 20px 0 30px;}
.maoLang p{font-size: 24px;color: #fff;line-height: 1.6;padding: 20px 30px 20px 50px;position: relative;}
.maoLang p:before, .maoLang p:after{content: '';position: absolute;width:52px;height: 52px;background: url("images/maolang2.png") no-repeat;background-size: cover; }
.maoLang p:before{left: 14px;top: 0;}
.maoLang p:after{right: 14px;bottom: 0;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.maoLang ul{text-align: center;position: relative;z-index: 2;padding: 20px 0;}
.maoLang ul li{display: inline-block;}
.maoLang ul li:nth-of-type(odd){width:222px;height: 222px;overflow: hidden;
	-webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.35);
	-moz-box-shadow: 0 3px 7px rgba(0,0,0,0.35);
	box-shadow: 0 3px 7px rgba(0,0,0,0.35);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.maoLang ul li:nth-of-type(even){width:136px;font-size: 30px;color: #fff;vertical-align:middle;margin: -156px 20px 0; }