@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;}
/*HC - 2018.07.19*/
.line_01{height:600px; background:url(../images/bg_01.jpg) top center no-repeat;}
.line_02{height:965px; background-color:#FFF;}
.line_03{height:943px; background-color:#f7f9f9;}
.line_04{height:1189px; background:url(../images/bg_04.jpg) top center no-repeat;}
.line_05{height:1076px;background-color:#FFF;}
.line_06{height:1043px; background:url(../images/bg_06.jpg) top center no-repeat;}
.line_07{height:972px;background-color:#FFF;}
.line_0x{height:450px; background-color:#FFF;}
.line_08{height:689px; background:url(../images/bg_08.jpg) top center no-repeat;}
.line_09{height:530px; background:url(../images/bg_09.jpg) top center no-repeat;}
.line_10{height:530px; background:url(../images/bg_10.jpg) top center no-repeat;}
.line_11{height:530px; background:url(../images/bg_11.jpg) top center no-repeat;}
.line_12{height:550px; background:url(../images/bg_12.jpg) top center no-repeat;}
.line_13{height:1055px; background-color:#FFF;}
.line_14{height:1000px; background-color:#f7f9f9;}
.line_15{height:396px; background-color:#FFF;}
.line_17{height:665px; background:url(../images/bg_17.jpg) top center no-repeat;}

.title_42_01,.title_42_01_hs{font-size:42px; text-align:center; color:#FFF;padding-top:90px;line-height:70px;}
.text_box{width:1000px; margin:0 auto;}
.text_bl,.text_bl_hs{width:920px;text-align:left; font-size:18px; color:#FFF;padding-top:11px; line-height:40px; margin:0 auto;}
.title_24_01,.title_24_01_hs{font-size:24px; text-align:center; color:#FFF;padding-top:30px;line-height:70px;}
.title_42_01_hs{color:#494949;}
.text_bl_hs{color:#494949;}
.title_24_01_hs{color:#494949;}
.img_box_p60{padding-top:60px;}
.img_box_02{width:1015px; height:567px; background:url(../images/bg02_pic.jpg) no-repeat; margin:0 auto;}
.img_box_03{width:999px; height:465px; background:url(../images/bg03_pic.jpg) no-repeat; margin:0 auto; position:relative;}
.img_box_06{width:735px; height:464px; background:url(../images/bg06_pic.jpg) no-repeat; margin:0 auto; position:relative;}

.am_hc_scal,.am_hc_scal_02{width:248px; height:49px;border:5px solid #ff5454;color:#015f7a;background-color:#FFF;font-size:30px;text-align:center; line-height:46px; position:absolute;top:185px;right:25px;}
.am_hc_scal_02{width:366px; height:58px;color:#494949;font-size:24px; line-height:56px;top:165px;right:-45px;}

.img_box_05{width:1000px; height:571px; background:url(../images/bg05_pic.jpg) no-repeat; margin:0 auto; position:relative;}
.left_box{width:182px; height:550px;float:left; margin-top:32px;}
.left_box li{width:156px; height:44px;border:1px solid #e5e4e4; background-color:#FFF;border-radius:30px;padding-left:26px;font-size:18px;color:#424242;line-height:40px; margin-bottom:23px;}
li strong{ font-weight:bold !important;}
.right_box{width:182px; height:550px;float:right; margin-right:53px;margin-top:25px;}
.right_box li{width:156px; height:44px;border:1px solid #e5e4e4; background-color:#FFF;border-radius:30px;padding-left:26px;font-size:18px;color:#424242;line-height:40px; margin-bottom:24px;}
.left_box_pic{width:527px; height:493px; float:left; border-right:1px solid #CCC;}
.am_pic_left{width:498px; height:437px; background:url(../images/left_pic.jpg) no-repeat;}
.right_box_pic{width:498px; height:437px; float:right;}
.am_pic_right{width:498px; height:437px; background:url(../images/right_pic.jpg) no-repeat;}

.text_cen{font-size:24px; font-weight:bold; text-align:center; position:absolute;margin:105px 0 0 367px;}
.tex_0x{width:1046px; height:518px; margin:0 auto;padding-top:102px;}
.video_box{width:710px; height:440px; margin:54px auto 0;}
.btn_box_01{padding-top:71px;}
.btn_box_02{padding-top:40px;}
.btn_box_03{padding-top:60px;}
.btn_box_04{padding:60px 0;}
.btn_box_05{padding-top:500px; position:relative;}

.btn_green,.btn_green02,.btn_green03,.btn_yellow{width:258px; height:49px; display:block; margin:0 auto; background-color:#47deab;color:#FFF !important;border-radius:33px;font-size:18px;text-align:center;line-height:50px; transition:.5s;}
.btn_green:hover,.btn_green02:hover,.btn_green03:hover,.btn_yellow:hover{background-color:#318c6d;color:#FFF !important; transition:.5s;}
.btn_blue{width:258px; height:49px; display:block; margin:0 auto; background-color:#1b1f7e;color:#FFF !important;border-radius:33px;font-size:18px;text-align:center;line-height:50px; transition:.5s;}
.btn_blue:hover{background-color:#262ee2;color:#FFF !important; transition:.5s;}

.btn_yellow{background-color:#ebff40;color:#494949 !important; transition:.5s;position:relative; left:220px;}
.btn_yellow:hover{background-color:#c1d231;color:#FFF !important; transition:.5s;}

.tip_box{width:980px; margin:40px auto 0; background-color:#f7f9f9; padding:30px 0px 30px 28px;border-radius:5px;font-size:18px;line-height:40px;}
.title_32_01{font-size:32px; text-align:center; color:#494949;padding-top:30px;line-height:70px;}

.am_yiy_box{width:1000px; height:198px; margin:60px auto 0;}
.am_yiy_box li{width:144px; height:190px; float:left; margin-right:27px; text-align:center; color:#FFF;}
.am_yiy_box li p{margin-top:30px;}
.mr0{ margin-right:0 !important;}
.con_box_01{width:1000px;padding-top:84px; margin:0 auto; position:relative;}
.jieduan_box_right{width:469px;height:350px; position:relative;right:0;float:right;}
.jieduan_box_left{width:469px;height:350px; position:relative;right:0;float:left;}
.jd_box_tex{width:410px; height:238px;margin:50px auto 0;color:#FFF;}
.title_jd,.title_jd_2{font-size:24px;height:65px; text-align:left;}
.title_jd_2{text-align:right;}
.text_jd{font-size:16px;line-height:32px;}
.btn_green02,.btn_green03{width:187px; height:44px; border-radius:inherit; float:right;margin-right:25px;line-height:48px;}
.btn_green03{ float:left;margin-left:25px;}
.st_box{width:1001px; height:480px; margin:60px auto 0;}
.st_box li{width:193px; height:474px; float:left;margin-right:9px; background-color:#f7f9f9; border-radius:8px;transition: all 0.2s linear 0s;}
.st_box li:hover{box-shadow:0 5px 10px rgba(187, 187, 187, 0.3); transform: translate3d(0px, -5px, 0px);}
.st_box .img{width:166px; height:166px; margin:37px auto 0;}
.st_box .msg{width:193px; text-align:center;color:#494949;}

.st_box .msg_01{font-size:24px; margin:45px 0 30px 0;}
.st_box .msg_02{font-size:18px; margin-bottom:10px;}

.hd_lr_box{width:1100px;height:440px; margin:65px auto 0; position:relative;}
.hd_nr_box{width:1000px; height:440px; margin:0 auto; position:relative}




.hc_am_01{animation:bounceIn .8s linear forwards; opacity:0;}
.hc_am_02{animation:zoomIn .3s linear forwards; opacity:0;}
.hc_am_03{animation:bounceInLeft .5s linear forwards; opacity:0;}
.hc_am_04{animation:bounceInRight .5s linear forwards; opacity:0;}
.hc_am_05{animation:slideInLeft .3s linear forwards; opacity:0;}

@keyframes bounceIn {
	0%,20%,40%,60%,80%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	20% {
		-webkit-transform: scale3d(1.1,1.1,1.1);
		transform: scale3d(1.1,1.1,1.1)
	}

	40% {
		-webkit-transform: scale3d(.9,.9,.9);
		transform: scale3d(.9,.9,.9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03,1.03,1.03);
		transform: scale3d(1.03,1.03,1.03)
	}

	80% {
		-webkit-transform: scale3d(.97,.97,.97);
		transform: scale3d(.97,.97,.97)
	}

	to {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}


@keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	100% {
		opacity: 1
	}
}


@keyframes bounceInLeft {
	0%,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px,0,0);
		transform: translate3d(-3000px,0,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px,0,0);
		transform: translate3d(25px,0,0)
	}

	75% {
		-webkit-transform: translate3d(-10px,0,0);
		transform: translate3d(-10px,0,0)
	}

	90% {
		-webkit-transform: translate3d(5px,0,0);
		transform: translate3d(5px,0,0)
	}

	to {
		-webkit-transform: none;
		transform: none;
		opacity:1;
	}
}
@keyframes bounceInRight {
	0%,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px,0,0);
		transform: translate3d(3000px,0,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px,0,0);
		transform: translate3d(-25px,0,0)
	}

	75% {
		-webkit-transform: translate3d(10px,0,0);
		transform: translate3d(10px,0,0)
	}

	90% {
		-webkit-transform: translate3d(-5px,0,0);
		transform: translate3d(-5px,0,0)
	}

	to {
		-webkit-transform: none;
		transform: none;
		opacity:1;
	}
}
@keyframes slideInLeft {
	0% {
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0);
		visibility: visible
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity:1;
	}
}





























