/*@import "//at.alicdn.com/t/c/font_4098539_6s50jmtg84t.css" ;*/

@import "../font/iconfont.css"; 

.iconfont{ font-size: 20px  ;}

:root {

  --black:#1a1a1a;

  --red: #d93032;

  --orange: #ffa400;

  --blue: #18552b;

  --green: #90c320;

  --white:#ffffff;

}


* {
  font-family: "Montserrat", sans-serif !important;
}


  

 

.fl{ float:left;}

.fr{ float:right;}

.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;}

 

/* padding */

.pt-5{ padding-top: 5px;}

.pl-5{ padding-left: 5px;}

.pr-5{ padding-right: 5px;}

.pb-5{ padding-bottom: 5px;}

.p5{ padding: 5px;}

.pt-10{ padding-top: 10px;}

.pl-10{ padding-left: 10px;}

.pr-10{ padding-right: 10px;}

.pb-10{ padding-bottom: 10px;}

.p10{ padding: 10px;}

.pt-15{ padding-top: 15px;}

.pl-15{ padding-left: 15px;}

.pr-15{ padding-right: 15px;}

.pb-15{ padding-bottom: 15px;}

.p15{ padding: 15px;}

.pt-20{ padding-top: 20px;}

.pl-20{ padding-left: 20px;}

.pr-20{ padding-right: 20px;}

.pb-20{ padding-bottom: 20px;}

.p20{ padding: 20px;}

.pt-25{ padding-top: 25px;}

.pl-25{ padding-left: 25px;}

.pr-25{ padding-right: 25px;}

.pb-25{ padding-bottom: 25px;}

.p25{ padding: 25px;}

.pt-30{ padding-top: 30px;}

.pl-30{ padding-left: 30px;}

.pr-30{ padding-right: 30px;}

.pb-30{ padding-bottom: 30px;}

.p30{ padding: 30px;}

.pt-40{ padding-top: 40px;}

.pl-40{ padding-left: 40px;}

.pr-40{ padding-right: 40px;}

.pb-40{ padding-bottom: 40px;}

.p40{ padding: 40px;}

.pt-50{ padding-top: 50px;}

.pl-50{ padding-left: 50px;}

.pr-50{ padding-right: 50px;}

.pb-50{ padding-bottom: 50px;}

.p50{ padding: 50px;}

.pt-60{ padding-top: 60px;}

.pl-60{ padding-left: 60px;}

.pr-60{ padding-right: 60px;}

.pb-60{ padding-bottom: 60px;}

.p60{ padding: 60px;}

.pt-70{ padding-top: 70px;}

.pl-70{ padding-left: 70px;}

.pr-70{ padding-right: 70px;}

.pb-70{ padding-bottom: 70px;}

.p70{ padding: 70px;}

.pt-100{ padding-top: 100px;}

.pl-100{ padding-left: 100px;}

.pr-100{ padding-right: 100px;}

.pb-100{ padding-bottom: 100px;}

.p100{ padding: 100px;}



/* margin */

.mt-5{ margin-top: 5px;}

.ml-5{ margin-left: 5px;}

.mr-5{ margin-right: 5px;}

.mb-5{ margin-bottom: 5px;}

.m5{ margin: 5px;}

.mt-10{ margin-top: 10px;}

.ml-10{ margin-left: 10px;}

.mr-10{ margin-right: 10px;}

.mb-10{ margin-bottom: 10px;}

.m10{ margin: 10px;}

.mt-15{ margin-top: 15px;}

.ml-15{ margin-left: 15px;}

.mr-15{ margin-right: 15px;}

.mb-15{ margin-bottom: 15px;}

.m15{ margin: 15px;}

.mt-20{ margin-top: 20px;}

.ml-20{ margin-left: 20px;}

.mr-20{ margin-right: 20px;}

.mb-20{ margin-bottom: 20px;}

.m20{ margin: 20px;}

.mt-25{ margin-top: 25px;}

.ml-25{ margin-left: 25px;}

.mr-25{ margin-right: 25px;}

.mb-25{ margin-bottom: 25px;}

.m25{ margin: 25px;}

.mt-30{ margin-top: 30px;}

.ml-30{ margin-left: 30px;}

.mr-30{ margin-right: 30px;}

.mb-30{ margin-bottom: 30px;}

.m30{ margin: 30px;}

.mt-40{ margin-top: 40px;}

.ml-40{ margin-left: 40px;}

.mr-40{ margin-right: 40px;}

.mb-40{ margin-bottom: 40px;}

.m40{ margin: 40px;}

.mt-50{ margin-top: 50px;}

.ml-50{ margin-left: 50px;}

.mr-50{ margin-right: 50px;}

.mb-50{ margin-bottom: 50px;}

.m50{ margin: 50px; }

.mt-60{ margin-top: 60px;}

.ml-60{ margin-left: 60px;}

.mr-60{ margin-right: 60px;}

.mb-60{ margin-bottom: 60px;}

.m60{ margin: 60px; }

.mt-70{ margin-top: 70px;}

.ml-70{ margin-left: 70px;}

.mr-70{ margin-right: 70px;}

.mb-70{ margin-bottom: 70px;}

.m70{ margin: 70px; }

.mt-100{ margin-top: 100px;}

.ml-100{ margin-left: 100px;}

.mr-100{ margin-right: 100px;}

.mb-100{ margin-bottom: 100px;}

.m100{ margin: 100px;}

.mlr{  margin-left: auto; margin-right: auto;}

 



.hidden{ overflow: hidden;}

.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: #333;}

.color-666{ color: #666; }

.color-888{ color: #888;}

.color-555{ color: #555;}

.color-999{ color: #999;}

.color-aaa{ color: #aaa;}
.color-fff{ color: #fff;}


.bg-33{background-color: #333;}

.bg-fa{background-color: #fafafa;}

.bg-f7{ background-color: #f7f8f9;}

.bg-f5{ background-color: #f5f5f5;}

.bg-f0{ background-color: #f0f0f0;}

.bg-f9{ background-color: #f9fcff;}

.bg-blue{background-color: var(--blue);}

.bg-green{background-color: var(--green);}

.bg-red{background-color: var(--red);}

.bg-white{ background-color: white;}



.bg-black{ background-color: var(--black);}

.bg-666{  background-color: #666;}

.bg-888{  background-color: #888;}

.bg-555{  background-color: #555;}

.bg-aaa{  background-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);}





 

.posi{ position: relative;}

.posi-a{ position: absolute; top: 0; left: 0;z-index: 3}

.z5{ position: relative; z-index: 5;}

.z10{ position: relative; z-index: 10;}

.hmax{ height: 100%  ;}

.wmax{ width: 100%  ;}

.w20{ width: 20%;}

.w25{ width: 25%;}

.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%;}



.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:keep-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}

.line-clamp2{ word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

.line-clamp3{ word-break:keep-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}

.line-clamp6{ word-break:keep-all;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;}

.line-clamp5{ word-break:keep-all;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;}

.line-clamp4{ word-break:keep-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}

.line-height2-4{ line-height: 2.4;}

.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; }

.border{ border: 1px solid #e5e5e5;}

.border-bottom{ border-bottom: 1px solid #e5e5e5;}

.border-top{ border-top: 1px solid #e5e5e5;}

.border-left{ border-left: 1px solid #e5e5e5;}

.border-right{ border-right: 1px solid #e5e5e5;}



.border-blue{ border: 1px solid var(--blue);}

.border-bottom-blue{ border-bottom: 1px solid var(--blue);}

.border-top-blue{ border-top: 1px solid var(--blue);}

.border-left-blue{ border-left: 1px solid var(--blue);}

.border-right-blue{ border-right: 1px solid var(--blue);}



.border-red{ border: 1px solid var(--red);}

.border-bottom-red{ border-bottom: 1px solid var(--red);}

.border-top-red{ border-top: 1px solid var(--red);}

.border-left-red{ border-left: 1px solid var(--red);}

.border-right-red{ border-right: 1px solid var(--red);}



.border-green{ border: 1px solid var(--green);}

.border-bottom-green{ border-bottom: 1px solid var(--green);}

.border-top-green{ border-top: 1px solid var(--green);}

.border-left-green{ border-left: 1px solid var(--green);}

.border-right-green{ border-right: 1px solid var(--green);}



.border-white4{ border: 1px solid rgba(255, 255, 255, 0.4);}

.border-bottom-white4{ border-bottom: 1px solid rgba(255, 255, 255, 0.4);}

.border-top-white4{ border-top: 1px solid rgba(255, 255, 255, 0.4);}

.border-left-white4{ border-left: 1px solid rgba(255, 255, 255, 0.4);}

.border-right-white4{ border-right: 1px solid rgba(255, 255, 255, 0.4);}





.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; }

.radius50{ border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }



   

.mask-white { position:absolute; top:0; left:0; width:100%; height:100%; z-index: 4; background:rgba(255,255,255,.2); content:''; -webkit-transition:-webkit-transform .6s; 

    transition:transform .6s; -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0) }

.maskBox:hover .mask-white{ -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}

 

.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;}



    .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; }

    

    

      

    .indexBody::after{ display: none;  }

    .bg-scoll{ background-attachment: scroll !important;}



     

      

  }

  /* 图片放大 */

  







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;}

 

 

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

  /* padding */

.pt-10{ padding-top: 8px;}

.pl-10{ padding-left: 8px;}

.pr-10{ padding-right: 8px;}

.pb-10{ padding-bottom: 8px;}

.p10{ padding: 8px;}

.pt-15{ padding-top: 13px;}

.pl-15{ padding-left: 13px;}

.pr-15{ padding-right: 13px;}

.pb-15{ padding-bottom: 13px;}

.p15{ padding: 13px;}

.pt-20{ padding-top: 16px;}

.pl-20{ padding-left: 16px;}

.pr-20{ padding-right: 16px;}

.pb-20{ padding-bottom: 16px;}

.p20{ padding: 16px;}

.pt-25{ padding-top: 20px;}

.pl-25{ padding-left: 20px;}

.pr-25{ padding-right: 20px;}

.pb-25{ padding-bottom: 20px;}

.p25{ padding: 20px;}

.pt-30{ padding-top: 26px;}

.pl-30{ padding-left: 26px;}

.pr-30{ padding-right: 26px;}

.pb-30{ padding-bottom: 26px;}

.p30{ padding: 26px;}

.pt-40{ padding-top: 36px;}

.pl-40{ padding-left: 36px;}

.pr-40{ padding-right: 36px;}

.pb-40{ padding-bottom: 36px;}

.p40{ padding: 36px;}

.pt-50{ padding-top: 40px;}

.pl-50{ padding-left: 40px;}

.pr-50{ padding-right: 40px;}

.pb-50{ padding-bottom: 40px;}

.p50{ padding: 40px;}

.pt-60{ padding-top: 50px;}

.pl-60{ padding-left: 50px;}

.pr-60{ padding-right: 50px;}

.pb-60{ padding-bottom: 50px;}

.p60{ padding: 50px; }

.pt-70{ padding-top: 60px;}

.pl-70{ padding-left: 60px;}

.pr-70{ padding-right: 60px;}

.pb-70{ padding-bottom: 60px;}

.p70{ padding: 60px;}

.pt-100{ padding-top: 80px;}

.pl-100{ padding-left: 80px;}

.pr-100{ padding-right: 80px;}

.pb-100{ padding-bottom: 80px;}

.p100{ padding: 80px;}



/* margin */

.mt-10{ margin-top: 8px;}

.ml-10{ margin-left: 8px;}

.mr-10{ margin-right: 8px;}

.mb-10{ margin-bottom: 8px;}

.m10{ margin: 8px;}

.mt-15{ margin-top: 13px;}

.ml-15{ margin-left: 13px;}

.mr-15{ margin-right: 13px;}

.mb-15{ margin-bottom: 13px;}

.m15{ margin: 13px;}

.mt-20{ margin-top: 16px;}

.ml-20{ margin-left: 16px;}

.mr-20{ margin-right: 16px;}

.mb-20{ margin-bottom: 16px;}

.m20{ margin: 16px;}

.mt-25{ margin-top: 20px;}

.ml-25{ margin-left: 20px;}

.mr-25{ margin-right: 20px;}

.mb-25{ margin-bottom: 20px;}

.m25{ margin: 20px;}

.mt-30{ margin-top: 26px;}

.ml-30{ margin-left: 26px;}

.mr-30{ margin-right: 26px;}

.mb-30{ margin-bottom: 26px;}

.m30{ margin: 26px;}

.mt-40{ margin-top: 36px;}

.ml-40{ margin-left: 36px;}

.mr-40{ margin-right: 36px;}

.mb-40{ margin-bottom: 36px;}

.m40{ margin: 36px;}

.mt-50{ margin-top: 40px;}

.ml-50{ margin-left: 40px;}

.mr-50{ margin-right: 40px;}

.mb-50{ margin-bottom: 40px;}

.m50{ margin: 40px; }

.mt-60{ margin-top: 50px;}

.ml-60{ margin-left: 50px;}

.mr-60{ margin-right: 50px;}

.mb-60{ margin-bottom: 50px;}

.m60{ margin: 50px; }

.mt-70{ margin-top: 60px;}

.ml-70{ margin-left: 60px;}

.mr-70{ margin-right: 60px;}

.mb-70{ margin-bottom: 60px;}

.m70{ margin: 60px; }

.mt-100{ margin-top: 80px;}

.ml-100{ margin-left: 80px;}

.mr-100{ margin-right: 80px;}

.mb-100{ margin-bottom: 80px;}

.m100{ margin: 80px;}



 







}



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

   /* padding */

.pt-10{ padding-top: 6px;}

.pl-10{ padding-left: 6px;}

.pr-10{ padding-right: 6px;}

.pb-10{ padding-bottom: 6px;}

.p10{ padding: 6px;}

.pt-15{ padding-top: 10px;}

.pl-15{ padding-left: 10px;}

.pr-15{ padding-right: 10px;}

.pb-15{ padding-bottom: 10px;}

.p15{ padding: 10px;}

.pt-20{ padding-top: 15px;}

.pl-20{ padding-left: 15px;}

.pr-20{ padding-right: 15px;}

.pb-20{ padding-bottom: 15px;}

.p20{ padding: 15px;}

.pt-25{ padding-top: 18px;}

.pl-25{ padding-left: 18px;}

.pr-25{ padding-right: 18px;}

.pb-25{ padding-bottom: 18px;}

.p25{ padding: 18px;}

.pt-30{ padding-top: 24px;}

.pl-30{ padding-left: 24px;}

.pr-30{ padding-right: 24px;}

.pb-30{ padding-bottom: 24px;}

.p30{ padding: 24px;}

.pt-40{ padding-top: 34px;}

.pl-40{ padding-left: 34px;}

.pr-40{ padding-right: 34px;}

.pb-40{ padding-bottom: 34px;}

.p40{ padding: 34px;}

.pt-50{ padding-top: 35px;}

.pl-50{ padding-left: 35px;}

.pr-50{ padding-right: 35px;}

.pb-50{ padding-bottom: 35px;}

.p50{ padding: 35px;}

.pt-60{ padding-top: 40px;}

.pl-60{ padding-left: 40px;}

.pr-60{ padding-right: 40px;}

.pb-60{ padding-bottom: 40px;}

.p60{ padding: 40px; }

.pt-70{ padding-top: 50px;}

.pl-70{ padding-left: 50px;}

.pr-70{ padding-right: 50px;}

.pb-70{ padding-bottom: 50px;}

.p70{ padding: 50px;}

.pt-100{ padding-top: 66px;}

.pl-100{ padding-left: 66px;}

.pr-100{ padding-right: 66px;}

.pb-100{ padding-bottom: 66px;}

.p100{ padding: 66px;}



/* margin */

.mt-10{ margin-top: 6px;}

.ml-10{ margin-left: 6px;}

.mr-10{ margin-right: 6px;}

.mb-10{ margin-bottom: 6px;}

.m10{ margin: 6px;}

.mt-15{ margin-top: 10px;}

.ml-15{ margin-left: 10px;}

.mr-15{ margin-right: 10px;}

.mb-15{ margin-bottom: 10px;}

.m15{ margin: 10px;}

.mt-20{ margin-top: 15px;}

.ml-20{ margin-left: 15px;}

.mr-20{ margin-right: 15px;}

.mb-20{ margin-bottom: 15px;}

.m20{ margin: 15px;}

.mt-25{ margin-top: 18px;}

.ml-25{ margin-left: 18px;}

.mr-25{ margin-right: 18px;}

.mb-25{ margin-bottom: 18px;}

.m25{ margin: 18px;}

.mt-30{ margin-top: 24px;}

.ml-30{ margin-left: 24px;}

.mr-30{ margin-right: 24px;}

.mb-30{ margin-bottom: 24px;}

.m30{ margin: 24px;}

.mt-40{ margin-top: 34px;}

.ml-40{ margin-left: 34px;}

.mr-40{ margin-right: 34px;}

.mb-40{ margin-bottom: 34px;}

.m40{ margin: 34px;}

.mt-50{ margin-top: 35px;}

.ml-50{ margin-left: 35px;}

.mr-50{ margin-right: 35px;}

.mb-50{ margin-bottom: 35px;}

.m50{ margin: 35px; }

.mt-60{ margin-top: 40px;}

.ml-60{ margin-left: 40px;}

.mr-60{ margin-right: 40px;}

.mb-60{ margin-bottom: 40px;}

.m60{ margin: 40px; }

.mt-70{ margin-top: 50px;}

.ml-70{ margin-left: 50px;}

.mr-70{ margin-right: 50px;}

.mb-70{ margin-bottom: 50px;}

.m70{ margin: 50px; }

.mt-100{ margin-top: 66px;}

.ml-100{ margin-left: 66px;}

.mr-100{ margin-right: 66px;}

.mb-100{ margin-bottom: 66px;}

.m100{ margin: 66px;}



 



}



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

         /* padding */

   .pt-10{ padding-top: 5px;}

   .pl-10{ padding-left: 5px;}

   .pr-10{ padding-right: 5px;}

   .pb-10{ padding-bottom: 5px;}

   .p10{ padding: 5px;}

   .pt-15{ padding-top:8px;}

   .pl-15{ padding-left:8px;}

   .pr-15{ padding-right:8px;}

   .pb-15{ padding-bottom:8px;}

   .p15{ padding:8px;}

   .pt-20{ padding-top: 12px;}

   .pl-20{ padding-left: 12px;}

   .pr-20{ padding-right: 12px;}

   .pb-20{ padding-bottom: 12px;}

   .p20{ padding: 12px;}

   .pt-25{ padding-top: 16px;}

   .pl-25{ padding-left: 16px;}

   .pr-25{ padding-right: 16px;}

   .pb-25{ padding-bottom: 16px;}

   .p25{ padding: 16px;}

   .pt-30{ padding-top: 22px;}

   .pl-30{ padding-left: 22px;}

   .pr-30{ padding-right: 22px;}

   .pb-30{ padding-bottom: 22px;}

   .p30{ padding: 22px;}

   .pt-40{ padding-top: 30px;}

   .pl-40{ padding-left: 30px;}

   .pr-40{ padding-right: 30px;}

   .pb-40{ padding-bottom: 30px;}

   .p40{ padding: 30px;}

   .pt-50{ padding-top:30px;}

   .pl-50{ padding-left: 30px;}

   .pr-50{ padding-right: 30px;}

   .pb-50{ padding-bottom: 30px;}

   .p50{ padding: 30px;}

   .pt-60{ padding-top: 35px;}

   .pl-60{ padding-left: 35px;}

   .pr-60{ padding-right: 35px;}

   .pb-60{ padding-bottom: 35px;}

   .p60{ padding: 35px; }

   .pt-70{ padding-top: 40px;}

   .pl-70{ padding-left: 40px;}

   .pr-70{ padding-right: 40px;}

   .pb-70{ padding-bottom: 40px;}

   .p70{ padding: 40px;}

   .pt-100{ padding-top: 55px;}

   .pl-100{ padding-left: 55px;}

   .pr-100{ padding-right: 55px;}

   .pb-100{ padding-bottom: 55px;}

   .p100{ padding: 55px;}

   

   /* margin */

   .mt-10{ margin-top: 5px;}

   .ml-10{ margin-left: 5px;}

   .mr-10{ margin-right: 5px;}

   .mb-10{ margin-bottom: 5px;}

   .m10{ margin: 5px;}

   .mt-15{ margin-top:8px;}

   .ml-15{ margin-left:8px;}

   .mr-15{ margin-right:8px;}

   .mb-15{ margin-bottom:8px;}

   .m15{ margin:8px;}

   .mt-20{ margin-top: 12px;}

   .ml-20{ margin-left: 12px;}

   .mr-20{ margin-right: 12px;}

   .mb-20{ margin-bottom: 12px;}

   .m20{ margin: 12px;}

   .mt-25{ margin-top: 16px;}

   .ml-25{ margin-left: 16px;}

   .mr-25{ margin-right: 16px;}

   .mb-25{ margin-bottom: 16px;}

   .m25{ margin: 16px;}

   .mt-30{ margin-top: 22px;}

   .ml-30{ margin-left: 22px;}

   .mr-30{ margin-right: 22px;}

   .mb-30{ margin-bottom: 22px;}

   .m30{ margin: 22px;}

   .mt-40{ margin-top: 30px;}

   .ml-40{ margin-left: 30px;}

   .mr-40{ margin-right: 30px;}

   .mb-40{ margin-bottom: 30px;}

   .m40{ margin: 30px;}

   .mt-50{ margin-top: 30px;}

   .ml-50{ margin-left: 30px;}

   .mr-50{ margin-right: 30px;}

   .mb-50{ margin-bottom: 30px;}

   .m50{ margin: 30px; }

   .mt-60{ margin-top: 35px;}

   .ml-60{ margin-left: 35px;}

   .mr-60{ margin-right: 35px;}

   .mb-60{ margin-bottom: 35px;}

   .m60{ margin: 35px; }

   .mt-70{ margin-top: 40px;}

   .ml-70{ margin-left: 40px;}

   .mr-70{ margin-right: 40px;}

   .mb-70{ margin-bottom: 40px;}

   .m70{ margin: 40px; }

   .mt-100{ margin-top: 55px;}

   .ml-100{ margin-left: 55px;}

   .mr-100{ margin-right: 55px;}

   .mb-100{ margin-bottom: 55px;}

   .m100{ margin: 55px; }

 

     

}



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

  

  .pt-10{ padding-top: 5px;}

  .pl-10{ padding-left: 5px;}

  .pr-10{ padding-right: 5px;}

  .pb-10{ padding-bottom: 5px;}

  .p10{ padding: 5px;}

  .pt-15{ padding-top:8px;}

  .pl-15{ padding-left:8px;}

  .pr-15{ padding-right:8px;}

  .pb-15{ padding-bottom:8px;}

  .p15{ padding:8px;}

  .pt-20{ padding-top: 15px;}

  .pl-20{ padding-left: 15px;}

  .pr-20{ padding-right: 15px;}

  .pb-20{ padding-bottom: 15px;}

  .p20{ padding: 15px;}

  .pt-25{ padding-top: 15px;}

  .pl-25{ padding-left: 15px;}

  .pr-25{ padding-right: 15px;}

  .pb-25{ padding-bottom: 15px;}

  .p25{ padding: 15px;}

  .pt-30{ padding-top: 18px;}

  .pl-30{ padding-left: 18px;}

  .pr-30{ padding-right: 18px;}

  .pb-30{ padding-bottom: 18px;}

  .p30{ padding: 18px;}

  .pt-40{ padding-top: 20px;}

  .pl-40{ padding-left: 20px;}

  .pr-40{ padding-right: 20px;}

  .pb-40{ padding-bottom: 20px;}

  .p40{ padding: 20px;}

  .pt-50{ padding-top: 25px;}

  .pl-50{ padding-left: 25px;}

  .pr-50{ padding-right: 25px;}

  .pb-50{ padding-bottom: 25px;}

  .p50{ padding: 25px;}

  .pt-60{ padding-top: 30px;}

  .pl-60{ padding-left: 30px;}

  .pr-60{ padding-right: 30px;}

  .pb-60{ padding-bottom: 30px;}

  .p60{ padding: 30px; }

  .pt-70{ padding-top: 35px;}

  .pl-70{ padding-left: 35px;}

  .pr-70{ padding-right: 35px;}

  .pb-70{ padding-bottom: 35px;}

  .p70{ padding: 35px;}

  .pt-100{ padding-top: 35px;}

  .pl-100{ padding-left: 35px;}

  .pr-100{ padding-right: 35px;}

  .pb-100{ padding-bottom: 35px;}

  .p100{ padding: 35px;}

  

  /* margin */

  .mt-10{ margin-top: 5px;}

  .ml-10{ margin-left: 5px;}

  .mr-10{ margin-right: 5px;}

  .mb-10{ margin-bottom: 5px;}

  .m10{ margin: 5px;}

  .mt-15{ margin-top:8px;}

  .ml-15{ margin-left:8px;}

  .mr-15{ margin-right:8px;}

  .mb-15{ margin-bottom:8px;}

  .m15{ margin:8px;}

  .mt-20{ margin-top: 15px;}

  .ml-20{ margin-left: 15px;}

  .mr-20{ margin-right: 15px;}

  .mb-20{ margin-bottom: 15px;}

  .m20{ margin: 15px;}

  .mt-25{ margin-top: 15px;}

  .ml-25{ margin-left: 15px;}

  .mr-25{ margin-right: 15px;}

  .mb-25{ margin-bottom: 15px;}

  .m25{ margin: 15px;}

  .mt-30{ margin-top: 18px;}

  .ml-30{ margin-left: 18px;}

  .mr-30{ margin-right: 18px;}

  .mb-30{ margin-bottom: 18px;}

  .m30{ margin: 18px;}

  .mt-40{ margin-top: 20px;}

  .ml-40{ margin-left: 20px;}

  .mr-40{ margin-right: 20px;}

  .mb-40{ margin-bottom: 20px;}

  .m40{ margin: 20px;}

  .mt-50{ margin-top: 25px;}

  .ml-50{ margin-left: 25px;}

  .mr-50{ margin-right: 25px;}

  .mb-50{ margin-bottom: 25px;}

  .m50{ margin: 25px; }

  .mt-60{ margin-top: 30px;}

  .ml-60{ margin-left: 30px;}

  .mr-60{ margin-right: 30px;}

  .mb-60{ margin-bottom: 30px;}

  .m60{ margin: 30px; }

  .mt-70{ margin-top: 35px;}

  .ml-70{ margin-left: 35px;}

  .mr-70{ margin-right: 35px;}

  .mb-70{ margin-bottom: 35px;}

  .m70{ margin: 35px; }

  .mt-100{ margin-top: 35px;}

  .ml-100{ margin-left: 35px;}

  .mr-100{ margin-right: 35px;}

  .mb-100{ margin-bottom: 35px;}

  .m100{ margin: 35px; } 

  

  

}



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



  .pt-40{ padding-top: 20px;}

  .pl-40{ padding-left: 20px;}

  .pr-40{ padding-right: 20px;}

  .pb-40{ padding-bottom: 20px;}

  .p40{ padding: 20px;}

  .pt-50{ padding-top: 20px;}

  .pl-50{ padding-left: 20px;}

  .pr-50{ padding-right: 20px;}

  .pb-50{ padding-bottom: 20px;}

  .p50{ padding: 20px;}

  .pt-60{ padding-top: 20px;}

  .pl-60{ padding-left: 20px;}

  .pr-60{ padding-right: 20px;}

  .pb-60{ padding-bottom: 20px;}

  .p60{ padding: 20px; }

  .pt-70{ padding-top: 20px;}

  .pl-70{ padding-left: 20px;}

  .pr-70{ padding-right: 20px;}

  .pb-70{ padding-bottom: 20px;}

  .p70{ padding: 20px;}

  .pt-100{ padding-top: 20px;}

  .pl-100{ padding-left: 20px;}

  .pr-100{ padding-right: 20px;}

  .pb-100{ padding-bottom: 20px;}

  .p100{ padding: 20px;}

  

  /* margin */

  

  .mt-40{ margin-top: 20px;}

  .ml-40{ margin-left: 20px;}

  .mr-40{ margin-right: 20px;}

  .mb-40{ margin-bottom: 20px;}

  .m40{ margin: 20px;}

  .mt-50{ margin-top: 20px;}

  .ml-50{ margin-left: 20px;}

  .mr-50{ margin-right: 20px;}

  .mb-50{ margin-bottom: 20px;}

  .m50{ margin: 20px; }

  .mt-60{ margin-top: 20px;}

  .ml-60{ margin-left: 20px;}

  .mr-60{ margin-right: 20px;}

  .mb-60{ margin-bottom: 20px;}

  .m60{ margin: 20px; }

  .mt-70{ margin-top: 20px;}

  .ml-70{ margin-left: 20px;}

  .mr-70{ margin-right: 20px;}

  .mb-70{ margin-bottom: 20px;}

  .m70{ margin: 20px; }

  .mt-100{ margin-top: 20px;}

  .ml-100{ margin-left: 20px;}

  .mr-100{ margin-right: 20px;}

  .mb-100{ margin-bottom: 20px;}

  .m100{ margin: 20px; }

  

  .radius8,.radius5{ border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }

  .radius10,.radius20{ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }

  

}





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



} 





 



 .aboutCSR {}

                .aboutCSR .ul {
                    display: inline-flex;
                    display: flex;
                    justify-content: space-between;
                    flex-wrap: wrap;
                }

                .aboutCSR .ul .li {
                    width: 48%;
                    display: inline-flex;
                    display: flex;
                    justify-content: center;
                    margin-bottom: 3%;
                }

                .aboutCSR .ul .li .img {
    width: 50%;
}
                .aboutCSR .ul .li .img img {
                  width: 100%;
                }

                .aboutCSR .ul .li .text {
                    margin-left: 2%;
                    width: 48%;
                }

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

                    .aboutCSR .ul{
                        display: block;
                        width: 100%;
                    }

                    .aboutCSR .ul .li{
                      width: 100%;
                    }
                }