@charset "utf-8";
/* 通用*/
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:normal 16px "Microsoft Yahei";}
h1,h2,h3,h4,h5,h6{font-size:100%;}
ul,ol{list-style:none;}
a{text-decoration:none;outline:none;}
img{border:0; display:block;}
/*HC - 2017.11.28*/
body{overflow-x: hidden;}
.content div .main{width: 1100px;margin: 0 auto;}
.line_01{height:599px; background:url(../images/bg_01.jpg) top center no-repeat;}
.line_01 .main{width:1270px !important;height:599px; background:url(../images/bg_01.jpg) top center no-repeat;}
.line_02{height:1143px; background-color:#FFF;padding-bottom:80px; overflow:hidden;}
.line_02 .main{height:1143px; background-color:#FFF}
.line_03{background-color:#fafafa;padding-bottom:100px; overflow:hidden;}
.line_03 .main{background-color:#fafafa;background: url(../images/letter.jpg) center 32px no-repeat;}
.line_04{background-color:#FFF;overflow:hidden;}
.line_04 .main{background-color:#FFF;background: url(../images/letter2.jpg) center 173px no-repeat; }
.line_05{height:558px;background-color:#FFF}
.line_05 .main{height:558px;background: url(../images/letter3.jpg) center 80px no-repeat; }
.line_06{ background:url(../images/bg_06s.jpg) repeat;}
.line_06 .main{ background:url(../images/bg_06s.jpg) repeat;padding-bottom: 50px;}
.line_07{background-color:#FFF;padding-bottom:20px; overflow:hidden;}
.line_07 .main{background-color:#FFF;background: url(../images/letter4.jpg) center 75px no-repeat;}
.line_09{background-color:#FFF;padding-bottom:50px;}
.line_09 .main{background-color:#FFF;background: url(../images/letter5.jpg) center 75px no-repeat;}

.two{padding-bottom: 40px;}
.twoCon{position: relative;margin: 20px auto 0;text-align: center;width: 836px;}
.twoCon p{font-size: 14px;color: #cbcbcb;line-height: 40px;}
.twoCon span{position: absolute;right: -22px;top: -22px;}

.biaoge{padding: 142px 0 123px;background: url(../images/biaodan.jpg) no-repeat top;min-width: 1140px;}
.biaodan{padding: 0 58px 0 536px;width: 546px;margin: 0 auto;}

.biaodan h2{font-size: 38px;color: #fe6c7f;line-height: 64px;text-align: center;}
.biaodan form p{display:block;margin: 0px auto 20px;width: 300px;height: 50px;line-height: 50px;background: #fff;border-radius: 6px;color: #9d9b9b;overflow: hidden;}
.biaodan form input{width: 100%;height:100%;padding-left: 18px;border-radius: 6px;box-sizing: border-box;border: none;font-size: 18px;color: #9d9b9b;}
.biaodan form a{font-size: 20px;color: #fff;margin: 0px auto 0;display: block;border-radius: 6px;width: 300px;height: 50px;line-height: 50px;background: #ffb510;text-align: center;letter-spacing: 3px;}
.biaoge .p1{font-size: 18px;color: #787878;line-height: 64px;text-align: center;}

.parallax_box{ position:relative;}
.parallax_box .pra1{width:131px; height:157px;  top:420px !important;left:1168px !important;z-index:2;}
.parallax_box .pra2{width:175px; height:159px;top:430px !important;left:0 !important;}
.parallax_box .pra3{width:188px; height:190px; top:361px !important;left:554px !important;z-index:2;}
.parallax_box .pos{width:595px; height:591px;top:85px !important;left:690px !important;z-index:1;}
.hc_am{animation:zoomIn 1s linear forwards;}
.text_box,.text_box2{width:1000px;padding-top:40px;font-size:18px;color:#021849;line-height:34px;margin:0 auto; text-align:justify;}
.text_box2{text-align:center;}
@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	50% {
		opacity: 1
	}
}

.chicken {animation: chicken 3s infinite;}
.chicken2 {animation: chicken 3.3s infinite;}
.chicken3 {animation: chicken 3.5s infinite;}
.chicken4 {animation: chicken2 4s infinite;}
@keyframes chicken {
  0% {
    transform: translate(0, 20px); }
  50% {
    transform: translate(0, 0); }
  100% {
    transform: translate(0, 20px); } }
@keyframes chicken2 {
  0% {
    transform: translate(0, 10px); }
  50% {
    transform: translate(0, 0); }
  100% {
    transform: translate(0, 10px); } }	
	
	
.cont_btn_01{padding:285px 0 0 170px;}	
.cont_btn_02{width:100%;padding-top: 60px; display:flex;justify-content: center;}	
.cont_btn_02 .no_bg_btn_20_01,.cont_btn_02 .no_bg_btn_20_02,.cont_btn_01 .no_bg_btn_20_01,.cont_btn_03 .no_bg_btn_20_02{color:#FFF!important;}
.cont_btn_03{padding:360px 0 0 680px;}	
.no_bg_btn_20_01{width: 225px; height:60px;font-size:20px; text-align:center; background-image: -webkit-linear-gradient(0deg, #ab86fe, #519ff6); display: block; border-radius:40px;text-decoration: none; line-height:58px; cursor:pointer;color:#FFF;}  
.no_bg_btn_20_01:hover{background-image: -webkit-linear-gradient(0deg, #519ff6, #ab86fe);color:#FFF !important;}
.fl_l{float: left;}
.fl_r{float:right;}
.pd_t100{padding-top:50px;}
.pd_t288{padding-top:225px;}
.pd_t60{padding-top:60px;}
.pd_t90{padding-top:90px;}
.pd_t80{padding-top:80px;}
.pd_t20{padding-top:20px;}
.pd_t25{padding-top:25px;}
.pd_t40{padding-top:40px;}
.pd_t45{padding-top:45px;}
.pd_t55{padding-top:55px;}
.disp_in{display: inline;}
.lineh_54{line-height: 54px;}
.mg_l20{margin-left:20px;}
.mg_t80{margin-top:80px;}
.col_FFF{color:#FFF!important;}
.col_2{color:#75798f!important;}
.title_40{font-size:40px; text-align:center;color:#03184a;}
.title_16{font-size:16px; text-align:center;color:#7e8797;}
.title_30{font-size:30px; text-align:center;color:#021b47;}
.bg_am_con{width:1039px; height:584px; background: url(../images/bg2_img1.jpg) no-repeat;margin-top:40px;}
.bg_am_con .left{width:513px; height:633px; float:left; position: relative;}
.sjs_1{width:192px; height:51px; background: url(../images/sjs2.jpg) no-repeat; position: absolute;top:50px;left:57px;opacity:0;animation: fadeIn .8s .3s linear forwards;}
.pos_1{width:254px; height:564px; background: url(../images/am_1.png) no-repeat;position: absolute;top:148px;left:26px;z-index:2;opacity:0;animation:slideInLeft .8s .8s linear forwards;}
.xz_1{width:268px; height: 417px; background: url(../images/bg2_img2.jpg) no-repeat;position: absolute;top:112px;left:238px;z-index:1;opacity:0;animation:slideInRight .8s 1.3s linear forwards;}

.clearfix:after{content:".";display:block;clear:both;height:0;overflow:hidden;}
.clearfix{zoom:1;}
.wrapper{width:1140px;margin:0 auto;}

.left{float:left;}
.right{float:right;}

.four{padding: 50px 0 34px;background: url(../images/bg03.jpg) no-repeat center;}
.fourC{width: 1140px;padding-top:34px;margin: 0 auto;position: relative;}

.fourC dl{background: rgba(21,26,25,0.6);padding: 16px 0 12px 11px;width: 842px;box-sizing: border-box;margin: 0 auto ;}
.fourC dl dt{padding: 66px 0 0 20px;width: 304px;}
.fourC dl dt h3{font-size: 20px;line-height: 42px;color: #fff;}
.fourC dl dt p{font-size: 16px;color: #fff;line-height: 25px;margin-top: 7px;}
.fourC .fourHd li{position: absolute;top: 50%;margin-top: -42px;cursor: pointer;}
.fourC .fourHd .li01{left: 0;}
.fourC .fourHd .li02{right: 0;}

.bg_am_con .right{width:513px; height:633px; float:left; position: relative;}
.sjs_2{width:169px; height:51px; background: url(../images/sjs1.jpg) no-repeat; position: absolute;top:70px;left:136px;opacity:0;animation: fadeIn .8s 2s linear forwards;}
.pos_2{width:147px; height:546px; background: url(../images/am_2.png) no-repeat;position: absolute;top:148px;left:327px;z-index:2;opacity: 0;animation:slideInRight .8s 3s linear forwards;}
.xz_2{width:268px; height: 417px; background: url(../images/bg2_img3.jpg) no-repeat;position: absolute;top:134px;left:77px;z-index:1;opacity: 0;animation:slideInLeft .8s 2.5s linear forwards;}

.six-con{padding: 32px 0 0px;}

.mony_box{width:1000px;height: 492px; margin:56px auto 0;}
.mony_box li{width:242px; height: 492px; background-color: #FFF; float: left; margin-right:10px; box-sizing: border-box;}
.mony_box li:nth-last-child(1){margin-right: 0;}
.li_content{width:242px; height:492px; position: relative; cursor: pointer;}
.mony_box i{font-family: 'oswald';font-size:58px; transform: skewX(-10deg) ; display:inline-block; font-style: normal;}
.mony_box .title_num{font-size:16px; padding-top:42px;}
.mony_box .t1{font-size:20px;line-height:36px;color:#2d3455;}
.mony_box .text_cont{height:120px;margin-top:30px;}
.mony_box .textli{width:254px;font-size:16px;line-height:32px;color:#494949; margin-bottom:16px;}
.mony_box .textli span{background-image: -webkit-linear-gradient(0deg, #b695fe, #529ff6);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.mony_box .btn_x{width:186px;height:80px;}
.mony_box .btn_x .text{height:33px;font-size:18px;color:#494949;}
.mony_box .btn_x .btn_a{width: 192px; height:36px; display:block;border:1px solid;text-align:center;font-family: 'oswald';font-size:20px;line-height:36px;border-image: -webkit-linear-gradient(0deg, #b695fe, #529ff6) 1;background-image: -webkit-linear-gradient(0deg, #b695fe, #529ff6);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.li_am{width:242px;height:492px; position: relative;top:0;left:0;padding-left:25px; box-sizing: border-box;}
.li_am_hover{width:0;height:492px;background-color:#2d3455;backface-visibility: hidden; position: absolute;top:0; transition: .3s;opacity:0;}

.mony_box li:hover .li_am_hover{width:242px;transition:width .3s; opacity:.95;} 
.li_am_hover .te1{width:208px;height:231px !important;color:#FFF;padding-left:25px;box-sizing: border-box;}
.li_am_hover .te1 .title_20{font-size:20px;color:#FFF;font-weight: bold;}
.li_am_hover .te1 .text_t{font-size:14px;margin-bottom:10px;text-align:justify;line-height:24px;}

.cont_text{width:fit-content; height: 50px; margin: 0 auto;}
.chrat_svg{width:105px; height: 54px; float: left;}
.chrat_t1{font-size:18px; position: absolute;margin:-43px 0 0 18px;/*background-image: -webkit-linear-gradient(0deg, #b695fe, #529ff6);-webkit-background-clip: text;-webkit-text-fill-color: transparent;*/color:#3f3d3d;}
.bg5_img{width:1000px; height: 445px; position: relative;margin-top: 60px;}


.text_20{font-size:20px;text-align:center;color:#021b47;}

.video_box2{width:763px;height:478px;padding:65px 0 0 170px;}

/*five*/
.wrapper{width: 1140px;margin: 0 auto;}

.five-con{margin-top: 64px;border: 2px solid #fc1947;height: 655px;border-radius: 50px;}
.five-hd{text-align: center;font-size: 0;}
.five-hd li{font-size: 17.6px;color: #5c5c5c;margin: -23px 10px 0;width: 131px;height: 42px;line-height: 42px;border-radius: 30px;border: 1px solid #b5b5b5;display: inline-block;vertical-align: top;background: #fff;cursor: pointer;}
.five-hd li.on{background: #fc1947;color: #fff;border-color: #fc1947;}
.five-bd{padding: 80px 40px 0 34px;height: 550px;overflow: hidden;}
.five-bd dt{margin: 47px 54px 0 0;width: 484px;}
.five-bd dd{width: 524px;font-size: 0;}
.five-bd dd h3{font-size: 30px;color: #313131;line-height: 44px;margin-bottom: 18px;}
.five-bd dd .p2{position: relative;line-height: 34px;padding-left: 16px;font-size: 18px;color: #505050;margin-right: 15px;}
.five-bd dd .p2,.five-bd dd .p3,.five-bd dd .em1{display: inline-block;vertical-align: top;}
.five-bd dd .p2 em{position: absolute;top: 14px;left: 0;width: 8px;height: 8px;border-radius: 100%;background: #fc1947;}
.five-bd dd .p3{margin-top: 16px;width: 56px;height: 56px;line-height: 56px;border-radius: 100%;font-size: 16px;color: #fff;text-align: center;}
.five-bd dd .em1{margin: 37px 16px 0;width:16px;height: 18px;background: url(../images/x1.png) no-repeat;background-position: 0 -84px;}
.five-bd dd .p3 span{line-height: 20px;padding-top: 10px;display: block;}
.five-bd dd .ps1{background: #ffb40b;}
.five-bd dd .ps2{background: #ff2e5b;}
.five-bd dd .ps3{background: #4290fd;}
.five-bd dd .ps4{background: #8a57da;}
.five-bd dd .ps5{background: #3dc19a;}

.five-bd dd .p4{font-size: 18px;color: #505050;line-height: 34px;margin-top: 40px;}
.five-bd dd .p4 span,.five-bd dd .p5{font-size: 20px;color: #313131;display: block;}
.five-bd dd .p5{line-height: 46px;margin-top: 20px;}
.five-bd dd .p6{font-size: 18px;color: #505050;line-height: 46px;margin-right: 30px;display: inline-block;vertical-align: top;}
.five-bd dd .p6 em{background: url(../images/icon.png) no-repeat;width: 46px;height: 45px;display: inline-block;vertical-align: top;margin-right: 10px;}
.five-bd dd .p6 .s1{background-position: 0 0;}
.five-bd dd .p6 .s2{background-position: 0 -49px;}
.five-bd dd .p6 .s3{background-position: 0 -98px;}
.five-bd dd .p6 .s4{background-position: 0 -148px;}
.five-bd dd .p6 .s5{background-position: 0 -201px;}
.five-bd dd .p6 .s6{background-position: 0 -251px;}
.five-bd dd .p6 .s7{background-position: 0 -299px;}

.eight{padding: 47px 0 70px;background: #f2f6fe;}
.eightcon{padding-top: 36px;}
.eightcon ul{text-align: justify;text-justify:distribute-all-lines;font-size: 0;}
.eightcon ul:after{width: 100%;height: 0;margin: 0;display: inline-block;overflow: hidden;content: '';}
.eightcon ul li{width: 560px;height: 290px;box-shadow: 0 0 10px rgba(59,125,233);border-radius: 8px;overflow: hidden;display: inline-block;vertical-align: top;}

.no_bg_btn_20_02{width: 225px; height:60px;font-size:20px; text-align:center; background-image: -webkit-linear-gradient(0deg, #f2638c, #fd9a36); display: block;text-decoration: none; line-height:58px; cursor:pointer;color:#FFF;}  
.no_bg_btn_20_02:hover{background-image: -webkit-linear-gradient(0deg, #fd9a36, #f2638c);color:#FFF !important;}
.swip_box{width:1220px; height: 407px; margin:0 auto; position: relative; overflow: hidden;}
.swip_box .swiper-container{width:1000px; height:402px; margin: 0 auto; overflow: hidden;}
.swip_box .swiper-container .st_box li{width:240px; height:402px; float: left; background-color: #FFF; margin-right: 13px;}
.swip_box .swiper-container .st_box li:nth-child(4n){margin-right:0;}
.swip_box .swiper-container .st_box .img{width:135px; height:135px;border-radius:50%;margin:50px auto 0;}
.swip_box .swiper-container .st_box .t1{font-size:20px;color:#021b47;padding-top:15px;text-align: center;}
.swip_box .swiper-container .st_box .t2{font-size:14px;color:#021b47;padding-top:10px;text-align: center;}
.swip_box .swiper-container .st_box .bord{width:135px;height:30px;margin:7px auto 0;border-radius:16px;background-image: -webkit-linear-gradient(0deg, #b695fe, #529ff6); position: relative; margin-top: 15px;}
.swip_box .swiper-container .st_box .bg{width:133px;height:28px; background-color: #FFF;border-radius:16px; position: absolute;left:1px;top:1px; text-align: center;line-height: 26px;font-size:14px;}
.swip_box .swiper-container .st_box .bg span{font-weight: bold;}
.swip_box .swiper-button-next,.swip_box .swiper-button-prev{ width:50px; height:50px;border-radius:50%;background: url(../images/swiper_btn.jpg) no-repeat;}
.swip_box .swiper-button-next{ transform:rotate(180deg);}
.am_line_box{width:604px; height:361px;float:right;margin:253px 50px 0 0;}
.line_svg{width:82px; height: 197px; float: left;margin-top:64px;}
.am_svg{ animation: am_svg_go .5s .5s linear forwards; stroke: url(#svg_color);}
.bg_amgin{width:470px; height: 58px; background: url(../images/bg8_img1.jpg) no-repeat;margin:36px 0 0 81px;opacity:0;animation: slideInLeft .5s 1s linear forwards;}

.jw-skin-bce .jw-display-icon-container{background:#f4416e!important;color:#f4416e!important;border:none!important;}

.jw-skin-bce .jw-button-color:hover, .jw-skin-bce .jw-toggle{color:#FFF!important;}
.jw-skin-bce .jw-display-icon-container:hover{background: #333!important;}
@keyframes am_svg_go{
	100% {
		stroke-dashoffset: 0;
	  }
}

@font-face {
	font-family: 'oswald';
	src: url('../font/oswald.eot');
	src:
	  url('../font/oswald.eot?#font-spider') format('embedded-opentype'),
	  url('../font/oswald.woff') format('woff'),
	  url('../font/oswald.ttf') format('truetype'),
	  url('../font/oswald.svg') format('svg');
	font-weight: normal;
	font-style: normal;
  }
  
  @keyframes slideInLeft {
	0% {
		-webkit-transform: translate3d(-5%,0,0);
		transform: translate3d(-5%,0,0);
		visibility: visible
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
}


@keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes slideInRight {
	0% {
		-webkit-transform: translate3d(5%,0,0);
		transform: translate3d(5%,0,0);
		visibility: visible
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity:1;
	}
}

.warp{width:1000px;margin:0px auto;}
.topicnav{height:42px;background:#f6f6f6;}
.topicnav li{float:left;font-size:16px;height:42px;line-height:42px;margin:0 4px;}
.topicnav li a{color:#545454;display:inline-block;padding:0 20px;}
.topicnav li a:hover,.topicnav li a.curr,.topicnav li a.curr:visited{background:#e94057;color:#fff !important;}
.ys_titel{font-size:30px;color:#021b47; text-align:center;padding-top:60px;text-indent:115px; line-height:46px;}
.chrat_svg_x1{ position:relative;left:356px;top:56px;}
.text_x1{font-size:18px;color:#021b47; }
.zx1{width:998px; height:598px; margin:50px auto 0;}
.swip_cont1{width:1100px; padding:0 50px; margin:0 auto; float:left; position:relative;}
.swip_cont1 .swiper-container{width:769px;float:left;}
.swip_cont1 .swiper-pagination{width:132px;right:211px;bottom:243px; float:inherit;}
.swip_cont1 .swiper-pagination .swiper-pagination-bullet{width:130px;opacity:1; background:inherit;color:#FFF;font-size:18px; line-height:56px;}
.swip_cont1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:inherit; font-weight:bold;}
.swip_cont1 .swiper-button-next,.swip_cont1 .swiper-button-prev{ width:24px; height:42px;background: url(../images/next.png) no-repeat;left:905px;top:370px;}
.swip_cont1 .swiper-button-prev{ transform:rotate(180deg);left:870px;top:370px;}

.cont_dac{padding-top:50px;}
.right_colr_1,.right_colr_2,.right_colr_3,.right_colr_4{width:269px; height:500px; background:#ff792b; float:left; margin-top:13px; position:relative; margin-left:-19px;}
.right_colr_2{background:#594dff;}
.right_colr_3{background:#fa556f;}
.right_colr_4{background:#f4b411;}
.right_tex_1{font-size:22px;color:#FFF;padding-top:100px; text-align:center;}

.swip_cont2{width:1100px; padding:0 50px; margin:0 auto; float:left; position:relative;}
.swip_cont2 .swiper-container{width:769px;float:left;}
.swip_cont2 .swiper-pagination{width:150px;right:181px;bottom:243px; float:inherit;}
.swip_cont2 .swiper-pagination .swiper-pagination-bullet{width:150px;opacity:1; background:inherit;color:#FFF;font-size:18px; line-height:56px;text-align:left;}
.swip_cont2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:inherit; font-weight:bold;}
.swip_cont2 .swiper-button-next,.swip_cont2 .swiper-button-prev{ width:24px; height:42px;background: url(../images/next.png) no-repeat;left:905px;top:370px;}
.swip_cont2 .swiper-button-prev{ transform:rotate(180deg);left:870px;top:370px;}


.swip_cont3{width:1100px; padding:0 50px; margin:0 auto; float:left; position:relative;}
.swip_cont3 .swiper-container{width:769px;float:left;}
.swip_cont3 .swiper-pagination{width:162px;right:169px;bottom:243px; float:inherit;}
.swip_cont3 .swiper-pagination .swiper-pagination-bullet{width:180px;opacity:1; background:inherit;color:#FFF;font-size:18px; line-height:56px;text-align:left;}
.swip_cont3 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:inherit; font-weight:bold;}
.swip_cont3 .swiper-button-next,.swip_cont3 .swiper-button-prev{ width:24px; height:42px;background: url(../images/next.png) no-repeat;left:905px;top:370px;}
.swip_cont3 .swiper-button-prev{ transform:rotate(180deg);left:870px;top:370px;}


.swip_cont4{width:1100px; padding:0 50px; margin:0 auto; float:left; position:relative;}
.swip_cont4 .swiper-container{width:769px;float:left;}
.swip_cont4 .swiper-pagination{width:147px;right:183px;bottom:243px; float:inherit;}
.swip_cont4 .swiper-pagination .swiper-pagination-bullet{width:150px;opacity:1; background:inherit;color:#FFF;font-size:18px; line-height:56px; text-align:left;}
.swip_cont4 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:inherit; font-weight:bold;}
.swip_cont4 .swiper-button-next,.swip_cont4 .swiper-button-prev{ width:24px; height:42px;background: url(../images/next.png) no-repeat;left:905px;top:370px;}
.swip_cont4 .swiper-button-prev{ transform:rotate(180deg);left:870px;top:370px;}