body{ /*background: url(hd_body_bg.jpg) center top no-repeat;background-attachment: fixed;*/}
.hd_bg_fw{ background-color: #2c3c60; padding: 20px 0;}
.hd_ban{ width: 100%; position: relative; background: url(hd23_hz51_ban.jpg) center 0px no-repeat ; height:700px ;}
 
 
@-webkit-keyframes play{0%  {-webkit-transform:rotate(0deg);}100% {-webkit-transform:rotate(-360deg);}}
@-moz-keyframes play{0%  {-webkit-transform:rotate(0deg);}100% {-webkit-transform:rotate(-360deg);}}
@keyframes play{	0%  {-webkit-transform:rotate(0deg);}100% {-webkit-transform:rotate(-360deg);}}	
 
.w1240{ width: 1240px; margin: 0 auto;}
.w1400{ width: 1400px; margin: 0 auto;}
.bg_yel{ background-color: #ffd200;}
.bg_green{background-color: #127151;}
.bf_f7{ background-color: #f7f7f7;}
.bg_fff{ background-color: #fff;}
.bg_red {background: #d42a30;}
.hd_bg{ width: 100%; background: center top no-repeat; position: relative;} 
.hd_bg_c1{ background: #ffe1b3 ;width: 100%;  position: relative;}
.hd_bg_c2{ background-color: #d12020;} 
.hd_bg_c3{ background-color: #f1f1f1;} 
.hd_bg_c4{ background-color: #120831} 
.tishi{ width: 100%;text-align: center; background: #111;}
.tishi p{line-height: 80px; font-size: 24px; color: #fff;}

.top_t{ position: absolute; left: 50%; margin-left: -365px; top: -30px;}
.hd_bm_t{width: 100%;text-align: center;color: #fff;padding: 20px 0;}
.hd_bm_t h2{font-size: 50px;line-height: 100px; color: #d7111f;}
.hd_bm_t span{display: block;font-size: 28px;line-height: 44px; color: #999;}
 
.bm_box{width: 730px; float: right;} 
.bm_box ul{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.bm_box ul li{width: 80%;border: 1px solid #ccc;height: 50px;line-height: 50px;margin-bottom: 20px;position: relative;}
.bm_box ul li > span{ position: absolute; right: 10px; top: 10px; width: 0px;}
.bm_box input{width: 90%;outline: none;border: none;font-size: 18px;height: 44px;line-height: 44px;border-radius: 0;background: none;padding: 0 0 0 14px;}
.bm_box select{ width: 99.5%; padding-left: 1%;  } 
.bm_box strong b{  font-weight: normal;} 

.box_01{ width: auto;  text-align: center; padding: 10px 20px; border:6px solid #d62515;}
.box_01 h2{ color: #e20b10; font-size: 50px; line-height: 70px;}
.box_01 a{ display: inline-block; padding: 0 32px; border-radius: 30px; color: #333; border: 2px solid #d62513; font-size: 30px; line-height: 50px ;}
.box_01 a:hover{ background: #d62513; color: #fff;}

.a_box {display: flex;align-items: center;justify-content: flex-start;  }
.a_box span{position: relative;left: inherit;top: inherit;display: inline-block;height: 40px;line-height: 40px;padding: 0px 0 0 60px;background: url(sel_one.png) no-repeat  27px 7px;background-size: 26px auto;font-size: 20px;color: #fff;cursor: pointer;}
.a_box span.sel{  background-position: 27px  -28px;  } 
 
  
.ban_bm{   border: 4px solid #ffe6c9;} 
.tg_bm{width: auto;margin: 0 auto;background-size: 100% auto;padding: 20px 0 00;border-top: 4px solid #d62515;}
.tg_bm .a_box{ width: 100%; flex-flow: wrap;}
.tg_bm .a_box span{width: 30%;padding: 0px 0 0 46px;color: #333;background-position: 10px 7px;}
.tg_bm .a_box span.sel{  background-position: 10px  -28px;  } 
.tg_bm .bm_box{width: 700px;}  
.tg_bm .bm_box ul li{/* width: 100%; *//* height: auto; */margin-bottom: 12px;text-align: left;}
.tg_bm .bm_box ul li > span{ width: 0; top: 6px; right: 10px;}
.tg_bm .bm_box input{height: 50px;line-height: 50px;border-radius: 0;color: #333;width: 97%;font-size: 16px;}
.tg_bm .bm_box strong{color: #fff;font-weight: normal;font-size: 18px;width: auto;}
.tg_bm .bm_box strong b{color: #666; font-size: 16px }
.tg_bm .bm_box .sub{ cursor: pointer; border: none;}
.tg_bm .bm_box .sub input{ font-size: 24px; cursor: pointer; width: 100%; padding: 0; background: #cb2b21; border-radius:30px; color: #fff;}
.tg_bm .bm_box .sub input:hover{ background: #ffe6c9; color: #da060b;}
.tg_bm .bm_box .li_p{ margin: 0; text-align:  center; line-height: 30px; margin-bottom: 10px; border: none; height: auto;}
.tg_bm .bm_box .li_p p{ font-size: 14px; color: #333;}
.tg_bm .bm_box .li_p p b{ color: #d00;}
.tg_bm .bm_box .check{ display: flex; align-items: center; justify-content: flex-start;}
.tg_bm .bm_box .check input{ width: 22px; height: 22px; }
.tg_bm .bm_box .check a{ color: #4577d4; font-size: 16px;}  
.tg_bm .bm_box .yzm { }
.tg_bm .bm_box .yzm input{width: 50%;}
.tg_bm .bm_box .yzm > span{ right: 52%;}
.tg_bm .bm_box .yzm a{position:absolute;right: -2px;top: 0px;color: #fff;background: #1fa8e6;padding: 0 12px;border-radius: 7px;display: inline-block;line-height: 46px;} 

.bm_succ{  width: 100%; text-align: center; padding: 20px 0;}
.bm_succ i { font-size: 140px; line-height: 140px; margin: 10px auto; color: #029b02;}
.bm_succ h2{font-size: 33px;line-height: 45px;color: #029b02;font-weight: normal;}
.bm_succ p{font-size: 20px;padding: 10px 30px;line-height: 30px;}
.bm_box .choose{width: 100%;height: auto;border: none ;}
.bm_box .choose p { color: #333;  position: absolute;  right: 0px;  top: 45px;}
.bm_box .choose strong{font-weight: normal;line-height: 40px;font-size: 20px;display: inline-block;color: #333;}
 
.tg_bm_2 .a_box span{ color: #333; }
.tg_bm_2  .choose{ border: 1px solid #ccc;}
.tg_bm_2  .choose strong{ color: #333; padding: 0 0 0 30px;}
.tg_bm_2 .bm_box .sub{ cursor: pointer;}
.tg_bm_2 .bm_box .sub input{ font-size: 24px; height: 50px; line-height: 50px; cursor: pointer; background: #c90d0d; width: 100%; padding: 0; color: #fff;}
.tg_bm_2 .bm_box .sub input:hover{ background: #ffe6c9; color: #da060b;}
 
.tg_bm_2 .bm_num{ background: #c90d0d;}
.tg_bm_2 .bm_num p{ color: #fff;}

.tg_bm_2_fff .a_box span,.tg_bm_2_fff .choose strong,.tg_bm_2_fff .bm_box input,.tg_bm_2_fff .gd_cont ul li span{ color: #fff; }
.tg_bm_2_fff .gundong{ border-color: #fff;}
.tg_bm_2_fff .bm_box .sub input{ background: #e5cfbd;color: #c90d0d;}
.tg_bm_2_fff .bm_num{ background: #fff;}
.tg_bm_2_fff .bm_num p{ color: #c90d0d;}


.fix_foot_bm{  transition: all .5s ease;  width:960px;overflow: hidden ; margin: 0 auto; background: #fff; }
.zt_bj_t{ width: 100%; text-align: center; }
.zt_bj_t h2{ color: #d71409; font-size:48px; line-height: 80px;}
.zt_bj_left{ width: 49%; float: left; border-right: 1px solid #eee; }
.zt_bj_left h2{ font-size: 24px; color: #333; line-height: 30px; font-weight: normal; padding:26px 0 0 20px; margin: 0; }
.zt_bj_left h2 span{ color: #137971; font-size: 14px; padding:  0 0 0 10px;;}
.bj_baoming {width: 390px;position: relative;padding: 0 0 0 25px;}
.bj_baoming ul li{position: relative;display: flex;align-items: center;justify-content: flex-start;margin-bottom: 17px;}
.bj_baoming strong{ font-size: 14px; line-height: 30px;font-family: "pingfang"; color: #333;  font-weight: normal; text-transform: uppercase; display: block;}
.bj_baoming span{ right: 10px; top: 6px; position: absolute;}
.bj_baoming input,.bj_baoming select{ font-size: 14px; outline: none;width:310px;padding-left: 8px;height: 36px;line-height: 36px;background: none;border: 1px solid #ddd; color: #333;}
.bj_baoming b{ color: #666; position: absolute; right: 10px; top: 5px;}
.bj_baoming .box{ flex: 1; display: flex; align-items: center; justify-content: flex-start;}
.bj_baoming .addr{ flex: 1; display: flex; align-items: center; justify-content: flex-start;height: 36px; }
.bj_baoming .addr p{line-height: 36px; padding: 0 0 0 12px; color: #333; margin: 0; }  
.bj_baoming .addr select{ border: none; width: auto; flex: 1; }  
.bj_baoming .leixing input{ width: 20px; height: 20px; padding: 0; margin:0 10px; cursor: pointer;}
.bj_baoming .leixing { color: #666;}
.bj_baoming .huxing .box{ justify-content: space-between;}
.bj_baoming .huxing select{ width:68px; padding: 0;}
.bj_baoming .li_p p{ color: #666; padding: 0 0 0 70px;}
.bj_baoming .sub{position: absolute;right: -106px;top: 58px;width: 100px;height: 100px;padding: 0;}
.bj_baoming .sub input{ cursor: pointer; width: 100%;height: 100%;padding: 0;border: none;position: relative;z-index: 2;border-radius: 50%;background: url(icon_sub.png) center 15px no-repeat #f5a803;}
.bj_baoming .sub input:hover{ background-color: #e9a108;}
.bj_baoming .sub s {width: 100%;height: 100%;position: absolute;top: 0;right: 0px;border-radius: 50%;background: #FFB314;z-index: 1;-webkit-animation: scale-three2 1.5s ease infinite;animation: scale-three2 1.5s ease infinite;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.bj_baoming .fengge select{ width:296px; padding: 0; }
.bj_baoming .sub_2 input{ background: #ffb411; color: #fff; border: none; width: 100%; padding: 0; cursor: pointer; }
.bj_baoming .sub_2 input:hover{ background-color: #d5950a;}
.zt_bj_right{ width: 380px; float: right; padding: 30px 30px 0 0;}
.zt_bj_right h2{font-family: "pingfang";color: #333;font-weight: normal;line-height: 40px;font-size: 24px;padding: 0 0 21px 0;}
.zt_bj_right h2 span{color: #ffb311; font-size: 40px;padding: 0 5px;  }
.zt_bj_right .words{border: 1px solid #ddd;padding: 20px 0 20px 36px;width: 82%;}
.zt_bj_right .words p{line-height: 40px;font-size: 16px;font-family: "pingfang";color: #333;}
.zt_bj_right .words p span{font-size: 24px;padding: 0 10px;color: #ffb311; } 
.zt_bj_right .w2 { float:left;}
.zt_bj_right .w2 p{line-height: 30px;font-size: 16px;color: #666;padding: 5px 0 0 0;}
.zt_bj_right .w2 p span{ color: #ffb311;}



.box_yuan{width:auto;padding: 16px 10px;border: 7px solid #ffe5aa;border-radius: 22px;box-shadow: 0 2px 5px #333;}
.yuan_t{width: 100%;text-align: center;position: relative;padding: 8px 0;}
.yuan_t img{ position: absolute; left: 10px; top: 10px;}
.yuan_t h2{font-size: 38px;line-height: 70px;color: #fff;font-weight: normal;}
.yuan_t p{font-size: 54px;line-height: 70px;color: #fff;}
.yuan_t p span{ font-size: 20px}
 
.gundong{width: 420px;border: 3px solid #d60e0c;position: relative; height: 315px; padding: 20px 0; float: left;}
.gd_cont{height: 315px;overflow: hidden; }
.gd_cont ul li{height: 35px;line-height: 35px; width: 100%; float: left; }
.gd_cont ul li p{  text-align: center; font-size: 18px; color: #333;}
.gd_cont ul li span{  padding: 0 20px;} 
.bm_num{position: absolute;right: 10px;top: 10px;border-radius: 24px;background: #fff;padding: 0 14px;text-align: center;}
.bm_num p{line-height: 44px;color: #cb2b21;font-size: 22px;display: flex;align-items: center;}
.bm_num p span{font-size: 33px;font-weight: bold;padding: 0 3px;}

.gundong_01{   height: 70px; padding: 15px 0; background: #db121e }
.gundong_01 .gd_cont{width: 100%;height: 70px; padding: 0;}
.gundong_01 .gd_cont ul li{height:35px;line-height: 35px; } 

.fuwu{ width: 100%; text-align: center; background: url(hd22_0315_11.jpg) center top no-repeat; height: 660px;}
.fuwu h2{  font-size: 40px; color: #fff; line-height: 60px;;}
.fuwu p{ color: #fff; font-size: 24px; display: block;}
.fuwu p b{ color: #d38724; font-size: 200px; line-height: 300px;}
.fuwu h3{  font-size: 30px; color: #fff; border: 1px solid #fff; padding: 0 30px; line-height: 50px; display: inline-block; font-weight: normal;}

.box_t1{width: 100%;text-align: center;padding: 10px 0;}
.box_t1 h2{font-size:50px;color: #333;line-height: 60px;padding: 10px 0;}
.box_t1 h2.c1{ color: #b81313;}
.box_t1 p{font-size:28px;color: #333;line-height:40px; } 
.box_t1 h3{font-size:56px;color: #ffea00;line-height: 40px; text-transform: uppercase; padding:10px 0;  -webkit-text-stroke: 1px #002892;}
.box_t1_fff h2{ color: #fff;}
.box_t1_fff h2 b{color: #fde200;}
.box_t1_fff p{ color: #fff;  ;}
.box_t1_fff2 h2{ color: #fed1b0;} 
.box_t1_fff2 p{ color: #fed1b0;  ;}
.box_t1 .h3{ color: #d60e0c;}
.box_t1 .h3 span{ color: #ffd048;}


.box_t2{width: 100%;text-align: center;padding: 10px 0;}
.box_t2 h2{font-size: 50px;color: #efd0a1;line-height: 70px;padding: 10px 0;position: relative;z-index: 2;}
.box_t2 h2 b{position: absolute;left: 50%;margin-left: -130px;z-index: 1;border-radius: 50%;border: 2px solid #fff;height: 50px;display: block;top: 40px;width: 260px;}
.box_t2 span{ background: #efd0a1; border-radius: 30px; color: #d51802; display: inline-block; padding: 0px 42px; font-size: 24px; line-height: 50px;}
.box_t2 p{ font-size: 18px; color: #fff;}

.box_1{ width: auto; padding: 10px 10px; text-align: center;}
.box_1 ul { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.box_1 ul li{width: 31%;overflow: hidden;margin-bottom: 18px;background: #fff;padding: 5px 0;height: 450px;}
.box_1 ul li img{ max-width: 100%;}
.box_1 h2{font-size: 24px;color: #002892;line-height:30px;text-align: left;padding: 10px 0 6px 10px;} 
.box_1 p{color: #333;font-size: 18px;line-height: 26px;text-align: left;overflow: hidden;padding: 0 0 0 10px;}
.box_1 p.p0{ height: 24px;}

.gc_t{width: 100%;text-align: center;padding: 10px 0;}
.gc_t h2{font-size:50px;color: #ffea00;line-height: 60px;padding: 10px 0;} 
.gc_t p{font-size:24px;color: #fff;line-height:40px; }

.box_four{ width: 100%;}
.box_four ul{ display: flex; align-items: center ; justify-content: space-between; flex-wrap: wrap;}
.box_four ul li{ width: 49.5%; margin-bottom: 20px;}
.box_four img{ max-width: 100%;}
.box_four p{ width: 100%; text-align: right; font-size: 14px; color: #fff;}
.box_four_a{ width: 100%; text-align: center;}
.box_four_a a{ background: #ffc000; border: 3px solid #c20504;  display: inline-block; color: #ae0a09; line-height: 50px; border-radius: 30px; font-size: 22px; padding: 0 50px;}
.box_four_a a:hover{ background: #eab001;}
 
.box_sjs_bg{ background-image: url(hd21_1031_13.jpg); height:300px ;}

.zt_t1{width: 100%; text-align: center; padding: 10px 0px;}
.zt_t1 h2{color: #fff;line-height: 80px;font-size: 50px; } 
.zt_t1 h3{color: #d7111f;line-height: 56px; display: inline-block; background: #fff; border-radius: 20px; padding: 0 30px; font-weight: normal; font-size: 30px; } 
.zt_t1 p{color: #fff;line-height: 50px;font-size: 28px; padding: 10px 0; } 

.hd_gongchang{ width: 100%; background: url(hd23_0115_gc.jpg) center top no-repeat; height:900px ;}
 


.hd_fg_t{ width: 100%; display: flex; align-items: center; justify-content: space-between;}
.hd_fg_words{ width: 45%;}
.hd_fg_words h2{font-size: 46px;line-height: 68px;border-bottom: 1px solid #ae0a09;color: #ae0a09;}
.hd_fg_words h2 span{font-size: 30px;color: #333;font-weight: normal;padding: 0 0 0 20px;}
.hd_fg_words p{font-size: 26px;color: #333;line-height: 39px;padding: 10px 0 0 0;}

.hd_tishi{ width: 100%;background: #ffd316; text-align: center;}
.hd_tishi p { padding: 20px 0px ; color: #111; font-size: 26px; line-height: 40px ;}

.fengge .swiper-pagination{ bottom: 460px !important;}
.fengge .swiper-pagination-bullet{ width: 16px; height: 16px;}
.fengge .swiper-button-next,.fengge .swiper-button-prev{ width: 50px; height: 60px; top: 29%;}

.place_fff ::-webkit-input-placeholder { color:#fff;}
.place_fff :-moz-placeholder {  color:#fff;}
.place_fff ::-moz-placeholder { color:#fff;}
.place_fff :-ms-input-placeholder { color:#fff;}

.place_red ::-webkit-input-placeholder { color:#b32715;}
.place_red :-moz-placeholder {  color:#b32715;}
.place_red ::-moz-placeholder { color:#b32715;}
.place_red :-ms-input-placeholder { color:#b32715;}

.place_2 ::-webkit-input-placeholder { color:#f44e21;}
.place_2 :-moz-placeholder {  color:#f44e21;}
.place_2 ::-moz-placeholder { color:#f44e21;}
.place_2 :-ms-input-placeholder { color:#f44e21;}
 

 .icon_a{    -webkit-animation: Tada2 2s both infinite;    -moz-animation: Tada2 2s both infinite;    -ms-animation: Tada2 2s both infinite;    animation: Tada2 2s both infinite;} 
 @-webkit-keyframes Tada2 { 0% {     -webkit-transform: scale(1);   transform: scale(1)   }  
 
     55% {     -webkit-transform: scale(1.2) rotate(0);   }  
  
     100% {     -webkit-transform: scale(1) ;   transform: scale(1)  }  }  
	 
 @-moz-keyframes Tada2 { 0% {     -moz-transform: scale(1);   transform: scale(1)   }  
 
	  55% {     -moz-transform: scale(1.2) rotate(0);   }  
 
	 100% {     -moz-transform: scale(1) rotate(0);   transform: scale(1) rotate(0)   }  } 
 
 @-ms-keyframes Tada2 { 0% {     -ms-transform: scale(1);   transform: scale(1)   }  
 
	  55% {     -ms-transform: scale(1.2) rotate(0);   }  
 
	 100% {     -ms-transform: scale(1) rotate(0);   transform: scale(1) rotate(0)   }  } 
 
 @keyframes Tada2 { 0% {   transform: scale(1);   transform: scale(1)   }  
 
	  55% {     transform: scale(1.2) rotate(0);   }  
 
	 100% {   transform: scale(1) rotate(0);   transform: scale(1) rotate(0)   }  } 
 	
	
	
	@-webkit-keyframes scale-three2 {
	  0% {
	    -webkit-transform: scale(1);
	    transform: scale(1);
	    opacity: .8;
	  }
	  100% {
	    -webkit-transform: scale(1.5);
	    transform: scale(1.5);
	    opacity: 0;
	  }
	}
	
	@keyframes scale-three2 {
	  0% {
	    -webkit-transform: scale(1);
	    transform: scale(1);
	    opacity: .8;
	  }
	  100% {
	    -webkit-transform: scale(1.5);
	    transform: scale(1.5);
	    opacity: 0;
	  }
	}