body,
 ol,
 ul,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 th,
 td,
 dl,
 dd,
 form,
 fieldset,
 legend,
 input,
 textarea,
 select {
   margin: 0;
   padding: 0
 }

 body {
   font: 12px/20px "Futura", Arial, "PingFang SC", Tahoma;
   background: #fff;
   /* overflow-y:scroll;*/
   width: 100%;
 }

 em {
   font-style: normal
 }

 li {
   list-style: none
 }

 fieldset,
 img {
   border: none;
 }

 img {
   border: 0;
   vertical-align: middle
 }

 address,
 caption,
 cite,
 code,
 dfn,
 th,
 var {
   font-style: normal;
   font-weight: normal;
 }

 ul,
 ol {
   list-style: none;
 }

 input {
   padding-top: 0;
   padding-bottom: 0;
   font-family: "Futura", Arial;
 }

 input::-moz-focus-inner {
   border: none;
   padding: 0;
 }

 select,
 input {
   vertical-align: middle;
 }

 select,
 input,
 textarea {
   font-size: 12px;
   margin: 0;
 }

 input[type="text"],
 input[type="password"],
 textarea {
   outline-style: none;
   -webkit-appearance: none;
 }

 textarea {
   resize: none;
 }

 p {
   word-wrap: break-word
 }

 table {
   border-collapse: collapse;
 }

 a {
   text-decoration: none;
   blr: expression(this.onFocus=this.blur());
 }

 a:hover,
 a:active,
 a:focus {
   text-decoration: none;
 }




 .fl {
   float: left
 }

 .fr {
   float: right
 }

 .mt80 {
   margin-bottom: 80px;
 }

 .mt90 {
   margin-bottom: 90px
 }

 .mt100 {
   margin-bottom: 100px
 }

 .header_wrap {
   height: 60px;
   width: 100%;
 }

 .header {
   height: 40px;
   background: #fff;
   padding: 10px 0;
   position: relative;
   width: 100%;
   position: fixed;
   top: 0;
   z-index: 9999;
 }

 .header a {
   position: absolute;
   left: 4%;
   top: 20px;
   display: block;
 }

 .header .logo {
   display: block;
   width: 200px;
   margin-right: 15px;
   float: left;
 }

 .header .logo38 {
   display: block;
   width: 40px;
 }


 .header .menu {
   float: right;
   margin-right: 12%;
   margin-top: 20px;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
 }


 .swiper-pagination-bullet-active {
   background: #e1a859 !important;
 }


 .indgal {
   overflow: hidden;
   background: #f1f1f1;
   padding: 30px 0px 30px;
   position: relative;
 }

 .indgal a {
   display: block;
   position: relative
 }

 .indgal .imgs {
   overflow: hidden;
   margin: 0 auto 10px;
   display: flex;
   justify-content: center;
   position: relative
 }

 .indgal .imgs img {
   width: 100%;
   transition: 1000ms;
 }

 .indgal .imgs p {
   display: none;
   position: absolute;
   bottom: 0;
   color: #fff;
   width: 100%;
   text-align: center;
   height: 40px;
   line-height: 40px;
   z-index: 10
 }

 .indgal .imgs p i {
   margin-left: 5px;
 }

 .indgal .name {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 2;
   top: 0;
   background: url(../img/indprobg.png);
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   align-content: center;
   display: flex;
 }

 .indgal .name h1 {
   width: 100%;
   text-align: center;
   margin-bottom: 10px;
   font-size: 14px;
   color: #fff;
 }

 .indgal .name img {
   width: 50px;
 }



 .indgal .mySwiper {
   padding-bottom: 40px;
 }

 .indgal .mySwiper .swiper-pagination {
   position: absolute;
   left: 5%;
   width: 70%;
   text-align: left;
   bottom: 50px;
 }

 .indgal .mySwiper .swiper-pagination-bullet {
   background: #aaa;
   width: 13px;
   height: 3px;
   border-radius: 0;
 }

 .indgal .mySwiper .pro-prev {
   width: 30px;
   height: 30px;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   background: #fff;
   position: absolute;
   right: 5%;
   margin-right: 40px;
   cursor: pointer;
 }

 .indgal .mySwiper .pro-next {
   width: 30px;
   height: 30px;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   background: #fff;
   position: absolute;
   right: 5%;
   cursor: pointer;
 }

 .indgal .mySwiper i {
   color: #333;
 }



 .footer {
   overflow: hidden;
   background: #2d2d2d;
   position: relative;
   color: #fff;
   padding-bottom: 60px;
 }

 .footer .t_top {
   overflow: hidden;
   border-bottom: 1px solid #555555;
   text-align: center;
   padding: 10px 0;
   margin-top: 10px;
   color: #fff;
 }

 .footer .fot_box {
   overflow: hidden;
   display: flex;
   justify-content: space-between;
   padding: 40px 15px 20px;
 }

 .footer .fot_box .fr {
   width: 100px;
 }

 .footer .fot_box .fr img {
   width: 100%;
 }

 .footer .t_top p {
   font-size: 12px;
   color: #666;
 }

 .footer .botlogo {
   display: block;
   margin: 30px auto 20px;
 }

 .footer .t_dd {
   text-align: center;
   font-size: 14px;
   margin-bottom: 20px;
 }

 .footer .t_dd a {
   font-weight: bold;
   margin-left: 10px;
   font-size: 22px;
   color: #fff;
 }

 .footer .footicon {
   overflow: hidden;
   margin-bottom: 20px;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .footer .footicon a {
   background: url(../img/boticonbg.png) no-repeat 100% 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 37px;
   height: 37px;
   float: left;
   margin: 0 10px;
 }

 .footer .footicon a.on {
   background: url(../img/boticonbgon.png) no-repeat 100%;
 }

 .footer .footicon a i {
   color: #fff;
   font-size: 18px;
 }

 .footer .footicon p {
   font-size: 16px;
 }

 .footer .footicon h2 {
   font-size: 30px;
   margin: 10px 0;
   font-weight: normal;
 }

 .footer .ewmbox {
   overflow: hidden;
 }

 .footer .ewmbox img {
   width: 140px;
   display: block;
   margin: 0px auto 20px;
 }

 .botbg {
   height: 60px;
   width: 100%;
 }

 .bot {
   display: flex;
   justify-content: space-between;
   align-items: center;
   background: #2d2d2d;
   padding: 10px 2%;
   position: fixed;
   left: 0;
   bottom: 0;
   width: 96%;
   z-index: 10;
 }

 .bot a {
   background: #231917;
   color: #f5a51c;
   width: 100%;
   height: 40px;
   line-height: 40px;
   text-align: center;
   border-radius: 5px;
   font-size: 14px;
 }

 .bot a.on {
   color: #333;
   background: #e1a859;
 }