/*
 * ImageHover.css - http://www.imagehover.io
 * Version 1.0
 * Author: Ciarán Walsh

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php

 */
[class^='imghvr-'],
[class*=' imghvr-'] {
  position: relative;
  display: inline-block;
  margin: 0px;
  max-width: 100%;
  background-color: rgba(2, 81, 49, 0);
  color: #fff;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
[class^='imghvr-'] > img,
[class*=' imghvr-'] > img {
  vertical-align: top;
  max-width: 100%;
}
[class^='imghvr-'] figcaption,
[class*=' imghvr-'] figcaption {
  background-color: inherit;
  padding: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
[class^='imghvr-'] h3,
[class*=' imghvr-'] h3,
[class^='imghvr-'] p,
[class*=' imghvr-'] p {
  margin: 0;
  padding: 0;
  color: #fff;
}

[class^='imghvr-'],
[class*=' imghvr-'],
[class^='imghvr-']:before,
[class^='imghvr-']:after,
[class*=' imghvr-']:before,
[class*=' imghvr-']:after,
[class^='imghvr-'] *,
[class*=' imghvr-'] *,
[class^='imghvr-'] *:before,
[class^='imghvr-'] *:after,
[class*=' imghvr-'] *:before,
[class*=' imghvr-'] *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
/* imghvr-fade
   ----------------------------- */
.imghvr-fade figcaption {
  opacity: 0;
}
.imghvr-fade:hover > img {
  opacity: 0;
}
.imghvr-fade:hover figcaption {
  opacity: 1;
}
/* imghvr-push-*
   ----------------------------- */
[class^='imghvr-push-']:hover figcaption,
[class*=' imghvr-push-']:hover figcaption {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
/* imghvr-push-up
   ----------------------------- */
.imghvr-push-up figcaption {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.imghvr-push-up:hover > img {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
/* imghvr-push-down
   ----------------------------- */
.imghvr-push-down figcaption {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.imghvr-push-down:hover > img {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
/* imghvr-push-left
   ----------------------------- */
.imghvr-push-left figcaption {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.imghvr-push-left:hover > img {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
/* imghvr-push--right
   ----------------------------- */
.imghvr-push-right figcaption {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.imghvr-push-right:hover > img {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
/* imghvr-slide-*
   ----------------------------- */
[class^='imghvr-slide-']:hover figcaption,
[class*=' imghvr-slide-']:hover figcaption {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
/* imghvr-slide-up
   ----------------------------- */
.imghvr-slide-up figcaption {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  background-color: inherit;
}
.demo {
	  display: inline-block;
	  width: 24%;
	  -webkit-box-sizing: padding-box;
	  box-sizing: padding-box;
	  margin-bottom:0;
	}
	img {
	  border: none;
	}
	.effects {
	  margin: 3em 2%;
	  width:100%;
	}
	.effects H2{text-align:center; padding-bottom:15px;}
	.effects H3{ font-size:18px; font-weight:bold; margin-bottom:180px; background:url(images/line.png) no-repeat left bottom; height:30px; line-height:30px;}
	.effects ul li{float:left; list-style:none; height:36px; line-height:36px; margin-right:46px; font-size:18px;}
	.effects ul li a:hover{ border-bottom:#F00 solid 2px; padding-bottom:10px;}
	.effects ul{display:table; margin:20px auto;}
	.iframea{border:0; height:700px;}
	


@media (max-width: 1440px) {
	.effects {width:100%; margin:0;}
	.effects .demo {width: 24%; margin-left:1%; margin-bottom:6px; }
	.effects .demo H2{text-align:center; padding-bottom:15px;}
	.effects .demo H3{ font-size:14px; font-weight:bold; margin-bottom:130px; background:url(images/line.png) no-repeat left bottom; height:20px; line-height:20px;}
	.effects .demo ul li{float:left; list-style:none; height:26px; line-height:26px; margin-right:26px; font-size:14px;}
	.effects .demo ul li a:hover{ border-bottom:#F00 solid 2px; padding-bottom:10px;}
	.effects .demo ul{display:table; margin:20px auto;}
	.effects .demo p {font-size:12px; color:#FFF; margin-top:6px;}
	.effects .demo p a:link{color:#FFF; border:#FFF solid 1px; padding:5px; display:block; width:90px;  }
	.effects .demo p a:visited{color:#FFF; border:#FFF solid 1px; padding:5px; display:block; width:90px; }
	.effects .demo p a:hover{color:#025131; border:#FFF solid 1px; padding:5px; display:block; width:90px; }
	.effects .demo .casepbg{ background-image:none;}
	#indexb{width:100%; padding:0 2%;}
#indexb .ship{width:28%; float:left; height:377px;}
#indexb .ship img{width:100%;}
#indexb .about{width:38%; margin-left:1%; margin-right:1%; float:left;}
#indexb .news{width:32%; float:right; height:377px;}
#indexb .border{border:#959595 solid 1px; padding:5px 20px;  height:377px;}
#indexb .btitle{ font-size:20px; border-bottom:#959595 solid 1px; height:56px; line-height:56px;}
#indexb .btitle span{float:right;}
#indexb .news dl{ display:block; border-bottom:#a6a5a5 solid 1px; padding-bottom:10px;}
#indexb .news dl dt{float:left; display:block; height:65px;}
#indexb .news .dttime{width:20%; text-align:center; font-size:14px; color:#f50001;}
#indexb .news .dttime h2{ font-size:36px; margin:0; padding:0; font-weight:bold;}
#indexb .news .dtwid{width: 100%; font-size:12px;}
#indexb .news .dtwid h3{font-size:18px; font-weight:bold;}
.iframea{border:0; height:660px;}
	}
	@media (max-width: 1280px) {
	.effects {width:100%; margin:0;}
	.effects .demo {width: 24%; margin-left:1%; margin-bottom:6px; }
	.effects .demo H2{text-align:center; padding-bottom:15px;}
	.effects .demo H3{ font-size:14px; font-weight:bold; margin-bottom:130px; background:url(images/line.png) no-repeat left bottom; height:20px; line-height:20px;}
	.effects .demo ul li{float:left; list-style:none; height:26px; line-height:26px; margin-right:26px; font-size:14px;}
	.effects .demo ul li a:hover{ border-bottom:#F00 solid 2px; padding-bottom:10px;}
	.effects .demo ul{display:table; margin:20px auto;}
	.effects .demo p {font-size:12px; color:#FFF; margin-top:6px;}
	.effects .demo p a:link{color:#FFF; border:#FFF solid 1px; padding:5px; display:block; width:90px;  }
	.effects .demo p a:visited{color:#FFF; border:#FFF solid 1px; padding:5px; display:block; width:90px; }
	.effects .demo p a:hover{color:#025131; border:#FFF solid 1px; padding:5px; display:block; width:90px; }
	.effects .demo .casepbg{ background-image:none;}
	#indexb{width:100%; padding:0 2%;}
#indexb .ship{width:28%; float:left; height:377px;}
#indexb .ship img{width:100%;}
#indexb .about{width:38%; margin-left:1%; margin-right:1%; float:left; line-height:18px;}
#indexb .news{width:32%; float:right; height:377px;}
#indexb .border{border:#959595 solid 1px; padding:5px 20px;  height:377px;}
#indexb .btitle{ font-size:20px; border-bottom:#959595 solid 1px; height:56px; line-height:56px;}
#indexb .btitle span{float:right;}
#indexb .news dl{ display:block; border-bottom:#a6a5a5 solid 1px; padding-bottom:10px;}
#indexb .news dl dt{float:left; display:block; height:65px;}
#indexb .news .dttime{width:20%; text-align:center; font-size:14px; color:#f50001;}
#indexb .news .dttime h2{ font-size:36px; margin:0; padding:0; font-weight:bold;}
#indexb .news .dtwid{width: 100%; font-size:12px;}
#indexb .news .dtwid h3{font-size:18px; font-weight:bold;}
#ind_about{ background:#fff; text-align:center; padding-bottom:60px;}
#ind_about .img{ padding-bottom:30px; text-align:center;}
#ind_about .img img{ display:inline-block;}
#ind_about .con{ font-size:14px; line-height:22px; }
#ind_about .con ul{display:table; margin:30px auto;}
#ind_about .con ul li{float:left; border:#585755 solid 6px; width:300px; height:400px; list-style:none; margin-right:60px; padding:20px 50px; color:#595757; font-size:18px; line-height:30px;}
#ind_about .con h2{ font-weight:bold; font-size:30px; color:#000; line-height:48px;}
#ind_about .con p{margin-top:20px;}
.iframea{border:0; height:530px;}
	}
	@media (max-width: 1024px) {
	.effects {width:100%; margin:0;}
	.effects .demo {width: 24%; margin-left:1%; margin-bottom:6px; }
	.effects .demo H2{text-align:center; padding-bottom:15px;}
	.effects .demo H3{ font-size:14px; font-weight:bold; margin-bottom:130px; background:url(images/line.png) no-repeat left bottom; height:20px; line-height:20px;}
	.effects .demo ul li{float:left; list-style:none; height:26px; line-height:26px; margin-right:26px; font-size:14px;}
	.effects .demo ul li a:hover{ border-bottom:#F00 solid 2px; padding-bottom:10px;}
	.effects .demo ul{display:table; margin:20px auto;}
	.effects .demo p {font-size:12px; color:#FFF; margin-top:6px;}
	.effects .demo p a:link{color:#FFF; border:#FFF solid 1px; padding:5px; display:block; width:90px;  }
	.effects .demo p a:visited{color:#FFF; border:#FFF solid 1px; padding:5px; display:block; width:90px; }
	.effects .demo p a:hover{color:#025131; border:#FFF solid 1px; padding:5px; display:block; width:90px; }
	.effects .demo .casepbg{ background-image:none;}
	#indexb{width:100%; padding:0 2%;}
#indexb .ship{width:28%; float:left; height:377px;}
#indexb .ship img{width:100%;}
#indexb .about{width:38%; margin-left:1%; margin-right:1%; float:left; line-height:18px;}
#indexb .news{width:32%; float:right; height:377px;}
#indexb .border{border:#959595 solid 1px; padding:5px 20px;  height:377px;}
#indexb .btitle{ font-size:20px; border-bottom:#959595 solid 1px; height:56px; line-height:56px;}
#indexb .btitle span{float:right;}
#indexb .news dl{ display:block; border-bottom:#a6a5a5 solid 1px; padding-bottom:10px;}
#indexb .news dl dt{float:left; display:block; height:65px;}
#indexb .news .dttime{width:20%; text-align:center; font-size:14px; color:#f50001;}
#indexb .news .dttime h2{ font-size:36px; margin:0; padding:0; font-weight:bold;}
#indexb .news .dtwid{width: 100%; font-size:12px;}
#indexb .news .dtwid h3{font-size:18px; font-weight:bold;}
#ind_about{ background:#fff; text-align:center; padding-bottom:60px;}
#ind_about .img{ padding-bottom:30px; text-align:center;}
#ind_about .img img{ display:inline-block;}
#ind_about .con{ font-size:14px; line-height:22px; }
#ind_about .con ul{display:table; margin:15px auto;}
#ind_about .con ul li{float:left; border:#585755 solid 6px; width:250px; height:400px; list-style:none; margin-right:60px; padding:10px 30px; color:#595757; font-size:16px; line-height:20px;}
#ind_about .con h2{ font-weight:bold; font-size:25px; color:#000; line-height:38px;}
#ind_about .con p{margin-top:20px;}
.iframea{border:0; height:460px;}
	}
	@media (max-width: 959px) {
	.effects .demo {width: 50%; }
	.effects .demo H2{text-align:center; padding-bottom:15px;}
	.effects .demo H3{ font-size:18px; font-weight:bold; margin-bottom:100px; background:url(images/line.png) no-repeat left bottom; height:30px; line-height:30px;}
	.effects .demo ul li{float:left; list-style:none; height:36px; line-height:36px; margin-right:46px; font-size:18px;}
	.effects .demo ul li a:hover{ border-bottom:#F00 solid 2px; padding-bottom:10px;}
	.effects .demo ul{display:table; margin:20px auto;}
	.effects .demo p {font-size:18px; color:#FFF; margin-top:12px;}
	.effects .demo p a:link{color:#FFF; border:#FFF solid 1px; padding:10px 20px; display:block; width:120px;  }
	.effects .demo p a:visited{color:#FFF; border:#FFF solid 1px; padding:10px 20px; display:block; width:120px; }
	.effects .demo p a:hover{color:#025131; border:#FFF solid 1px; padding:10px 20px; display:block; width:120px; }
	.effects .demo .casepbg{background:url(images/case.png) no-repeat right;}
	}
	@media (max-width: 768px) {
	.effects {margin:6px; width:100%;}
    .effects .demo {width: 47%; margin-left:2%; margin-bottom:6px;}
	.effects .demo H2{text-align:center; padding-bottom:15px;}
	.effects .demo H3{ font-size:16px; font-weight:bold; margin-bottom:30px; background:url(images/line.png) no-repeat left bottom; height:20px; line-height:20px;}
	.effects .demo ul li{float:left; list-style:none; height:26px; line-height:26px; margin-right:46px; font-size:16px;}
	.effects .demo ul li a:hover{ border-bottom:#F00 solid 2px; padding-bottom:10px;}
	.effects .demo ul{display:table; margin:50px auto;}
	.effects .demo p {font-size:12px; color:#FFF; margin-top:12px;}
	.effects .demo p a:link{color:#FFF; border:#FFF solid 1px; padding:5px; display:block; width:90px;  }
	.effects .demo p a:visited{color:#FFF; border:#FFF solid 1px; padding:5px; display:block; width:90px; }
	.effects .demo p a:hover{color:#025131; border:#FFF solid 1px; padding:5px; display:block; width:90px; }
	.effects .demo .casepbg{ background-image:none;}
	[class^='imghvr-'] figcaption,
     [class*=' imghvr-'] figcaption {
  background-color: inherit;
  padding: 15px 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
	}
	@media (max-width: 360px) {
	.effects {margin:6px; width:100%;}
	.effects .demo {width: 47%; margin-left:2%; margin-bottom:6px; }
	.effects .demo H2{text-align:center; padding-bottom:15px;}
	.effects .demo H3{ font-size:14px; font-weight:bold; margin-bottom:30px; background:url(images/line.png) no-repeat left bottom; height:20px; line-height:20px;}
	.effects .demo ul li{float:left; list-style:none; height:26px; line-height:26px; margin-right:26px; font-size:14px;}
	.effects .demo ul li a:hover{ border-bottom:#F00 solid 2px; padding-bottom:10px;}
	.effects .demo ul{display:table; margin:20px auto;}
	.effects .demo p {font-size:12px; color:#FFF; margin-top:6px;}
	.effects .demo p a:link{color:#FFF; border:#FFF solid 1px; padding:5px; display:block; width:90px;  }
	.effects .demo p a:visited{color:#FFF; border:#FFF solid 1px; padding:5px; display:block; width:90px; }
	.effects .demo p a:hover{color:#025131; border:#FFF solid 1px; padding:5px; display:block; width:90px; }
	.effects .demo .casepbg{ background-image:none;}
	.contactcon ul{ width:100%; margin:10px 0; padding:0;}
.contactcon ul li{ list-style:none; border:0; font-size:14px; padding:0; margin:0; height:120px;}
.contactcon ul li h3{font-size:26px; font-weight:bold; margin:10px 0; padding:0;}
.contactcon ul li h2{font-size:16px; font-weight:bold; margin:10px 0 0 0; padding:0;}
.contactcon .lia{width:100%;}
.contactcon .lib{width:100%;}
.contactcon .lic{width:100%; height:200px;}
.contactcon .lic img{width:100%;}
	}
	

.inshow-tgb {width: 1360px; margin-bottom:50px; }
  .inshow-tgb .inshow-tab {
    width: 160px;
	background-color:#FFF;
	z-index:20;
    float: left; }
    .inshow-tgb .inshow-tab li {
      height: 80px;
	  width: 160px;
      text-align: center;
      cursor: pointer;
	  background-color:#FFF;
	  border:#7f7f7f solid 1px;
      font-size: 18px;
      color: #625e5f;
	  list-style:none;
      line-height: 80px; }
	  
      .inshow-tgb .inshow-tab li.cur {
       color:#F00; font-weight:bold; background:url(images/ico.png) no-repeat left; width:169px; border:0; }
  .inshow-tgb .inshow-img {
    float: right;
	z-index:-1;
    width: 1200px;
    height: 480px;
	overflow:hidden;}
	.inshow-tgb .inshow-img li{list-style:none; }
    .inshow-tgb .inshow-img li a {
      display: block;
      position: relative; }
      .inshow-tgb .inshow-img li a .text {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 0 26px;
        background: rgba(0, 0, 0, 0.5);
        z-index: 99;
        color: #fff;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s; }
        .inshow-tgb .inshow-img li a .text ._t {
          font-size: 21px;
          line-height: 12px; }
          .inshow-tgb .inshow-img li a .text ._t span {
            float: right;
            color: #fff; }
        .inshow-tgb .inshow-img li a .text p {
          font-size: 14px;
          line-height: 30px; }
      .inshow-tgb .inshow-img li a:hover .text {
        background: #cc2145; }
    .inshow-tgb .inshow-img img {
      width: 100%; }	