@charset "utf-8";
/* CSS Document */

/*===========================1200px=========================================*/
@media screen and (min-width: 1201px) {
.qm_mainb{width:78%; margin: 0px auto;}
.fkm_headlogo{width:22%;padding-top:5px; padding-bottom:5px; float: left;}
.head_right{display:none;}
	.fkm_headdh{width:65%; padding-left: 5%; float:left; font-size:20px;}
	.head_rtfh{width:120px; margin-top:15px; text-align: right;font-size:24px; float: right;}
	.head_rtfh li{ float:right; color:#222;}
	.head_rtfh a{font-size:16px; padding: 0px 10px;}
	.fkm_headdh li{line-height:100px;padding-left:6.5%; font-size:18px; }
	.lm_ycdh{width:360px; display:none;}
	.lm_ycdhb{padding:15px 0px;}
	.lm_ycdhb dd{padding:3px 15px; line-height: 30px;transition: all 0.6s;font-size:16px;}
	.wh_bga{padding:5% 0px;}
	.fkm_headdh li .lm_ycdh a:link,.fkm_headdh li .lm_ycdh a:visited{color:#fff;}
	.wh_syjjl,.wh_syjjr{width:50%; float: left;}
	.wh_syjjr{margin-top: 4%; margin-bottom: 4%;}
	.wh_syjjla dd{font-size:18px;}
	.wh_syjjla h1{font-size:46px; font-weight: bold; padding-bottom: 30px;}
	.wh_syjjl{padding-left:5%;}
	.wh_syjjlb{font-size:18px; line-height: 35px; color:#666; margin-bottom: 30px;}
	.wh_syjjlc dd{line-height:40px; font-size:18px;color:#0f244f;}
	.wh_syjjlc dd span{margin-top:9px; margin-right: 10px;}
	.wh_syjjrb{font-size:20px; padding: 25px;}
	.wh_syjjrba{width:270px; height: 105px; left: -185px; line-height: 105px;  bottom:83px;}
	.wh_syjjld a{padding:14px 40px; font-size:18px; margin-top: 20px;}
	.wh_title{padding:0px 10%; text-align: center;}
	.wh_title h1{font-size:46px; font-weight: bold; padding-bottom: 10px;}
	.wh_title dd{font-size:18px; margin-bottom: 40px; line-height: 30px;}
	.wh_server{width:15.83%; margin-top: 30px; position: relative;float: left; margin-bottom:4%;}
	.s_left{margin-left:1%;}
	.wh_server h1{font-size:18px; border-bottom: 1px solid #fff;padding: 10px 0px;}
	.wh_server dd{font-size:15px;color:#777; line-height: 24px; padding:16px 0px; font-size:12px; margin-bottom: 10px;}
	.wh_servera{position:absolute; background-color:rgba(0,0,0,0.4); transition: all 0.6s; width: 100%; height: 100%; top:0px; padding:17% 6%;}

	.wh_servera dd{color:#fff;}
	.wh_servera span{font-size:26px;}
	.wh_bgc{padding:5% 0px;}
	.wh_synewsl{width:40%; float: left;}
	.wh_synewslb h1{font-size:20px; font-weight: bold; padding: 14px 0px;}
	.wh_synewslb p{font-size:16px; line-height: 30px;color:#666;}
	.wh_synewsr{width:60%; float: right;}
	.wh_synewsra{width:48%;  margin-left:2%;  padding: 30px; margin-bottom: 2%;}
	.wh_synewsra h1{font-size:20px;  height: 30px; overflow: hidden;font-weight: bold; margin-bottom: 15px;}
	.wh_synewsra p{font-size:18px; line-height: 28px; color:#666; margin-bottom: 15px;}
	.wh_synewsra dd{font-size:16px;}
	.wh_synewsra span{top:-30px; left: 30px; top:-2px; transition: all 0.6s;}
	.wh_synewsra:hover span{width:100px;}
	.whwh_a{width:70%; float: left; height:750px; }
	.whwh_b{width:30%; float: right; height:750px;}
	.wh_whtxt{width:70%;  position:absolute;color:#fff; margin-left: 5%; top:0px; left: 0px;}
	.wh_whtxta{width:100%; float: left; padding-top:5%;margin-bottom: 40px;}
	.wh_whtxta dd{font-size:16px;}
	.wh_whtxta  h1{font-size:46px; font-weight: bold;}
	.wh_whtxtb1{width:12%; padding-top: 2%; float: left; font-size:28px;}
	.wh_whtxtb2{width:88%; padding: 2% 0px; position: relative;font-size:18px;  float: right; padding-left: 5%; border-left:1px solid #fff;}

	.wh_whtxtb2 dd{line-height: 40px;}
	.wh_whtxtb2 span{background:#fff; left: -13px; top:30%; width: 25px; height:25px;}
	.wh_whtxtc{width:45%; z-index: 100; padding: 3% 5%; position: absolute; right: 0px; background: #fff; top:20%; }
	.wh_whtxtca{margin-bottom:30px;}
	.wh_whtxtcb li{width:49.25%; float: left; margin-bottom: 20px;}
	.hzhb_wh{width:18%; position: relative;float: left; margin: 13PX 1%;}
	#zxp,.xp_rcfd{display:none;}
	.wh_flogo{width:15%; float: left;}
	.f_dha{width:7%; margin-bottom:50px;color:#fff; margin-left: 5%; float: left;}
	.db_ff{padding-top:5%;}
	.f_dhb{width:42%; padding-right: 170px; position: relative;float: right;}
	.f_dhb img{width:150px; position: absolute; right: 0px; bottom: 0px;}
	.f_dha h1{font-size:18px; font-weight: bold;color:#fff; margin-bottom: 30px;}
	.f_dha dd{font-size:16px; line-height: 40px;}
	.n_btt{padding:0px 11%;color:#fff; bottom:30%;}
	.n_btt h1{font-size:46px;}
	.n_btt dd{font-size:18px; padding-top: 20px;}
	.m_shubiao{margin-top:30px;}
	.wh_dqwz{line-height: 80px;}
	.wh_dqwz span{margin:0px 10px;}
	.ny_qywh{ padding: 3% 0px;}
	
	.qywh_list{width:32.33%; float: left; background: #fff;}
	.qywh_listb{padding:20px 30px;}
	.qywh_listb h1{font-size:30px; padding-bottom: 20px;}
	.qywh_listb p{font-size:16px; line-height: 32px;}
	.wh_syjjle{margin-bottom:30px; border-bottom: 1px solid #eee;padding: 35px 0px;}
	.wh_syjjle h2{font-size:30px; padding-bottom: 10px;}
	.wh_syjjle dd{font-size:20px;}
	.unti_lb a{padding:18px 35px;  font-size:20px; margin: 5px 15px;float:left;}
	.unti_lb{margin-top:50px; margin-bottom: 40px;}
	.conttent_tx{font-size:20px; padding: 30px 0px; line-height: 40px;}
	.xgal_maina{margin-top:3%;}
	.wh_casea{width:31.33%; float: left; margin: 10px 1%;}
	.wh_case{margin-bottom:5%;}
	.wh_casea span{margin-top:3px;}
	.wh_casea h1{padding:15px 20px; font-size:20px;}
	
	.das_newsb{margin-top:2%; padding: 2% 0px; border-bottom: 1px solid #eee; transition: all 0.6s;}
	.das_newsba{width:12%; font-size:28px; padding-top: 2%; float: left; transition: all 0.6s;}
	.das_newsbb{width:63%; position: relative;float: left; padding:0px 5% ;border-left: 1px solid #e2e2e2;}
	.das_newsbb h1{font-size:22px; font-weight: bold; padding-bottom: 15px;}
	.das_newsbb p{font-size:18px; line-height: 32px;}
	.das_newsbc{width:25%; float: left; }
	.das_newsbb dd{display:block;width: 4px; height: 50px; transition: all 0.6s; background:#666; position: absolute; top: 18%; left: -2px;}
	.das_newsb:hover .das_newsbb dd{height:90px;background:#0556b1; top:5%;}
	.das_newsb:hover .das_newsba{padding-left:3%;}
	.das_newsb:hover{box-shadow: -2px 0px 3px 1px rgba(0, 0, 0, 0.12);border-radius: 9px;}
	.wm_newsread{width:100%; float: left; padding: 30px; border: 1px solid #eee; margin-top: 4%; margin-bottom: 5%;} 
	.wm_newsreada{text-align:center; padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid #e1e1e1;}
	.wm_newsreada h1{font-size:26px; font-weight: 700; padding-bottom: 15px;}
	.wm_newsreada span{padding:0px 20px; font-size:16px; color:#777;}
	.wm_newsreada span font{padding-right:10px;}
	.wm_newsreadb {font-size:18px; line-height: 30px;}
	.wm_newsreadb p{margin-bottom:20px;}
	.wm_newsreadb p img{max-width: 100%;}
	.news_sxp{width:50%; float: left; margin-top: 50px; font-size:18px;}
	.news_sxpa{text-align:right;}
	.news_sxp span{font-weight:700; padding-right: 8px;}
	.wm_newsreada h1 a{float:right; font-size:22px; border:1px solid #eee; padding: 10px; border-radius: 500px;}
	
	.con_left{width:50%; float: left; margin-top: 3%; margin-bottom: 4%;}
	.con_lefta,.con_lefta{width:100%; float: left;}
	.con_lefta h1{font-size:28px; font-weight: bold; padding-bottom: 10px;}
	.con_lefta p{font-size:18px; line-height: 30px; color:#888; margin-bottom: 40px;}
	.con_right{width:40%; background: #f1f1f1; padding: 65px 6%; float: right;margin-top: 3%; margin-bottom: 4%;}
	.con_leftb li{width:49%; float: left; margin-bottom: 15px;}
	.con_leftb li input{width:100%; padding: 15px; border: 0px; background: #f1f1f1;}
	.con_leftb .lx_leftg{margin-left:2%;}
	.con_leftb textarea{width:100%; border: 0px; background: #eee; padding: 15px; height: 120px;}
	.con_leftb button{width:240px; height: 50px;border: 0px; background:#ff5e14; color:#fff; font-size:20px; font-weight: bold; margin-top: 30px;}
	.con_righta{width:100%; float: left; position: relative; margin-bottom: 50px; padding-left: 120px;}
	.con_righta span{display:block; position: absolute; left: 0px; top: 0px; width:80px;background:#ff5e14; color:#fff; text-align: center; line-height: 80px; font-size:40px; height: 80px; border-radius: 3px;}
	.con_righta h1{font-size:24px; font-weight: bold; padding-bottom: 20px;}
	.con_righta dd{font-size:18px; line-height: 30px;}
	.wh_join{padding:0px 10%; margin-bottom: 4%; margin-top: 3%;}
	.wh_joina{font-size:24px; line-height: 45px; margin-bottom: 40px;    font-weight: 300;}
	.wh_joinc{font-size:28px;  padding: 15px 0px;}
	.wh_joinb dl{display:none; font-size:18px;}
	.wh_joinb li{font-size:22px; padding: 18px 0px; line-height: 60px;font-weight: 300; border-bottom: 1px solid #eee;}
	.wh_joinb li i{float:right; padding: 8px; background: #f1f1f1; border-radius: 500px; font-size:30px; margin-top: 10px;}
	.v_tt dd{font-size:24px; color:#d32020;}
	.v_tt h1{font-size:40px; font-weight: bold; margin-bottom: 40px;}
	.v_tt p{font-size:20px; line-height: 35px; padding-right: 40%;}
	#page a,#page span{ float: left; font-size:18px; border: 1px solid #eee; display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; margin: 0px 10px;}
	#page{margin-top:40px; margin-bottom: 50px; text-align: center;}
	.v_tt{ bottom:40%; }
	.das_fend{font-size:16px; line-height: 40px; }
	.wh_dqwz{font-size:18px; }
	.hzhb_ap{width:100%; float: left;}
	.hzhb_ap li{width:31.33%; margin: 10px 1%; float: left;}
	.lxr_a{width:100%; float: left; position: relative; padding-left: 20px; margin-bottom: 30px;}
	.lxr_a span{position:absolute; width: 50px; height: 50px; background:#ff5e14; border-radius: 5px;color:#fff; font-size:34px;  text-align: center; line-height: 50px; left: -50px; top:0px;}
	.lxr_a h1{margin-bottom:20px;}
	.lxr_a  dd{line-height:30px; font-size:18px;}
.pc_but{border:0px; background: none;}
	
	#zxp{padding:30px; background: #fff; display: none;}
	.zxp_a{font-family:'Arial'; font-size:18px;font-family:'Arial'; line-height: 30px; margin-bottom: 30px;}
	.zxp_b li{ position: relative; margin-bottom: 15px; border: 1px solid #eee; padding: 10px;}
	.zxp_b input,.zxp_b textarea{width:100%; border: 0px; padding: 10px 50px;font-family:'Arial';}
	.zxp_b textarea{height:130px; padding: 10px 15px;}
	.zxp_b dd{font-size:20px; padding: 20px 0px;font-family:'Arial'; width: 100%; float: left;}
	.zxp_b span{color:#0556b1; font-size:30px; position: absolute; left: 15px; bottom: 15px;}
	.zxp_b dd button{ padding: 15px 30px; background: #0556b1; color:#fff;font-family:'Arial'; border:0px;}
}


/*================================1580======================================*/
@media screen and (min-width: 1600px) {
.head_dh li{float:left;padding:10px 2.42%;}
	.fkm_headdh{width:50%; margin-left: 13%; float:left; font-size:20px;}
		.fkm_headdh li{line-height:80px;padding-left:8%; font-size:18px; }
	.fkm_headlogo{width:16%;}
}



/*================================wap=======================================*/
/*moble*/
@media screen and (max-width: 1200px) {
	.fkm_headlogo{width:40%; float: left; padding-left: 4%; margin-top: 10px;}
	.fkm_headdh{display:none;}
	.v_tt{bottom:10%;}
	.wh_video{width:100%; float: left; }
	.v_tt h1{font-size:20px;}
	.v_tt p{display:none;}
	.head_right{width:50px; float: right; margin-right: 4%; margin-top: 24px;}
	.head_right button{width:100%; border: 0px; height: 36px; line-height: 36px; font-size:24px; color:#fff; background: #06349a;}
	.head_rtfh{width:36%; margin-top: 14px; float: right;color:#fff;}
	.head_rtfh li{float:left; width: 33.33%; display:block; text-align: center; margin-top:15px;}
	.wh_syjjl{width:100%; float: left; padding: 10px 4%;}
	.wh_syjjla dd{font-size:16px;}
	.wh_syjjla h1{font-size:25px; font-weight: bold; padding-bottom: 30px;}
	.wh_syjjl{padding-right:5%;}
	.wh_syjjlb{font-size:16px; line-height: 30px; color:#666; margin-bottom: 30px;}
	.wh_syjjlc dd{line-height:30px; font-size:16px;color:#0f244f;}
	.wh_syjjlc dd span{margin-top:9px; margin-right: 10px;}
	.wh_syjjrb{font-size:18px; padding:10px 25px;}
	.wh_syjjr{width:100%; margin-bottom: 40px; float: left; position: relative; padding: 0px 4%;}
	.wh_syjjrba,.lm_ycdh{display:none;}
	.wh_syjjld a{padding:10px 20px; font-size:16px; margin-top: 20px;}
	.wh_title{padding:0px 10%; text-align: center;}
	.wh_title h1{font-size:26px; font-weight: bold; padding-bottom: 10px; margin-top: 20px;}
	.wh_title dd{font-size:16px; margin-bottom: 40px; line-height: 30px;}
	.wh_server{width:48%; float: left; margin: 10px 1%;}
	.wh_servera,.whwh_a,.whwh_b{display:none;}
	.wh_server h1{font-size:22px; font-weight: bold; padding: 10px 15px;}
	.wh_server dd{font-size:14px; line-height: 26px; padding: 0px 15px; height: 80px; overflow: hidden; margin-bottom: 26px;}
	.wh_synewsl{width:100%; float: left; padding: 10px 4%;}
	
	.wh_synewsra{width:92%;   margin: 10px 4%; padding: 30px; }
	.wh_synewsra h1{font-size:20px;  height: 30px; overflow: hidden;font-weight: bold; }
	.wh_synewsra p{font-size:14px; line-height: 26px; color:#666; margin-bottom: 15px;}
	.wh_synewsra dd{font-size:16px;}
	.wh_synewsra span{top:-30px; left: 30px; top:-2px; transition: all 0.6s;}
	.wh_synewsra:hover span{width:100px;}
	
	.wh_whtxt{width:100%; float: left; color:#fff;background:#152751;  padding: 20px 4%;}
	.wh_whtxta{width:100%; float: left; padding-top:5%;margin-bottom: 40px;}
	.wh_whtxta dd{font-size:16px;}
	.wh_whtxta  h1{font-size:26px; font-weight: bold;}
	.wh_whtxtb1{width:20%; padding-top: 2%; float: left; font-size:28px;}
	.wh_whtxtb2{width:80%; padding: 2% 0px; position: relative;font-size:14px; line-height: 24px;  float: right; padding-left: 5%; border-left:1px solid #fff;}

	.wh_whtxtb2 dd{line-height:24px;}
	.wh_whtxtb2 span{background:#fff; left: -13px; top:30%; width: 25px; height:25px;}
	.wh_whtxtc{width:100%; z-index: 100; position: relative;padding:20px 4%; float: left; right: 0px; background: #fff;  }
	.wh_whtxtca{margin-bottom:30px;}
	.wh_whtxtcb li{width:49.25%; float: left; margin-bottom: 20px;}
	.wh_bgd{background:#152751;}

	.hzhb_wh{width:31.33%; float: left; margin: 10px 1%;}
	.wh_flogo{width:50%; padding: 10px 4%;}
	.f_dha{width:100%; float: left; padding: 15px 4%; color:#fff;}
	.f_dha h1{font-size:20px; margin-bottom:15px;}
	.f_dha dd{width:50%; float: left; margin-bottom: 10px;}
	.f_dhb>dd{width:100%;}
	.f_dhb> img{width:40%;}
	.das_fend{font-size:14px; line-height: 24px; }
	#zxp,.xp_rcfd{display:none;}
	#htdh1{padding:18% 5%; width: 100%; float: left;}
	#htdh1 li{width:100%; border: 1px solid #fff; padding: 10px 20px; float: left;line-height: 38px; margin-bottom: 8px; font-size:18px;}
	.wh_dqwz span{margin:0px 10px;}
	.wh_dqwz,.ny_qywh,.das_newsb{width:100%; padding: 10px 4%; font-size:16px;}
	.n_btt{display:none;}
	.wh_syjjle{margin-bottom:30px; border-bottom: 1px solid #eee;padding: 15px 0px;}
	.wh_syjjle h2{font-size:24px; padding-bottom: 10px;}
	.wh_syjjle dd{font-size:16px;}
	.qywh_list{width:100%; margin-bottom: 18px; float: left; background: #fff;}
	.qywh_listb{padding:20px 30px;}
	.qywh_listb h1{font-size:24px; padding-bottom: 20px;}
	.qywh_listb p{font-size:16px; line-height: 32px;}
	.unti_lb a{padding:10px 10px;  font-size:16px; margin: 0px 5px;}
	.unti_lb{margin-top:40px; margin-bottom: 30px;}
	.das_newsb{border-bottom:1px solid #f1f1f1;}
	.das_newsb h1{font-size:18px; font-weight: bold; margin-bottom: 10px;}
	.das_newsb p{font-size:14px;}
	#page a,#page span{ float: left; font-size:14px; border: 1px solid #eee; display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; margin: 0px 10px;}
	#page{margin-top:40px; padding: 0px 4%; margin-bottom: 50px; text-align: center;}
	
	.wm_newsread{width:100%; float: left; padding:4%;  margin-top: 4%; margin-bottom: 5%;} 
	.wm_newsreada{text-align:center; padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid #e1e1e1;}
	.wm_newsreada h1{font-size:20px; font-weight: 700; padding-bottom: 15px;}
	.wm_newsreada span{padding:0px 14px; font-size:14px; color:#777;}
	.wm_newsreada span font{padding-right:10px;}
	.wm_newsreadb {font-size:18px; line-height: 30px;}
	.wm_newsreadb p{margin-bottom:20px; font-size:14px;}
	.wm_newsreadb p img{max-width: 100%;}
	.news_sxp{border:1px solid #f1f1f1; margin-bottom: 10px; font-size:14px; padding: 10px 4%;}
	.conttent_tx{padding:20px 4%; font-size:16px; line-height: 30px;}
	.xgal_maina{padding:18px 4%;}
	.wh_casea2 h1{font-size:16px; font-weight: bold; padding: 10px 4%;}
	.wh_casea{width:100%; float: left; margin-bottom: 20px;}
	.wh_join{padding:0px 5%; margin-bottom: 4%; margin-top: 3%;}
	.wh_joina{font-size:18px; line-height:30px; margin-bottom: 40px;    font-weight: 300;}
	.wh_joinc{font-size:18px;  padding: 15px 0px;}
	.wh_joinb dl{display:none; font-size:18px;}
	.wh_joinb li{font-size:18px; padding: 10px 0px; line-height: 40px;font-weight: 300; border-bottom: 1px solid #eee;}
	.wh_joinb li i{float:right; padding: 8px; background: #f1f1f1; border-radius: 500px; font-size:26px; margin-top: 0px;}
	.con_left{width:100%; float: left;  padding:20px 4%;}
	.con_lefta,.con_lefta{width:100%; float: left;}
	.con_lefta h1{font-size:28px; font-weight: bold; padding-bottom: 10px;}
	.con_lefta p{font-size:16px; line-height: 30px; color:#888; margin-bottom: 40px;}
	.con_right{width:100%; background: #f1f1f1; padding:20px 4%; float: right;margin-top: 10%; }
	.con_leftb li{width:49%; float: left; margin-bottom: 15px;}
	.con_leftb li input{width:100%; padding: 15px; border: 0px; background: #f1f1f1;}
	.con_leftb .lx_leftg{margin-left:2%;}
	.con_leftb textarea{width:100%; border: 0px; background: #eee; padding: 15px; height: 120px;}
	.con_leftb button{width:240px; height: 50px;border: 0px; background:#ff5e14; color:#fff; font-size:20px; font-weight: bold; margin-top: 30px;}
	.con_righta{width:100%; float: left; position: relative; margin-bottom: 50px; padding-left: 120px;}
	.con_righta span{display:block; position: absolute; left: 0px; top: 0px; width:80px;background:#ff5e14; color:#fff; text-align: center; line-height: 80px; font-size:40px; height: 80px; border-radius: 3px;}
	.con_righta h1{font-size:24px; font-weight: bold; padding-bottom: 20px;}
	.con_righta dd{font-size:18px; line-height: 30px;}
	
}

@keyframes hideIndex{
0%{ opacity: 0; transform: translate(0, 100%) }
100%{opacity: 1; transform: translate(0, 0) }
}

@keyframes hideIndexa{
0%{ opacity: 0; transform: translate(100%, 0) }
100%{opacity: 1; transform: translate(0, 0) }
}