@charset "UTF-8";

/* 重设样式 */

*{margin:0;padding:0;list-style:none;border:none;outline:none;}

body{font:12px/1.5 "微软雅黑","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;font-style: normal;font-variant:normal;position: relative;}

/* 内外边距通常让各个浏览器样式的表现位置不同 */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

    margin: 0;

    padding: 0;

}
input, select, textarea {font-size: 100%;}

/* 去掉各 Table  cell 的边距并让其边重合 */

table {border-collapse: collapse;border-spacing: 0;}

/* 去除默认边框 */

fieldset, img {border: 0;}

/* 去掉 firefox 下此元素的边框 */

abbr, acronym {border: 0;font-variant: normal;}

/* 一致的 del 样式 */

del {text-decoration: line-through;}

address, caption, cite, code, dfn, em, th, var,i {font-size:100%;font-style: normal;font-weight: normal;}

/* 去掉列表前的标识, li 会继承 */

ol, ul,li {list-style: none;}

/* 对齐是排版最重要的因素, 别让什么都居中 */

caption, th {text-align: left;}

/* 来自 yahoo, 让标题都自定义, 适应多个系统应用 */

h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}

q:before, q:after {content: '';}

/* 正常链接 未访问 */

/* 鼠标悬停 */

a:hover {text-decoration:none;}

/* 默认不显示下划线，保持页面简洁 */

ins, a {text-decoration: none;color:#000000;

    -moz-transition:all .3s ease-in;

    -webkit-transition:all .3s ease-in;

    -o-transition:all .3s ease-in;

    -ms-transition:all .3s ease-in;

    transition:all .3s ease-in;}
.fl_container{
  width: 100%;
  height: auto;
  position: relative;
}
.header{width:100%;height:45px;background:#fff;position:relative}
.ha_index{width:25px;height:20px;position:absolute;top:13px;left:.5rem}
.ha_index img{width:100%;height:100%}
.he_dao{width:25px;height:20px;position:absolute;right:9px;top:13px;}
.he_dao img{width:100%;height:100%}
.he_logo{width:100px;position:absolute;left:0;right:0;margin:auto;top:10px;font-size:.45rem;text-align:center}
.he_logo img{width:100%;height:100%}
#a_box a,#b_box a{
  display: block;
  width: 100%;
  height: 100%;
}
.fl_material_banner{
  width: 100%;
  height: 652px;
  background: url('../images/1.png') no-repeat;
  background-size: 100% 100%;
  background-position-x: center;
  margin-top: -1px;
}
.fl_material_baoming{
  width: 100%;
  height: 629px;
  background: url('../images/2.png') no-repeat;
  background-size: 100% 100%;
  background-position-x: center;
  margin-top: -1px;
  padding-top: 216px;
  box-sizing: border-box;
}
.fl_material_baoming_center{
  width: 1070px;
  height: 366px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.fl_material_baoming_left{
  width: 556px;
  height: 100%;
  position: relative;
}
.fl_material_baoming_left em{
  font-size: 22px;
  color: #666666;
  position: absolute;
  top: 20px;right: 46px;
}
.fl_material_baoming_left input{
  width: 100%;
  height: 70px;
  display: block;
  background-color: #f6f6f6;
  padding-left: 40px;
  box-sizing: border-box;
  font-size: 20px;
  color: #666666;
  border-radius: 10px;
  margin-bottom: 12px;
}
.fl_material_baoming_bt,.fl_material_baoming_bt img{
  width: 100%;
  height: 77px;
  cursor: pointer;
}
.fl_material_baoming_right{
  width: 450px;
  height: 100%;
  padding-top: 77px;
  box-sizing: border-box;
}
.fl_material_baoming_right_a{
  width: 350px;
  height: 186px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.fl_material_baoming_right_a ul{
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
}
.fl_material_baoming_right_a ul li{
  width: 100%;
  height: 16px;
  line-height: 16px;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  color: #808080;
  margin-bottom: 20px;
}
.fl_material_banner2{
  width: 100%;
  height: 632px;
  background: url('../images/3.png') no-repeat;
  background-size: 100% 100%;
  background-position-x: center;
  margin-top: -1px;
  padding-top: 113px;
  box-sizing: border-box;
}
.fl_material_banner2_center{
  width: 1182px;
  height: 521px;
  margin: 0 auto;
  padding-left: 350px;
  box-sizing: border-box;
  position: relative;
}
/*轮播图开始*/
.content_lunbo{
  width: 817px;
  height: 492px;
}
.content_lunbo>ul{
  width: auto;
  height: 100%;
}
.content_lunbo>ul li{
  width: 817px !important;
  height: 100%;
}
.content_lunbo>ul li img{
  width: 817px;
  height: 100%;
}
/*轮播图结束*/
.fl_material_banner2_center ol{
  width: 82px;
  height: 16px;
  position: absolute;
  bottom: 5px;right: 12px;
}
.fl_material_banner2_center ol li{
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #000000;
  cursor: pointer;
  display: inline-block;
  margin-right: 8px;
}
.fl_material_banner2_center ol li.active{
  background-color: #f35146;
}
.fl_material_banner3{
  width: 100%;
  height: 885px;
  background: url('../images/4.png') no-repeat;
  background-size: 100% 100%;
  background-position-x: center;
  margin-top: -1px;
}
.fl_material_banner4{
  width: 100%;
  height: 950px;
  background: url('../images/5.jpg') no-repeat;
  background-size: 100% 100%;
  background-position-x: center;
  margin-top: -1px;
  padding-top: 73px;
  box-sizing: border-box;
}
.fl_material_banner4_center{
  width: 1200px;
  height: 826px;
  margin: 0 auto;
  position: relative;
}
.content_lunbo2{
  width: 1200px;
  height: 826px;
}
.content_lunbo2>ul{
  width: auto;
  height: 100%;
}
.content_lunbo2>ul li{
  width: 1200px !important;
  height: 100%;
  position: relative;
}
.content_lunbo2>ul li img:first-child{
  width: 1200px;
  height: 100%;
}
.fl_material_banner4_bj{
  width: 100%;
  height: 95px;
  background-color: #e9e9e9;
}
.fl_material_banner4_center ol{
  width: 64px;
  height: 16px;
  position: absolute;
  top: 790px;left: 50%;
  margin-left: -32px;
  z-index: 6;
}
.fl_material_banner4_center ol li{
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 9px;
  background-color: #000012;
  cursor: pointer;
}
.fl_material_banner4_center ol li.active{
  background-color: #f35146;
}
.content_lunbo2>ul li .fl_material_banner4_center_bt2{
  width: 456px;
  height: 67px;
  cursor: pointer;
  position: absolute;
  top: 715px;left: 50%;
  margin-left: -228px;
  z-index: 6;
}
.content_lunbo2>ul li .fl_material_banner4_center_bt3{
  width: 306px;
  height: 67px;
  cursor: pointer;
  position: absolute;
  top: 500px;right: 40px;
  z-index: 6;
}
.content_lunbo2>ul li .fl_material_banner4_center_bt2 a,.content_lunbo2>ul li .fl_material_banner4_center_bt2 a img{
  width: 100% !important;
  height: 100% !important;
  display: block;
}
.content_lunbo2>ul li .fl_material_banner4_center_bt3 a,.content_lunbo2>ul li .fl_material_banner4_center_bt3 a img{
  width: 306px !important;
  height: 67px !important;
  display: block;
}
.fl_material_banner5{
  width: 100%;
  height: 950px;
  background: url('../images/6.jpg') no-repeat;
  background-size: 100% 100%;
  background-position-x: center;
  margin-top: -1px;
  padding-top: 67px;
  box-sizing: border-box;
}
.fl_material_banner5_center,.fl_material_banner6_center,.fl_material_banner7_center{
  width: 1200px;
  height: 825px;
  margin: 0 auto;
  position: relative;
}
.content_lunbo3,.content_lunbo4,.content_lunbo5{
  width: 1200px;
  height: 825px;
}
.content_lunbo3>ul,.content_lunbo4>ul,.content_lunbo5>ul{
  width: auto;
  height: 100%;
}
.content_lunbo3>ul li,.content_lunbo4>ul li,.content_lunbo5>ul li{
  width: 1200px !important;
  height: 100%;
  position: relative;
}
.content_lunbo3>ul li img,.content_lunbo4>ul li img,.content_lunbo5>ul li img{
  width: 1200px;
  height: 100%;
}
.fl_material_banner5_center ol{
  width: 64px;
  height: 16px;
  position: absolute;
  top: 712px;left: 50%;
  margin-left: -32px;
  z-index: 6;
}
.fl_material_banner5_center ol li,.fl_material_banner6_center ol li,.fl_material_banner7_center ol li{
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #010010;
  margin-right: 9px;
  display: inline-block;
  cursor: pointer;
}
.fl_material_banner5_center ol li.active,.fl_material_banner6_center ol li.active,.fl_material_banner7_center ol li.active{
  background-color: #f24f46;
}
.fl_material_banner5_center_bt{
  width: 456px;
  height: 67px;
  position: absolute;
  top: 726px;left: 50%;
  margin-left: -228px;
  z-index: 6;
}
.fl_material_banner5_center_bt a,.fl_material_banner5_center_bt a img{
  width: 456px;
  height: 67px;
  display: block;
}
.fl_material_banner6{
  width: 100%;
  height: 950px;
  background: url('../images/7.jpg') no-repeat;
  background-size: 100% 100%;
  background-position-x: center;
  margin-top: -1px;
  padding-top: 67px;
  box-sizing: border-box;
}
.fl_material_banner7{
  width: 100%;
  height: 950px;
  background: url('../images/8.jpg') no-repeat;
  background-size: 100% 100%;
  background-position-x: center;
  margin-top: -1px;
  padding-top: 67px;
  box-sizing: border-box;
}
.fl_material_banner6_center ol,.fl_material_banner7_center ol{
  width: 64px;
  height: 16px;
  position: absolute;
  top: 782px;left: 50%;
  margin-left: -32px;
  z-index: 6;
}
.fl_material_banner6_bt1{
  width: 306px;
  height: 67px;
  position: absolute;
  top: 494px;right: 34px;
}
.fl_material_banner6_bt2{
  width: 306px;
  height: 67px;
  position: absolute;
  top: 494px;left: 34px;
}
.fl_material_banner6_bt1 a,.fl_material_banner6_bt1 a img,.fl_material_banner6_bt2 a,.fl_material_banner6_bt2 a img{
  width: 306px !important;
  height: 67px !important;
  display: block;
}
.fl_material_banner8{
  width: 100%;
  height: 917px;
  background: url('../images/10.png') no-repeat;
  background-size: 100% 100%;
  background-position-x: center;
  margin-top: -1px;
  padding-top: 580px;
  box-sizing: border-box;
}
.fl_material_banner8_center{
  width: 1200px;
  height: 67px;
  margin: 0 auto;
  position: relative;
}
.fl_material_banner8_center_bt{
  width: 306px;
  height: 100%;
  position: absolute;
  right: 33px;
}
.fl_material_banner8_center_bt a,.fl_material_banner8_center_bt a img{
  width: 306px;
  height: 100%;
  display: block;
}
.fl_material_baoming3{
  width: 100%;
  height: 1092px;
  background: url('../images/11.jpg') no-repeat;
  background-size: 100% 100%;
  background-position-x: center;
  margin-top: -1px;
  padding-top: 173px;
  box-sizing: border-box;
}
.fl_material_baoming3_center{
  width: 1111px;
  height: 366px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.fl_material_baoming3_left{
  width: 662px;
  height: 100%;
  position: relative;
}
.fl_material_baoming3_left em{
  font-size: 22px;
  color: #666666;
  position: absolute;
  top: 100px;right: 200px;
}
.fl_material_baoming3_left input,.fl_material_baoming3_left select{
  width: 510px;
  height: 70px;
  background-color: #f6f6f6;
  color: #666666;
  font-size: 20px;
  border-radius: 10px;
  padding-left: 40px;
  box-sizing: border-box;
  margin-bottom: 12px;
}
.fl_material_baoming3_right{
  width: 459px;
  height: 100%;
  padding-top: 77px;
  box-sizing: border-box;
}
.fl_material_baoming3_left_bj{
  width: 30px;
  height: 30px;
  background-color: #f6f6f6;
  position: absolute;
  top: 181px;right: 149px;
}
.fl_material_baoming3_left_bt{
  width: 106px;
  height: 107px;
  position: absolute;
  top: 90px;right: 13px;
  cursor: pointer;
}
.fl_material_baoming3_left_bt img{
  width: 100%;
  height: 100%;
}
.fl_material_baoming3_right_a{
  width: 322px;
  height: 161px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.fl_material_baoming3_right_a ul{
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
}
.fl_material_baoming3_right_a ul li{
  width: 100%;
  height: 16px;
  line-height: 16px;
  font-size: 16px;
  color: #666666;
  margin-bottom: 18px;
  display: flex;
  justify-content: space-between;
}



.zhezhao{
  position:fixed; z-index:99; top:0px; left:0px; background: #000;opacity:0.5; width: 100%; height: 100%;display: none;
}
.tanchuang{
  width: 576px;
  height: 506px;
  border-radius: 30px;
  position: fixed;
  top: 50%;left: 50%;
  margin-top: -253px;
  margin-left: -288px;
  z-index: 99;
  background-color: #fff;
  display: none;
}
.tanchuang_off{
  width: 34px;
  height: 34px;
  border-radius: 50%;
  position: absolute;
  top: -34px;right: -44px;
  cursor: pointer;
}
.tanchuang_off img{
  width: 100%;
  height: 100%;
}
.tanchuang h1{
  width: 100%;
  height: 132px;
  line-height: 132px;
  font-size: 46px;
  text-align: center;
  margin-top: 16px;
}
.tanchuang_a,.tanchuang_b,.tanchuang_bt{
  width: 488px;
  height: 88px;
  line-height: 88px;
  margin: 0 auto;
  margin-bottom: 20px;
  border-radius: 11px;
}
.tanchuang input{
  width: 100%;
  height: 100%;
  display: block;
  background-color: #ececec;
  color: #8e8e8e;
  font-size: 20px;
  border-radius: 11px;
  padding-left: 22px;
  box-sizing: border-box;
}
.tanchuang_bt{
  font-size: 30px;
  text-align: center;
  color: white;
  background-color: #d7a51c;
}
.fl_material_baoming3_left input::-webkit-input-placeholder{
  color: #666666;
}
input::-webkit-input-placeholder {
  font-size: 20px !important;
}
.center input{
  text-indent: 0 !important;
}
/* .footer{margin: 2428px 0 0 0 !important;} */
.footer .footer_bottom{margin: 0 0 50px 0 !important;}
/* .footer{z-index: -1;} */
.bottom_box{
  width: 100%;
  height: 60px;
  background-color: #f3efe3;
}