/*part1*/
.bar_part1{ height: 1440px; background-size: cover; overflow: hidden; }
.bar_part1 .wrap{ position: relative; }
.bar_part1 .wrap .logo{ position: absolute; top: 64px; left: 8px; width: 144px; height: 67px; }
.bar_part1 .wrap .logo a{ display: block; width: 100%; height: 100%; }
.bar_part1 .wrap .logo a img{ width: 100%; height: 100%; }
.bar_part1 .wrap .content{ position: relative; position: absolute; bottom: 0; left: 0; height: 540px; width: 100%; }
.bar_part1 .wrap .content .l{ width: 784px; height: 540px; }
.bar_part1 .wrap .content .l .img{ width: 100%; height: 100%; }
.bar_part1 .wrap .content .l .img a,.bar_part1 .wrap .content .l .img a img{ display: block; width: 100%; height: 100%; }
.bar_part1 .wrap .content .r{ position: absolute; right: 0; bottom: 0; }
.bar_part1 .wrap .content .r .tit{ font-size: 44px; font-family: Arial; font-weight: bold; color: #FFFFFF; line-height: 1; text-align: center; padding-bottom: 35px; }
.bar_part1 .wrap .content .r .text{ padding: 70px 52px; background: #FFFFFF; width: 526px; height: 252px; }
.bar_part1 .wrap .content .r .text .p{ font-size: 16px; line-height: 30px; color: #333333; font-family: Arial; padding-bottom: 30px; }
.bar_part1 .wrap .content .r .text .more{ font-family: Arial; font-size: 16px; font-weight: bold; color: #2a3c57; display: block; }
/*part2*/
.bar_part2{ height: 669px; background-size: cover; }
.bar_part2 .content{ padding-top: 115px; }
.bar_part2 .content .tit1{ text-align: center; color: #ecf3f9; font-size: 50px; line-height: 1; padding-bottom: 35px; font-family: arial; font-weight: bold; }
.bar_part2 .content .tit2{ text-align: center; color: #ecf3f9; font-size: 44px; line-height: 1; padding-bottom: 35px; font-family: arial; font-weight: bold; }
.bar_part2 .content .show{ width: 912px; margin: 0 auto; }
.bar_part2 .content .show a{ display: block; width: 100%; height: 100%; }
.bar_part2 .content .show .l{ width: 562px; height: 349px; }
.bar_part2 .content .show .l img{ width: 100%; height: 100%; }
.bar_part2 .content .show .r{ width: 350px; height: 349px; text-align: center; color: #474747; font-family: Arial; display: table; }
.bar_part2 .content .show .r .con{ display: table-cell; vertical-align: middle; }
.bar_part2 .content .show .r .name{ font-size: 26px; font-weight: bold; padding-bottom: 10px; }
.bar_part2 .content .show .r .position{ font-size: 20px; padding-bottom: 10px; }
.bar_part2 .content .show .r .order{ font-size: 24px; }
/*part3*/
.bar_part3{ height: 527px; background-size: cover; overflow: hidden; }
.bar_part3 .content{ padding-top: 35px; }
.bar_part3 .content .tit{ font-size: 44px; color: #FFFFFF; font-family: arial; text-align: center; font-weight: bold; }
.bar_part3 .content .show{ padding: 40px 0px 0; }
.bar_part3 .content .show ul li{ color: #FFFFFF; text-align: center; width: 410px; float: left; font-family: Arial; }
.bar_part3 .content .show ul li .img{ background: url(../images/whitepng_03.png); padding: 6px; width: 228px; margin: 0 auto; }
.bar_part3 .content .show ul li .img a{ display: block; width: 100%; height: 100%; }
.bar_part3 .content .show ul li .img .imginner{ width: 228px; height: 228px; }
.bar_part3 .content .show ul li .img .imginner img{ width: 100%; height: 100%; }
.bar_part3 .content .show ul li .name{ font-size: 18px; font-weight: bold; padding: 25px 0 10px; }
.bar_part3 .content .show ul li .position1{ font-size: 14px; padding-bottom: 10px; }
.bar_part3 .content .show ul li .position2{ font-size: 14px; }
/*part4*/
.bar_part4{ height: 897px; background-size: cover; }
.bar_part4 .content{ padding-top: 40px; color: #000042; }
.bar_part4 .content .tit{ font-size: 44px; text-align: center; font-weight: bold; }
.bar_part4 .content .show{ padding: 30px 35px 0 ; }
.bar_part4 .content .show ul li{ width: 290px; text-align: center; float: left; padding-bottom: 25px; font-family: arial; }
.bar_part4 .content .show ul li .img{ width: 228px; height: 228px; padding: 6px; margin: 0 auto; border-radius: 50%; background: url(../images/whitepng_03.png); }
.bar_part4 .content .show ul li .img a{ display: block; width: 100%; height: 100%; }
.bar_part4 .content .show ul li .img .imginner{ width: 228px; height: 228px; overflow: hidden; border-radius: 50%; }
.bar_part4 .content .show ul li .img .imginner img{ width: 100%; height: 100%; }
.bar_part4 .content .show ul li .name{ font-size: 18px; font-weight: bold; padding: 25px 0 10px; }
.bar_part4 .content .show ul li .position1{ font-size: 14px; padding-bottom: 10px; }
.bar_part4 .content .show ul li .position2{ font-size: 14px; }
/*part5*/
.bar_part5{ height: 720px; background-size: cover; }
.bar_part5 .content{ padding-top: 20px; }
.bar_part5 .content .tit{ font-size: 44px; text-align: center; font-weight: bold; color: #000042; padding-bottom: 30px; }
.bar_part5 .content .con{ width: 100%; height: 500px; position: relative; }
.bar_part5 .content .con .conimgwrap{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.bar_part5 .content .con .img{ width: 100%; height: 100%; }
.bar_part5 .content .con .img a{ display: block; width: 100%; height: 100%; }
.bar_part5 .content .con .img img{ width: 100%; height: 100%; }
.bar_part5 .content .con .text{ position: absolute; bottom: 0; left: 0; height: 78px; font-family: arial; }
.bar_part5 .content .con .text table{ height: 78px; color: #FFFFFF; }
.bar_part5 .content .con .text table .p{ background: url(../images/part5png_03.png); padding: 0 72px 0 40px; }
.bar_part5 .content .con .text table .p div{ line-height: 24px; font-size: 16px; }
.bar_part5 .content .con .text table .btn{ text-align: center; background: #3337c9; }
.bar_part5 .content .con .text table .btn a{ display: block; width: 100%; height: 100%; line-height: 78px; font-size: 16px; text-transform: uppercase; }
/*part6*/
.bar_part6{ height: 1087px; background-size: cover; }
.bar_part6 .content{ padding-top: 90px; text-align: center; color: #FFFFFF; }
.bar_part6 .content .tit1{ font-family: Arial; font-size: 50px; font-weight: bold; padding-bottom: 40px; }
.bar_part6 .content .tit2{ font-family: Arial; font-size: 44px; font-weight: bold; padding-bottom: 40px; }
.bar_part6 .content .show{ padding: 0 180px; }
.bar_part6 .content .show ul li{ float: left; width: 290px; margin-bottom: 25px; font-family: arial; }
.bar_part6 .content .show ul li .img{ width: 228px; height: 228px; background: url(../images/whitepng_03.png); padding: 6px; margin: 0 auto; border-radius: 50%; }
.bar_part6 .content .show ul li .img a{ display: block; width: 100%; height: 100%; }
.bar_part6 .content .show ul li .img .imginner{ width: 228px; height: 228px; border-radius: 50%; overflow: hidden; }
.bar_part6 .content .show ul li .img .imginner img{ width: 100%; height: 100%; }
.bar_part6 .content .show ul li .name{ font-size: 18px; font-weight: bold; padding: 25px 0 10px; }
.bar_part6 .content .show ul li .position1{ font-size: 14px; padding-bottom: 10px; }
.bar_part6 .content .show ul li .position2{ font-size: 14px; }
/*part7*/
.bar_part7{ height: 646px; background-size: cover; }
.bar_part7 .content .tit{ font-family: Arial; font-size: 44px; font-weight: bold; text-align: center; color: #FFFFFF; padding-bottom: 45px; }
.bar_part7 .content .con{ width: 100%; height: 500px; position: relative; }
.bar_part7 .content .con .conimgwrap{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.bar_part7 .content .con .img{ width: 100%; height: 100%; }
.bar_part7 .content .con .img a{ display: block; width: 100%; height: 100%; }
.bar_part7 .content .con .img img{ width: 100%; height: 100%; }
.bar_part7 .content .con .text{ position: absolute; bottom: 0; left: 0; height: 78px; font-family: arial; }
.bar_part7 .content .con .text table{ height: 78px; color: #FFFFFF; }
.bar_part7 .content .con .text table .p{ background: url(../images/part5png_03.png); padding: 0 72px 0 40px; }
.bar_part7 .content .con .text table .p div{ line-height: 24px; font-size: 16px; }
.bar_part7 .content .con .text table .btn{ text-align: center; background: #ce413b; }
.bar_part7 .content .con .text table .btn a{ display: block; width: 100%; height: 100%; font-size: 16px; line-height: 78px; text-transform: uppercase; }
/*part8*/
.bar_part8{ height: 702px; background-size: cover; overflow: hidden; }
.bar_part8 .content{ padding-top: 65px; }
.bar_part8 .content .lwrap .tit{ font-size: 44px; text-align: center; font-family: arial; color: #FFFFFF; padding-bottom: 25px; font-weight: bold; }
.bar_part8 .content .rwrap .tit{ font-size: 44px; text-align: center; font-family: arial; color: #FFFFFF; padding-bottom: 25px; font-weight: bold; }
.bar_part8 .content .l{ width: 791px; height: 514px; position: relative; }
.bar_part8 .content .l .img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99; }
.bar_part8 .content .l .img img{ width: 100%; height: 100%;}
.bar_part8 .content .l .btn{ z-index: 99; width: 100%; height: 100%; background: url(../images/part5png_03.png); position: relative; position: absolute; top: 0; left: 0; }
.bar_part8 .content .l .btn .a{ display: block; width: 100%; height: 100%; background: url(../images/part8play_03.png) no-repeat center; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; }
.bar_part8 .content .r{ width: 410px; height: 514px; }
.bar_part8 .content .r img{ width: 100%; height: 100%; }
.bar_part8 .content .lwrap .p{ padding-top: 15px; }
.bar_part8 .content .lwrap .p a{ font-family: arial; color: #FFFFFF;  }

/*动画*/
@media only screen and (min-width:1279px ) {
	.bar_part1 .wrap .content .l{ transform: translateX(-80px); -webkit-transform: translateX(-80px); transition: all 0.8s; -webkit-transition: all 1s; opacity: 0; }
	.bar_part1 .wrap .content .l.on{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1 !important; }
	
	.bar_part1 .wrap .content .r{ transform: translateX(80px); -webkit-transform: translateX(80px); transition: all 0.8s; -webkit-transition: all 1s; opacity: 0; }
	.bar_part1 .wrap .content .r.on{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1 !important; }
	
	.bar_part2 .content .show{ transform: translateY(-50px); -webkit-transform: translateY(-50px); transition: all 0.8s; -webkit-transition: all 0.8s; opacity: 0; }
	.bar_part2 .content .show.on{ transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1 !important; }
	
	.bar_part3 .content .show ul li:nth-child(1){ transform: translateX(80px); -webkit-transform: translateX(80px); transition: all 0.8s; -webkit-transition: all 0.8s; opacity: 0; }
	.bar_part3 .content .show ul li:nth-child(1).on{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1 !important; }
	.bar_part3 .content .show ul li:nth-child(2){ transform: translateX(140px); -webkit-transform: translateX(140px); transition: all 1s; -webkit-transition: all 1s; opacity: 0; }
	.bar_part3 .content .show ul li:nth-child(2).on{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1 !important; }
	.bar_part3 .content .show ul li:nth-child(3){ transform: translateX(200px); -webkit-transform: translateX(200px); transition: all 1.2s; -webkit-transition: all 1.2s; opacity: 0; }
	.bar_part3 .content .show ul li:nth-child(3).on{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1 !important; }
	.bar_part3 .content .show ul li:nth-child(4){ transform: translateX(260px); -webkit-transform: translateX(260px); transition: all 1.4s; -webkit-transition: all 1.4s; opacity: 0; }
	.bar_part3 .content .show ul li:nth-child(4).on{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1 !important; }
	
	.bar_part4 .content .show ul li{ transform: translateY(50px); -webkit-transform: translateY(50px); transition: all 0.8s; -webkit-transition: all 0.8s; opacity: 0; }
	.bar_part4 .content .show ul li.on{ transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1 !important; }
	
	.bar_part6 .content .show ul li:nth-child(1){ transform: translateY(-50px); -webkit-transform: translateY(-50px); transition: all 0.8s; -webkit-transition: all 0.8s; opacity: 0; }
	.bar_part6 .content .show ul li:nth-child(1).on{ transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1 !important; }
	.bar_part6 .content .show ul li:nth-child(2){ transform: translateY(-50px); -webkit-transform: translateY(-50px); transition: all 0.8s; -webkit-transition: all 0.8s; opacity: 0; }
	.bar_part6 .content .show ul li:nth-child(2).on{ transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1 !important; }
	.bar_part6 .content .show ul li:nth-child(3){ transform: translateY(-50px); -webkit-transform: translateY(-50px); transition: all 0.8s; -webkit-transition: all 0.8s; opacity: 0; }
	.bar_part6 .content .show ul li:nth-child(3).on{ transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1 !important; }
	
	.bar_part6 .content .show ul li:nth-child(4){ transform: translateY(50px); -webkit-transform: translateY(50px); transition: all 0.8s; -webkit-transition: all 0.8s; opacity: 0; }
	.bar_part6 .content .show ul li:nth-child(4).on{ transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1 !important; }
	.bar_part6 .content .show ul li:nth-child(5){ transform: translateY(50px); -webkit-transform: translateY(50px); transition: all 0.8s; -webkit-transition: all 0.8s; opacity: 0; }
	.bar_part6 .content .show ul li:nth-child(5).on{ transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1 !important; }
	.bar_part6 .content .show ul li:nth-child(6){ transform: translateY(50px); -webkit-transform: translateY(50px); transition: all 0.8s; -webkit-transition: all 0.8s; opacity: 0; }
	.bar_part6 .content .show ul li:nth-child(6).on{ transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1 !important; }
	
	.bar_part8 .content .lwrap{ transform: translateX(-80px); -webkit-transform: translateX(-80px); transition: all 0.8s; -webkit-transition: all 0.8s; opacity: 0; }
	.bar_part8 .content .lwrap.on{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1 !important; }
	
	.bar_part8 .content .rwrap{ transform: translateX(80px); -webkit-transform: translateX(80px); transition: all 0.8s; -webkit-transition: all 0.8s; opacity: 0; }
	.bar_part8 .content .rwrap.on{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1 !important; }
	
}