/*@import "//at.alicdn.com/t/c/font_4098539_6s50jmtg84t.css" ;*/
@import "../font/iconfont.css"; 
/*.iconfont{ font-size: 20px  ;}*/
:root {
  --black:#1a1a1a;
  --red: #f00;
  --color: #44bcbc;
  --orange: #f3a803;
  --blue: #0233a2;
  --green: #1fc6e2;
  --white:#ffffff;
}
  
.clear10{height:10px;overflow:hidden;clear:both;}
.clear20{height:20px;overflow:hidden;clear:both;}
.clear30{height:30px;overflow:hidden;clear:both;}
.clear40{height:40px;overflow:hidden;clear:both;}
.clear15{height:15px;overflow:hidden;clear:both;}
.clearfix:after {content: "";display: block;clear: both;width: 100%;height: 0;line-height: 0;font-size: 0;}

.jumpUrl{ cursor: pointer;}
  

.hidden{ overflow: hidden;}
.color-color{ color: var(--color);}
.color-blue{ color: var(--blue);}
.color-green{ color: var(--green);}
.color-red{color: var(--red);}
.color-black{color: var(--black);}
.color-white{ color: white;}
.color-white4{  color: rgba(255,255,255,0.4);}
.color-white6{  color: rgba(255,255,255,0.6);}
.color-000{ color: #000;}
.color-666{ color: #666; }
.color-888{ color: #888;}
.color-555{ color: #555;}
.color-333{ color: #333;}
.color-999{ color: #999;}
.color-aaa{ color: #aaa;}
 

.flex-center-center{  display: flex; align-items: center; justify-content: center;}
.flex-between-center{  display: flex; justify-content: space-between; align-items: center;}
.flex-center{  display: flex; align-items: center;}
.flex-between{  display: flex; justify-content: space-between}
.flex-between-start{ display: flex; justify-content: space-between;align-items: flex-start;}
.flex-between-end{ display: flex; justify-content: space-between;align-items: flex-end;}
.flex{  display: flex;}
.flex-column{ flex-direction: column;}
.flex-wrap{ flex-wrap: wrap;}
.flex-end{display: flex; align-items: flex-end;}
.flex-content-end{display: flex; justify-content: flex-end;}
.flex-start{display: flex; align-items: flex-start;}
.iflex{ display: inline-flex}
.iblock{ display: inline-block}
.block{  display: block;}
.flex-shrink{ flex-shrink: 0 }

.justify-center{justify-content: center;}
.justify-end{justify-content: flex-end;}
.justify-start{justify-content: flex-start;}
.align-start{align-items: flex-start;}
.align-end{align-items: flex-end;}
.align-center{align-items: center;}

.light{ position: absolute; left: -100%; top: 0; width: 100%; height: 100%; transform: skewx(-25deg); z-index: 2;
  background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));}
.light-tri:hover .light{ left: 100%; transition: 1s;}
.light-tri:hover{ box-shadow: 0 0 10px rgba(43 ,23, 110, .5);}
.bg-color{background-color: var(--color);}
.color-color{ color: var(--color);}
.bg-white{background-color: white;}

.f40{ font-size: 40px;}
.f16{ font-size: 16px;}
.f12{ font-size: 12px;}
.f18{ font-size: 18px;}
.f24{ font-size: 24px;} 
.f22{  font-size: 22px; }

@media screen and (max-width:900px) {

  .f16{ font-size: 12px;}

	 
}
 
.linka a:hover{ color: var(--color);}
.posi{ position: relative;}
.posi-a-3{ position: absolute; top: 0; left: 0;z-index: 3}
.posi-a-5{ position: absolute; top: 0; left: 0;z-index: 5}
.z5{ position: relative; z-index: 5;}
.z10{ position: relative; z-index: 10;}
.z20{ position: relative; z-index: 20;}
.hmax{ height: 100%  ;}
.wmax{ width: 100%  ;}
.w20{ width: 20%;}
.w25{ width: 25%;}
.w28{ width: 28%;}
.w30{ width: 30%;}
.w32{ width: 32%;}
.w33{ width: 33%;}
.w35{ width: 35%;}
.w40{ width: 40%;}
.w45{ width: 45%;}
.w49-5{ width: 49.5%;}
.w50{ width: 50% ;}
.w55{ width: 55%;}
.w60{ width: 60%;}
.w64{ width: 64% }
.w65{ width: 65% }
.w70{ width: 70%;}
.w75{ width: 75%;}
.w48{ width: 48%;}
.w49{ width: 49%;}
.w80{ width: 80% }

.scaleImg:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.bigImg{ width: 100%  ;height:100%; object-fit: cover;}
.maxImg img{ max-width: 100%; max-height: 100% ;}
.img{ position: relative; overflow: hidden;}

.transition{ transition: all .36s;}
.transition1{ transition: all 1s;}
.line-height{ line-height: 2;}
.text-center{ text-align: center;}
.text-justify{ text-align: justify;}
.text-indent{ text-indent: 2em}
.text-right{ text-align: right;}
.text-left{ text-align: left;}
.text-uppercase{ text-transform: uppercase;}
.text-capitalize{ text-transform: capitalize;}
.text-underline{ text-decoration: underline;}
.text-nowrap{ white-space: nowrap;}
.text-line{ text-decoration:line-through}
.text-italic{font-style: italic;}
.text-miao{  -webkit-text-stroke: 1px #ddd;text-stroke: 1px #ddd;color: transparent;}

.cursorNone{   -webkit-user-drag: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.cursor{ cursor: pointer;}
/* .cursor-shou{cursor: url("../images/icoN_shou.png"), auto;} */
.font-weight{ font-weight: bold;}
.font-lighter{ font-weight: lighter;}
.font-normal{ font-weight: normal;}
 
 
.line-clamp{  word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.line-clamp2{ word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.line-clamp3{ word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.line-clamp6{ word-break:break-all;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;}
.line-clamp5{ word-break:break-all;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;}
.line-clamp4{ word-break:break-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
.line-height2-4{ line-height: 2.4;}
.line-height2-5{ line-height: 2.5;}
.line-height2-8{ line-height: 2.8;}
.line-height1{ line-height: 1;}
.line-height1-6{ line-height: 1.6;}
.line-height3{ line-height: 3;}
.opacity8{ opacity: 0.8;}
.opacity6{ opacity: 0.6;}
.opacity4{ opacity: 0.4;}
.opacity2{ opacity: 0.2;}
.opacity0{ opacity: 0;}
.opacity9{ opacity: .9;}
.object{object-fit: cover;}
/* 栏目页banner手机端与pc端切换显示 */
.pc-show{  display: block; }
.wap-show{ display: none; } 
.shadow{ box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);}

.radius5{ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.radius8{ border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.radius10{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.radius15{ border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
.radius20{ border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.radius40{ border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; }
.radius80{ border-radius: 80px; -webkit-border-radius: 80px; -moz-border-radius: 80px; -ms-border-radius: 80px; -o-border-radius: 80px; }
.radius50{ border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
 
  
.infoImg img{  margin-top: 5px; margin-bottom: 5px}
 .infoImg dl,.infoImg ul,.infoImg ol,.infoImg  menu,.infoImg  li{list-style:  disc ; list-style-position:inside}
 
.iPad-show{ display: none;}
.maxImg img{ max-width: 100%; max-height: 100%;}

  @media screen and (max-width:900px){
    .pc-show{  display: none; }
    .wap-show{  display: block; }
    .wap-none{ display: none !important;  }
    .wapFlex{ flex-direction: column; align-items: flex-start; justify-content: flex-start;}
    .wapFlexF{ flex-direction: column-reverse; align-items: flex-start; justify-content: flex-start;}
    .wapFlexC{ flex-direction: column; align-items: center; justify-content: center;}

    .wap-w50{ width: 50% }
    .line-height2-4,.line-height3,.line-height2-8{ line-height: 2;}
    /*.w50,.w48,.w49-5,.w33,.w32,.w30,.w35,.w40,.w55,.w60,.w49,.w45,.w25,.w70{ width: 100% ;}*/
    .infoImg img{ height: auto !important;}

    
    .wapMax{ width: 100% !important}
    .wapBold{ font-weight:bold; }
    
  
   
   
    .bg-scoll{ background-attachment: scroll !important;}

     .pglist a{ display: none;}
     .pglist .hover{ display: none !important;}
     .pglist  .page{ display: inline-block;}

    
      
  }
 
/*分页样式*/

.pglist { width: 100%;text-align: center;clear: both;   color: #333; margin-top: 60px }
.pglist a { padding: 0 15px;margin: 0 6px; border: 1px solid #e5e5e5; background-color: #fff;  color: #333;}
.pglist a.close {background: #f2f2f2 !important;}
.pglist * {display: inline-block;vertical-align: middle;line-height: 34px;padding-bottom: 1px;}
.pglist a:hover,.pglist .hover {display: inline-block;color: #fff;background: var(--color);border-color: var(--color);}
.position-relative{ position: relative;}
.pglist input{border: 1px solid #e5e5e5;background-color: #fff;  margin: 0 6px; width: 55px; padding: 0 8px; text-align: center; color: #333;}
.pglist  button{  color: var(--color); border: 1px solid var(--color); padding: 0 22px;margin: 0 6px; }
.pglist  button:hover{ color: #fff; background: var(--color);}
/* 变色 */


.mapBox img{ max-width: none; transition: all 0s;}

div.video-play{position:fixed;top:0;bottom:0;right:0;left:0;width:100vw;height:100vh;z-index:10001;display:none}
div.video-bg{position:absolute;top:0;bottom:0;width:100%;z-index:1001;background:#0b0b0b;opacity:.8}
div.video-wrap{z-index:1002;position:fixed;top:52%;left:50%;-webkit-transform:translate3d(-50%, -52%, 0);transform:translate3d(-50%, -52%, 0);width:1000px;height:570px;  }
div.video-wrap video{width:100%;height:auto}
div.close-btn{cursor: pointer; transition: all .36s; text-align: center; line-height: 40px; z-index: 9999; position: absolute; background: #000; border: 2px solid #fff; width: 50px; height: 50px; border-radius: 50%; opacity: 0.5; right: -20px; top: -25px;}
div.close-btn:hover{ transform: rotate(180deg); opacity: 1;}