body {  font: 16px pxPingFangSC-Regular, Helvetica, Arial, Microsoft Yahei, sans-serif;}

.phone { display: none;}
.container { max-width: 1560px;width: 92%; margin: 0 auto;}

.left{float: left;}
.right{float: right;}


.wrapper { display: flex; flex-direction: column; min-height: 100vh;}

.main {flex: 1;}

.footer,
.header { flex: 0;}

a:hover {
  text-decoration: none;
  color: #240f6c;
  transition: color 0.4s;
  -moz-transition: color 0.4s;
  -webkit-transition: color 0.4s;
  -o-transition: color 0.4s;
}



 



@-webkit-keyframes fromBottomFade {



  from {



    -webkit-transform: translateY(20%);



    opacity: 0;



  }



}







@keyframes fromBottomFade {



  from {



    transform: translateY(20%);



    opacity: 0;



  }



}






@font-face {



  font-family: sourceHan;



  src: url(../fonts/SourceHan/SourceHanSansCN-Medium.otf);



}



@font-face {



  font-family: sourceHan-bold;



  src: url(../fonts/SourceHan/SourceHanSansCN-Bold.otf);



}



@font-face {



  font-family: anton;



  src: url(../fonts/ANTON-REGULAR-2.ttf);



}





@font-face {



  font-family: gilroy;



  src: url(../fonts/gilroy/Gilroy-Light-11.otf);



}

@font-face {



  font-family: gilroy-bold;



  src: url(../fonts/gilroy/gilroy-bold-4.otf);



}

@font-face {
  font-family: pingfang;
  src: url(../fonts/pingfang/PINGFANG.TTC);
}

.pingfang{
  font-family: pingfang;
}


.sourceHan{



  font-family: sourceHan;



}



.sourceHan-bold{



  font-family: sourceHan-bold;



}



.anton{



  font-family: anton;



}

.gilroy{

  font-family: gilroy;

}

.gilroy-bold{

  font-family: gilroy-bold;

}

/* 导航 */






.pc-nav {    position: fixed;  top: 0;  left: 0; z-index: 9999; transition: 0.3s;width: 100%;height: 140px;display: flex;  align-items: center;  justify-content: space-between; }
.pc-nav .logo-box{padding-left: 4%;}
.pc-nav .logo {position: relative;width:300px ; height: 90px;}
.pc-nav .logo .logo1{opacity: 1;position: absolute;left: 0;height: 100%;}
.pc-nav .logo .logo2{opacity: 0;position: absolute;left: 0;height: 0;}
.pc-nav .logo .logo3{opacity: 1;position: absolute;left: 105px;top:5px;height: 80px;}
.pc-nav .logo .logo4{opacity: 0;position: absolute;left: 105px;height: 0;}
.pc-nav .logo img {  max-width: 100%;max-height: 100%;}

.pc-nav .nav{padding: 0 4%;position: relative;height: 140px; display: flex;align-items: center;}
.pc-nav .nav .nav-bg{position: absolute;width: 100%;top:0;left:0;background: rgba(0,142,214,0.9);z-index: 1;height: 100vh;display: none;}
/* .pc-nav .nav .nav-bg.active{height: 100vh;opacity: 1;display: block; } */
.pc-nav .nav .menu{position: relative;z-index: 100;}
.pc-nav .nav .menu li { float: left;  margin-left: 35px;}
.pc-nav .nav .menu li:last-child{ float: left;  padding-right: 35px;}
.pc-nav .nav .menu li a{font-size: 20px; color:#ffffff;opacity: 0.8; height:40px;line-height:40px; white-space: nowrap;display: block;}
.pc-nav .nav .menu li a.nv{position:relative; }
.pc-nav .nav .menu li:hover a {  color:#ffffff;opacity:1; }
.pc-nav .nav .menu li.cur a { color:#ffffff;opacity:1;  }

.pc-nav .nav .menu li .form{width: 180px;height: 36px; background: #f9f9f9;border-radius: 10px;overflow: hidden;}
.pc-nav .nav .menu li input{width: 150px;float: left; height: 36px;border: none;background: #f9f9f9;outline: none;text-indent: 15px;}
.pc-nav .nav .menu li .icon{float: left;line-height: 36px;}
.pc-nav .nav .menu .g-nav__child {  display: none;  position: absolute;left: 0;height: calc(100vh - 140px); width: 100%; top: 40px;padding-top: 60px; font-size: 14px; }
.pc-nav .nav .menu .g-nav__child li{width: 100%;display: block;background: url(../images/heart.png)no-repeat center left;padding: 10px 0px 10px 30px;transition: 0.3s;}
.pc-nav .nav .menu .g-nav__child  a {overflow: hidden;  white-space: nowrap; height:40px;line-height:40px;   text-overflow: ellipsis;   display: block;  font-size: 20px;  text-align: left; }
.pc-nav .nav .menu li:hover .g-nav__child{display: block;}
/* .pc-nav .nav .menu li:hover .g-nav__child{display: block;} */
.pc-nav .nav .menu .g-nav__ttl{position: absolute;bottom: 8%;left:30px;}
.pc-nav .nav .menu .g-nav__ttl .ja{font-size: calc(2vw + 3px);}
.pc-nav .nav .menu .g-nav__ttl .en{font-size: calc(1vw + 3px);}
.pc-nav .nav .menu .g-nav__icon{position: absolute;bottom: 15%;right:0px;}
.pc-nav .nav .menu .g-nav__child li:hover{padding: 10px 0px 10px 50px;}

.pc-nav .nav .menu li.cur .nv::after{content:""; position:absolute;width:100%;height:4px;left: 0;top: 100%;background:#ffffff;}
.pc-nav.active .nav .menu li.cur .nv::after{content:""; position:absolute;width:100%;height:4px;left: 0;top: 100%;background:#0093dd;}
.pc-nav .nav .menu li:hover.cur .nv::after{content:""; position:absolute;width:100%;height:4px;left: 0;top: 100%;background:#ffffff;}
.pc-nav.active{ background: #ffffff;box-shadow: 0 2px 10px 0 rgb(0 0 0 / 20%);top: 0px;height: 100px;}
.pc-nav.active .logo {  position: relative;  width: 300px; height: 80px;}
.pc-nav.active .logo .logo1{opacity: 0;position: absolute;left: 0;height: 0;}
.pc-nav.active .logo .logo2{opacity: 1;position: absolute;left: 0;height:80px;}
.pc-nav.active .logo .logo3{opacity: 0;position: absolute;left: 105px;height: 0;}
.pc-nav.active .logo .logo4{opacity: 1;position: absolute;left: 105px;top:5px;height:70px;}
.pc-nav.active .nav .menu li a { color: #333333;}
/* .pc-nav.active .nav .menu li.cur .nv {color:#000000;opacity:1; }
.pc-nav.active .nav .menu li a:hover{color:#000000;opacity:1; } */
/* .pc-nav.active1{ background: #ffffff;box-shadow: 0 2px 10px 0 rgb(0 0 0 / 20%);top: 0px;}
.pc-nav.active1 .nav .menu li a { color: #0b398a;}
.pc-nav.active1 .nav .menu li.cur .nv {color:#000000;opacity:1; }
.pc-nav.active1 .nav .menu li a:hover{color:#000000;opacity:1; }  */

.pc-nav .nav.active .menu li a { color: #ffffff;}





.nypc-nav {background: #ffffff;    position: fixed;  top: 0;  left: 0; z-index: 9999; transition: 0.3s;width: 100%;height: 140px;display: flex;  align-items: center;  justify-content: space-between; }
.nypc-nav .logo-box{padding-left: 4%;}
.nypc-nav .logo {position: relative;width:117px ; height: 104px;}
.nypc-nav .logo .logo2{opacity: 1;position: absolute;left: 0;height: 100%;}
.nypc-nav .logo img {  max-width: 100%;max-height: 100%;}

.nypc-nav .nav{padding: 0 4%;position: relative;height: 140px; display: flex;align-items: center;}
.nypc-nav .nav .nav-bg{position: absolute;width: 100%;top:0;left:0;background: rgba(0,142,214,0.9);z-index: 1;height: 100vh;display: none;}
/* .pc-nav .nav .nav-bg.active{height: 100vh;opacity: 1;display: block; } */
.nypc-nav .nav .menu{position: relative;z-index: 100;}
.nypc-nav .nav .menu li { float: left;  margin-left: 35px;}
.nypc-nav .nav .menu li:last-child{ float: left;  padding-right: 35px;}
.nypc-nav .nav .menu li a { font-size: 20px; color:#333333;opacity: 0.8; height:40px;line-height:40px; white-space: nowrap;}
.nypc-nav .nav .menu li:hover a {  color:#333333;opacity:1; }
.nypc-nav .nav .menu li.cur a { color:#333333;opacity:1;  }
.nypc-nav .nav .menu li .form{width: 180px;height: 36px; background: #f9f9f9;border-radius: 10px;overflow: hidden;}
.nypc-nav .nav .menu li input{width: 150px;float: left; height: 36px;border: none;background: #f9f9f9;outline: none;text-indent: 15px;}
.nypc-nav .nav .menu li .icon{float: left;line-height: 36px;}
.nypc-nav .nav .menu .g-nav__child {  display: none;  position: absolute;left: 0;height: calc(100vh - 140px); width: 100%; top: 40px;padding-top: 60px; font-size: 14px; }
.nypc-nav .nav .menu .g-nav__child li{width: 100%;display: block;background: url(../images/heart.png)no-repeat center left;padding: 10px 0px 10px 30px;transition: 0.3s}
.nypc-nav .nav .menu .g-nav__child  a {overflow: hidden;  white-space: nowrap; height:40px;line-height:40px;   text-overflow: ellipsis;   display: block;  font-size: 20px;  text-align: left; }
.nypc-nav .nav .menu li:hover .g-nav__child{display: block;}
/* .pc-nav .nav .menu li:hover .g-nav__child{display: block;} */
.nypc-nav .nav .menu .g-nav__ttl{position: absolute;bottom: 8%;left:30px;}
.nypc-nav .nav .menu .g-nav__ttl .ja{font-size: calc(2vw + 3px);}
.nypc-nav .nav .menu .g-nav__ttl .en{font-size: calc(1vw + 3px);}
.nypc-nav .nav .menu .g-nav__icon{position: absolute;bottom: 15%;right:0px;}
.nypc-nav .nav .menu .g-nav__child li:hover{padding: 10px 0px 10px 50px;}

.nypc-nav.active{ background: #ffffff;box-shadow: 0 2px 10px 0 rgb(0 0 0 / 20%);top: 0px;height: 120px;}
.nypc-nav.active .logo .logo1{opacity: 0;position: absolute;left: 0;height: 0;}
.nypc-nav.active .logo .logo2{opacity: 1;position: absolute;left: 0;height: 100%;}
.nypc-nav.active .logo .logo3{opacity: 0;position: absolute;left: 105px;height: 0;}
.nypc-nav.active .logo .logo4{opacity: 1;position: absolute;left: 105px;height: 100%;}
.nypc-nav.active .nav .menu li a { color: #333333;}
.nypc-nav .nav.active .menu li a { color: #ffffff;}


.headerauto{height: 140px;} 











.header-gap{



  height: 180px;



}







.iFixed {



  position: fixed;



  z-index: 999;



}



.iFixed .iFixed-box {



  width: 36px;



  height: 160px;



  background-color: #2e4789;



  color: #fff;



  position: fixed;



  right: 0;



  top: 220px;



}



.iFixed span {



  display: block;



  width: 10px;



  margin: 20px auto;



  font-size: 12px;



  color: #fff;



}



.iFixed span img {



  width: 12px;



  height: 12px;



  display: block;



  margin-bottom: 20px;



}



.iFixed .qrcode {



  display: none;



  width: 150px;



  height: 150px;



  background: #f09;



  top: 0;



  position: absolute;



  right: 40px;



  opacity: 1;



  background-image: url("../images/iqrcode.jpeg");



  background-size: 100% 100%;



  font-size: 12px;



  -webkit-transition: 0.3s;



  transition: 0.3s;



  -webkit-transition: 0.5s;



  -moz-transition: 0.5s;



}



.iFixed-box:hover .qrcode {



  display: block;



}



/* 内页导航 */
.sidenav{overflow: hidden;background: #f8f8f8;}
.sidenav .container{ display: flex;justify-content:space-between;flex-wrap: wrap;}
.sidenav .container1{ display: flex;justify-content:space-between;flex-wrap: wrap;}
.sidenav ul { display: flex;justify-content: center;flex-wrap: wrap;width: 100%;}
.sidenav ul li{  margin:0px 20px;height:80px;display: flex;align-items: center;  overflow: hidden;}
.sidenav ul li img{margin-right: 10px;}
.sidenav ul li a {color: #333333;  font-size:18px; display: block; position: relative;}
.sidenav ul li.cur a{color: #0093dd;}
.bg-gray{background: #f8f8f8;}
.bg-white{background: #ffffff;}





.orientation {   line-height: 30px;max-width:1200px;margin:auto; margin-top: 30px;}







/* 首页banner */

@keyframes scaleDraw{ 
  0%{
     transform: scale(1.2,1.2); 
  }
  100%{
    
    transform: scale(1,1);  
  }
}
@keyframes cirCle {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.index-banner { overflow: hidden;}
.index-banner .mySwiper{overflow: hidden;z-index:-1}
.index-banner img{
  font-size: 0;
  line-height: 0;
  animation: scaleDraw 7s linear infinite;
  -webkit-animation-name: scaleDraw; /*关键帧名称*/
  -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
  -webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
  -webkit-anbimation-duration: 6s; /*动画所花费的时间*/
}
.index-banner .swiper-pagination .swiper-pagination-bullet{background:#000000;opacity:1;width:12px;height:12px;}
.index-banner .swiper-pagination .swiper-pagination-bullet-active{background:#ffffff;opacity:1}


/* 内页banner */

.inside-banner {width: 100%;overflow: hidden;}
.inside-banner .swiper-slide { position: relative;}


.tit{text-align: center;}
.tit .cnname{  font-size: 48px;color: #333333;line-height: 1;text-transform: uppercase;}
.tit .more a{font-size: 18px;line-height: 42px;display: block;padding: 0px 1ch; border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.tit .endescrip{  font-size:20px;color: #333333;line-height: 1.5;margin-top: 23px;}



.iAbout{width: 100%;padding: 60px 0px;overflow: hidden;}
.iAbout .container{overflow: hidden;}
.iAbout .title{font-size: calc(2vw + 8px);color:#008ed6;margin-bottom: 25px;}
.iAbout .flex-content{display: flex;align-items: center;justify-content: space-between;}
.iAbout .details{font-size: calc(2vw + 2px);line-height: 1.8;}
.iAbout ul li{width:calc(9vw + 12px);height: calc(9vw + 12px);position:relative; margin-left: 2vw;background:url(../images/circle1.png)no-repeat center;background-size:cover; display: flex;align-items: center;justify-content: center; }
.iAbout ul li .ico{width: 4.5vw;height: 4.5vw;display: flex;align-items: center;justify-content: center;}
.iAbout ul li .tt{text-align: center;color:#008ed6;font-size: 16px;font-weight: bold;}
.iAbout ul li:hover::after{content:"";position:absolute;z-index:-1; left:0px;top:0px;width:100%;height: 100%;background:url(../images/circle.png)no-repeat center;background-size:cover;
animation: cirCle 2s linear infinite;
  }
    
/*}*/


.iProducts{background:#f8f8f8;padding: 100px 0px;}
.iProducts *{transition: 0.6s;}
.iProducts .title{font-size: calc(2vw + 8px);color:#000000;margin-bottom: 25px;}
.iProducts .details{font-size: calc(1vw + 4px);}
.iProducts .picdetails{max-width: 1920px;margin: auto;margin-top: 45px;}
.iProducts .picdetails ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.iProducts .picdetails ul li{float: left;width: calc(50% - 10px);position: relative;overflow: hidden;}
.iProducts .picdetails ul li .image{font-size: 0;line-height: 0;}
.iProducts .picdetails ul li .image img{max-width: 100%;}
.iProducts .picdetails ul li .tt{position: absolute;left: 5%;bottom: 10%;color:#ffffff;font-size: calc(1vw + 16px);}
.iProducts .picdetails ul li .more{position: absolute;right: 5%;bottom: 10%;font-size: 0;line-height: 0;width: 4vw;height: 4vw;z-index: 100;transition: 0.6s;}
.iProducts .picdetails ul li .more img{max-width: 100%;}
.iProducts .picdetails ul li:hover .image img{transform: scale(1.1,1.1);}
.iProducts .picdetails ul li:hover .more{transform: rotate(315deg);}

.iProducts .checkmore{width: 325px;height: 66px;line-height:66px;border-radius: 37px;border:4px solid #e5e9f4;margin: auto;margin-top: 60px;text-align: center;transition: 0.6s;}
.iProducts .checkmore a{display: flex;align-items: center;justify-content: space-between;padding: 0px 45px;}
.iProducts .checkmore p{color: #008ed6;font-size: 18px;font-weight: bold;}
.iProducts .checkmore:hover {background: #008ed6;}
.iProducts .checkmore:hover p{color: #ffffff;}
.iProducts .checkmore:hover img{filter:grayscale(100) brightness(1000);}

.iResearch{padding: 70px 0px;}
.iResearch .title{font-size: calc(2vw + 8px);color:#000000;margin-bottom: 25px;text-align: center;}
.iResearch .details{font-size: calc(1vw + 4px);text-align: center;display: flex;justify-content: center;align-items: center;}

.iResearch .picdetails{padding-bottom:105px;background: url(../images/ky-bg.png)no-repeat center bottom;margin-top: 30px;}
.iResearch .picdetails ul{display: flex;justify-content: space-between; align-items: center;width: 90%;margin: auto;}
.iResearch .picdetails ul li{width: 24%;overflow: hidden;}
.iResearch .picdetails ul li img{max-width: 100%;transition: 0.6s;}
.iResearch .picdetails ul li:hover img{transform: scale(1.1,1.1);}











.iBg { height: 10px; background-color: #f6fbfe;}
.inset {padding: 50px 0px;width: 100%;overflow: hidden;}
.inset-cate {font-size: 30px;color: #191919;font-weight: bold;margin: 0 0 44px;}
/*.inset .container{max-width: 1200px;margin: auto;}*/





.article {background-color: #fff;}
.article .detail{display: flex;flex-wrap: wrap;}
.article .detail li{float: left;width: 49%;margin-right: 2%;margin-bottom: 20px;background: #f8f8f8;border-radius: 5px;transition: 0.6s;}
.article .detail li:nth-child(2n){margin-right: 0;}
.article .detail li a{width: calc(100% - 40px);padding:30px 20px;display: block;display: flex;align-items: center;justify-content: space-between;}
.article .detail li .image{display: flex;justify-content: center;align-items: center;width: 200px; overflow: hidden;background: #f8f8f8;float: left;}
.article .detail li .image img{transition: 0.6s;max-width: 100%;border-radius:10px;}
.article .detail li .con{width:calc(100% - 280px);float: right;}
.article .detail li .title{font-size: 18px;line-height: 25px;overflow: hidden;margin-bottom: 10px;}
.article .detail li .date{font-size: 14px;line-height: 25px;color:#999999}
.article .detail li:hover{background:#0093dd;}
.article .detail li:hover .image img{transform: scale(1.1,1.1);}
.article .detail li:hover .icon img{filter:grayscale(100) brightness(100);}
.article .detail li:hover .title{color: #ffffff;}
.article .detail li:hover .date{color: #ffffff;}

.xwlb {background-color: #fff;}
.xwlb .detail{display: flex;flex-wrap: wrap;}
.xwlb .detail li{width: 100%;margin-bottom: 20px;background: #f8f8f8;border-radius: 5px;transition: 0.6s;position: relative;}
.xwlb .detail li::after{content:"";position: absolute;left: 0;top:0;width: 8px;height: 100%;background: #0093dd;}
.xwlb .detail li a{width: calc(100% - 60px);padding:30px 30px;display: block;display: flex;align-items: center;justify-content: space-between;}
.xwlb .detail li .con{width:calc(100% - 280px);float: right;}
.xwlb .detail li .title{font-size: 18px;line-height: 25px;overflow: hidden;margin-bottom: 10px;width: calc(100% - 200px);}
.xwlb .detail li .date{font-size: 16px;line-height: 25px;color:#999999}
.xwlb .detail li:hover{background:#0093dd;}
.xwlb .detail li:hover .icon img{filter:grayscale(100) brightness(100);}
.xwlb .detail li:hover .title{color: #ffffff;}
.xwlb .detail li:hover .date{color: #ffffff;}



.wxlb {background-color: #fff;}
.wxlb .detail{display: flex;flex-wrap: wrap;justify-content:space-between;}
.wxlb .detail li{width: 49%;float:left; margin-bottom: 20px;background: #f8f8f8;border-radius: 5px;transition: 0.6s;position: relative;}
.wxlb .detail li:nth-child(2n){float:right;}
.wxlb .detail li a{text-align:center;display: block;padding:30px 0px;font-size:calc(0.6vw + 8px);}
.wxlb .detail li:hover{background:#0093dd;}
.wxlb .detail li:hover a{color:#ffffff;}
.wxlb .detail li:nth-child(8n+1)::after{content:"";position: absolute;left: 0;top:0;width: 8px;height: 100%;background: #36a1db;}
.wxlb .detail li:nth-child(8n+2)::after{content:"";position: absolute;right: 0;top:0;width: 8px;height: 100%;background: #678ce1;}
.wxlb .detail li:nth-child(8n+3)::after{content:"";position: absolute;left: 0;top:0;width: 8px;height: 100%;background: #8c67df;}
.wxlb .detail li:nth-child(8n+4)::after{content:"";position: absolute;right: 0;top:0;width: 8px;height: 100%;background: #84d018;}
.wxlb .detail li:nth-child(8n+5)::after{content:"";position: absolute;left: 0;top:0;width: 8px;height: 100%;background: #14c760;}
.wxlb .detail li:nth-child(8n+6)::after{content:"";position: absolute;right: 0;top:0;width: 8px;height: 100%;background: #f3b613;}
.wxlb .detail li:nth-child(8n+7)::after{content:"";position: absolute;left: 0;top:0;width: 8px;height: 100%;background: #ff8a4a;}
.wxlb .detail li:nth-child(8n+8)::after{content:"";position: absolute;right: 0;top:0;width: 8px;height: 100%;background: #fc5366;}

.service {  background-color: #fff;}

.service .catename{font-size: 40px;color:#000;text-align: center;margin-bottom: 2vw;}

.service .detail li{width:calc(100% - 40px);padding:30px 20px;  background: #f8f8f8;margin-bottom: 20px;}

.service .detail li .title{font-size: 18px;line-height: 28px;color:#000000;background: url(../images/q.png)no-repeat top left;padding-left: 35px;margin-bottom: 10px;}

.service .detail li .des{font-size: 16px;line-height: 28px;color:#444444;background: url(../images/a.png)no-repeat top left;padding-left: 35px;}

.service .detail li a:hover .image img{transform: scale(1.1,1.1);}

.service .detail li a:hover .title{color: #1f61e6;}

.service .detail li a:hover .des{  color: #1f61e6;}







.articleshow{max-width:1200px;margin:auto;}



.articleshow .title{font-size: 28px;line-height: 40px;margin-bottom:25px ;color: #000;}



.articleshow .date{width: 100%;overflow: hidden;font-size: 14px; color:#999;margin-bottom: 30px;padding-bottom: 20px; border-bottom:1px solid #dedede;}



.articleshow .date p{float: left;margin-right: 14px;}







.productshow{}



.content-part-one{overflow: hidden;margin: auto;}



.content-part-one .fl{width: 500px;float: left;font-size: 0;line-height: 0;}



.content-part-one .fl .image{margin-bottom: 2px;}



.content-part-one .fl img{}



.content-part-one .fl .images .img{width: calc(16% - 2px);margin-right: 0.5%;border: 1px solid #dcdcdc;float: left;}



.content-part-one .fl .images img{max-width: 100%;}



.imgdet{  position: relative;  height: 500px;  width: 1004px;margin-bottom: 15px;  }



.imgdet .imglist{  position: relative;  display: inline-block;  *display: inline;  *zoom: 1;  width: 84px;  /* height: 460px; */  height: 100%;  overflow: hidden;}



.imgdet .imglist ul{  position: absolute;  top: 0;  left: 0;  width: 100%;  font-size: 0;}



.imgdet .imglist ul li{  display: inline-block;  *display: inline;  *zoom: 1;  width: 80px;  height: 80px;  border: 2px solid #fff;  margin-bottom: 10px;}



.imgdet .imglist ul li:last-of-type{  margin-bottom: 0;}



.imgdet .imglist ul .active{  border: 2px solid #f00;}



.imgdet .imglist ul li img{  width: 100%;  height: 100%;}



.imgdet .imgpart{  vertical-align: top;  position: relative;  display: inline-block;  *display: inline;  *zoom: 1;  width: 500px;  height: 500px;  border: 1px solid #dcdcdc;}



.imgdet .imgpart .pic{  position: relative;  width: 100%;  height: 100%;}



.imgdet .imgpart .pic .magnify{  display: none;  position: absolute;  top: 0;  left: 0;  width: 250px;  height: 250px;  cursor: move;  background-color: rgba(179,179,179, 0.3);  opacity: .3;  filter:alpha(opacity=30);}



.imgdet .imgpart .pic img{  width: 100%;  height: 100%;}



.imgdet .imgpart .bigpic{  display: none;  position: absolute;  top: -1px;  right: -504px;  width: 500px;  height: 500px;  z-index: 333;  border: 1px solid #dcdcdc;  overflow: hidden;  background: #fff;}



.imgdet .imgpart .bigpic>img{  position: absolute;  top: 0;  left: 0;  width: 920px;  height: 920px;}











.content-part-one .fr{width: calc(100% - 580px);float: right;}



.content-part-one .fr .title{color:#27355c;font-size: 35px;line-height:1.5;margin: 20px auto;}



.content-part-one .fr .fr-con{min-height: 200px;line-height: 1.8;font-size: 16px;margin-block: 20px;}



.content-part-one .fr .summary{font-size: 18px;line-height: 1.8;margin-bottom: 30px;}

.content-part-one .fr .summary *{font-size: 18px;}

.content-part-one .fr .telfa{display: flex;justify-content: space-between;}

.content-part-one .fr .tel{background: #1f61e6;display: flex;justify-content: center;align-items: center;width: 48%;height: 60px;border-radius: 5px;}

.content-part-one .fr p{color:#ffffff;font-size: 18px;padding-left: 10px;}

.content-part-one .fr .tel a{font-size: 18px;color:#ffffff;}

.content-part-one .fr .orient .previous{line-height: 42px;padding: 0px 30px;background: #27355c;color: #ffffff;font-size: 17px;width: calc(100% - 60px);margin-bottom: 5px; display: inline-block;border-radius: 5px;}



/* .content-part-one .fr .orient .previous span{color:#98cb5b} */



.content-part-one .fr .orient .previous a{color: #ffffff;font-size: 17px;}



.content-part-one .fr .orient .next{line-height: 42px;padding: 0px 30px;background: #27355c;color: #ffffff;font-size: 17px;width: calc(100% - 60px);display: inline-block;border-radius: 5px;}



/* .content-part-one .fr .orient .next span{color:#98cb5b} */



.content-part-one .fr .orient .next a{color: #ffffff;font-size: 17px;}



.content-part-two{width: 100%;overflow: hidden;line-height: 2;}

.content-part-two img{max-width: 100%;}

.part-two-tt{width: 100%;line-height: 55px;font-size: 20px;background: #f5f5f5;margin: 35px auto;text-indent: 20px;}

.content-part-two table{border:1px solid #cfcdcd;width: 100%;}

.content-part-two table td{border:1px solid #cfcdcd;padding: 0px 10px;}







.contact_li{width: 100%;overflow: hidden;display: flex;justify-content: space-between;align-items: center;}



.contact_li li{display: flex;justify-content: center;align-items: center;}



.contact_li li .pic{margin-right: 30px;}



.contact_li li .tt{font-size: 22px;line-height: 1;margin-bottom: 12px;}



.contact_li li .con{font-size: 16px;font-weight: lighter;line-height: 1;}



.contact_li li:nth-child(3n+2){width: 32%; border-left: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;}



#allmap{width: 100%;height: 600px;}
.editor table td{padding:10px;}
.editor iframe{width: 1000px; height: 562px;}
.pagecol.bg-ffffff{padding:60px 0px;}
.pagecol img{max-width:100%}
.aboutcol { border-radius: 6px;}
.aboutcol img{max-width:100%}
.aboutcol .image{max-width: 100%;margin: 60px auto;}
.aboutcol .summary{width: 100%; display: flex;align-items: center;justify-content: space-between;}
.aboutcol .summary .icon{margin-right: 2vw;}
.aboutcol .summary .cate_title{text-align: left;font-size: calc(2vw + 6px);}
.aboutcol .summary .details{line-height: 2;font-size:calc(0.5vw + 6px) ;}
.aboutcol .detail {  flex: 1;} 
.aboutcol .content{color:#ffffff;padding:70px;border-radius: 15px;font-size:calc(0.5vw + 8px) ;}
.aboutcol .content *{color:#ffffff;}
.bg-0093dd{background: #0093dd;}
.bg-f8f8f8{background: #f8f8f8;}
.bg-ffffff{background: #ffffff;}
.pagelxfs{width: 100%;}
.pagelxfs img{max-width:100%}
.pagelxfs ul{display: flex;justify-content: space-between;}
.pagelxfs ul li{width: calc(49% - 80px);float: left;padding: 40px;background: #f8f8f8;border-radius: 20px;}
.pagelxfs ul li p{font-size: calc(0.6vw + 9px);color:#0093dd;line-height: 2;}
.pagelxfs ul li div{font-size: calc(0.6vw + 5px);color:#333333;line-height: 2;}
.lxfsmap{margin-top:30px;}

.iMessage{width: 100%;overflow: hidden;}
.iMessage .cate_title{text-align: center;line-height: 2;font-size: calc(0.6vw + 12px);margin: 40px auto;}
.iMessage form{display: flex;justify-content: space-between;flex-wrap: wrap;}
.iMessage li{width: 49%;margin-bottom: 25px;overflow: hidden;float: left;display: flex;justify-content: space-between;}
.iMessage input{height: 100px;line-height: 100px;text-indent: 20px;font-size: 20px; border: 2px solid #e2e2e2; width: calc(100%  - 4px);border-radius: 20px;border:none;background: #f8f8f8;}
.iMessage input.text{font-size: 16px; color:#333333;}
.iMessage li:nth-child(5n+3){width: 100%;}
.iMessage li textarea{background: #f8f8f8;border:none; width: calc(100%  - 4px);text-indent: 20px;font-size: 16px; border-radius: 20px; height: 300px;line-height: 42px;}
.iMessage li:nth-child(5n+4){float: left;}
.iMessage input.captcha{width: calc(100% - 325px);border-radius: 20px; }
.iMessage img{height: 100px;float: left;border-radius: 20px;}
.iMessage .submitbtn{width: 100%;overflow: hidden;}
.iMessage input.submit{background: #2667d4;color:#ffffff;font-size: 20px; }




/*产品介绍*/
.pro_cate_title{text-align: center;font-size:calc(2vw + 3px);margin-bottom: 2vw;}
.pro_cate_des{text-align: center;font-size: 20px;margin-bottom: 2vw;}
.pro_cate_image{display: flex;align-items: center;justify-content: center;margin-bottom: 4vw;}
.pro_cate_image img{max-width:100%;}
.pro_catelist{}
.pro_catelist *{transition: 0.6s;}
.pro_catelist .detail li{width: 49%;float: left;border-radius:35px;overflow: hidden;margin-bottom: 1.7vw;}
.pro_catelist .detail li:nth-child(2n){float: right;}
.pro_catelist .detail li .image{font-size: 0;line-height: 0;}
.pro_catelist .detail li .image img{width: 100%;}
.pro_catelist .detail li .title{display: flex;justify-content: space-between;align-items: center;height: 145px;background: #ffffff;padding: 0px 35px;}
.pro_catelist .detail li .title p{font-size: 32px;}
.pro_catelist .detail li:hover .title{background: #0093dd;}
.pro_catelist .detail li:hover p{color:#ffffff;}
.pro_catelist .detail li:hover .title img{filter: grayscale(100) brightness(1000);}

/* 内页搜索 */

.picture .iResearch{padding:0;}
.picture .detail {  display: flex;  flex-wrap: wrap;}
.picture .detail li {  /*flex: 0 1 calc(97% / 4);*/  border-radius: 3px;  overflow: hidden;  margin-right: 1%;  margin-bottom: 40px;}
/*.picture .detail li:nth-child(4n) {  margin-right: 0;}*/
.picture .detail li .image{ overflow: hidden;display: flex;align-items: center;justify-content: center;}
.picture .detail li .image img{max-width: 100%;max-height: 100%;}
.picture .detail li .imagea{ }
.picture .detail li img{transition: 0.6s;}
.picture .detail li img:hover{transform: scale(1.1,1.1);}
.picture .detail li .title {  text-align: center;font-size: 18px;line-height: 32px; color: #ffffff;  margin: 20px 0 0;position: relative;padding-bottom:20px;}
.picture .detail li .entitle {  text-align: center;font-size: 20px;line-height: 32px; color: #000;  margin: 20px 0 0;position: relative;padding-bottom:20px;}
.picture .detail li:hover img {  transform: scale(1.1, 1.1);}
.picture .catename{font-size: 40px;color:#ffffff;text-align: center;margin-bottom: 2vw;}
.picture .catelist{margin-bottom: 4vw;}
.picture .catelist ul{display: flex;justify-content: center;}
.picture .catelist ul li{margin: 0 1%;padding: 0 2%; background: #195be4;color:#ffffff;text-align: center;height: 50px;line-height: 50px;border-radius: 5px;}
.picture .catelist ul li a{color: #ffffff;font-size: 16px;}
.picture .catelist ul li.cur{background: #184296;}


.videolist *{transition: 0.6s;}
.videolist ul li{float: left;width: 24%;background: #f8f8f8;border-radius: 5px;box-shadow:0px 2px 5px 10px #ebebeb;margin-right: 1.33%;margin-bottom: 1.5vw;}
.videolist ul li:nth-child(4n){margin-right: 0;}
.videolist ul li a{width: 94%;margin:10px auto;display: block;}
.videolist ul li img{max-width: 100%;border-radius: 10px;}
.videolist ul li .title{text-align: center;line-height: 40px;font-size: 18px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.videolist ul li:hover{background: #0093dd;}
.videolist ul li:hover .title{color:#ffffff}
/* 底部 */



.footer {background:#f8f8f8;background-size: cover;}
.footer.bg-white{background: #ffffff;}
.footer.bg-ffffff{background: #ffffff;}
.footer-top{display: flex;align-items: center;justify-content: space-between;flex-wrap:wrap; border-bottom: 1px solid #dddddd;padding:20px 0px;}
.footer-top .image{width:40%;}
.footer-top .right{width:20%;display:flex;align-items: center;justify-content: flex-end;}
.footer-top .qrcode{text-align: center;font-size: 16px;margin-right:45px}
.footer-top .imag{height:120px;}
.footer-top .imag img{max-height: 100%;}
.footer-top .gotop{width: 52px;height: 52px;background: #ffffff;}
.footer-top .gotop .ico img{display: block;margin: auto;margin-top: 10px;}
.footer-top .gotop .tt{text-align: center;width: 100%;text-align: center;}
.footer-top .gotop:hover{background: #008ed6;}
.footer-top .gotop:hover .ico img{filter: grayscale(100) brightness(1000);}
.footer-top .gotop:hover .tt{color: #ffffff;}


.footer-lxfs{line-height: 2;padding: 70px 0px;}
.footer-lxfs .center{width: 100%;overflow:hidden;}
.footer-lxfs .lxfs{float: left;width:40%;}
.footer-lxfs .lxfs .nav_title{font-size: 16px;color:#000000;font-weight: bold;}
.footer-lxfs .lxfs .con{font-size: 16px;color:#333333}


.footer-bottom {padding: 30px 0;line-height: 30px;border-top: 1px solid #dddddd;}
.footer-bottom * { color: #333333;font-size: 16px;}


.mypage {



  text-align: center;



  width: 100%;



  margin-top: 20px;



  margin-bottom: 20px;



  overflow: hidden;



}



.mypage .pagination {



  display: flex;



  justify-content: center;



}



.mypage li {



  display: inline-block;



  color: #333333;



  background: #eff1f4;



  border-radius: 5px;



  height: 37px;



  line-height: 37px;



  text-align: center;



  padding: 0px 15px;



  margin:0px 3px;



}



.mypage li.active {



  background: rgba(0,142,214,1);



  color: #ffffff;



}



.mypage .rows {



  border: none;



}