*{
  margin: 0;
  padding: 0;
}
a{
  color: #707070;
  text-decoration: none;
}
a,a:hover,a:active,a:visited,a:link,a:focus{
  -webkit-tap-highlight-color:transparent;
}
div{
  -webkit-tap-highlight-color:transparent;
}
input,textarea{
  outline: none;
}
video{
  background: #000;
}
img{
  border: 0;
  max-width: 100%;
  outline: none;
  display: block;
}
li{
  list-style: none;
}
div{
  outline: none;
}
textarea{
  font-family: Helvetica,Arial,sans-serif;
}
body{ 
  font-family: Arial, Helvetica, sans-serif;
  font-family: "Microsoft Yahei";
  font-size: 14px;
}
.w1200{
  width: 1200px;
  margin: 0 auto;
}

.index-head{
  position: fixed;
  top: 0;
  width: 100%;
  height: 100px;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.7);
}
.index-head .head{
  width: 1920px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.head{
  height: 100px;
}
.head .w1270{
  width: 1270px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.head .logo img{
  height: 64px;
  padding-top: 18px;
}
.head .nav {
  display: flex;
}
.head .nav .item>a{
  line-height: 50px;
  padding: 25px;
  font-size: 15px;
  display: block;
}
.head .nav .item:hover>a{
  background: #00499d;
  color: #fff;
}
.head .nav .item{
  position: relative;
}
.head .nav .er{
  display: none;
  position: absolute;
  width: 148px;
  top: 98px;
  line-height: 50px;
  background: #fff;
  border: 1px solid #fff;
  box-sizing: border-box;
}
.head .nav .er a{
  display: block;
  border-bottom: 1px dotted #e8e8e8;
  padding-left: 12px;
  font-size: 14px;
}
.head .nav .er a:hover{
  background: #6f6f6f;
  color: #fff;
}
.head .nav .item:hover .er{
  display: block;
}
.head .tel{
  color: #00499d;
  font-size: 20px;
  line-height: 50px;
  padding: 25px 0 25px 30px;
  background: url("../images/icon_tel.png") no-repeat;
  background-position: left center;
}

.indexSwiper {
  width: 100%;
  height: 100vh;
}

.index-slide1{
  background: #F4F4F4;
  position: relative;
  overflow: hidden;
}
.index-slide1 video{
  position: absolute;
  width: 100%;
  height: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
video::-webkit-media-controls-fullscreen-button {
    display: none;
}
video::-webkit-media-controls-play-button {
    display: none;
}
video::-webkit-media-controls-timeline {
    display: none;
}
video::-webkit-media-controls-current-time-display{
    display: none;            
}
video::-webkit-media-controls-time-remaining-display {
    display: none;            
}
video::-webkit-media-controls-mute-button {
    display: none;            
}
video::-webkit-media-controls-toggle-closed-captions-button {
    display: none;            
}
video::-webkit-media-controls-volume-slider {
    display: none;            
}
video::-webkit-media-controls-enclosure{ 
    display: none;
}
.index-slide1 .bg{
  width: 1920px;
  height: 1080px;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
  object-fit: cover;
}
.index-slide2{
  background: url("../images/index_slide2.jpg") no-repeat;
  background-size: 1920px 1080px;
  background-position: center center;
}
.index-slide3{
  background: url("../images/index_slide3.jpg") no-repeat;
  background-size: 1920px 1080px;
  background-position: center center;
}
.index-slide4{
  background: url("../images/index_slide4.jpg") no-repeat;
  background-size: 1920px 1080px;
  background-position: center center;
}
.index-slide5{
  background: url("../images/index_slide5.jpg") no-repeat;
  background-size: 1920px 1080px;
  background-position: center center;
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets{
  left: 50px;
  right: inherit;
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
  margin: 22px 0;
}
.swiper-pagination-bullet{
  width: 13px;
  height: 13px;
  position: relative;
  background: #fff;
  opacity: 1;
  box-shadow: 0 0 4px 0 rgb(0 0 0 / 30%);
}
.swiper-pagination-bullet-active::after{
  width: 23px;  
  height: 23px;
  box-sizing: border-box;
  border: 1px solid #fff;
  position: absolute;
  content: "";
  display: block;
  border-radius: 23px;
  left: -5px;
  top: -5px;
}


.index-slide2 .box{
  position: absolute;
  top: 144px;
  left: 50%;
  -webkit-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  transform: translate(-50%,0);
  width: 1201px;
  height: 684px;
  color: #fff;
}
.index-slide2 .a2{
  margin-top: 24px;
}
.index-slide2 .a3{
  font-size: 20px;
  line-height: 26px;
}
.index-slide2 .a4{
  font-size: 12px;
  line-height: 14px;
  font-family: arial,helvetica,sans-serif;
  margin-top: 5px;
  color: #D3D3D3;
}
.index-slide2 .a5{
  position: absolute;
  display: block;
  right: 0;
  top: 138px;
}
.index-slide2 .a6{
  position: absolute;
  display: block;
  right: 58px;
  top: 323px;
}
.index-slide2 .hr{
  height: 1px;
  border-top: 1px dashed #fff;
  margin: 26px 0 32px;
}
.index-slide2 .con{
  font-size: 14px;
  line-height: 35px;
  width: 593px;
  margin-top: 11px;
}
.index-slide2 ul{
  display: flex;
  font-size: 26px;
  margin: 11px 0 50px;
}
.index-slide2 ul li{
  margin-right: 92px;
}
.index-slide2 ul span{
  font-size: 26px;
}
.index-slide2 ul p:nth-child(1){
  font-size: 16px;
}
.index-slide2 ul p:nth-child(2){
  font-size: 14px;
  margin-top: 10px;
}
.index-slide2 .hezuo .title{
  font-size: 14px;
  line-height: 19px;
  border-left: 1px solid #fff;
  padding-left: 16px;
}
.index-slide2 .hezuo .imgs{
  margin-top: 42px;
  display: flex;
}
.index-slide2 .hezuo .imgs img{
  display: block;
  width: 290px;
  height:80px;
  margin-right: 13px;
}
.index-slide3 .box{
  position: absolute;
  top: 144px;
  left: 50%;
  -webkit-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  transform: translate(-50%,0);
  width: 1201px;
  height: 612px;
}
.index-slide3 .a2{
  margin-top: 20px;
}
.index-slide3 .a3{
  font-size: 12px;
  width: 744px;
  line-height: 24px;
  color: #707070;
  margin-top: 10px;
}
.index-slide3 .imgs{
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
}
.index-slide3 .imgs img{
  width: 128px;
  margin-left: 18px;
}
.index-slide3 .list{
  margin-top: 117px;
  overflow: hidden;
}
.index-slide3 .list a{
  border: 2px solid rgba(243,243,243,1);
  margin-right: 20px;
  font-size: 16px;
  color: #333;
  line-height: 21px;
  width: 275px;
  height: auto;
  float: left;
}
.index-slide3 .list a:last-child{
  margin-right: 0;
}
.index-slide3 .list img{
  width: 275px;
  height: 206px;
}
.index-slide3 .list span{
  display: block;
  padding: 10px 20px;
}

.index-slide4 .box{
  position: absolute;
  top: 144px;
  left: 50%;
  -webkit-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  transform: translate(-50%,0);
  width: 1201px;
  height: 612px;
}
.index-slide4 .a2{
  margin-top: 20px;
}
.index-slide4 .hr{
  height: 1px;
  border-top: 1px dashed #ebebeb;
  margin: 30px 0 20px;
}
.index-slide4 .con{
  height: 473px;
  background: #fff;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
.index-slide4 .left{
  display: block;
  margin-left: 80px;
  margin-top: 35px;
  width: 340px;
  height: 420px;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #f1f1f1;
  transition: all .3s ease;
}
.index-slide4 .left:hover{
  box-shadow: 0 10px 30px rgb(11 64 232 / 15%);
  transform: translateY(-10px);
}
.index-slide4 .left img{
  height: 240px;
}
.index-slide4 .left .bottom{
  padding: 20px;
}
.index-slide4 .left .title{
  display: flex;
}
.index-slide4 .left .title span{
  width: 80px;
  border-right: 1px solid #ddd;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
  padding-top: 5px;
}
.index-slide4 .left .title span b{
  display: block;
  font-size: 40px;
  line-height: 40px;
  color: #000;
}
.index-slide4 .left .title p{
  padding: 10px 0 0 20px;
  width: 210px;
  height: 60px;
  overflow: hidden;
  line-height: 30px;
  font-size: 18px;
  overflow: hidden;
}
.index-slide4 .left .more{
  line-height: 43px;
  padding-top: 15px;
  border-top: 1px solid #ddd;
  margin-top: 15px;
  color: #7F7F7F;
  font-size: 12px;
  background: url("../images/icon_more.png") no-repeat;
  background-position: right center;
}


.index-slide4 .list {
  margin-right: 40px;
}
.index-slide4 .item {
  display: flex;
  padding: 15px 30px 15px 0px;
  margin: 10px;
  border-bottom: 1px solid #eaeaea;
  background: url("../images/icon_more2.png") no-repeat;
  background-position: right center;
}
.index-slide4 .item:last-child{
  border: 0ch;
}
.index-slide4 .item .time{
  width: 80px;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
  padding-top: 5px;
  color: #333;
  font-weight: 100;
}
.index-slide4 .item .time b{
  display: block;
  font-size: 26px;
  line-height: 18px;
  color: #000;
  font-weight: 100;
}
.index-slide4 .item .text p:nth-child(1){
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.index-slide4 .item .text p:nth-child(2){
  font-size: 12px;
  line-height: 20px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  margin-top: 5px;
}
.index-slide4 .item .text{
  width: 496px;
  margin-left: 20px;
}
.index-slide4 a:hover{
  color: #0B40E8;
}

.index-slide5 .box{
  position: absolute;
  top: 144px;
  left: 50%;
  -webkit-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  transform: translate(-50%,0);
  width: 1240px;
  height: 612px;
}
.index-slide5 .left {
  width: 647px;
  height: 399px;
  background: #00499d;
  position: relative;
}
.index-slide5 .left .a1{
  margin-left: 18px;
  margin-top: 27px;
  float: left;
}
.index-slide5 .left .a2{
  margin-left: 18px;
  margin-top: 10px;
  float: left;
}
.index-slide5 .left .info{
  padding-left: 27px;
  margin-top: 10px;
  color: #fff;
  font-size: 12px;
  line-height: 26px;
}
.index-slide5 .left .a3{
  position: absolute;
  width: 150px;
  height: 190px;
  left: 30px;
  bottom: -94px;
}
.index-slide5 .left .a4{
  position: absolute;
  width: 150px;
  height: 190px;
  left: 220px;
  bottom: -94px;
}
.index-slide5 .right {
  position: absolute;
  right: 0;
  top: 60px;
  width: 784px;
  height: 394px;
  background: #fff;
  box-sizing: border-box;
  padding: 20px 30px;
  display: flex;
  justify-content: space-between;
}
.index-slide5 .liuyan {
  width: 300px;
}
.index-slide5 .liuyan .title{
  font-size: 20px;
  color: #00499d;
  margin-bottom: 16px;
}
.index-slide5 .liuyan .title span{
  font-size: 14px;
}
.index-slide5 .liuyan textarea{
  width: 100%;
  height: 100px;
  box-sizing: border-box;
  padding: 5px;
  border: 1px solid #e4e4e4;
  display: block;
  resize: none;
}
.index-slide5 .liuyan .input{
  display: block;
  border: 1px solid #e4e4e4;
  margin-top: 22px;
  box-sizing: border-box;
  height: 40px;
  padding: 0 15px;
  width: 100%;
}
.index-slide5 .liuyan .btn{
  width: 150px;
  height: 40px;
  background: #00499d;
  color: #fff;
  border: 0;
  border-radius: 50px;
  margin-top: 29px;
  font-size: 18px;
  cursor: pointer;
}
.index-slide5 .map{
  width: 398px;
  height: 315px;
}
.BMap_cpyCtrl,.anchorBL{
  display: none!important;
}


.sec-banner{
  margin-bottom: 46px;
}
.sec-banner img{
  width: 100%;
  height: 458px;
  object-fit: cover;
}
.sec-flex{
  display: flex;
  justify-content: space-between;
  padding-bottom: 50px;
}
.sec-left {
  width: 270px;
}
.sec-menu .title{
  background: #112fa1;
  height: 70px;
  border-radius: 8px 8px 0 0;
  color: #fff;
  box-sizing: border-box;
  padding: 10px 20px;
}
.sec-menu .title b{
  font-size: 24px;
  display: block;
}
.sec-menu .title span{
  font-size: 12px;
}
.sec-menu .list a{
  display: block;
  padding: 15px 0 15px;
  background: #f7f7f7;
  color: #000;
  border-bottom: 1px solid#e4e4e4;
  padding-left: 32px;
  line-height: 26px;
}
.sec-menu .list a:hover{
  background: #989898;
  color: #fff;
}
.sec-menu .list-er{
  border: 1px solid #e4e4e4;
}
.sec-menu .list-er .item{
  border-bottom: 1px solid#e4e4e4;
}
.sec-menu .list-er .item:last-child{
  border: 0;
}
.sec-menu .list-er .item a{
  display: block;
  font-size: 26px;
  padding: 10px 0 10px;
  line-height: 25px;
  font-size: 14px;
  color: #000;
  padding-left: 32px;
}
.sec-menu .list-er .item>a{
  background: url("../images/icon_jia.png") no-repeat;
  background-position: 10px center;
  background-size: 15px 15px;
}
.sec-menu .list-er .item a:hover{
  color: #fff;
  background-color: #989898;
}
.sec-menu .list-er .item .er{
  display: none;
  padding-left: 23px;
}
.sec-menu .list-er .item .er a{
  border-bottom: 1px solid#e4e4e4;
}
.sec-menu .list-er .item .er a:last-child{
  border: 0;
}
.sec-menu .list-er .item .er.active{
  display: block;
}


.sec-lianxi {
  background: url("../images/left_lianxi.jpg") no-repeat;
  padding: 15px;
  margin-top: 13px;
  padding-bottom: 265px;
}
.sec-lianxi .title{
  font-size: 20px;
  color: #112fa1;
}
.sec-lianxi .con{
  color: #707070;
  line-height: 30px;
  margin-top: 10px;
  font-size: 14px;
}
.sec-right {
  width: 890px;
}
.dqwz{
  line-height: 36px;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 20px;
  background: url("../images/icon_home.png") no-repeat;
  background-size: 20px 20px;
  background-position: left center;
  padding-left: 30px;
}
.dqwz a:hover{
  color: #00499d;
}
.con-body{
  font-size: 14px;
  line-height: 30px;
  padding: 20px;
  color: #707070;
}
.con-body img{
  max-width: 100%!important;
}
.con-body table{
  border-collapse:collapse;
}

.footer{
  background: url("../images/footer_bg.png") no-repeat;
  background-position: center top;
  color: #fff;
  font-size: 14px;
  line-height: 25px;
}
.footer a{
  color: #fff;
}
.footer .w1200{
  display: flex;
  justify-content: space-between;
  padding: 39px 0 21px;
}
.footer .left{
  width: 392px;
  border-right: 1px dotted rgb(255 255 255 / 50%);
}
.footer .banquan{
  margin-top: 20px;
}
.footer .center{
  width: 336px;
  margin-left: 50px;
  border-right: 1px dotted rgb(255 255 255 / 50%);
}
.footer .right{
  display: flex;
}
.footer .right img{
  margin-left: 50px;
  width: 150px;
  height: 190px;
}



.sec-productlist{
  overflow: hidden;
}
.sec-productlist a{
  border: 2px solid rgba(243,243,243,1);
  margin-right: 22px;
  margin-bottom: 22px;
  font-size: 16px;
  color: #333;
  line-height: 21px;
  float: left;
  width: 275px;
}
.sec-productlist a:nth-child(3n){
  margin-right: 0;
}
.sec-productlist img{
  width: 275px;
  height: 206px;
}
.sec-productlist span{
  display: block;
  padding: 10px 20px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}

.pagelist{
  display: flex;
  line-height: 30px;
  justify-content: flex-end;
  margin-top: 20px;
}
.pagelist a{
  color: #666666;
  padding: 0 10px;
  min-width: 30px;
  text-align: center;
  background: #f2f2f2;
  margin: 5px;
  box-sizing: border-box;
  font-size: 12px;
}
.pagelist a.page-num-current{
  background: #6f6f6f;
  color: #fff;
}

.productcon .topbox{
  display: flex;
  justify-content: space-between;
}
.productcon .product-swiper{
  width: 602px;
  height: 576px;
  border: 1px solid #e4e4e4;
}
.product-swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-swiper .mySwiper2 {
  height: 400px;
  width: 100%;
}
.product-swiper .mySwiper {
  height: 100px;
  box-sizing: border-box;
  margin-top: 20px;
}
.product-swiper .mySwiper .swiper-slide {
  width: 126px;
  height: 100%;
  border: 2px solid #9a9b9b;
  box-sizing: border-box;
}
.product-swiper .mySwiper .swiper-slide-thumb-active {
  border: 2px solid #69c0bc;
}
.product-swiper .swiper-button-next,.product-swiper .swiper-button-prev{
color: #69c0bc;
}
.productcon .liulan{
  font-size: 12px;
  color: #c8c8c8;
  margin-top: 20px;
  padding-left: 30px;
}
.productcon .liulan span{
  color: #969696;
}
.productcon .topbox .right{
  width: 271px;
}
.productcon .topbox .right .title,.productcon .topbox .right .tel{
  display: none;
}
.productcon .topbox .right .item{
  display: flex;
  line-height: 30px;
  border-bottom: 1px dashed #e4e4e4;
  padding: 15px 0;
}
.productcon .topbox .right .item span{
  width: 70px;
  text-align: right;
  color: #979797;
  margin-right: 10px;
}
.productcon .topbox .right .item h2{
  width: 196px;
  color: #333;
  font-size: 18px;
}
.productcon .topbox .right .item p{
  width: 196px;
  color: #707070;
  font-size: 16px;
}
.productcon .info{
  margin-top: 20px;
}
.productcon .info .title{
  line-height: 45px;
  text-align: center;
  background: #2540a7;
  color: #fff;
  font-size: 16px;
  width: 114px;
}
.productcon .info-body{
  border: 1px solid #e4e4e4;
}

.newslist .item{
  display: flex;
  padding: 15px;
  border-bottom: 1px solid #f0f0f0;
  justify-content: space-between;
}
.newslist .item:hover{
  color: #00499d;
}
.newslist .img{
  width: 168px;
  height: 168px;
}
.newslist .text{
  width: 673px;
}
.newslist .top{
  display: flex;
  justify-content: space-between;
  line-height: 20px;
}
.newslist .title{
  width: 460px;
  font-size: 16px;
}
.newslist .time{
  font-size: 12px;
  color: #c8c8c8;
  background: url("../images/icon_time.png") no-repeat;
  background-position: left center;
  padding-left: 20px;
}
.newslist .time span{
  color: #969696;
}
.newslist .desc{
  font-size: 14px;
  line-height: 26px;
  margin: 8px 0;
}
.newslist .more{
  width: 86px;
  line-height: 28px;
  font-size: 12px;
  background: #fcfcfc;
  border: 1px solid #f0f0f0;
  text-align: center;
  color: #112fa1;
  float: right;
}

.zizhilist{
  overflow: hidden;
  padding-left: 24px;
}
.zizhilist .item{
  float: left;
  margin-right: 24px;
  font-size: 14px;
  line-height: 28px;
  color: #707070;
  text-align: center;
  margin-bottom: 20px;
}
.zizhilist .item img{
  width: 247px;
  height: 341px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  padding: 5px;
  margin-bottom: 10px;
}
.zizhilist .item:hover img{
  border-color: #cc411a;
}


.rongmaolist{
  overflow: hidden;
  padding-left: 50px;
}
.rongmaolist .item{
  float: left;
  margin-right: 50px;
  margin-bottom: 20px;
}
.rongmaolist .item img{
  width: 355px;
  height: auto;
  border: 1px solid #ddd;
  box-sizing: border-box;
  padding: 5px;
}
.rongmaolist .item:hover img{
  border-color: #cc411a;
}
.rongmaolist .item:nth-child(2n){
  margin-right: 0;
}

.hezuolist{
  overflow: hidden;
  padding-left: 30px;
}
.hezuolist .item{
  float: left;
  margin-right: 30px;
  margin-bottom: 20px;
}
.hezuolist .item img{
  width: 173px;
  height: 98px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  padding: 5px;
}
.hezuolist .item:hover img{
  border-color: #cc411a;
}
.hezuolist .item:nth-child(4n){
  margin-right: 0;
}




.newscon .title{
  font-size: 20px;
  color: #1e1e1e;
  line-height: 50px;
  text-align: center;
}
.newscon .time{
  color: #969696;
  font-size: 12px;
  text-align: center;
  line-height: 50px;
  border-bottom: 1px solid #f0f0f0;
}
.newscon .next{
  font-size: 14px;
  color: #969696;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #f0f0f0;
  display: flex;
  line-height: 50px;
  margin-top: 20px;
  padding: 0 20px;
}
.newscon .next div{
  width: 360px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.newscon .next div:last-child{
  text-align: right;
}
.newscon .next a{
  color: #969696;
}
.newscon .next a:hover{
  color: #69c0bc;
}

.contact-map{
  width: 100%;
  height: 548px;
}
.guestbook {

}
.guestbook .input{
  display: flex;
  margin-bottom: 22px;
}
.guestbook .input span{
  width: 100px;
  font-size: 14px;
  color: #666;
  text-align: right;
  margin-right: 5px;
  line-height: 40px;
}
.guestbook .input input{
  display: block;
  border: 1px solid #e4e4e4;
  box-sizing: border-box;
  height: 40px;
  padding: 0 15px;
  width: 330px;
}
.guestbook .input textarea{
  width: 330px;
  height: 150px;
  box-sizing: border-box;
  padding: 5px;
  border: 1px solid #e4e4e4;
  display: block;
  resize: none;
}
.guestbook .btn{
  width: 113px;
  height: 40px;
  background: #00499d;
  color: #fff;
  border: 0;
  border-radius: 10px;
  font-size: 18px;
  margin-left: 100px;
  cursor: pointer;
}
.fix-right{
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 9;
  width: 54px;
  height: 220px;
}
.fix-right .item{
  border-bottom: 1px solid #8e8e8e;
  width: 54px;
  height: 54px;
  background: #00499d;
  transition: all 0.4s;
  position: relative;
}
.fix-right .item:last-child{
  margin-bottom: 0;
}
.fix-right .item a{
  position: absolute;
  width: 54px;
  height: 54px;
  line-height: 54px;
  overflow: hidden;
  top: 0;
  right: 0;
  background: #00499d;
  color: #fff;
  display: flex;
  transition: all 0.5s;
}
.fix-right .item.wx a{
  overflow: inherit;
}
.fix-right .item.wx .img{
  width: 140px;
  height: 140px;
  position: absolute;
  left: -140px;
  top: 0;
  display: none;
  background: #fff;
}
.fix-right .item.wx:hover .img{
  display: block;
}
.fix-right .item.text a:hover{
  width: 164px;
}





@media (max-width: 1350px) {
  body{
    width: 1350px;
  }
  .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets {
    left: 30px;
  }
}

.mshow,.nav-btn,.mfoot,.mtitle,.index-slide3 .more,.index-slide4 .new-list,.mob-title{
  display: none;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 750px) {
body{
  width: 100%;
}
.pcshow,.fix-right{
  display: none;
}
.mshow{
  display: block;
}
.head {
  height: 60px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 22;
  width: 100%;
  background: #fff;
}
.head .tel{
  display: none;
}
.head .w1270{
  width: 100%;
  height: 60px;
  padding: 5px;
  box-sizing: border-box;
}
.head .logo img {
  height: 100%;
  padding-top: 0;
}
.nav-btn{
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  padding-top: 8px;
}
.nav-btn span{
  width: 28px;
  height: 3px;
  background: #333;
  display: block;
  margin: 6px auto;
}
.head .nav{
  display: block;
  background: #000;
  position: fixed;
  top: 60px;
  left: 0;
  height: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 22;
  overflow: hidden;
  transition: all 0.5s;
  padding: 0 38px;
}
.head .nav.active{
  height: 100vh;
  padding: 25px 38px;
}
.head .nav .item>a {
  line-height: 50px;
  padding: 0;
  font-size: 15px;
  display: block;
  color: #fff;
  border-bottom: 1px solid rgb(221 221 221 / 55%);
}
.head .nav .er{
  display: none;
  position: relative;
  width: 100%;
  top: 0;
  line-height: 40px;
  background: none;
  border: 0;
  padding-left: 30px;
}
.head .nav .er a {
  border-bottom: 1px solid rgb(221 221 221 / 35%);
  padding-left: 0;
  color: #fff;
}
.head .nav .item:hover>a{
  background: none;
}
.head .nav .item:hover .er {
  display: none;
}




.w1200 {
  width: 100%;
}
.footer{
  display: none;
}
.sec-flex{
  display: block;
  padding-bottom: 70px;
}
.sec-left{
  margin: 0;
}
.sec-lianxi{
  display: none;
}
.sec-menu .title{
  display: none;
}
.sec-menu{
  position: relative;
  width: 100%;
}
.sec-left {
  width: 100%;
}
.sec-banner {
  margin-bottom: 0;
  margin-top: 60px;
}
.sec-menubtn{
  width: 100%;
  height: 50px;
  background: #00499d url("../images/icon_sec_menubtn.png") no-repeat;
  background-position: center center;
  background-size: 30px 30px;
}
.sec-menu .list {
  position: fixed;
  top: 60px;
  right: -100vw;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  z-index: 20;
  padding-left: 60px;
  background: #fff;
  transition: all 0.5s;
}
.sec-menu .list.show{
  right: 0;
}
.closeMenu{
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 100%;
  background: #00499d url("../images/icon_right.png") no-repeat;
  background-position: center 30px;
}
.sec-menu .list a {
  padding: 15px 0;
  text-align: center;
}
.dqwz{
  display: none;
}
.sec-right {
  width: 100%;
}
.sec-banner img{
  width: 100%;
  height: auto;
}

.mfoot{
  display: flex;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 8;
  box-sizing: border-box;
  width: 100%;
  background: #0B40E8;
}
.mfoot a{
  box-sizing: border-box;
  border-right: 1px solid #fff;
}
.mfoot a:last-child{
  border: 0;
}



.sec-menu .list-er {
  position: fixed;
  top: 60px;
  right: -100vw;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  z-index: 20;
  padding-left: 60px;
  background: #fff;
  transition: all 0.5s;
  border: 0;
}
.sec-menu .list-er.show{
  right: 0;
}
.sec-menu .list-er .item a{
  font-size: 16px;
  line-height: 30px;
}
.sec-menu .list-er .item .er a{
  font-size: 14px;
  line-height: 25px;
}
.sec-productlist{
  padding: 10px 10px;
}
.sec-productlist a {
  border: 1px solid rgba(243,243,243,0.5);
  margin-bottom: 10px;
  font-size: 14px;
  width: 48%;
  margin-right: 0;
  box-sizing: border-box;
}
.sec-productlist a:nth-child(2n){
  margin-left: 4%;
}
.sec-productlist img {
  width: 100%;
  height: 135px;
  border: 1px solid rgba(243,243,243,1);
}
.pagelist {
  justify-content: center;
  margin-bottom: 20px;
}
.productcon .topbox {
  display: block; 
}
.productcon .product-swiper {
  width: 100%;
  height: auto;
  border: 0;
}
.product-swiper .mySwiper2 {
  height: 300px;
}
.product-swiper .mySwiper {
  height: 120px;
  margin-top: 20px;
  background: rgba(0,0,0,0.5);
  padding: 20px 0;
}
.product-swiper .mySwiper .swiper-slide{
  width: 112px;
}
.productcon .topbox .right {
  width: 100%;
}
.productcon .topbox .right .title{
  display: block;
  text-align: left;
  box-sizing: border-box;
  background: #d9d9d9;
  color: #666;
  padding-left: 30px;
  font-size: 18px;
  line-height: 54px;
}
.productcon .topbox .right .tel{
  line-height: 44px;
  display: block;
  text-align: center;
  font-size: 18px;
  color: #fff;
  background: #00499d;
  margin: 0 20px;
  border-radius: 5px;
}
.productcon .topbox .right .tel span{
  padding-left: 25px;
  background: url("../images/icon_tel2.png") no-repeat;
  background-position: left center;
}
.productcon .topbox .right .item{
  border: 0;
}
.productcon .topbox .right .item:nth-child(2){
  display: none;
}
.productcon .liulan{
  display: none;
}
.productcon .info-body {
  border: 0;
}
.con-body{
  width: 100%;
  overflow-x: auto;
  box-sizing: border-box;
}
.productcon .info .title{
  width: 100%;
  text-align: left;
  box-sizing: border-box;
  background: #d9d9d9;
  color: #666;
  padding-left: 30px;
  font-size: 18px;
  line-height: 54px;
}
.productcon .mtitle{
  display: block;
  font-size: 24px;
  line-height: 30px;
  padding: 15px 15px;
}

.newslist .item {
  display: block;
  padding: 15px;
  border-bottom: 1px solid #f0f0f0;
}
.newslist .text {
  width: 100%;
}
.newslist .desc {
  display: none;
}
.newslist .more{
  display: none;
}
.newslist .top{
  display: block;
}
.newslist .title{
  width: 100%;
  margin: 10px 0;
}
.newslist .img {
  width: 100%;
  height: 168px;
}
.newslist .img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.newscon .title{
  padding: 15px 15px 0;
  line-height: 32px;
}
.contact-map {
  width: 100%;
  height: 248px;
}
.guestbook .input span{
  display: none;
}
.guestbook {
  padding: 20px;
}
.guestbook .input textarea,.guestbook .input input{
  width: 100%;
}


.index-head{
  height: 60px;
  background: none;
}
.index-head .head{
  height: 60px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 22;
  width: 100%;
  background: #fff;
  transform: translateX(0);
}
.index-slide1{
  background: url("../images/m_index1.jpg") no-repeat;
  background-size: cover;
  background-position: center center;
}
.index-slide1 video,.index-slide1 .bg{
  display: none;
}
.index-slide2 .box {
  top: 80px;
  width: 100%;
  height: auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.index-slide2 .a1 {
  height: 20px;
}
.index-slide2 .a2 {
  margin-top: 10px;
  height: 18px;
}
.index-slide2 .hr,.index-slide2 .a3,.index-slide2 .a4,.index-slide2 ul{
  display: none;
}
.index-slide2 .con{
  width: 100%;
  font-size: 12px;
  line-height: 24px;
}
.index-slide2 .a5 {
  right: 0;
  left: 20px;
  top: 260px;
  width: 170px;
}
.index-slide2 .a6 {
  right: 0;
  left: 195px;
  top: 260px;
  width: 170px;
}
.index-slide2 .hezuo{
  margin-top: 120px;
}
.index-slide2 .hezuo .imgs {
  margin-top: 20px;
  flex-wrap: wrap;
  display: flex;
  height: 160px;
  overflow: hidden;
}
.index-slide2 .hezuo .imgs img{
  width: 143px;
  height: auto;
  margin-right: 10px;
  margin-bottom: 10px;
}
.index-slide3 .box {
  top: 80px;
  left: 50%;
  width: 100%;
  height: auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.index-slide3 .imgs,.index-slide3 .a3{
  display: none;
}
.index-slide3 .a1 {
  height: 20px;
}
.index-slide3 .a2 {
  margin-top: 10px;
  height: 18px;
}
.index-slide3 .list {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
}
.index-slide3 .list a {
  border: 0;  
  margin-right: 0;
  font-size: 12px;
  width: 48%;
  margin-bottom: 10px;
  box-sizing: border-box;
}
.index-slide3 .list a:nth-child(2n){
  margin-left: 4%;
}
.index-slide3 .list img {
  width: 100%;
  height: 120px;
  border: 1px solid rgba(243,243,243,1);
  box-sizing: border-box;
}
.index-slide3 .more{
  display: block;
  background: #015aae;
  font-size: 14px;
  text-align: center;
  color: #fff;
  margin-top: 30px;
  line-height: 40px;
}
.index-slide3 .list span{
  padding: 5px; 
}

.index-slide4 .box {
  top: 80px;
  left: 50%;
  width: 100%;
  height: auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.index-slide4 .hr,.index-slide4 .left{
  display: none;
}
.index-slide4 .a1 {
  height: 20px;
}
.index-slide4 .a2 {
  margin-top: 10px;
  height: 18px;
}
.index-slide4 .con{
  display: none;
}
.index-slide4 .new-list {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.index-slide4 .new-list a {
  color: #333;
  line-height: 21px;
  font-size: 12px;
  width: 48%;
  margin-bottom: 20px;
  box-sizing: border-box;
  background: #fff;
  padding: 5px;
}
.index-slide4 .new-list img {
  width: 100%;
  height: 120px;
  border: 1px solid rgba(243,243,243,1);
}
.index-slide4 .new-list span {
  padding: 5px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  display: block;
}
.index-slide4 .new-list a:nth-child(2n){
  margin-left: 4%;
}
.index-slide5 .box {
  top: 80px;
  left: 50%;
  width: 100%;
  height: auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.index-slide5 .map,.index-slide5 .left .a4,.index-slide5 .left .a3,.index-slide5 .liuyan .title{
  display: none;
}
.index-slide5 .left {
  width: 100%;
  height: auto;
  background: none;
}
.index-slide5 .right {
  position: relative;
  right: 0;
  top: 0;
  width: 100%;
  height: auto;
  background: none;
  padding: 0;
  display: block;
}
.index-slide5 .left .a1 {
  height: 20px;
  margin-left: 0;
  margin-top: 0;
}
.index-slide5 .left .a2 {
  height: 18px;
  margin-left: 0;
}
.index-slide5 .liuyan{
  width: 100%;
  margin-top: 20px;
}
.index-slide5 .liuyan .input{
  margin-top: 14px;
}
.index-slide5 .liuyan textarea{
  height: 80px;
}
.index-slide5 .liuyan .btn{
  width: 100%;
  border-radius: 5px;
}
.index-slide5 .left .info{
  padding-left: 0;
}
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets{
  left: auto;
  right: 24px;
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
}
.swiper-pagination-bullet-active::after {
  width: 14px;
  height: 14px;
  left: -3px;
  top: -3px;
}

.zizhilist{
  padding: 0 20px;
}
.zizhilist .item{
  width: 30%;
  margin-right: 4%;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 10px;
}
.zizhilist .item img{
  width: 100%;
  height: 154px;
  padding: 3px;
  margin-bottom: 5px;
}
.zizhilist .item:nth-child(3n){
  margin-right: 0;
}
.mob-title{
  padding: 0 20px;
  margin-bottom: 20px;
  display: block;
}
.mob-title span{
  display: block;
  font-size: 28px;
  text-align: center;
  color: #000;
  padding: 30px 0 20px;
  border-bottom: 1px solid #f0f0f0;
}

.rongmaolist{
  padding: 0 20px;
}
.rongmaolist .item{
  width: 48%;
  margin-right: 4%;
  margin-bottom: 10px;
}
.rongmaolist .item img{
  width: 100%;
  border: 1px solid #ddd;
  padding: 5px;
}

.hezuolist{
  padding: 0 20px;
}
.hezuolist .item{
  width: 48%;
  margin-right: 4%;
  margin-bottom: 10px;
}
.hezuolist .item img{
  width: 100%;
  height: 90px;
  border: 1px solid #ddd;
  padding: 5px;
}
.hezuolist .item:nth-child(2n){
  margin-right: 0;
}
.imageResponse{
  display: none;
}



























}




.pagination {
    text-align:center;
	font-size: 13px;
}
.pagination a {
    color: #606060;
    padding: 6px 12px;
    display: inline-block;
    border: 1px solid #b5b5b5;
    margin: 0 2px 5px 0;
    line-height: 20px;
}
.pagination span {
    color: #fff;
    border: 1px solid #2b78d9;
    background: #2b78d9;
    padding: 6px 12px;
    display: inline-block;
    margin: 0 2px 5px 0;
    line-height: 20px;
}
.pagination a:hover {
    color: #fff;
    border: 1px solid #2b78d9;
    background: #2b78d9;
}



.showcon img {
    max-width:100% !important;
	height:auto !important;
}