@charset "utf-8";

.box22{width:100%; margin:0 auto;}
.box1200{width:1200px; margin:0 auto;display: table;}



/******幻灯片*******/
.w-banner{height:650px; text-align:center; background:#fff; position:relative; width:100%;}
.w-banner .bd ul {width: 100% !important;}
.w-banner .bd li { display:block; height: 650px; text-align: center; width: 100% !important;}
.w-banner .bd li a { display:block; height: 650px; width:100%;}
.w-banner .hd { bottom: 0; height: 90px; left: 0; line-height: 30px; position: absolute; width: 100%; z-index: 1;}
.w-banner .hd ul { text-align: center;}
.w-banner .hd ul li { background: #fff none repeat scroll 0 0; cursor: pointer; display: inline-block; float: none; height: 6px; line-height: 999px; margin: 2px; overflow: hidden; width: 13px; border-radius:3px;}
.w-banner .hd ul .on { background: #d2b87d none repeat scroll 0 0; width:30px;}
.w-banner .next, .w-banner .prev { background: #000 url("../images/slider-arrow.png") no-repeat scroll -126px -137px; cursor: pointer; display: none; height: 60px; left: 15%; margin-top: -30px; opacity: 0.5; position: absolute; top: 50%; width: 40px; z-index: 1;}
.w-banner .next { background-position: -6px -137px; left: auto; right: 15%;}

/*关于我们*/
.i_about{}
.i_about ul{text-align: center;}
.i_about ul h3{font-size: 42px; font-weight: bold; margin: 50px auto;}
.i_about ul p{font-size: 20px; color: #717071; padding: 0px 85px; text-align: center; margin-bottom: 50px;line-height: 35px;}
.i_about ul span{font-size: 18px; font-weight: bold; border: 1px solid #082d47; border-radius: 32px; padding: 9px 33px;}
.i_about ol{height: 96px; margin: 80px;}
.i_about ol li{width: 33.33%; float: left; height: 96px; padding-left: 130px;}
.i_about ol li.i_ico1{background: url("../images/index_03.png") no-repeat left center;}
.i_about ol li.i_ico2{background: url("../images/index_05.png") no-repeat 30px center;text-align: right;padding-right: 10px;}
.i_about ol li.i_ico3{background: url("../images/index_07.png") no-repeat 50px center;text-align: right;}
.i_about ol li h3{font-size: 42px; font-weight: bold; margin-top: 12px;color:#333;}

.i_about ol li.i_ico1:hover{background: url("../images/index_03_1.png") no-repeat left center;}
.i_about ol li.i_ico2:hover{background: url("../images/index_05_1.png") no-repeat 30px center;text-align: right;padding-right: 10px;}
.i_about ol li.i_ico3:hover{background: url("../images/index_07_1.png") no-repeat 50px center;text-align: right;}

/*服务项目*/
.i_fwxm{background: url("../images/i_fwxm_02.jpg") no-repeat center top;height: 856px;width: 100%;}
.i_fwxm_zw{width: 1200px; display: table; margin: 0px auto;}
.pc{display:block;}
.mob{display:none;}
.i_fwxm_zw h3{text-align: center; font-size: 42px; font-weight: bold; color: #fff; margin: 50px;}
.i_fwxm_zw ul{}
.i_fwxm_zw ul.i_l{width: 378px; height: 550px; background: url("../images/tbjj.png") repeat left center; text-align: center;transition:transform 0.5s; -ms-transition:transform 0.5s; -moz-transition:transform 0.5s; -webkit-transition:transform 0.5s;-o-transition:transform 0.5s;transition: .5s;}
.i_fwxm_zw ul.i_l li{display: block; box-sizing: border-box; padding: 100px 70px;}
.i_fwxm_zw ul.i_l li img{width: 64px; height: 64px; display: block; margin: 0px auto; margin-bottom: 25px;}
.i_fwxm_zw ul.i_l li span{font-size: 24px; color: #333; font-weight: bold; display: block; margin-bottom: 25px;}
.i_fwxm_zw ul.i_l li p{font-size: 16px; color: #231815;}
.i_fwxm_zw ul.i_r{width: 784px; height: 550px;}
.i_fwxm_zw ul.i_r li{}
.i_fwxm_zw ul.i_r li img{}
.i_fwxm_zw ul.i_r li span{}
.i_fwxm_zw ul.i_r li p{font-size:16px;}
.i_fwxm_zw ul.i_r li.i_r_1{height: 268px; width: 784px; background: url(../images/tbjj.png) repeat left center;  padding: 0px 50px;transition:transform 0.5s; -ms-transition:transform 0.5s; -moz-transition:transform 0.5s; -webkit-transition:transform 0.5s;-o-transition:transform 0.5s;transition: .5s;}
.i_fwxm_zw ul.i_r li.i_r_1 img{}
.i_fwxm_zw ul.i_r li.i_r_1 .ggpic {text-align:center;margin-top: 65px;}
.i_fwxm_zw ul.i_r li.i_r_1 .ggpic img{width: 64px; height: 64px; display: block; margin: 0px auto; margin-bottom: 25px;}
.i_fwxm_zw ul.i_r li.i_r_1 .ggpic span {font-size: 24px;font-weight: bold;margin: 0px 60px;display: block;margin-top: 30px;}
.i_fwxm_zw ul.i_r li.i_r_1 p{float: left; display: block; width: 380px; line-height: 22px;font-size: 16px;margin-top: 95px;}
.i_fwxm_zw ul.i_r li.i_r_2{background: url(../images/tbjj.png) repeat left center; width: 386px; height: 272px; margin-top: 10px; text-align: center; padding: 40px 50px;}
.i_fwxm_zw ul.i_r li.i_r_2 img{max-width: 100%; display: block; margin: 0px auto; margin-bottom: 25px;}
.i_fwxm_zw ul.i_r li.i_r_2 span{font-size: 24px; font-weight: bold; color: #333; text-align: center; display: block; margin-bottom: 20px;}
.i_fwxm_zw ul.i_r li.i_r_2 p{font-size: 16px; line-height: 24px;}



.i_fwxm_zw ul.i_l:hover{background: #fff;border-top: 6px solid #27963c;box-sizing:border-box;transition:transform 0.5s; -ms-transition:transform 0.5s; -moz-transition:transform 0.5s; -webkit-transition:transform 0.5s;-o-transition:transform 0.5s;transition: .5s;}
.i_fwxm_zw ul.i_r li:hover{background: #fff;border-top: 6px solid #27963c;box-sizing:border-box;transition:transform 0.5s; -ms-transition:transform 0.5s; -moz-transition:transform 0.5s; -webkit-transition:transform 0.5s;-o-transition:transform 0.5s;transition: .5s;}




/*滚动*/

.gtxz{background:#fff ; background-size:cover;height: auto;}
.i_title{position: relative;}
.i_title span{display: block; position: absolute; top: 0; right: 0; font-size: 18px; font-weight: bold; margin-top: 105px; color: #333;}
.i_title h3{text-align: center;font-size: 42px;font-weight: bold;margin: 80px auto 48px;color: #333;}
.i_title img.xx{}
.i_title p{}
.partner{}
.lhshow{width: 1360px; margin: 0 auto; padding: 0px;}
.lhs1{width: 1300px; margin: 0px auto;}
.lhs1 ul{}
.lhs1 ul li{width:383px;margin:0 12px;height: 440px;overflow: hidden;border-radius: 5px;overflow:hidden;border: 1px solid #e1e2e3;box-sizing: border-box;}
.lhs1 ul li img{ width:383px; height:261px; display:block;overflow: hidden;border-radius: 5px;transition: all 0.3s linear;}
.lhs1 ul li:hover img{ transform: scale(1.2); }
.lhs1 ul li div.ppy{background: #fff; display:block; height: 204px; text-align: left; padding: 20px; box-sizing: border-box; position: relative;}
.lhs1 ul li div.ppy i{font-size: 28px;color: #333;font-style: normal;width: auto;height: 76px;overflow: hidden;display: block;line-height: 39px;}
.lhs1 ul li div.ppy div{color: #666;line-height: 24px;display: block;margin: 16px 0px;overflow: hidden;width: auto;font-size: 22px;height: 25px;}
.lhs1 ul li div.ppy p{font-size: 22px; overflow: hidden; width: auto; margin-top: 15px; color: #999;}
.lhs1 ul li div.ppy span{border: 1px solid #ecebeb; font-size: 14px; display: block; width: 80px; text-align: center; position: absolute; bottom: 30px;}
.xx99{ margin-top:10px; }
.lhs1 ul li div.ppy span:hover{ background:#f69602; color:#fff;}

.lhshow{position:relative;}
.lhshow{width: 1360px; margin: 0 auto; padding: 0px;}
.lhshow 

.ppy{ height:30px; line-height:30px;font-size:14px; text-align:center; }
.lhshow .prev,
.lhshow .next{position:absolute;width: 52px;height: 107px;top:50%;margin-top:-23px;z-index:999;}
.lhshow .prev{background:url(../images/index_32_l.png) no-repeat left center /46px; left:20px; }
.lhshow .next{background:url(../images/index_32_r.png) no-repeat right center /46px; right:20px;}

.tempWrap{margin:0px auto;}



/*news*/
.news{padding: 30px 0px 50px; display: table;background: url(../images/news.png) no-repeat right bottom;}
.news_zw{text-align: center;}
.news_zw_fl{width: 1200px;float: left;}
.news_zw_fl h3{height: 64px; border-left: 12px solid #0a429b; line-height: 64px; padding-left: 20px; box-sizing: border-box; background: #ecebeb; width: 100%; margin-bottom: 25px;}
.news_zw_fl h3 span{float: right; margin-right: 10px; font-size: 12px; font-weight: bold; color: #0a429b;}

.news_zw_fl .nfl{width: 470px;float:left;transition:transform 0.5s; -ms-transition:transform 0.5s; -moz-transition:transform 0.5s; -webkit-transition:transform 0.5s;-o-transition:transform 0.5s;transition: .5s;}
.news_zw_fl .nfl img{width: 470px;height: 291px;}
.news_zw_fl .nfl i{clear: both;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: auto;font-style: normal;font-size: 22px;color: #333;font-weight: bold;margin: 30px 0px 13px;    text-align: left;}
.news_zw_fl .nfl span{color: #717071;font-weight: bold;display: block;text-align: left;margin-bottom: 12px;font-size: 16px;}
.news_zw_fl .nfl p{color: #666;line-height: 26px;padding-bottom: 15px;font-size: 18px;display: block;text-align: left;}

.news_zw_fl .nfr{width: 640px;float: right;margin-bottom: 50px;}
.news_zw_fl .nfr li{height: 133px;overflow: hidden;margin-bottom: 20px;position: relative;transition:transform 0.5s; -ms-transition:transform 0.5s; -moz-transition:transform 0.5s; -webkit-transition:transform 0.5s;-o-transition:transform 0.5s;transition: .5s;}
.news_zw_fl .nfr li h4{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: auto; font-size: 16px; font-weight: bold; display: block; margin: 10px auto;}
.news_zw_fl .nfr li span{display: block;clear: both;font-size: 22px;color: #0a429b;font-weight: bold;margin-bottom: 10px;}
.news_zw_fl .nfr li i{font-size: 18px;font-style: normal;color: #666;line-height: 25px;text-align: left;display: block;height: 50px;overflow: hidden;}
.news_zw_fl .nfr p{padding-left: 20px;margin-bottom: 11px;width: 400px;float: right;}
.news_zw_fl .nfr p a{font-size: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;display: inline-block;color: #3e3a39;font-weight: bold;text-align: left;}
.news_zw_fl .nfr p strong{float: right;display: block;color: #717071;font-size: 16px;position: absolute;bottom: 0;}
.news_zw_fl .nfr li img{width: 214px;height: 133px;float: left;display: block;}
.ljgd{font-size: 18px; font-weight: bold; border: 1px solid #082d47; border-radius: 20px; padding: 9px 33px; color: #082d47;margin-top: 50px;}


.news_zw_fl .nfr li:hover{cursor:pointer;transform:translate(10px,0); -ms-transform:translate(10px,0); -moz-transform:translate(-10px,0); -webkit-transform:translate(10px,0);-o-transform:translate(10px,0);}
.news_zw_fl .nfl:hover{cursor:pointer;transform:translate(-10px,0); -ms-transform:translate(-10px,0); -moz-transform:translate(-10px,0); -webkit-transform:translate(-10px,0);-o-transform:translate(-10px,0);}



/*about*/

.about{background: #f4f4f4; display: table; padding: 80px 0px;}
.about_zw{padding: 36px 40px; background: #fff;}
.about_zw ul.ab_top{width: 100%; height: 533px; border-bottom: 1px solid #ecebeb; margin-bottom: 30px;}
.about_zw ul.ab_top li{width: 50%; position: relative;}
.about_zw ul.ab_top li div.h3{font-size: 50px; line-height: 60px; margin-bottom: 18px;}
.about_zw ul.ab_top li i{font-style: normal; font-size: 20px; border-top: 1px solid #f4f4f4; color: #f69602; padding-top: 8px; box-sizing: border-box;}
.about_zw ul.ab_top li p{margin: 30px 0px; color: #666; line-height: 22px; font-size: 14px; box-sizing: border-box;padding-right: 30px;}
.about_zw ul.ab_top li span{background: #0a429b; color: #fff; display: block; text-align: center; width: 120px; padding: 6px; border-radius: 3px; position: absolute;}

.about_zw ul.ab_bottom{width: 100%;}
.about_zw ul.ab_bottom li{width: 356px; height: 292px; float: left; margin-right: 26px; overflow: hidden;position: relative;border-bottom: 2px solid #f69602; }
.about_zw ul.ab_bottom li img{width: 356px;height: 292px;}
.about_zw ul.ab_bottom li p{display: block; font-size: 14px; text-align: center; color: #fff; height: 35px; line-height: 35px; position: absolute; z-index: 2; bottom: 0px; width: 100%;}
.about_zw ul.ab_bottom li .dxb{height: 30px; position: absolute; bottom: 0; background: #000; z-index: 1; width: 100%; opacity: 0.6;; box-sizing: border-box;}


/*=============关于我们=============*/

.nbanner{height: 500px;}

/**/
.gsjj{padding-top: 50px;}
.gsjj_zw{}
.jjnr{width: 100%;margin-bottom: 0px;}
.jjnr p{text-align: center;color: #666;line-height: 30px;font-size: 18px;}
.shuxian{background: #ecebeb; width: 1px; height: 68px; float: left; margin-top: 10px;}


.nei_title{}
.nei_title h3{text-align: center; font-size: 42px; font-weight: bold; color: #082d47; margin: 50px;}

.ab_qyfc{margin-bottom: 35px;}
.ab_qyfc_zw{}
.ab_qyfc_zw ul{}
.ab_qyfc_zw ul.ab_qyfc_zw_l{width: 800px;}
.ab_qyfc_zw ul.ab_qyfc_zw_l li{margin-bottom: 20px;}
.ab_qyfc_zw ul.ab_qyfc_zw_l li img{}
.ab_qyfc_zw ul.ab_qyfc_zw_r{width: 390px;}
.ab_qyfc_zw ul.ab_qyfc_zw_r li{margin-bottom: 20px;}
.ab_qyfc_zw ul.ab_qyfc_zw_r li img{}

.qiche{background: url(../images/qic_02.jpg) no-repeat center top;display: table;width: 100%;height: 383px;}
.qiche_zw{}
.qiche_zw p{font-size: 20px; color: #fff; line-height: 36px;}



.gtxz1{background: #fff url(../images/news.png) no-repeat right bottom; height: auto; padding-bottom: 170px;}
.i_title{position: relative;}
.i_title span{display: block; position: absolute; top: 0; right: 0; font-size: 18px; font-weight: bold; margin-top: 105px; color: #333;}
.i_title h3{text-align: center;font-size: 42px;font-weight: bold;margin: 80px auto 48px;color: #333;}
.i_title img.xx{}
.i_title p{}
.partner1{}
.lhshow{width: 1360px; margin: 0 auto; padding: 0px;}
.lhs11{width: 1200px;margin: 0px auto;overflow: hidden;}
.lhs11 ul{}
.lhs11 ul li{width: 284px;margin-right: 20px;height: 395px;overflow: hidden;overflow:hidden;box-sizing: border-box;height: 395px;}
.lhs11 ul li img{width: 284px;height: 395px;display:block;overflow: hidden;border-radius: 5px;transition: all 0.3s linear;}
.lhs11 ul li:hover img{ transform: scale(1.2); }
.lhs11 ul li div.ppy{background: #fff; display: table; height: 204px; text-align: left; padding: 20px; box-sizing: border-box; position: relative;}
.lhs11 ul li div.ppy i{font-size: 34px;color: #333;font-style: normal;width: 105px;height: 76px;overflow: hidden;display: block;line-height: 39px;}
.lhs11 ul li div.ppy p{color: #666;line-height: 24px;display: block;margin: 16px 0px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: auto;font-size: 22px;}
.lhs11 ul li div.ppy span{border: 1px solid #ecebeb; font-size: 14px; display: block; width: 80px; text-align: center; position: absolute; bottom: 30px;}
.xx99{ margin-top:10px; }
.lhs11 ul li div.ppy span:hover{ background:#f69602; color:#fff;}

.lhshow1{position:relative;}
.lhshow1{width: 1360px; margin: 0 auto; padding: 0px;}
.lhshow1 

.ppy{ height:30px; line-height:30px;font-size:14px; text-align:center; }
.lhshow1 .prev,
.lhshow1 .next{position:absolute;width: 29px;height: 43px;top:50%;margin-top:-23px;z-index:999;}
.lhshow1 .prev{background: url(../images/gun_l.png) no-repeat left center;left:20px;margin-left: 0px;}
.lhshow1 .next{background: url(../images/gun_r.png) no-repeat left center;right:20px;}

.tempWrap{margin:0px auto;}






/**/

.bgg{background: url(../images/about_06.jpg) no-repeat center top;height: 285px;}

/**/
.gshj{}
.gshj_zw{}
.gshj_zw ul{width: 100%;}
.gshj_zw ul li{width: 382px; height: 310px; float: left; margin-right: 26px; overflow: hidden;position: relative;border-bottom: 2px solid #f69602;margin-bottom: 35px;}
.gshj_zw ul li:nth-child(3n+3){ margin-right:0; }
.gshj_zw ul li img{width: 382px;height: 310px;}
.gshj_zw ul li p{display: block; font-size: 18px; text-align: center; color: #fff; height: 50px; line-height: 50px; position: absolute; z-index: 2; bottom: 0px; width: 100%;}
.gshj_zw ul li .dxb{height: 50px; position: absolute; bottom: 0; background: #000; z-index: 1; width: 100%; opacity: 0.6; box-sizing: border-box;}

/**/
.fwlc1{background: url(../images/yanfa.jpg) no-repeat center top;height: 456px;}
.fwlc1_zw{}
.fwlc1_zw ul{}
.fwlc1_zw ul li{}
.fwlc1_zw ul li h3{font-size: 28px; font-weight: bold; color: #fff; margin-top: 140px;}
.fwlc1_zw ul li h3 span{color: #f69602;}
.fwlc1_zw ul li p{color: #fff; font-size: 16px; margin-top: 10px;}

.fwlc2{height: 140px;}
.fwlc2_zw{position: relative; width: 1200px;}
.fwlc2_zw ul{width: 1200px; text-align: center; background: #fff; display: table; padding: 40px 0px; position: absolute; margin-top: -120px; box-shadow: 0px 0px 35px #e4e4e4;}
.fwlc2_zw ul li{display: inline-block; width: 13.9%;}
.fwlc2_zw ul li .tupiany{height: 55px; width: 55px; background: #f4f3f3f3; border-radius: 55px; border: 1px solid #ddd; margin: 8px auto;}
.fwlc2_zw ul li .tupiany img{width: 25px; height: auto; margin-top: 15px;}
.fwlc2_zw ul li h3{font-size: 16px; font-weight: bold; color: #333; margin-bottom: 6px;}
.fwlc2_zw ul li i{font-style: normal; font-size: 14px; color: #666;}
 /*/



/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

  Contents:

  1. Buttons
  2. Share modal and links
  3. Index indicator ("1 of X" counter)
  4. Caption
  5. Loading indicator
  6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*
  
  1. Buttons

 */
/* <button> css reset */
figure {
    margin: 0px !important;
    padding: 0px !important;
}
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .pswp__button:focus, .pswp__button:hover {
    opacity: 1; }
  .pswp__button:active {
    outline: none;
    opacity: 0.9; }
  .pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(../fonts/11.png);
  background-position: 0px 45px;
  background-color: rgba(255,255,255,0.5);
  }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none; } }

.pswp__button--close {
  background-position: 0 -44px; }

.pswp__button--share {
  background-position: -44px -44px; }

.pswp__button--fs {
  display: none; }

.pswp--supports-fs .pswp__button--fs {
  display: block; }

.pswp--fs .pswp__button--fs {
  background-position: -44px 0; }

.pswp__button--zoom {
  display: none;
  background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom {
  display: block; }

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0; }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden; }

/*
  Arrow buttons hit area
  (icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute; }

.pswp__button--arrow--left {
  left: 0; }

.pswp__button--arrow--right {
  right: 0; }

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute; }

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px; }

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px; }

/*

  2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__share-modal--hidden {
  display: none; }

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
          transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }
  .pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px; }
    .pswp__share-tooltip a:hover {
      text-decoration: none;
      color: #000; }
    .pswp__share-tooltip a:first-child {
      /* round corners on the first/last list item */
      border-radius: 2px 2px 0 0; }
    .pswp__share-tooltip a:last-child {
      border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in {
  opacity: 1; }
  .pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF; }
  a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF; }

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D; }

a.pswp__share--download:hover {
  background: #DDD; }

/*

  3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px; }

/*
  
  4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px; }
  .pswp__caption small {
    font-size: 11px;
    color: #BBB; }

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC; }

.pswp__caption--empty {
  display: none; }

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden; }

/*

  5. Loading indicator (preloader)

  You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr; }

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px; }

.pswp__preloader--active {
  opacity: 1; }
  .pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url(../img/preloader.gif) 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active {
  opacity: 1; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
            animation: clockwise 500ms linear infinite; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
            animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0; }

.pswp--css_animation .pswp__preloader__cut {
  /* 
      The idea of animating inner circle is based on Polymer ("material") loading indicator 
       by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
    */
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right; } }

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

/*
  
  6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%; }

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5); }

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3); }

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0; }

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0; }

/*
  pswp__ui--hidden class is added when controls are hidden
  e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none; }

.pswp__element--disabled {
  display: none !important; }

.pswp--minimal--dark .pswp__top-bar {
  background: none; }


  /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }
  .pswp * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .pswp img {
    max-width: none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none; }

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0; }

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222; }

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0; }

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; }
.pswp__bg{opacity:.5 !important;}