@charset "utf-8";
@import "common.css";
@import "page.css";
@import "hdp.css";
/*@import "nav.css";*/
@import "/font/iconfont.css";


body{font-size:14px;font-family:"Microsoft YaHei";  color:#333; min-width: 1550px; max-width: 1920px;}
*{margin:0px auto;padding:0px;list-style: none;}
*{-webkit-text-size-adjust: none;}
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333;}
a:hover{color:#e40011}
i{ font-style: normal; }
em{ font-style:normal;}
.clear{clear:both;}
.l{float:left;}
.r{float:right;}
.layui-layer-setwin .layui-layer-close2 {
    right: -6px!important;
    top: -6px!important;
}
.bak{-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;  display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic{ overflow: hidden; margin: auto; position: relative;}
.pic span{background-size: cover; background-repeat: no-repeat;background-position: center; display: block;}
.pic span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover;}
.w1530{ width: 1530px; margin: auto; }
.content{ margin:20px auto; }
.middle{ margin: 0px auto; padding: 40px 0px; }

.top{ margin: 30px auto 15px auto; width: 1390px; }
.top_l{ float: left; background: url(../images/topbj.jpg); width: 1089px; height: 78px; line-height: 78px; font-size: 30px;  }
.top_l p{ color: #fff; padding-left: 20px;  letter-spacing:3px; font-weight: bold;}
.top_m{ float: left; margin-left: 20px; }

.menu{width:43px;float:right;position:relative;cursor:pointer;height:43px; margin-top:22px;}
.menu span{display:block;background:#702082;width:44px;height:5px;position:absolute;transition:all ease 0.35s}
.menu span:nth-of-type(1){top:0px}
.menu span:nth-of-type(2){top:18px}
.menu span:nth-of-type(3){top:36px}

.sp_nav_se span:nth-of-type(1){top:19px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:19px;transform:rotate(-45deg)}


.menu_box{position:fixed;z-index:99;background:#d89ee4;width:960px;left:-100%; height: 100%;  overflow:auto;overflow-x:hidden;transition:right ease 0.35s; top: 0px; -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.5); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.5); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.5);box-shadow: 0px 0px 5px rgba(0,0,0,0.5); }

.menu_box::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
  .menu_box::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 2px;
  box-shadow   : inset 0 0 2px rgba(0, 0, 0, 0.2);
  background   : #702082;
  }
  .menu_box::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 2px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  background   : #cf71e2;
  }




.nav_show{left:0px; }
.nav_show .gb{ position: absolute; right: 10px; top: 10px; }
.menu_box .con{ padding: 30px 0 ; width: 765px; margin:auto; color: #fff; }
.menu_dh{ font-size: 26px; font-weight: bold; margin:auto; height: 45px;  }
.menu_dh span{ border-bottom: #fff 2px solid; padding-bottom: 3px;}

.zhanqun_con{ margin:20px auto 0 auto; }
.zhanqun_con li{ /*margin:15px auto;*/ margin-top:15px; float: left; width: 205px; margin-right: 75px; margin-top:90px;}
.zhanqun_con li.li3{ margin-right: 0px; }
.zhanqun_con li.li2{ margin-top: -20px; }
.zhanqun_con li a{ display: block; }
.zhanqun_con li .pic{  margin:auto;  }
.zhanqun_con li .pic span{ padding-bottom: 49.152%; }
.zhanqun_con li .text{}
.zhanqun_con li  p{  color: #fff; font-size: 16px; /* line-height: 40px;*/ padding-top: 10px; text-align: center;}
.zhanqun_con li  p span{/* border-bottom: #fff 2px solid; padding-bottom: 2px;*/ }
.zhanqun_con li a:hover{ opacity: .8; }

.zhutui_con{ /*padding-bottom: 100px;*/ }
.zhutui_con li{  float: left; width: 205px; margin-left: 75px; margin-top: 20px;}
.zhutui_con li.li1{ margin-left:0; }
.zhutui_con li a{ display: block; }
.zhutui_con li a .pic{margin:auto; }
.zhutui_con li a .pic span{ padding-bottom: 47.346%; }
.zhutui_con li a .text{}
.zhutui_con li a p{  color: #fff; font-size: 16px; padding-top: 5px; text-align: center;}
.zhutui_con li a:hover{ opacity: .8; }

.line{ width: 100%; height: 1px; background: #deace8; margin:auto; }


.news{ margin:20px auto; }
.news li{ float: left; width: 32%; margin-left: 2%; transition: all 0.5s;}
.news li .pic span{ padding-top: 26.95%; }
.news li.li1{ margin-left: 0px; }
.news li .text{ margin:auto; background: #efefef; border-bottom-left-radius:20px;  border-bottom-right-radius:20px;  padding:25px 45px 45px 45px; transition: all 0.5s;}
.news li .text span{ display: block; font-size: 30px; font-weight: bold;  }
.news li .text p{ font-size: 22px; line-height: 1.8; margin: 10px auto; height: 280px; /*font-weight: bold; */ color: #666;}
.news li .more{ background: url(../images/icon002.png) no-repeat right 30px center #702082;  float: left; width: 257px; height: 60px; line-height: 60px; color: #fff; border-radius:60px;  -webkit-box-shadow: 0 0px 20px rgba(0,0,0,0.5); -moz-box-shadow: 0 0px 20px rgba(0,0,0,0.5); -o-box-shadow: 0 0px 20px rgba(0,0,0,0.5);box-shadow: 0px 0px 20px rgba(0,0,0,0.5);}
.news li .more span{ padding-left: 30px; font-size: 22px; /*font-weight: normal;*/  }
.news li:hover .text{ background: #702082; color:#fff; transition: all 0.5s;}
.news li:hover .text p{color:#fff;}
.news li:hover .more{background: url(../images/icon003.png) no-repeat right 30px center #fff;  color: #702082; }
.news1 li .text p{ height: 220px; }
.news1 li.li1 .text p{ line-height: 2.5; height: 180px; }
.news1 li.li1 .text em{ font-size: 28px; height: 80px; display: block; margin:auto;}

.news2 li .text p{ height: 220px; }

.ad{ margin:20px auto; }
.ad img{ display: block; margin:auto; }

.foot{ background: #b0aeae; margin:auto; padding: 50px 0px 20px 0; }

.foot_l{ float: left; color: #000; font-weight: bold; margin-bottom: 30px; }
.foot_l i{ display: block; margin-bottom: 30px; }
.foot_l span{ font-size: 30px; display: block; margin-bottom:10px; }
.foot_l p{ font-size: 36px; padding-left: 60px; }
.foot_r{ float: right;  position: relative;  }
.foot_r img{ margin-left: 16px; max-height: 30px; }
.foot_r img.w_tu{ position: absolute; right: 0; top: 40px; display: none;  width: 187px; max-height: 187px;}
.foot_r a.wei:hover .w_tu{ display: block; }

.bq{ font-size: 12px; text-align: center; margin: auto; line-height: 30px; border-top: #696464 5px solid; padding-top: 20px; }
.bq a{ }
.bq a:hover{opacity: .8;}
.bq em{ display:inline-block; position:relative}

.bq em p{ display:none; position:absolute; background:rgba(0,0,0,1); padding:10px 15px; border-radius:7px; line-height:22px; right:0px; bottom:20px; max-width:inherit; width:330px; z-index: 1; opacity: 1;}
.bq em:hover p{ display:block; opacity: 1; color: #fff;}



.popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background: rgba(63, 63, 63, 0.9);
  /*background:#3F3F3F;*/
  color: #06c;
}

.popup-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.popup-content {
  margin: 0 auto;
  margin-top: 50vh;
  transform: translateY(-50%);
  position: relative;
  z-index: 2;
  max-width: 100vh;
}

.popup-content form {
  position: absolute;
  width: 660px;
  left: 50%;
  margin-left: -330px;
  padding: 4px 5px;
  border-radius: 6px;
  bottom: 73px;
  background-color: #fff;
  overflow: hidden;
}

.popup-content form .shuru{
  display: block;
  float: left;
  height: 60px;
  border: none;
  font-size: 22px;
  width: 460px;
  padding: 0 20px;
}

.popup-content form .tijiao {
  display: block;
  float: right;
  border-radius: 6px;
  background-image: -moz-linear-gradient(90deg, rgb(246, 80, 58) 0%, rgb(252, 180, 52) 99%);
  background-image: -webkit-linear-gradient(90deg, rgb(246, 80, 58) 0%, rgb(252, 180, 52) 99%);
  background-image: -ms-linear-gradient(90deg, rgb(246, 80, 58) 0%, rgb(252, 180, 52) 99%);
  width: 190px;
  height: 60px;
  color: #fff;
  font-size: 25px;
  border: none;
  cursor: pointer;
}

.listPopup .popup-content {
  background-color: #fff;
  border-radius: 0px;
  max-width: 866px;
  /*max-height: 80vh;*/
  height:100vh; width:795px;
}


.listPopup .box-close {
  display: block;
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  background-image: url(../images/close2.png);
  background-size: 100%;
}

.listPopup .title {
  font-size: 30px;
  padding: 55px 30px 20px; text-align:left; color: #333;
}

.listPopup ul li p {
  cursor: pointer;background:none;
  box-shadow: 0px 3px 16px 0px rgba(0, 186, 120, 0); padding:0px; font-size:14px; width:auto; color:#06c;
}

.listPopup ul li p img {
  max-width: 16px;
  margin-right: 9px;
}

.listPopup .levelDiv {
  overflow-y: auto;
  max-height: calc(100vh - 150px);
  padding: 0 30px;
}

.listPopup4 .levelDiv {
  max-height: calc(100vh - 150px);
}
.listPopup .levelDiv .level1{border-bottom:#ccc 1px solid; margin-bottom: 10px; }
.listPopup .level1::-webkit-scrollbar {
  width: 6px;
  height: 1px;
}

.listPopup .level1::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  background: #e6e6e6;
}

.listPopup .level1::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  background: #fff;
}


.listPopup .level1>li>p {
  font-size: 20px; padding:0px;
  padding-bottom: 10px; background:none;
  box-shadow: 0px 3px 16px 0px rgba(0, 186, 120, 0);/* font-weight:bold*/
}

.listPopup .level1 li {
  border-bottom: 1px solid #e6e6e6;
  padding: 10px 0;
}

.listPopup .level1 li:last-child {
  border-bottom: none;
}

.listPopup .level2>li>p {
  font-size: 18px;
  padding: 5px 20px;background:none;
  box-shadow: 0px 3px 16px 0px rgba(0, 186, 120, 0);
}

.listPopup .level3 {
  /*display: none;*/
}

.listPopup .level3 li {
  padding: 0 40px;
}

.listPopup .level3>li>p {
  font-size: 16px;
  padding: 15px 0;
  color: #06c;background:none;
  box-shadow: 0px 3px 16px 0px rgba(0, 186, 120, 0);
}

.listPopup .level3>li>p img {
  opacity: 0.7;
}

.listPopup .content {
  font-size: 14px;
  color: #06c; line-height: 24px;
  /*display: none;*/
  padding-left: 35px;
  padding-bottom: 15px;
}


.li1_gun,.li2_gun{ position: relative; }
.list_gun1{ position: absolute; top: 45%; left: 1%; width: 98%; }
.slide{ background: #7accf2; height: 80px; text-align: center; color: #284d7e; float: left; margin-left: 10px; width: 188px;}
.slide p{ font-size: 30px; padding-top: 5px;  }
.slide em{ font-family: Arial; font-size: 12px; line-height: 12px; display: block; }

.list_gun2{ position: absolute; bottom: 0; left: 1%; width: 98%; }
.list_gun2 .slide{ width: 145px; }
.list_gun2 .slide p{ padding-top: 10px; }

.list_gun3{ position: absolute; bottom: 29%; left: 1%; width: 98%; }
.list_gun3 .slide{ width: 198px; }

.list_gun3 .slide p{  font-size: 24px; padding-top: 15px; }

.list_gun4{ position: absolute; bottom: 14%; left: 1%; width: 98%; }
.list_gun4 .slide{ width: 145px; }
.list_gun4 .slide p{ padding-top: 10px; }