body {font-size: 15px;}
.w1080{margin: 0 auto;width: 1080px;}
.banner{ width: 100%; height: 486px; overflow: hidden;}
.swiper-container {width: 100%; height:486; overflow: hidden;display: flex; justify-content: center; align-items: center; }
.swiper-slide {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center;  align-items: center; }
.swiper-slide img{width: 100%; height: auto;}

.black{ background: #010101; width: 100%;}
.navBox{ background: #010101; color: #fff;}
.navBox .logo{ width: 135px; height: auto; margin:15px 0;}
.navBox .logo img{ width: 100%; height: auto;}
#navigation, #navigation li ul{list-style-type: none;}
#navigation{margin: 20px;}
#navigation li{float: left; text-align: center; position: relative;margin-left: 10px;}
#navigation li a:link, #navigation li a:visited{display: block; text-decoration: none; color: #fff; height: 40px; line-height: 40px;padding-right: 25px;}
#navigation li a:hover{color: #fcc800;border-bottom: 2px solid #fcc800;}
#navigation li.xl:hover{background:url("../picture/icon_1.png") no-repeat center right;color: #fcc800;border-bottom: 2px solid #fcc800;}
#navigation li.xl:hover a,#navigation li.on a{color: #fcc800;}
#navigation li ul li a:hover{color: #fff;border: 0;}
#navigation li ul{display: none; position: absolute; top: 40px; left: 0; margin-top: 1px; width: 160px;padding-left: 10px;background:rgba(0,0,0,0.7);/*前三个参数为rgb颜色，第四个参数为透明度*/}
#navigation li.xl ul li.sxl{background:url("../picture/icon_2.png") no-repeat 7.5em center;}
#navigation li ul li ul{display: none; position: absolute; top: 0px; left: 139px; margin-top: 0; margin-left: 1px; width: 160px;padding-left: 10px;}

.titile{ width: 1000px; height: 149px; margin: 30px auto 10px;}
.lineHeight{ line-height: 1.8em;}
.gray{ background: #f5f5f5;}
.part1{ padding: 0 0 2em;}
.part2{ padding: 1em 0 3em;}
.part3,.part4{ margin-bottom: -3px;}
.part5,.part8{ padding: 0 0 3em;}


.w920{ width: 920px; margin: 2em auto;}
.xfBox{ position: fixed; right: 0;bottom: 15em;}
.xfBox a{display: block;}
.xfBox img{width: 90px; height: auto;}

.form{ margin: 2em auto; font-size: 14px;}
.form_inp{ margin-bottom: 4em;}
.form_inp p,.td_list{ height: 25px;border-radius: 10px; overflow: hidden; display: flex;margin-bottom: 1.4em;}
.form_inp .inp_name,.td_list .inp_gry{ background: #212121; color: #fcc800; width:150px; line-height: 25px; padding-left: 1.5em; border-radius: 10px; z-index: 10; }
.td_list .inp_gry{ background: #bfbfbf; color: #212121;}
.tdcy_Box{ display: flex;flex-wrap: wrap;}
.td_list{ width: 40%;margin-bottom: .5em;}
.td_list:nth-child(2n){ margin-left: 20%;}
.form_inp .inp_Text{ background: #efefef; color: #000; border:1px solid #c9caca; flex: 1; line-height: 25px; padding-left: 2em; border-radius: 10px; margin-left: -1em;}
.jd,.jd_1 .inp_list{ margin-bottom: .5em;}
.check_box{ display: flex;flex-wrap: wrap;}
.check_login,.input-radio{height: 25px; line-height: 25px; background: #efefef; color: #000; border:1px solid #c9caca; border-radius: 100px ; margin-bottom: .5em;  width: 40%;}
.check_login:nth-child(2n),.input-radio:nth-child(2n){ margin-left: 20%;}
.check_login label{margin-left: .5em;}
.input-radio label{margin-left: .5em; line-height: 25px; position: absolute;}
.city_j1{width: 30%; margin-left: 0;}
.city_j2{width: 30%; margin-left: 5%!important;}
 input[type='checkbox']{width: 25px; height: 25px; appearance:none; -webkit-appearance:none; -o-appearance:none; -moz-appearance:none; background: url("../picture/icon_3.png")no-repeat center 0; border-radius: 10px; outline: none; margin-top: -1px;} input[type=checkbox]:checked{background: url("../picture/icon_3.png")no-repeat center -41px;} input[type=checkbox]:focus{outline: none;}input[type='radio']{width: 25px; height: 25px; appearance:none; -webkit-appearance:none; -o-appearance:none; -moz-appearance:none; background: url("../picture/icon_3.png")no-repeat center 0; border-radius: 10px; outline: none; margin-top: -1px;} input[type='radio']:checked{background: url("../picture/icon_3.png")no-repeat left -41px;}
.tj_btn{width: 140px; height: 30px; line-height: 30px; margin: 1em auto; background: #fcc800; color: #000; text-align: center; border-radius: 10px;}
.tj_btn button{background: none;letter-spacing:5px; color: #000; font-weight: bold; cursor: pointer; width: 100%; line-height: 30px; font-size: 16px;}
.tj_btn button:hover{background: #212121; color: #fcc800;border-radius: 10px;}

.part9{background: #efefef; margin-bottom: 3em;}
.menu{ width:100%; height:45px; background-color:#000; margin: 0 auto;}
.menu li{float: left; color:#FFF; line-height: 31px; height: 31px; margin: 8px auto;font-size:14px; border-left:2px solid #919191; text-align: center; cursor:pointer;padding: 0 .35em;}
.menu li a{color:#FFF;}
.menu li:first-child{ border-left:none; margin-left: 1em;}
.menu li.activer,.menu li a:hover{ color: #fcc800;}

.content{width:1080px;height: 410px;/*居中*/position: relative;margin: 40px auto;}
.content.contentList{width: 100%;height: 100%;/*变成快级元素*/display: block;}
.content .contentList li{width: 100%;height: 100%;/*变成快级元素*/display: block;/*绝对定位*/position: absolute;top: 45px;left: 0px;opacity: 0;}
.content .contentList li img{width: 100%;height: 100%;/*变成快级元素*/display: block;}
/*改变一个元素节点的class属性,让他显示的更靠前*/
/*active 激活*/
.active{z-index: 9;opacity: 1 !important;transition: all 1s;}
.change{width: 30px;height: 50px;display: block;position: absolute;top: 215px;/*设置元素的堆叠顺序*/z-index: 10;font-size: 30px;font-weight: bold;line-height: 44px;text-align: center;/*将鼠标变成手掌*/cursor: pointer;}
.change:hover{/*设置透明度,零点几可以将前面的零省略*/opacity: .1;}
.left{left: 0;}
.right{right: 10px;}
.picBox{ width: 986px; margin: 0 auto;}
.pic_video{ margin:40px 40px 0 0;}
.pic_img{ position: relative;}
.video_box{ width:390px; height:230px; border:none!important;}
.btn_more{ width: 80%; height: 40px; position: absolute; bottom: 36px; left: 7%;}
.btn_more a{ width: 200px; height: 40px; line-height: 40px; text-align: center; color: #3a3a3a; font-weight: 600; display: block; background-image: linear-gradient(#fdf200, #f7d700);}
/*添加一个遮罩层*/
.shade{width: 100%;height: 30px;position: absolute;bottom: 0;left: 0px;z-index: 10;}
.contentRount{display: block;margin: auto;text-align: center;}
.contentRount li{display: inline-block;height: 10px;width: 10px;/*圆角属性*/border-radius: 50% ;background-color: #919191;margin-left: 10px;cursor: pointer;}
.se{background-color:#fcc800!important;color: #fcc800;}

.partdown{ background: url("../picture/flk_08.jpg") no-repeat center; width:1080px;height: 469px; margin-bottom: 3em;}
.partdown .partdown_img{ width: 925px; margin: 0 auto; padding-top: 11em; display: flex;}
.partdown .partdown_img a{ flex: 1; display: block;}
.partdown .partdown_btn{ margin: 2em auto 0; width: 390px; height: 45px;}

.erBox{ background: #fcc800; margin: 4em auto;}
.erBox p{ width: 50%; margin: 2em auto; text-align: center; line-height: 1.5em; font-size: 20px; font-weight: 600; padding: 2em 0;}
.erBox .erimg{ width: 25%; margin: 2em auto 6em;}
.erBox .erimg img{ width: 100%; height: auto;}

.banBox{ display: block;}
.banBox_app{ display: none;}
.lc_img{ display: block;}
.lc_img_app{ display: none;}
.part8img{ display: block;}
.part8img_app{ display: none;}
.bottom{background: #212121; color: #fcc800; font-size: 14px; line-height: 45px; height: 45px; text-align: center;}

.tc_bm{ width: 100%;height: 100%; background:rgba(0,0,0,0.3); position:fixed; top:0;left:0; z-index: 10000;}
.tc_bm .bm_Box{ position: absolute;left:32.5%; top:34%; width: 35%;padding: 20px; background:#fcc800; line-height: 1.8em; color: #212121; text-align: center;}
.tc_bm .bm_Box .bmbox_ico{ width: 20%; margin: 0 auto;}
.tc_bm .bm_Box .bmbox_ico img{ width: 100%;}
.tc_bm .bm_Box b{font-size: 18px; font-weight: bold;}
.tc_bm .bm_Btn{width: 150px; height: 35px; margin: 1em auto 0;}
.tc_bm .bm_Btn a{width: 150px; height: 35px;line-height: 35px; text-align: center; color: #fcc800; background: #212121; display: block;}
@media screen and (max-width: 640px){
	img{ width: 100%;}
    .w1080{font-family:Verdana,Arial,sans-serif;width: 100vw; margin: 0 auto; overflow: hidden;}
    .w1080 .title_bm{width: 80%;}
    .w1080 .title_bm img{width: 30%;}
    .w920{width: 96vw;}
	.tdcy_Box{ display: block;}
	.td_list{ width: 100%;}
	.td_list:nth-child(2n){ margin-left: 0;}
	.check_box{ display: block;}
	.check_login,.input-radio{ width: 100%;}
	.check_login:nth-child(2n),.input-radio:nth-child(2n){ margin-left: 0;}
	.city_j1,.city_j2{width: 100%; margin-left: 0!important;}
	
	.content{min-height: 570px;}
	.content .contentList li img {width: 90%;}
	.menuBox{overflow-x: scroll;  overflow-y: hidden; white-space: nowrap;}
	.menu{width: 300%;}
	.picBox{ width:100%;}
	.change,.shade{display: none;}
	.pic_video { margin: 10px auto;}
	.video_box{ width:96%; height:inherit; margin-left: 2%;}
	
	.rm-container{ position: absolute; right: 0;z-index: 100;}
	.rm-css-animate.rm-menu-expanded{ display: none;}
	
	.erBox{ width: 100vw; height: 100vh;}
	.erBox p{ width: 65vw; margin: 5em auto 1em;font-size: 18px;}
	.erBox .erimg{ width: 50vw; margin: 2em auto;}
	.erBox .erimg img{ width: 100%; height: auto;}
	
	.partdown{background: url("../picture/flk_08.jpg") no-repeat center; background-size: 111%; width:100%;height: 200px;}
	.partdown .partdown_img{ width: 98%; margin: 0 auto; padding-top: 4.5em; display: flex;margin-left: 3%;}
	.partdown .partdown_img a img{ width: 80%; text-align: center; margin: 0 auto;}
	.partdown .partdown_btn{ margin: 1em auto 0; width: 55%; height: auto;}
	
	.bottom{font-size: 12px;}
	.lxfs_b img{width: 180%; margin-left: -7%;}
	
	.banBox{ display: none;}
	.banBox_app{ display: block;}
	.lc_img{ display: none;}
	.lc_img_app{ display: block;}
    .part8img{ display: none;}
	.part8img_app{ display: block;}
	
	.btn_more { bottom: 10px;}
}
.m-l25{
	margin-left: 32px;
	overflow: hidden;
	content: "";

}
.pic_video2{ margin:20px 10px;}
/*.video_box2{ width:316px; height:auto; border:none!important;}*/
.video_box2{ width:316px; height:177.75px; border:none!important;}
.v-detail{
	background: #fcc700;
	padding: 15px;
	line-height: 24px;
}

.contetn2{width: 1080px;

position: relative;
margin: 40px auto;
line-height:150% ;
}
  .table-syle .container {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
  }
  
  .table-syle  h2 {
	font-size: 26px;
	margin: 20px 0;
	text-align: center;

  }
  .table-syle  h2 small {
    font-size: 0.5em;
  }
  .table-syle  .responsive-table li{

	  border-radius: 3px;
	  padding: 25px 30px;
	  display: flex;
	  justify-content: space-between;
	  margin-bottom: 25px;
	}
	.table-syle .table-header {
	  background-color: #fcc700;
	  font-size: 14px;
	  text-transform: uppercase;
	  letter-spacing: 0.03em;
	}
	.table-syle .table-row {
	  background-color: #ffffff;
	  box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.1);
	}
	.table-syle .col-1 {
	  flex-basis: 10%;
	}
	.table-syle .col-2 {
	  flex-basis: 30%;
	}
	.table-syle .col-3 {
	  flex-basis: 25%;
	}
	.table-syle .col-4 {
		flex-basis: 35%;
	  }
	
	
	@media all and (max-width: 767px) {
		.table-syle  .table-header {
		display: none;
	  }
	 
	  .table-syle  li {
		display: block;
	  }
	  .table-syle .col {
		
		flex-basis: 100%;
		
	  }
	  .table-syle  .col {
		display: flex;
		padding: 10px 0;
		
	}
	.table-syle  .col::before{
		color: #6C7A89;
		padding-right: 10px;
		content: attr(data-label);
		flex-basis: 50%;
		text-align: right;
	}
  }