@charset "utf-8";


*{ margin: 0; padding: 0; -webkit-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
html,body{ min-height:100% ; width: 100%; margin: 0 auto; color: #666;   }
body{ position: relative; background: #fff ; font-size: 14px; margin: auto; font-family: "微软雅黑"  ; overflow-x: hidden;  -webkit-font-smoothing: antialiased;
}

a{ color: #666; text-decoration: none;}
	
a:hover,
a:focus{ text-decoration: none;}
i,em{font-style: normal; }
ul{ margin: 0; padding: 0;}
li{ list-style: none;}
img{ max-width: 100%; border: none;}
/*body{ -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none;  -khtml-user-select:none; user-select:none;}
html{-webkit-user-select:none;  -moz-user-select:none;  -ms-user-select:none;  user-select:none; -khtml-user-select:none;  }*/
input,select,textarea{ outline: none;}


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */ color:#fff;}
input::-moz-placeholder , textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#fff;}
input::-ms-placeholder ,textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#fff; }
input::-o-placeholder { /* Mozilla Firefox 19+ */ color:#fff; }
input::-ms-input-placeholder, textarea:-ms-input-placeholder  { /* Internet Explorer 10+ */ color:#fff;}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.over2{ display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.over3{ display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }





/* fonts特殊字体 */
@font-face {
    font-family: 'dincond-regular-webfont';
    src: url('../fonts/dincond-regular-webfont.eot');
    src: url('../fonts/dincond-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dincond-regular-webfont.woff2') format('woff2'),
    url('../fonts/dincond-regular-webfont.woff') format('woff'),
    url('../fonts/dincond-regular-webfont.ttf') format('truetype'),
    url('../fonts/dincond-regular-webfont.svg#dincond-regular-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-medium-webfont';
    src: url('../fonts/dincond-medium-webfont.eot');
	src: url('../fonts/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-medium-webfont.woff2') format('woff2'),
	url('../fonts/dincond-medium-webfont.woff') format('woff'),
	url('../fonts/dincond-medium-webfont.ttf') format('truetype'),
	url('../fonts/dincond-medium-webfont.svg#dincond-medium-webfont') format('svg');
}


@font-face {
    font-family: 'dincond-bold-webfont';
    src: url('../fonts/dincond-bold-webfont.eot');
	src: url('../fonts/dincond-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-bold-webfont.woff2') format('woff2'),
	url('../fonts/dincond-bold-webfont.woff') format('woff'),
	url('../fonts/dincond-bold-webfont.ttf') format('truetype'),
	url('../fonts/dincond-bold-webfont.svg#dincond-bold-webfont') format('svg');
}


@font-face {
    font-family: 'din-bold-webfont';
    src: url('../fonts/din-bold-webfont.eot');
	src: url('../fonts/din-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din-bold-webfont.woff2') format('woff2'),
	url('../fonts/din-bold-webfont.woff') format('woff'),
	url('../fonts/din-bold-webfont.ttf') format('truetype'),
	url('../fonts/din-bold-webfont.svg#din-bold-webfont') format('svg');
}

@font-face {
    font-family: 'din-light-webfont';
    src: url('../fonts/din-light-webfont.eot');
	src: url('../fonts/din-light-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din-light-webfont.woff2') format('woff2'),
	url('../fonts/din-light-webfont.woff') format('woff'),
	url('../fonts/din-light-webfont.ttf') format('truetype'),
	url('../fonts/din-light-webfont.svg#din-light-webfont') format('svg');
}

@font-face {
    font-family: 'din-medium-webfont';
    src: url('../fonts/din-medium-webfont.eot');
	src: url('../fonts/din-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din-medium-webfont.woff2') format('woff2'),
	url('../fonts/din-medium-webfont.woff') format('woff'),
	url('../fonts/din-medium-webfont.ttf') format('truetype'),
	url('../fonts/din-medium-webfont.svg#din-medium-webfont') format('svg');
}







.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both;}
.clearfix:after{ content: ''; display: block; clear: both; width: 0px; height: 0px; overflow: hidden;}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0); background:none; outline: none;}
img{vertical-align: middle;  max-width:100%; border:none;-webkit-tap-highlight-color:rgba(255,0,0,0); blr:expression(this.onFocus=this.blur());}

.wrapper{  width: 1200px; margin: auto;}


.bgwhite{ background: #fff;}

.scale .img{ overflow: hidden;}
.scale img{ width: 100%; height: 100%; transition: 1s;}
.scale:hover img{ transform: scale(1.02);}
.fushu{ position: relative; transition: all .2s linear; }
.fushu:hover{  transform: translate3d(0, -2px, 0);   /* box-shadow: 0px 3px 10px rgba( 34,34,34 ,0.12); */}



::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : rgba(17,161,128,0.2);
  }
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background   : #ededed;
  }



/* .ydlist{position: relative; background: #e1e1e1; overflow: hidden;}
.ydbox{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 900px; height: 120px; margin: auto;}
.ydbox span{ position: absolute; left: 0; right: 0; display: inline-block; margin: auto; width: 369px; height: 120px; text-align: center; line-height: 120px;}
.ydleft{ display: table; width: 100px}
.ydleft .tabcell{ position: relative; display: table-cell; vertical-align: middle; height: 120px; padding-left: 17px;}
.ydleft .tabcell i{ display: block; width: 84px; height: 79px;}
.ydleft .tabcell em{ position: absolute; left: 9px; top: 0; bottom: 0;margin: auto; display: block; width: 99px; height: 106px; text-align: center; line-height: 106px;}
.ydleft .tabcell em img{ transform: scale(0.85); opacity: 0; margin-top: 5px; }
.ydleft .tabcell:hover em img{ transform: scale(1); opacity: 1;}
.ydleft .tabcell:hover i img{ opacity: 0;}

.ydright{ display: table; width: 100px;}
.ydright a{ display: table-cell; height: 120px; vertical-align: middle;}


.ydfoter{ position: absolute; z-index: 1; bottom: 25px; width: 100%; text-align: center;}
.ydfoter a{ display: block; width: 84px; height: 81px; padding: 0 23px; margin: auto; background: #e1e1e1; cursor: pointer;}

.ydfoter:after{ position: absolute; width: 80%; left: 10%; bottom: 6.2px; height: 1px; background: #c4c4c4; content: ''; z-index: -1;}
 */




/******header*********/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0;
}









.top.fxid{ position: absolute; top: 0; z-index: 5; top: 0; height: 100px; }
.top{ width: 100%;  z-index: 5;  box-sizing: border-box; padding: 0 3.6vw; height: 90px; line-height: 90px;  transition: 0s;}

.logo{ float: left; width: 167px;  overflow: hidden; padding-left: 15px; box-sizing: border-box; height: 90px;}

.nav{ float: right; position: relative; z-index: 1; text-align: center;  }
.top .nav ul{ float: left;   }
.nav li{ float: left; margin: 0 22px ;}
.nav li a{ position: relative; display: block; font-size: 14px; font-weight: bold; color: #3b3b3b;cursor: pointer; }
.bgwhite .nav li { width: 94px; text-align: center;  margin: 0 3px;}
.bgwhite .nav li.active { background: url(../images/topbg.png) no-repeat center; background-size: 100% auto; }
.bgwhite .nav li.active a{ color: #fff;}

.menu{ position: relative; width: 42px; height: 42px; margin-left: 15px; cursor: pointer; box-sizing: border-box; border-radius: 50%; border: 1px solid #3c82bc; margin-top: 22px;}
.menu i{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 8px; height: 8px; background: #2792b1; margin: auto; border-radius: 50%;transition: 0.5s;}
.menu:after{ position: absolute; top: 30%; width: 0; left: 25%; height: 3px; background: #2792b1; transition: 0.5s; content: ''; }
.menu:before{ position: absolute; bottom: 28%; width: 0; left: 25%; height: 3px; background: #2792b1; transition: 0.5s;content: ''; }


.menu.active:after{   top: 30%;  width: 50%; }
.menu.active:before{  bottom: 28%; width: 50%;  }
.menu.active i{  width: 50%; height: 3px; background: #2792b1; margin: auto; border-radius: 0; }	


.menu.on:after,
.menu.on:before{ width: 50%;}
.menu.on:after{ transform: rotate(45deg); top: 48%;  }
.menu.on:before{ transform: rotate(-45deg); top:48%; }
.menu.on i{ width: 0; }


/*
.nav li.active a:after,
.nav li:hover a:after{ content: ''; position: absolute; left: 0; right: 0; bottom: 11px; width: 8px; height: 11px; background: url(../images/libg.png) no-repeat center bottom;  margin: auto;}
.nav li:nth-child(3):hover a:after{ display: none;}*/


.abanner{ position: relative; z-index: 0;}
.abanner p{ position: absolute; left: 40vw; top: 13.5vw; z-index: 2; width: 25.5vw;}



.abanner p{
	opacity:0;
	transform:translateX(50px);
	-moz-transform:translateX(50px);
	-webkit-transform:translateX(50px);
	-ms-transform:translateX(50px);
	transition:all .8s;
	-moz-transition:all .8s;
	-webkit-transition:all .8s;
	-ms-transition:all .8s;
	-o-transition:all .8s;
}

.abanner ul li.ani-slide p{transition-delay:200ms;opacity:1;transform:translateX(0);}



.boxmar{  position: relative; z-index: 0; background: #eff3f6;   }
.heig{ height: 20vw; } 

.footer{  width: 100%; background: #00172a; padding: 3.5vw 0 2.5vw; text-align: center;}
.noflex{ position: relative; z-index: 0; }
.footer .flogo img{ width: 6.458vw }
.fnav{ margin: 1.7vw 0 1.8vw;}
.fnav ul { display: inline-block;}
.fnav ul li{ float: left;} 
.fnav ul li a{ display: block; margin: 0 22px; font-size: 16px; color: #fff;}
.bq{ line-height: 16px;}
.bq p,
.bq a{  font-size: 12px; color: #4e5b67; line-height: 16px; margin: 0; }



.iabout{ position: relative; height: 49.479vw ; z-index: 0; background: url(../images/ibg.jpg) no-repeat center; overflow: hidden;  text-align: center;}
.iabname{ font-size: 2.3vw; color: #2a2a2a; padding-top: 4.5vw; text-align: center;}
.iabcont{ font-size: 0.8vw; color: #787878; line-height: 1.56vw;   margin: 1.6vw auto 3.125vw ; text-align: center;}
.ibulli{  max-width: 965px; margin: auto; padding: 0 1.25vw; }
.inbox{ display: inline-block; }
.ibimg{ position: relative; float: left; height: 23.333vw; z-index: 0;}
.ibimg p{ position: absolute; left: 0; width: 100%; top:3.6vw ; text-transform: uppercase; z-index: 2; font-family: 'din-medium-webfont'; font-size: 1.35vw; color: #fff;}
.ibimg p i{ position: absolute; left: 0; width: 100%; text-align: center; font-size: 1.875vw;  top: -0.7vw; color: rgba(255,255,255,0.15); }
.ibimg img{ height: 100%;}
.ibimg.img1{ margin-right: 1.4vw; }
.ibimg.img2{ margin-top: 2.6vw;}
.ibimg.img2 p{ position: absolute; left: 0; width: 90%; top:4vw ; color: #684878;}
.ibimg.img2 p i{ color: rgba(104,72,120,0.1);}


p{ margin: 0;}

.Program{ padding:0 0 4.2vw 3.6vw ; background: #fff;}
.proswiper{ margin-top: 2.6vw;}
.proleft{ float: left; width: 16.92vw; height: 34.895vw; overflow: hidden;}
.prname{ line-height: 2.08vw; font-size: 1.35vw; color: #1f9abb; background: url(../images/faicon0.png) no-repeat right center; background-size: 2.083vw 2.083vw;}
.prcont{ line-height: 1.56vw; font-size: 0.87vw; color: #787878; padding: 1.58vw 0; position: relative; z-index: 0;  text-align: justify;}
.prcont:after{ content: ''; position: absolute; left:2px; bottom: 0; width: 1.58vw; height: 2px; background: #2ca0bf; }
.prli{ margin-top: 5.95vw; }
.prli li{ height: 2.083vw; line-height: 2.083vw;  overflow: hidden; margin-bottom: 1vw;}
.prli li a{ display: block;}
.prli li p{ float: left; max-width: 12.5vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; color: #2a2a2a;  }
.prli li.on p{ color: #1f9abb; }
.prli li i{ float: right; }
.prli li img{  width: 2.07vw; height: 2.07vw; vertical-align: top;}

.proright{ float: right; width: 72.65vw; height: 34.895vw; overflow: hidden; position: relative; }
.proright .swiper-cont{ position: absolute; left: 0; top: 0; z-index: -2; background: #fff; opacity: 0; transition: .5s; width: 100%; height: 100%;}
.proright .swiper-cont.on{ z-index: 2; opacity: 1 }

.proright  li{ height: 100%;}
.proright img{ width: 100%; height: 34.7vw;}




.anli{  height: 49.479vw ; background: url(../images/anlibg.jpg) no-repeat center top ; background-size: 100% 100%; }
.anli .iabcont{ max-width: 42vw; }
.anliwd{ width: 70.3vw; overflow: hidden;}
.anliwd.self:before{
    content: "";
    width: 300px;
	-webkit-transform: skewX(-25deg);
	-moz-transform: skewX(-25deg);
}
.anliwd.self:before{  
	-webkit-animation: shine-left 2s infinite;
    -moz-animation: shine-left 2s infinite;
    -o-animation: shine-left 2s infinite;
    animation: shine-left 2s infinite;
 }
.anliwd ul li{ overflow: hidden; height: 26.04vw;}
.anliwd ul li p{ position: absolute; left: 1vw; bottom: 1vw; color: #fff; font-size:  0.85vw; font-weight: bold; transition: 0.3s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.anliwd ul li:hover p{ bottom: 1.1vw;}
.anliwd ul li img{ height: 26.04vw; object-fit: cover;}



.news{ padding: 4.1vw 0.8vw  1.8vw 3.6vw; background: #fff;}
.news ul li{padding-right: 2.8vw;  box-sizing: border-box; margin-bottom: 2.7vw; }
.news ul li a{ display: block; padding-left: 1.2vw;  box-sizing: border-box; background: url(../images/libg.png) no-repeat left top 0.15vw; background-size: 0.72vw; }
.news ul li .l-time{ color: #3685c7; font-family: arial; font-weight: bold; font-size: 0.833vw;}
.news ul li .l-cont{ position: relative; font-size: 0.833vw; color: #333; padding: 0.3vw 0 0.7vw; font-weight: bold; margin-bottom: 0.8vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news ul li .l-cont:after{ position: absolute; left: 0; bottom: 0; width: 0.8vw; height: 3px; background: #000;  content: '';}
.news ul li p{ color: #999999; min-height: 60px;}
.news ul li .dian{   width: 1.78vw; height: 1.78vw; margin-top: 0.65vw; }
.news ul li .dian img{ width: 100%; height: 100%;  transition: .5s;}
.news ul li:hover .dian img{ transform: rotate(90deg);}




/*  about   */
.about-box{}
.about-box .aboutUs{  padding: 5.73vw 0 7.8vw ; background: url(../images/aboutit.png) no-repeat center bottom; }
.aboutcTOP{ position: relative;  text-align: center; height: 100px;  z-index: 1;}
.aboutcTOP .ab-name{ font-size: 1.8vw; color: #333333; font-weight: bold ; padding-top: 1.5vw; letter-spacing: 12px; padding-left: 12px;}
.aboutcTOP span{ position: absolute; left: 0; bottom: 0;  width: 100%; text-align: center; font-weight: bold; font-size: 6.77vw; color: #eff3f6; z-index: -1; 
 letter-spacing: 20px; height: 6.77vw; line-height: 7vw; padding-left: 20px; text-transform: uppercase;}
.aboutcTOP.white .ab-name{ color: #fff;}
.aboutcTOP.white span{ color: rgba(255,255,255,0.05);}


.ab-cont{ line-height: 1.9; color: #333333; padding-top: 10px; padding-bottom: 80px;}
.ab-cont p{ margin-top: 10px;}


.aboudd2{ background: url(../images/aboubg2.jpg) no-repeat  center; background-size: cover;  overflow: hidden; padding-top: 7vw; padding-bottom: 6vw;}
.ddswiper{ }
.ddswiper .swiper-container{ padding: 3.6vw 0 3.2vw; margin-left: -2.5%;}
.ddswiper li{ text-align: center; transform: scale(0.8); cursor: pointer;}
.ddswiper li .img{ position: relative; width: 8.6vw; height: 8.6vw;  border-radius: 50%; border: 1px solid rgba(179,179,179,0.2) ; display: flex; justify-content: center; align-items: center; margin: auto; }
.ddswiper li .img:after{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 90%; height: 90%; background: rgba(0,0,0,0.2);  border-radius: 50%;
border: 1px solid rgba(255,255,255,0.3);}
.ddswiper li .img img{ height: 3.5vw;}
.ddswiper li p{ color: #fff; font-size: 22px; margin-top: 10px;}
.ddswiper li.swiper-slide-active{ transform: scale(1.15); margin: 0 1.5%;}
.swipcont{ color: #cbcbcb; width: 46.6vw; margin: auto; text-align: center; line-height: 2; background: url(../images/aa.png) no-repeat top center; padding-top: 3.5vw;}
.ddswiper li .txt{ display: none;}

.adoulthre{  background: url(../images/aboubg3.jpg) no-repeat center; background-size: cover;   overflow: hidden; padding-top: 7vw; padding-bottom: 6vw; }
.adoulthre .aboutcTOP span{ color: #e2e8ec;}
.abtre { position: relative; padding-bottom: 2vw; height: 22.6vw;}
.abtre .swiper-container{ padding: 4vw 10px 40px;}
.abtre li{ padding: 1.25vw; background: #fff; box-sizing: border-box;  transition: 0.2s;}
.abtre li .time{ font-size: 16px; font-family: arial; color: #3685c7; }
.abtre li .txt{ font-size: 16px; color: #333; line-height: 1.5;  margin-top: 3px; padding-right: 65px; background: url(../images/abtrebg0.png) no-repeat right top 8px;}
.abtre li:hover{ box-shadow: 0 0 15px rgba(34,34,34,0.15);}
.abtre li:hover .txt{  background: url(../images/abtrebg.png) no-repeat right top 8px;}
.abtre .swiper-pagination{ width: 100%; text-align: center; bottom: 0; }
.abtre .swiper-pagination span{  width: 40px; height: 30px; background: url(../images/pagbg1.png) no-repeat center left;  opacity: 1; margin: 0 1px; outline: none;}
.abtre .swiper-pagination span:last-child{ background-image: url(../images/pagbg2.png) ;}
.abtre .swiper-pagination .swiper-pagination-bullet-active{ background: url(../images/pagbg0.png) no-repeat center left; }
.abtre .swiper-pagination .swiper-pagination-bullet-active:last-child{ background-image: url(../images/pagbg.png);}

dl{ margin: 0;}

.abfive{  background: url(../images/aboubg4.jpg) no-repeat center; background-size: cover;   overflow: hidden; padding-top: 5.2vw; padding-bottom: 6vw; min-height: 41.66vw; }
.abfive .aboutcTOP{ text-align: left; position: absolute;}
.abfive .aboutcTOP .ab-name{ padding-top: 0; }
.abfive .aboutcTOP span{ font-size: 4.16vw; text-align: left; top: 4.2vw; height: 4.16vw; line-height: 4.16vw; left: -1vw; letter-spacing: 15px;}
.fivebox { position: relative; width: 710px;}
.fivebox:after{ content: ''; position: absolute; left: 109px; width: 1px; height: calc(100% - 60px); background: #707276; top: 12px; z-index: -1; }
.fivebox li{ margin-bottom: 30px;}
.fivebox li span{ position: relative; float: left; width: 119px; color: rgba(255,255,255,0.2); font-size: 30px; font-family: arial;  font-weight: bold;}
.fivebox li span:after{ content: ''; position: absolute; right: 0; top: 12px; width: 19px; height: 19px;  background: url(../images/jia.png) no-repeat center ; }
.fivebox li .dldl{ position: relative; float: right; width: 590px; padding-left: 50px; display: none; transition: 0s; margin-top: 10px; height: 270px; overflow-y: auto; }
.fivebox li dl{ margin-bottom: 12px;}
.fivebox li dt{ font-size: 20px; color: #3ec8a8; font-family: arial; }
.fivebox li dd{ color: #ffffff; line-height: 1.5; }

.fivebox li.on span{ color: #fff;}
.fivebox li.on span:after{ animation: rote 1s  ease-in-out; 	animation-fill-mode:forwards;}


@keyframes rote{
	from{ transform: rotate(0deg); }
	to{ transform: rotate( 180deg); background-image: url(../images/jian.png);}
}

.adoulsix{ background: #fff; padding: 6.04vw 0 1.8vw; }
.absix{ margin-top: 3.9vw;}
.absix li{ display: flex; justify-content: center; flex-direction: column; align-items: center;}
.absix li .imgbg{ position: relative; background: url(../images/rybg.png) no-repeat top center; background-size: 100% auto; height: 5.2vw; width: 16.5vw; box-sizing: border-box; padding: 0 2.5vw; font-size: 0.833vw; color: #333333; line-height: 1.5; text-align: center; padding-bottom:vw; }
.imgbg:after{ width: 14px; height: 14px;  background: url(../images/swibg.png) no-repeat center; position: absolute; left: 50%; bottom: 0; content: ''; margin-left: -7px;}
.absix li .img { position: relative; height: 14.58vw; width: 21.8vw; display: flex; align-items: center; justify-content: center;}
.absix li .img img{ position: absolute; width: 100%; height: 100%; display: block; opacity: 0; border: 3px solid #e4e4e4; }

.absix li .txt{ display: none; }
.absix li.swiper-slide-active .img img{ opacity: 1;}
.absix li.swiper-slide-active .imgbg{ display: none;}

.sixtxt{ text-align: center; line-height: 1.5; font-size: 1vw; color: #333; padding: 2vw 0 0; background: url(../images/swibg.png) no-repeat top center; margin-top: 2vw;}







.banner{ position: relative; }
.banner .spanimg{ position: absolute; top: 0; left: 0; width: 100%; height: 41.66vw; }

.textover{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.disFlex{display: flex;justify-content: center;align-items: stretch;}
.disFlexs{display: flex;justify-content: flex-start;align-items: flex-start;flex-direction: column;}


.list-box{  width: 100vw; margin-top: 18vw; }


.mb0{margin-bottom: 0;}
.allList{ max-width: 1400px;  position: relative;z-index: 0;  margin: 0 auto;  padding: 0 5.2%;}
.allList .title{color: #fff;}
.list-body{  padding: 0 50px ; margin-top: 1.5vw;}
.list-box .title{ font-size: 2vw; line-height: 1.5;color: #fff; font-weight: 100;}
.list-box .title p{font-size: 1.5vw;line-height: 1.5;color: #fff;}
.list-body .top{ height: 50px;line-height: 50px;border-bottom: 1px solid #e2e2e2;}
.list-body .top a{display: inline-block;height: 50px;line-height:  50px;margin: 0 1.56vw; font-size: 14px; }
.list-body .top a.active{border-bottom: 2px solid #3685c7;color: #3685c7;}
.about-list .list-main{}
.about-list .list-main .disFlex{justify-content: space-between;margin-bottom: 1.5vw;border-bottom: 1px solid #dfdfdf;}
.about-list .list-main .disFlex>.disFlexs{flex-grow: 1;position: relative;}

/*  新闻 */
.newss{ padding-top:0.5vw;}
.newimg{ border-bottom: 1px solid #dfdfdf; margin-top: 1.7vw; }
.newimg .img{ padding-right: 2%;  box-sizing: border-box;}
.about-list h5{font-size: 1vw; line-height: 1.8; color: #3685c7; margin-bottom: 0;}
.about-list h6{font-size: .9375vw;margin-top: .7375vw;color: #383838;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  width: 100%;}
.about-list p{font-size: .73vw;line-height: 1.5;margin-top: .5vw;color: #888; width: 100%; overflow: hidden; margin-bottom: 1.2vw;}
.about-list .newimg  a{  }
.about-list .newimg  .img{ height: 10vw; }
.about-list .newimg  .img img{ width: 100%; height: 10vw; object-fit: cover; }

.newss.noimgle .newimg { padding-bottom: 10px; }
.newss.noimgle .newimg .img{ width: 0; display: none;}
.newss.noimgle .newimg .newright{ width: 100%;}



.m-page{text-align: center;padding: 2vw 0 ;}
.m-page a{display: inline-block;width: 40px;height: 40px;line-height: 40px;color: #333;}
.m-page a.z-crt{background: #3685c7;color: #fff;border-radius: 3px;}
.m-page.redpage a.z-crt{background: #c7181e;}


/*  解决方案 */
.solution-list .list-main{justify-content: flex-start;flex-wrap: wrap;padding: 3vw 0;}
.solution-list .list-main .anlilist{ align-items: stretch;color: #000;cursor: pointer; box-sizing: ; padding: 0 1vw; margin-bottom: 0.5vw;}
.solution-list .list-main .anlilist:nth-of-type(3n){  }
.solution-list .list-main .anlilist .mask-box{ position: relative; display: block; height: 13.4vw;}
.solution-list .list-main .anlilist .mask-box>img{ width: 100%; height: 13.4vw; object-fit: cover;}

.solution-list .list-main .anlilist p{text-align: center;line-height: 3;font-size: 1.1vw;}
.solution-list .list-main .anlilist .mask{ position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(54,133,199,.5);width: 100%;height: 100%;opacity: 0; z-index: 5;}
.solution-list .list-main .anlilist .mask img{border: 0;position: relative;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);}
.solution-list .list-main .anlilist .mask:hover{ width: 90%;height: 90%; opacity: 1;}
.solution-list .list-main .anlilist:hover>img{ border: 3px solid #3685c7;}


/* 案例 */
.case-list .list-main{ justify-content: flex-start;flex-wrap: wrap; padding: 2.5vw 0;}
.case-list .list-main .anbox{ box-sizing: border-box; padding-right: 0.5vw; margin-bottom: 2vw; }
.case-list .list-main .anborder{ position: relative; color: #000;cursor: pointer; box-sizing: border-box; padding:  10px;}
.case-list .list-main .anborder:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #dbdbdb; }
.case-list .list-main .anbox:nth-of-type(2n){ padding-right: 0; padding-left: 0.5vw;}
.case-list .list-main .anbox .mask-box{position: relative; display: block; overflow: hidden;  height: 16.6vw;}
.case-list .list-main .anbox .mask-box>img{ width: 100%; height: 16.6vw; object-fit: cover;}
.case-list .list-main .anbox p{text-align: center;line-height: 3;font-size: 1.1vw;}
.case-list .list-main .anbox .mask{position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(54,133,199,.5);width: 100%;height: 100%;opacity: 0;transition: 350ms;}
.case-list .list-main .anbox .mask img{border: 0;position: relative;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);}
.case-list .list-main .anborder:hover:before{   border: 3px solid #3685C7; }
.case-list .list-main .anbox:hover .mask{width: 100%;height: 100%;opacity: 1;}





/*  党建  */
.party{color: #000;padding-top: 7vw;padding-bottom: 1px;}
.party .title{font-size: 2vw;color: #000;text-align: center;position: relative;margin-bottom: 2vw;}
.party .title img{position: absolute;left: 50%;transform: translateX(-50%);bottom:0;width: 8vw; z-index: -1}
.party p{color: #333; line-height: 2;}
.party .list5-img{ width: 100%;margin: 2vw 0;}
.party .news-body dt{ font-size: 1.25vw;text-align: center; margin-bottom: 1vw; font-weight: bold; }
.news-body{  padding: 0 3% 0 0;}
.news-body:nth-of-type(2n){padding: 0 0 0 3%;}
.news-body dd{display: flex;justify-content: space-between;border-bottom: 1px dashed #bfbfbf;color: #333;line-height: 3.5;padding-left: 20px;position: relative;}
.news-body dd:before{content: '';display: inline-block;width: 5px;height: 5px;border-radius: 100%;background: #c7181e;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.news-body dd .newsd{width: 80%;}
.news-box .redpage{padding-bottom: 0;}
.news-box{position: relative;}
.news-box .border{width: 1px;height: 100%;background: #dedede;left: 50%;top: 0;transform: translateX(-50%);position: absolute;}


/* 招聘 */

.join{padding: 3.125vw 2.6vw;}
.zpleft{ align-items: center; }
.join>.zplist a{ border-bottom: 1px solid #eeeeee; padding: 20px 0;  align-items: center;cursor: pointer;justify-content: flex-start;}
.join>.zplist a:hover{background: #eff3f6;}
.join>.zplist:first-of-type a{border-top: 1px solid #eeeeee;}
.join>.zplist>a>.img{width: 6vw;height: 6vw; border:4px solid rgba(0,0,0,0);border-radius: 1000px; background: #f6f6f6 url(../images/list6-3.png) no-repeat center / 50%;  margin: 0 2vw;min-width: 6vw;min-height: 6vw; }
.join>.zplist>a>.img img{position: relative;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}
.join>.zplist:hover>a>.img{border:4px solid #3685c7;}
.join>.zplist>a>.middle{min-width: 13.5vw;padding-left:1.5vw;border-left: 1px solid #ddd; }
.join>.zplist>a>.middle dt{font-size: .9375vw;line-height: 2;}
.join>.zplist:hover>a>.middle dt{color: #3685C7;}
.join>.zplist>a>.middle dd{font-size: .73vw;line-height: 2;}
.join>.zplist>a>.content{flex-grow: 1;padding: 0 6.25vw 0 3.75vw;font-size: .73vw;line-height: 2;position: relative;}
.join>.zplist>a>.content:before{content:'';display: inline-block;position: absolute;width: 2.6vw;height: 1px;background: #ddd;left: 0;top: .73vw;}
.join>.zplist:hover>a>.content:before{background: #3685c7;}
.join>.zplist>a>.content img{position: absolute;top: 50%;transform: translateY(-50%);right: 2vw;}



.addicon{ text-align: center; padding: 3.7vw 0 2.5vw; }
.addicon img{ width: 6.458vw;}
.addicon span{ font-weight: bold; color: #333; margin: 0.45vw 0 0.2vw; display: block;}
.addicon p{ color: #999; line-height: 1.5; width: 70%; margin: auto; }
.addmap { margin-top: 1.8vw;}

.addly{  background: url(../images/addbg.jpg) no-repeat center; background-size: cover;  box-sizing: border-box; padding: 6vw 0 5.5vw;}
.lybox{ box-sizing: border-box; }
.addly .lybg{ background: rgba(255,255,255,0.8); width: 88%; margin: auto;  border-radius: 2px; height: 50px;  line-height: 50px; padding-left: 20px; margin-bottom: 20px;display: flex;}
.addly .lybg span{ color: #727272; line-height: 50px; display: inline-block; vertical-align: top;white-space: nowrap;}
.addly .lybg span img{ max-width: 25px; margin-right: 3px;}
.addly .lybg input{ height: 50px; border: none; /*width: 14.5vw;*/}
.addly .lybox4 .lybg{ width: 96%; height: 200px; }
.addly .lybox4 .lybg textarea{ width: 90%; line-height: 50px; height: 100%; resize: none; background: none; border: none;}

.btntb{ text-align: center;}
.btntb input{ width: 180px; height: 45px; background: #3685c7; color: #fff;  border: none; border-radius: 2px; margin: 0 10px; margin-bottom: 10px;}
.btntb input[type=reset]{ background: #ebebeb; color: #666666; }


	body.on,html.on{ overflow: hidden; height: 100vh;}


/* 投资  */
.touzhia{ padding: 4vw 0 ; margin-bottom: 3vw;}
.tzalist{ margin-top: 2.5vw; margin-bottom: 4vw;}
.xstzlist{ text-align: justify; box-sizing: border-box; }
.xstzlist h5{ font-size: 4.2vw; height: 4.5vw; line-height: 4.5vw;  font-family: 'din-bold-webfont'; text-align: center; }
.xstzlist p{ line-height: 1.8;}
.xstzlist:nth-child(1){ padding-right: 1.3vw; }
.xstzlist:nth-child(2){ padding: 0 0.65vw; }
.xstzlist:nth-child(3){ padding-left: 1.3vw; }
.xstzlist:nth-child(1) h5{ color: #12a181;}
.xstzlist:nth-child(2) h5{ color: #2c95b1;}
.xstzlist:nth-child(3) h5{ color: #4b9bde;}


.cityImg{ margin-bottom: 7vw;}
.cityImg .ctimg{ position: relative; padding-right: 1vw;  box-sizing: border-box;  z-index: 1; cursor: pointer; height: 17.8vw;}
.cityImg .ctimg img{ height: 17.8vw; object-fit: cover;}
.cityImg .ctimg a{color: #4ad0b2; font-size: 1.1vw; }
.cityImg .ctimg:before{ position: absolute; left: 0; top: 0; width: calc(100% - 1vw);height: 100%; background: rgba(0,0,0,0.5); content: '';}
.cityImg .ctimg:nth-child(2){ padding-left: 1vw; padding-right: 0;}
.cityImg .ctimg:nth-child(2):before{ left: auto; right: 0;}
.cityImg .ctimg .ctxt{ position: absolute; left: 1.5vw; bottom: 1.5vw;}
.cityImg .ctimg:nth-child(2) .ctxt{ left: 2.5vw;}
.cityImg .ctimg span{ display: block; color: #fff;  font-size: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 5px;}

.heztitle{ text-align: center; font-size: 20px; color: #333333; margin: 2.8vw 0 3.5vw;}
.hzlist{ padding: 0 6vw;text-align: center;}
.heimg{ float: left;  width: 50%;}
.hzname{ font-size: 1.56vw; color: #3685c7; margin: 2vw 0 1.2vw;}
.heimg p{ font-size: 1.1vw; color: #333333; line-height: 1;}





	.boxmar{ height: auto;}
	.boxmar.on{ overflow: hidden; height: 100vh;}



@media only screen and (max-width:1440px) {
	.aboutcTOP span{ bottom: 25px;}
}
	





@media only screen and (max-width:1366px) {
	.nav li{ margin: 0 14px;}
}

@media only screen and (max-width:980px) {
	/* footer */
	.fnav ul li a{ margin: 15px;}
	
	/* oll */
	.list-body{ padding: 0 5%;}
	.list-body .top a{height: 80px;line-height:  80px; }
	
	/* 新闻 */
	.about-list .newimg div p{ white-space: nowrap; text-overflow: ellipsis; }
		
	/* 方案  */
	.solution-list .list-main .anlilist p{font-size: 2vw;}
	
	/* 案例 */
	.case-list .list-main .anborder{ padding: 1.2vw; }
	.case-list .list-main .anbox p{ font-size: 2vw;}
	
	/*  党建 */
	.party .title{ padding-top: 50px; font-size: 2.5vw;}
	.party .news-body dt{ font-size: 18px;}
	
	/*  招聘 */
	.join{ padding: 5%;}
	.join .zplist{ display: block; }
	.join .zplist .img{ display: none;}
	.join .zplist .middle{ display: block; border: none;}
	.join .zplist .content{ padding-bottom: 30px; padding-left: 1.5vw; margin-top: 10px;}
	.join .zplist .content img{ bottom: 0px; left: 0; top: auto; left: 1.5vw; }
	.join .zplist .content:before{ width: 0; }
	
	
	/*  留言 */	
	.addly{  }
	.addly .lybox .lybg{ width: 95%; margin-bottom: 1.5vw;}
	.addly .lybox .lybg input{ width: 80%;}
	.addly .lybox4 .lybg{ width: 98.5%;}
	.addly .lybox4 .lybg textarea{ width: 88%; }
	
	
	
	/* menu */
	.boxmar .top.fxid{ position: static; background: #fff;} 
	.boxmar .top{ line-height: 70px; height: 70px; overflow: hidden; }
	.boxmar .top.on{ background: #fff;}
	.menu{ margin-top: 12px;}
	.top .nav ul{ display: none; position: fixed; float: none; background: linear-gradient(to top, rgba(57,135,200,0.8) , rgba(17,161,128,0.8)) ; z-index: 555555555555555555555555555; width: 100%; left: 0; top: 70px;  height: 100%; box-sizing: border-box; padding-top: 20px; transition: 0s;}
	.nav li{ float: none; margin: 0 ; text-align: center; width: 100%;}
	.nav li a{ position: relative; display: block; font-size: 18px; font-weight: bold; color: #fff;cursor: pointer; }
	.bgwhite .nav li { width: 100%; text-align: center;  margin: 0 3px;     line-height: 50px;}
	.bgwhite .nav li.active { background: none;}
	.bgwhite .nav li a{color: #fff; font-size: 16px; }
	
	
	
	
	
	
	/* 关于 */
	.aboutcTOP{ height: 7vw;}
	
	.swipcont{ width: 80vw;}
	
	.abtre li{ padding: 1.3vw;}
	.abfive .aboutcTOP{ float: none; width: 100%; text-align: center; pointer-events: none;}
	.abfive .aboutcTOP span{ text-align: center; top: 1vw; }
	
	.fivebox { width: 100vw; margin-top: 10vw; float: none;}
	.fivebox li{ margin-bottom: 15px; margin-right: 15vw;}
	.fivebox li span{ font-size: 26px;}
	.fivebox li .dldl{ width: 65vw; padding-left: 3vw; }
	
	
	/* index */
	.proleft{ float: none; width: 90vw; height: auto; margin-bottom: 15px; }
	.proright { float: none; width: 90vw; display: block; }
	.iabout{ padding-bottom: 3vw; background-size: cover; height: auto;}
	.prname { font-size: 16px; background-size: 20px 20px; line-height: 24px; height: 24px;}
	.prcont{ line-height: 1.5; font-size: 16px}
	.prli li{ height: 30px; line-height: 30px;}
	.prli li i img{ width: 30px; height: 30px;}
	.prli li p{ max-width: 80vw;}
	.iabcont { width: 90vw; line-height: 1.5;}
	.anli .iabcont{ max-width: 90vw;}
}


@media only screen and (max-width:750px) {
	/* footer */
	.fnav ul li a{ margin: 10px;}
	
	/*  TITLE */
	.list-body .top{ width: 100%; height: 40px;line-height: 40px; overflow-x: scroll; border: none; padding: 0 10px; display: block; white-space: nowrap;}
	.list-body .top a{height: 40px;line-height:  40px; }
	
	/*  新闻 */
	.newimg{ padding-bottom: 0.7vw;}
	.about-list .newimg div p{ white-space: normal; text-overflow: ellipsis; }
	
	/*  党建 */
	.party  p{ font-size: 12px;}
	.news-body{ margin-bottom: 3vw;}
	
	
	
	/*  留言 */	
	.addly{  }
	.addly .lybox .lybg{ width: 100%; margin-bottom: 1.5vw}
	.addly .lybox .lybg input{ width: 70%;}
	.addly .lybox4 .lybg{ width: 100%; height: 130px; }
	.addly .lybox4 .lybg textarea{ width: 75%; }
	.btntb input{ width: 130px; height: 38px;}
	
	
	
	/* 关于 */
	.about-box .aboutUs{ margin-top: 40px;}
	.fivebox:after{ left: 80px;}
	.fivebox li span{ font-size: 16px; width: 90px; line-height: 40px;}
	.fivebox li .dldl{ width: 60.5vw; }
	
	.abtre li .txt{ font-size: 12px;}
	.aboutcTOP{ height: 50px; }
	.aboutcTOP span{ bottom: 0; font-size: 34px; height: 34px; line-height: 34px;}
	
	
	
	
	/* index */
	.ibimg{ height: 130px;}
	
	.iabout{ height: 260px;}
	
	
	.anli{ height: 250px; background-size: cover; background-position: center right;}
	.iabname{ font-size: 16px;}
	.iabcont{ font-size: 12px;  display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
	
	.prcont{ font-size: 12px;}
	
	/*首页 案例事做*/
	.anliwd ul li{ height: 130px;}
	.anliwd ul li img{ height: 130px; object-fit: cover;}
	.anliwd ul li p{ font-size: 10px;}
	
	
	
	.news ul li .l-time{ font-size: 16px; } 
	.news ul li .l-cont{ font-size: 14px;}
	.news ul li .l-cont:after{ width: 0;}
	
	
	
	
	.footer{ padding: 25px 0;}
	.fnav ul li a{ font-size: 12px;}
	
	
	/*about*/
	.aboutcTOP .ab-name{ font-size: 18px;}
	.about-box { margin-bottom: 20px; } 
	.abtre{ height: 150px; margin-top: 25px;}
	.absix{ margin-top: 40px;}
	.sixtxt{ font-size: 12px; padding: 25px 0 10px; margin-top: 20px;}
	.ab-cont{ padding-bottom: 35px;}
	
	.ddswiper{ margin-top: 25px;}
	.ddswiper li p{ font-size: 14px;}
	.ddswiper li .img{ width: 100px; height: 100px; display: flex; justify-content: center; align-items: center;}
	.ddswiper li .img img{ width: 50px; height: 50px;}
	.swipcont{ line-height: 1.3; padding-top: 30px;}
	
	.abtre li .txt{ padding-right: 30px; background-size: 25px auto; }
	
	.abfive .aboutcTOP{ position: static;}
	.fivebox{ margin-top: 25px;}
	
	
	
	/* 大世界 */
	.fivebox li dt ,
	.fivebox li dd { font-size: 12px;}
	.fivebox:after{ height: calc( 100% - 30px );}
	
	.absix li .img{ height: 200px; width: 100%; }
	.absix li .img img{ max-height: 200px; width: auto }
	.absix li .imgbg{ display: none;}
	
	
	/*news*/
	.about-list h5{ font-size: 14px;}
	.about-list h6{ font-size: 14px;}
	.about-list .newimg div p{ font-size: 12px;}
	.newimg{ margin-top: 15px; padding-bottom: 13px;}
	.about-list .newimg .img{ height: auto;}
	.about-list .newimg .img img{ height: 100%; object-fit: cover;}
	
	.solution-list .list-main .anlilist .mask-box{ height: 130px;}
	.solution-list .list-main .anlilist .mask-box>img{ height: 130px; object-fit: cover;}
	.solution-list .list-main .anlilist p{ font-size: 12px;}
	
	.case-list .list-main .anbox .mask-box{ height: 130px;}
	.case-list .list-main .anbox .mask-box>img{ height: 130px; object-fit: cover;}
	.case-list .list-main .anbox p{ font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.case-list .list-main .anbox .mask img,
	.solution-list .list-main .anlilist .mask img{ width: 25px; height: auto;}
	
	
	/* 详情*/
	.article-title{ font-size: 18px !important;}
	.article-body img{ width: auto; height: auto;}
	
	
	
	.tzalist { margin-top: 30px; margin-bottom: 20px;}
	.about-list h5{ font-size: 18px;}
	.xstzlist p{ font-size: 14px;}
	
	
	.cityImg .ctimg{ height: auto; padding: 0 !important; margin-bottom: 12px;}
	.cityImg .ctimg:before{ width: 100%;}
	.cityImg .ctimg img{ height: auto;}
	.cityImg .ctimg a{ font-size: 14px;}
	.cityImg .ctimg span{ font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	
	
	.heztitle{ font-size: 16px; margin: 40px 0 40px;}
	.heimg{ width: 100%; float: none; margin-bottom: 30px;}
	.heimg img{ max-width: 130px; }
	
	.hzname{ font-size: 16px; }
	.heimg p{ font-size: 12px; line-height: 1.5;}
	
	
	/* 招聘  */
	.join>.zplist>a>.middle{ width: 45%;}
	.join>.zplist>a>.middle dt,
	.join>.zplist>a>.middle dd{ font-size: 12px;}
	.join>.zplist>a>.content{ font-size: 12px; width: 50%; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
	.join>.zplist>a>.content img{ display: none;}
	
	
	/* bannertitl */
	.list-box .title{ font-size: 16px; font-weight: 500;}
	.list-box .title p{ font-size: 13px;}
	
	
	/* 党建  */
	.party .title{ font-size: 16px; font-weight: 500; padding-top: 80px; position: relative; z-index: 1;}
	.party .title img{ width: 110px; }
	
	
	
	.addicon span{ font-size: 10px;}
	.about-list p{ font-size: 10px; margin-bottom: 12px;}
	
	
	.logo{ width: 110px;}
	.footer .flogo img{ width: 50px; margin-bottom: 10px;}
	
	
	
	
	
	
}

@media only screen and (max-width:440px) {
	.fnav ul li a{ margin: 0 5px;}
	/*  留言 */	
	
	.addly{  }
	.addly .lybox .lybg{ width: 100%; margin-bottom: 1.5vw}
	.addly .lybox .lybg input{ width: 65%;}
	.addly .lybox4 .lybg{ width: 100%; height: 130px; }
	.addly .lybox4 .lybg textarea{ width: 70%; }
	
	
}


.article-title{ text-align: center; font-size: 28px; line-height: 50px; margin-bottom: 10px; font-weight: bold;}
.article-body{ line-height: 1.8; font-size: 16px;}
.article-body p { margin-bottom: 10px;}








.masked1 {
	font-size: 40px;
    background-image: -webkit-linear-gradient(left, #0ee5ff, #f4ab20 50%, #0ee5ff 50%, #f4ab20 100%, #0ee5ff);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-background-size: 200% 100%;
    -webkit-animation: masked-animation 3s infinite linear;
}
@-webkit-keyframes masked-animation {
    0%  { background-position: 0 0;}
    100% { background-position: -100% 0;}
}
.ah-headline {
	display: block;
	color: #fff;
	font-size: 80px;
	line-height: 80px;
	margin-top: 30px;
	font-weight: 500;
	font-family: 'Ubuntu', sans-serif;
	text-transform: uppercase;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25)
}

.self{ position: relative;  transition: all 0.5s; cursor: pointer;}
.self:hover:before{
    content: "";
    width: 220px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -185px;
    overflow: hidden;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,hsla(0,0%,100%,.05)),color-stop(50%,hsla(0,0%,100%,.15)),color-stop(100%,hsla(0,0%,100%,.05)));
    -webkit-transform: skewX(25deg);
    -moz-transform: skewX(25deg);
	z-index: 55;
}
.self:before{  
	-webkit-animation: shine-left 1.2s infinite;
    -moz-animation: shine-left 1.2s infinite;
    -o-animation: shine-left 1.2s infinite;
    animation: shine-left 1.2s infinite;
 }
@-webkit-keyframes shine-left {
	0% {
		left: -180px
	}
	to {
		left: 150%
	}
}
@-moz-keyframes shine-left {
	0% {
		left: -180px
	}
	to {
		left: 150%
	}
}
@-o-keyframes shine-left {
	0% {
		left: -180px
	}
	to {
		left: 150%
	}
}
@keyframes shine-left {
	0% {
		left: -180px
	}
	to {
		left: 150%
	}
}

.qrcode-div{display: none;}