
a:hover{  -webkit-transition: .5s ease;transition: .5s ease;}
p {line-height: 2rem;}
ul{ margin:0; padding:0;}
.top_bar {
    margin-top: 50px;
    color: #fff;
    position: absolute;
    top: 0;
    z-index: 999;
    width: 100%;
}
.top_slider{ position:relative;}
.twitter_news{ width:100%; position:absolute; bottom:0; z-index:9;}
.twitter_news .cont{ background:rgba(29, 161, 242, 0.79); position:relative; padding:10px; color:#fff;border-radius: 5px 5px 0 0;overflow: hidden;}
.twitter{ background:#f7f7f7; padding:20px;}
.twitter .marquee{ position:relative;}
.twitter .marquee .twitter_icon{ position:absolute; z-index:99; background:#1ea1f2; font-size:24px; color:#fff; padding:8px;padding: 4px 10px;}
.twitter .marquee .twitter_icon img{margin-top: 5px; width: 30px; margin-right: 6px; float:left;}
.twitter marquee{ height:300px; background:#fff; padding:0 20px;}
.twitter_news .cont img{ position:absolute; left:0px; top:0px; background:#fff; z-index:5; padding:6px;}
.twitter_news marquee{ font-size:16px; height:100px;}
.sliderin img{ width:100%; display:block;}
.top_bar .nav-wrapper{ border-bottom:1px solid #fff; padding-bottom:12px;}
.top_bar .nav-wrapper .imenu{ font-size:58px; line-height:32px; height:inherit; margin-right:8px;}
.top_bar .nav-wrapper .logo{ float:left; font-size:30px; margin:0 0 0 10px;line-height: 5px;letter-spacing: 1px;}
.vice{ font-size:14px; margin-top:21px; display:block;letter-spacing: 0px;}
.top_bar ul ul{background-color: rgba(0, 0, 0, 0.05);}
.top_bar ul .idrop{ margin-right:0!important;color: rgba(0, 0, 0, 0.27)!important;}
.lanvage{ background:#fff; float:right;border-radius: 4px; overflow:hidden;}
.lanvage a{ padding:7px 10px; color:#666666;    display: -webkit-inline-box;}
.lanvage a:first-child{ border-right:1px solid #CCCCCC; padding:7px 15px;}

/*------middle--------*/
.box_icon{ padding:60px 0 20px;}
.box_icon .box1{ background:#62bd90}
.box_icon .box{ padding:25px 0; text-align:center; font-size:22px; color:#fff; text-align:center; display:block; border-radius: 10px;}
.box_icon .iicon{ color:#fff; font-size:120px;opacity: 0.98;
    filter: alpha(opacity=98);margin:15px 0;}
.box_icon .box2{ background:#c35553}
.box_icon .box3{ background:#628fbd}
.box_icon .box4{ background:#109087}
.news{ padding-bottom:50px;}
.news h2{ color:#2e2e2e;font-size: 30px; margin:0px; line-height:40px; float:left;}
.linkhad{ padding:5px 0; position:absolute; right:0px; top:5px; color:#00913c; font-size: 20px;font-weight: 400;}
.linkhad i{ float:right; padding-top:3px; font-size:25px;}
.hadline{ position:relative; margin:50px 0 8px; border-bottom:2px solid #62bd90;}
.news h2 img{ background:#62bd90; padding:5px;margin: 0 10px -10px 0; border-radius: 4px 4px 0 0;}
.news_box{ position:relative;}
.news_box img{width: 100%; display:block;}
.news .link{ position:absolute; bottom:0; padding:10px;background-color:rgba(16, 144, 135, 0.89); width:100%; left:0; font-size:20px; text-align:left;}
.news .link2{ font-size:15px;}
.news .box2{ margin-top:18px;}
.congress .image_box{ float:left; width:70%;}
.congress .image_box img{ display:block; width:100%;}
.congress .text_box{ float:left; width:30%; background:#2a8078; padding:0 20px 28px; color:#fff; text-align:justify;}
.congress .text_box h3{ font-size:28px; text-align:center; line-height:38px;}
.congress li{ display:flex;}
.congress .btn{ background:none;}
/*-----------footer----------*/
footer.page-footer li a{margin: 0;color: #686868;}
footer.page-footer li a:hover{ color:#1da1f2;}
.footer-copyright a{ color:#686868}
footer.page-footer h5{ color:#25824e;margin-bottom: 20px;}
footer.page-footer li{ margin-bottom:12px;}
footer.page-footer iframe{ border:none; overflow:hidden; height:215px; width:100%;}
.in_banner{ width:100%;}
.in_middle{ padding:30px 0 50px;}
.in_middle h5{ color:#079a5d}
.contact-info{ padding-left:30px!important;}
.contact-info address{ margin-top:35px;}
.contact-info address a{ color:rgba(0, 0, 0, 0.87)}
.contact-info address i{ color:#079a5d; float:left; margin-right:8px;}
.contact-info address .address{ margin-bottom:20px;}
.contact iframe{ width:100%; height:300px; margin-top:40px;}
.political_activist{ background:url(../images/bg.jpg) no-repeat center center;}
.political_activist ol{ padding-left:18px;}
.political_activist ol li{ margin-bottom:15px;}
.download i{ color:#079a5d; font-size:50px;}
.download{ color:#079a5d;}
.art_culture ul li{ clear:both; margin-bottom:30px;display: inline-block; padding:20px;}
.art_culture ul li img{ float:left; width:18%; background:#CCCCCC; margin-right:20px; }
.view{ position:relative; margin-bottom:25px; padding:5px;}
.view a{position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
      background: rgba(255, 255, 255, 0.80);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease; display:block;}
.view:hover a{height: 100%;}
.view .text {
  white-space: nowrap; 
  color: #079a5d;
  font-size:25px; font-weight:500; letter-spacing:2px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.awards_gallery .box{ margin-bottom:25px; padding:5px;}
.awards_gallery .box img{ display:inline-block;}
.video_gallery iframe{ width:100%; height:300px; margin-bottom:30px;}
.video_gallery .iframe2{height:660px;}
.activ { background-color: rgba(0, 0, 0, 0.1);}
.side-nav img {margin: 10px 15px 0 0; float:left;}
.nav{ width:40px; margin-right:13px;}
.news_box2{ margin-top:30px; }
.boxnug{ padding:15px; height:280px;}
.news_box2 img{ width:100%;}
.news_box2 span{ color:#333333; font-size:18px; display:block;}
.news_box2 .btn{ color:#fff; margin-top:7px;}
.news .box img{ height:240px; width:100%;}
.text_banner{ width:100%;text-align:right; color:#fff; bottom:35%; position:absolute;}
.header{ position:relative;	}
.text_banner h4{ border-bottom:2px solid #fff;display: inline-block;}
.in_middle p{ text-align:justify;}
.rpb2{ display:none;}
.awards_list .box{margin-bottom: 25px;padding: 5px;}
.awards_list .box img{ width:100%;}
.economic_box{ margin-bottom:50px;}
.economic_can{ padding:0 20px 20px;}
.economic_can p{ font-size:20px; margin-bottom:10px;}
.home_video iframe{ width:100%; height:400px; border:0;}
.home_video .modal-trigger{ float:left; width:50%; position:relative;}
.home_video .play{ position:absolute; height:100%; top:0; width:100%; text-align:center;    background: rgba(0, 0, 0, 0.34); padding-top:35%;     color: rgba(255, 255, 255, 0.75);}
.home_video .play i{font-size:55px;}
.home_video .modal-trigger:hover .play{ color: rgba(255, 255, 255, 100); background: rgba(0, 0, 0, 0.50)}
.user img{display:none;}
.user span{display:none;}


/*Responsive*/
@media only screen and (max-width: 1300px) {
              .congress .text_box p{ height:180px;overflow:hidden;}
			  .congress .text_box h3{ font-size:20px; line-height:30px;}}
@media only screen and (max-width: 1200px) {
              .congress .text_box p{ height:150px;overflow:hidden;}}
@media only screen and (max-width: 992px) {
              .congress .image_box, .congress .text_box{ width:100%;}
			  .congress li{ display:block;}
			  .congress .text_box p{ height:auto;}
			  .news_box{ margin-bottom:15px;}
			  .news .box2{ margin-top:0;}
			  .box_icon .box{ margin-top:1.50rem;}
			  .text_banner{bottom:30%;}
			  footer.page-footer iframe{margin-top:20px;}
			  .view { padding:0;}
			  .view a {height: 100%;background: rgba(10, 10, 10, 0.35);}
			  .view .text{ color:#fff; top:48%;}
			  .top_bar { margin-top: 30px; color: #fff;}
               }
@media only screen and (max-width: 600px) {
.twitter .marquee .twitter_icon img{ margin:6px;}
.twitter .marquee .twitter_icon{ padding:0;}
               .tw_text{ display:none;}
               .twitter marquee{ padding:0;}
               .twitter{ padding:20px 0;}
               .rpb1{ display:none;}
			   .rpb2{ display:block;}
			   .news h2{ font-size:25px;}
			   .box_icon{ padding: 0px 0 0px;}
			   .news .link{ font-size:17px; padding:5px;}
			   .footer-copyright .right-align{ text-align:left;}
			   .box_icon .box{ font-size:15px; padding:10px 0 0;border-radius: 5px;}
			   .box_icon .iicon{ font-size:80px;}
			   .top_bar .nav-wrapper .logo{ font-size:26px;line-height: 2px;float: right; width: 85%;}
			   .twitter_news{ position:relative;}
			   .twitter_news .container{ width:100%;}
			   .twitter_news .cont{border-radius:0;}
			   .side-nav li{ line-height:40px;}
			   .side-nav img{ margin:6px 10px 0 0}
			   .top_bar{ margin-top:0px;padding-top: 15px;  background: #ed4521; position:relative; height:70px;}
			   .twitter_news .cont img{ width:44px;}
			   .twitter_news .cont{ padding:6px;}
			   .nav{ width:28px; margin-right:0; margin-top:5px;}
			   .side-nav{ width:220px;}
			   .nav-wrapper img.left{ display:none;}
			   .lanvage a {padding: 2px 5px;    border: 1px solid #CCCCCC;}
			   .lanvage a:first-child{padding: 2px 7px;   }
			   .lanvage{ line-height: 30px; width:100%; text-align:center; margin:20px 0;}
			   .top_bar .nav-wrapper{ padding-bottom:10px;border-bottom: 0;}
			   .vice {line-height: 15px; margin-top:14px;}
			   .text_banner{ bottom:20%;}
			   .text_banner h4{ font-size:20px; border-bottom:1px solid #fff;}
			   .page-footer{ padding-top:20px;}
			   footer.page-footer li a{ font-size:13px;}
			   .page-footer .footer-copyright{ margin-top:15px;}
			   .in_middle {padding: 10px 0 10px;}
			   html {font-size: 13px;}
			   .home_video .play i {font-size: 35px;}
			   .home_video .play{ padding-top:30%;}
			   .art_culture ul li img{ margin-bottom:10px; width:100%; margin-right:0;}
			   .boxnug{    padding: 10px; height: auto;}
			   .news_box2 span{ font-size:15px;}
			   .economic_can p{ font-size:15px; text-align:justify;}
			   }
@media only screen and (max-width: 400px){
               .box_icon .iicon{ margin:15px 0 0;font-size:60px;}
			   .box_icon .box{ font-size:11px;}
			   .news h2 img{ width:30px;}
			   .news h2{ font-size:20px;}
			   .linkhad{ font-size:15px;}
			   .linkhad i{ padding-top:0;}
			   .news .link{ font-size:16px;}
			   .text_banner{ bottom:5%;}
			   .economic_can h4 {font-size: 1.28rem;}
			   .economic_can {
					padding: 0 10px 10px;} 
					}
