/*  Iteam  */

.indexgood{ background: url(../images/aboutbg2.jpg) no-repeat right top #f1f1f1 fixed; display: block; overflow: hidden ;  padding:100px 0; padding-bottom: 200px }

.good .Choices_head{ margin-bottom: 100px }
.goodleftimg{ height: 100% ; float: right; }
.fea-product-item {
  background: #fff;
  padding: 30px 30px 24px;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  margin-bottom: 15px;
  text-align: left;
  position: relative;
  margin-top: 15px;
  /*! border-bottom-left-radius: 10px; */
  /*! border-bottom-right-radius: 10px; */
  border-top: 2px solid #0e482f;
  position: relative;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 10px;
}

.fea-product-item:after {
  background: url(../images/caseimg2.jpg) ;
  position: absolute;
  content: "";
  width: 107%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transform: scale(1.5);
}
.fea-product-item:hover{ background: #000 }

.fea-product-item:hover:after {
  visibility: visible;
  opacity: .3;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transform: scale(1);
}


.fea-product-item:hover .fea-text h4,
.fea-product-item:hover .fea-text p,
.fea-product-item:hover .fea-text ul li {
  color: #fff;
}


.fea-icon i {
  background: #0e482f;
  width: 60px;
  height: 60px;
  font-size: 30px;
  color: #fff;
  text-align: center;
  line-height: 60px;
  display: block;
  border-radius: 5px;
}

.fea-icon i img{ width: 30px; height: 30px }

.fea-text h4 {
  font-size: 24px;
  margin-top: 26px;
  font-size:30px;
  margin-bottom: 12px;
  color: #0e482f;
  font-weight: bold;
}

.fea-text p {
  margin-bottom: 16px;
 line-height:30px;
  font-size:16px;
  color: #999

}

.fea-text ul li {
  margin-top: 5px;
  color: #6f6e6e;
  font-size: 16px;
  line-height:30px;
    margin-bottom: 20px
}

.fea-text ul li i {
  color: #0e482f;
  margin-right: 5px;
}

/* featured Nav*/

.fea-img-carousel .owl-nav div {
  top: 100%;
  font-size: 17px;
  left: auto;
  color: #fff;
  margin-top: -160px;
  background: #0e482f;
  opacity: 1;
  border-radius: 0px;
  width: 40px;
  height: 40px;
  line-height: 29px;
  margin-right: -5px;
}

.fea-img-carousel .owl-nav .owl-prev {
  right: 55px !important;
  left: auto !important;
}

.fea-img-carousel .owl-nav div:hover {
  opacity: .8;
}


.featured-product-section .container-fluid>.row {
    background-color: #f7f7f7;
    background-image: url(../images/shape1.png);
    background-position: center right;
    background-repeat: no-repeat;
}

.featured-container {
    max-width: 723px;
    width: 100%;
}




/*选择众宇开始*/
.Choices{ width:100%; float:left; height:819px; background:url(../images/Choices.jpg) no-repeat center; background-size:cover;}
.Choices_text{ width:1200px; height:819px; margin:0 auto;}
.Choices_head{ width:100%; float:left; height:55px; margin-top:50px; line-height:55px; letter-spacing:2px; font-weight:bold; text-align:center; font-size:48px; color:#FFF; display:block; position:relative;}
.Choices_head:before,.Choices_head:after{content: ''; position: absolute;top: 30px;background: #FFF;width:265px;height: 2px;}
.Choices_head:before{ left:0px;}
.Choices_head:after{ right:0px;}

.Choices_content{ width:1184px; height:594px; float:left; margin-left:3px;}
.Choicesnext{ width:38px; height:37px; float:left; margin-left:1136px; margin-top:24px; cursor:pointer;}
.Choices_banner{ width:1184px; height:399px; float:left; margin-top:39px; overflow: hidden;}
.Choices_banner ul{ width: 12000px;  overflow: hidden;}
.Choices_banner ul li{ width:1184px; height:399px; float:left;}
.Choices_left{ width:594px; height:399px; float:left;}
.Choices_right{ width:590px; height:399px; float:left; background-color: rgba(255,255,255,0.93)}
.Choices_right h1{ width:590px; height:30px; line-height:30px; float:left; text-align:center; font-size:28px; margin-top:70px; color:#464646;}
.Choices_right h2{ width:590px; height:30px; line-height:30px; float:left; text-align:center; font-size:28px; margin-top:10px; color:#464646;}
.Choices_right p{ width:450px; height:70px; float:left; margin-left:70px; text-align:center; font-size:18px; color:#606060; margin-top:20px;}
.Choicesbut{ width:197px; height:49px; float:left; border:1px solid #bfbfbf; background-color:rgba(255,255,255,0.7); text-align:center; line-height:49px; color:#606060; font-size:22px; margin-left:195px; margin-top:57px;}
.Choicestel{ width:1184px; height:38px; text-align:center; line-height:38px; font-size:36px; float:left; font-family:"Arial"; overflow:hidden; color:#FFF; margin-top:100px;
-webkit-user-select:none;/*谷歌 /Chrome*/
-moz-user-select:none; /*火狐/Firefox*/
-ms-user-select:none;    /*IE 10+*/
user-select:none;}
.Choicestel ul{ width:12000px; overflow:hidden;}
.Choicestel ul li{ width:1184px; height:38px; float:left;}
/*选择众宇结束*/





/*关于我们全屏*/
.aboutblock2{  }
.aboutcontact{}
.aboutcon2{  width:650px; padding:100px 0;  overflow:hidden; float: left; }
.aboutcon2 p{ color: ; font-size: 14px; line-height: 30px; height: 200px;  overflow:hidden;  margin-bottom: 50px}
.aboutcon2 span{ display: block; font-size: 35px; font-weight: bold; font-weight: bold; padding-bottom: 50px }
.aboutcon2 ul{ display: block; background:#0e482f ; overflow: hidden; padding:20px 0; margin-top: 50px }
.aboutcon2 ul li{ float: left; width: 160px; text-align: center; }
.aboutcon2 ul li img{ width: 80px; height: 80px; display:inline-block;  }
.aboutcon2 ul li em{ text-align: center; display: block; margin-top: 20px; color: #fff }
.aboutcon3{ float: right; width: 458px; overflow: hidden; margin-top:50px; }


















.content .more-lunbo-b{display: block;width: 160px;margin: 3% auto;}
.content .more-lunbo-b font{display: block;color: rgb(255, 255, 255);background: rgb(188, 23, 23);padding: 12px 0 12px 20px;line-height: 18px;}
.content .more-lunbo-b font img{margin-left: 10px;transition: 0.3s ease-in-out;}
.content .more-lunbo-b:hover font img{margin-left: 20px;transition: 0.3s ease-in-out;}
.index-about .index-about1 .zjtr {text-align: left;}


.index_con2 .more font{background: #0e482f;display: block;padding: 12px 20px;color: #fff;}
.index_con2 .more font img{margin-left: 10px;transition: 0.3s ease-in-out;}
.index_con2 .more{margin-top: 7%;}
.index_con2 .more font:hover img {transform: translateX(10px);}
.index-aboutkj{width: 100%;background: #f6f6f6;}
.index-about{width: 75%;margin: 0 auto;}

.zj02 {width: 50%;float: left;}
.zj03 {margin-top: 3%;}
.zj04 {width: 45%;float: left;margin-left:5%;}
.zj05 {padding-right: 50px;}
.zj06:after {margin:  20px 0!important}
.zj07 { width: 100%;margin: 0 auto; margin-top: 35px;}
.zj07 ul li {width: 128px;height: 30px;display: inline-block;line-height: 30px;}

.index-about1{width: 100%;}

.zj07 ul li:nth-child(2){border-left: solid 1px #C1C1C1;border-right: solid 1px #C1C1C1;}
.zj07 ul li:hover {background: #0e482f;cursor: pointer;}
.zj07 ul li a:hover {color: #fff;}
.zj07 ul {text-align: center;}
.zj07 li a {padding: 6px 36px;  }
.zj08 {width: 45%;height: 510px;background: #c1c1c112;float: left;padding: 2%; margin-left:5%;}
.zj10 {width: 45%;float: right;  padding:0 2%; margin-right:5%;}
.zj10 li {padding-bottom: 135px;border-bottom: solid 1px #c1c1c1;margin-top: 45px;}

@media (max-width: 1780px) and (min-width: 1310px){
  .zj10 li {margin-top: 34px;}
}

.zj10 li a .zj12:hover {color:#0e482f;}
.zj11 {width: 5px;height: 5px;border-radius: 50%;background: #000;margin-right: 15px;margin-top: 10px;}
.zj12 {font-size: 18px;float: left;color: #000000; width: 90%}
.zj13 {font-size: 16px;color:#535353;float: right;color: #bbbbbb;}
.zj14 {width: 100%;float: left;margin-bottom: 20px;}
.zj15 {margin-left: 20px;width: 80%;display: block;font-size: 16px;line-height: 28px;float: left;color: #999;}
.zj16 {width: 60px;height: 30px;float: right;border-left: solid #999 1px;}
.zj17 {font-size: 18px;float: left;width: 100%;margin-bottom: 20px;color: #adadad;}
.zj18 {font-size: 20px;float: left;width: 100%;color: #000000;}
.zj19 {font-size: 16px;line-height: 28px;margin-top: 25px;float: left;color: #9f9f9f;}
.zj20 {margin: 30px 0 40px;width:100%;float: left;overflow: hidden;height: 310px;}
.zj20 img{width: 100%;}
.zj21 {width: 160px;height: 40px;background: #0e482f;float: left;text-align: center;line-height: 40px;}
.zj22 {font-size: 18px;display: block;}
.zj23 {font-size: 10px;display: block;color: #a3a3a3;}
.zj24 {display:inline-block;vertical-align:top;font-size:16px;color:#333333;padding:6px 20px;border: 1px solid #cccccc;border-radius:8px;cursor:pointer; transition:0.3s ease-in-out;margin-left:3px;}
.zj24:hover {background: #0e482f;border-color: #0e482f;color: white;}
.zjtr {text-align: left;}
.zjfl {float: left;}
.zjfr {float: right;width:100%;}




.probox{ width: 100%; background: url(../images/good2.jpg) #333 no-repeat; background-size: cover; display: block; overflow: hidden; padding: 30px 0 100px }
#wrap{
  width: 1200px;
  height: 360px;
  margin:30px auto 100px;
}

#wrap ul{}
#wrap ul li{
    float: left;
    margin: 5px;
    width: 390px;
    height: 320px;
    position: relative;
    overflow: hidden;
}
#wrap ul li img{
    display: block;
    width: 100%;
    height: 100%;
}
#wrap ul li .cove{
    width: 390px;
    height: 320px;
    position: absolute;
    top: 0;
    left: 390px;
    background: url(../images/new-bg.png);
    padding: 140px 0 0 0;
}
#wrap ul li .cove p{

  font-size: 18px;
  font-family: 微软雅黑;
  color:#fff;
  text-align: center;

}
#wrap ul li .cove p i{  color: #fff; font-size:12px; border:1px solid #ccc; color: #ccc; padding: 10px 20px; overflow: hidden; margin-top:20px; display: inline-block; }


.indexmore li{ padding: 15px; float: left; width: 580px; background:#0e482f; margin-top:20px; }
.indexmore li a{ display: block; border: 1px solid #83c6a9;  padding: 30px;  background:#fff; text-align: center; 
  font-size:18px; color: #000; line-height: 30px }
.indexmore li:last-child{ float: right;  }
.indexmore li:hover{ background:#0e482f;  }
.indexmore li:hover a{ color: #fff;background:#0e482f;   }












.index_main .section3 .main {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  background: #f7f7f7;
}

.index_main .section3 .main .item {
  width: 25%;
  position: relative;
  background-repeat: no-repeat;
  background-size: auto 100%;
  /*background: url(../images/chanpin2.png) no-repeat center;*/
}

.index_main .section3 .main .item:hover {
  background: url(../images/chanpinbei.jpg) no-repeat center !important;
  text-decoration: none;
}

.index_main .section3 .main .item:hover .item_tit01 {
  display: block;
  text-decoration: none;
}

.index_main .section3 .main .item:hover .item_tit {
  display: none;
}

.index_main .section3 .main .item .item_tit01 {
  display: none;
  text-align: center;
  padding-top: 9vw;
  width: 90%;
  margin: 0 5%;
}

.index_main .section3 .main .item .item_tit01 h5 {
  font-size: 32px;
  font-family: "Light";
  color: #333;
  font-weight: 100;
  opacity: 0.8;
  overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index_main .section3 .main .item .item_tit01 p {
  font-size: 18px;
  font-family: "Light";
  color: #333;
  font-weight: 100;
  line-height: 40px;
  opacity: 0.8;
  overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index_main .section3 .main .item .item_tit01 .img {
  display: block;
  padding-top: 8vh;
  width: 50%;
  height: auto;
  margin: 0 auto;
}

.index_main .section3 .main .item .item_tit01 .img img {
  width: 100%;
  height: auto;
}

.index_main .section3 .main .item .item_tit01 a:hover .img_jian{
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px)
}

.item a:hover .item_tit01 h5 span {
  font-weight: bold;
}

.index_main .section3 .main .item .item_tit {
  position: absolute;
  bottom: 3.5vw;
  padding: 0px 2.1vw;
  width: 100%;
}

.index_main .section3 .main .item .item_tit h5 {
  font-size: 32px;
  font-family: "Light";
  color: #fff;
  font-weight: 100;
  opacity: 0.8;
  overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}

.index_main .section3 .main .item .item_tit p {
  font-size: 18px;
  font-family: "Light";
  color: #fff;
  font-weight: 100;
  line-height: 40px;
  opacity: 0.8;
  overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}

.index_main .section4 {
  font-size: 0;
}

.index_main .section4 .left {
  display: inline-block;
  vertical-align: top;
  width: 38%;
  height: 100vh;
  position: relative;
  padding: 6.25vw 6.1vw;
  background: url("../images/img7.jpg") no-repeat center;
}

.index_main .section4 .left .cel {
  position: relative;
  width: 100%;
}

.index_main .section4 .left .btn_items {
  display: flex;
  flex-wrap: wrap;
  margin-top: 3vw;
}

.index_main .section4 .left .btn_items .item {
  width: 47%;
  height: 8vw;
  display: inline-block;
  vertical-align: top;
  margin: 1.5%;
  padding: 0vw 1.5vw;
  background: #fff;
  font-size:24px;
  line-height: 22px;
  color: #666;
  cursor: pointer;
  font-family: "Light";
  overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.index_tit h3{ color: #fff;  font-size:40px; }
.index_main .section4 .left .btn_items .item:hover,
.index_main .section4 .left .btn_items .item.active {
  background: #0e482f;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.index_main .section4 .left .item span {
  font-size: 40px;
  line-height: 3.5vw;
  font-family: "Heavy";
}

.index_main .section4 .left .item:nth-of-type(1) {
  border-radius: 50px 0px 0px 0px;
}

.index_main .section4 .left .item:nth-of-type(6) {
  border-radius: 0px 0px 50px 0px;
}
.index_main .section4 .right {
  width: 62%;
  display: inline-block;
  vertical-align: top;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.index_main .section4 .right .img_items {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
}

.index_main .section4 .right .img_items .item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background-repeat: no-repeat;
  background-size: cover;
}

.index_main .section4 .right .img_items .item.active {
  opacity: 1;
  visibility: visible;
}
















.card-area{margin:82px auto 0;height:300px;width:1280px;position:relative; margin:150px auto;}
.card-area .bg-e8e8e8{background:#ffffff;}
.card-area .bg-e1e1e1{background:#e1e1e1}
.card-area .card-item{z-index:4;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;position:relative;float:left;width:25%;height:270px;background-color:transparent}
.card-area .card-item+.card-item{margin-left:-1px}
.card-area .card-item .card{transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;width:100%;height:100%;text-align:center;background:#f8f8f8; border:1px solid #dedede;}
.card-area .card-item .card .card-content{width:100%;line-height:2}
.card-area .card-item .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));line-height:2}
.card-area .card-item .card .card-content,.card-area .card-item .card .card-title{position:absolute;left:0;right:0;z-index:1}
.card-area .card-item .card .card-title{padding-top:1px;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;height:65px;line-height:26px;font-size:14px;top:0;}
.card-area .card-item .card .card-title .content{position:absolute;bottom:-2px;width:100%; height:65px;border-bottom:1px solid #cecece;}
.card-area .card-item .card .card-title h1{font-size:22px;color:#d9efff;margin-bottom:0;}
.card-area .card-item .card .card-title .short-info{color:#8dbbdc;font-size:14px;margin-top:0;margin-bottom:20px}
.card-area .card-item .card .card-title .zq-product-img{width:40px;height:40px;margin:10px auto;position:relative}
.card-area .card-item .card .card-title .zq-product-img img{position:absolute;left:0;width:100%}
.card-area .card-item .card .card-title .zq-product-img .un-hover{z-index:1;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-title .zq-product-img .with-hover{z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item .card .card-title .short-info,.card-area .card-item .card .card-title .zq-product-img img,.card-area .card-item .card .card-title h1{
	transition:all .15s cubic-bezier(.4,0,.2,1) 0s;
	height:65px;
	line-height:65px;
	color:#000;
}





.card-area .card-item .card .main-info ul li:last-child{border-bottom:0;}
.card-area .card-item .card .main-info ul li .left{width:50%;height:100%;float:left;padding-left:25px;}
.card-area .card-item .card .main-info ul li .left p.tit{color:#000; margin-top:25px;}
.card-area .card-item .card .main-info ul li .right{width:30%;height:100%;float:right;}
.card-area .card-item .card .main-info ul li .right button{padding:5px 15px; background:none; border:1px solid #000;color:#000;margin-top:30px;}
.card-area .card-item .card .card-content{position:absolute;top:66px}
.card-area .card-item .card .card-content.content-first .content-first-list{width:100%;max-width:250px;font-size:16px;color:#373d41;margin-top:47px;margin-bottom:47px}
.card-area .card-item .card .card-content.content-first .content-first-list li{margin-bottom:30px}
.card-area .card-item .card .card-content.content-second{width:90%;left:25px;font-size:14px;color:#a9b0b4;text-align:left;padding-top:26px}
.card-area .card-item .card .card-content.content-second .main-head{color:#3db1ea;font-size:18px;line-height:28px;margin-bottom:10px}
.card-area .card-item .card .card-content.content-second p{margin:5px 0}
.card-area .card-item .card .card-content.content-second .main-tip{color:#232933}
.card-area .card-item .card .card-content.content-second .main-desc{color:#8c8c8c;font-size:12px;line-height:22px}
.card-area .card-item .card .card-content.content-second .main-btn{cursor:pointer;width:160px;height:38px;font-size:16px!important;color:#fff;margin-top:22px;margin-bottom:33px;border-radius:19px;background:#3db1ea;border:none;transition:color .3s ease-in-out,background .3s ease-in-out}
.card-area .card-item .card .card-content.content-second .main-btn:hover{color:#fff;background:#1b77b9}
.card-area .card-item .card .card-content.content-second .main-white-btn{cursor:pointer;width:160px;height:36px;border:1px solid #3db1ea;font-size:16px!important;color:#3db1ea;margin-top:22px;margin-bottom:33px;border-radius:19px;background:#fff;transition:color .3s ease-in-out,background .3s ease-in-out}
.card-area .card-item .card .card-content.content-second .main-white-btn:hover{color:#fff;background:#3db1ea}
.card-area .card-item.active{z-index:6;box-shadow:0 0 30px rgba(0,0,0,.2);width:50%;}
.card-area .card-item.active .card .card-title{background-color:#0e482f;height:65px;top:-15px;border:none;}
.card-area .card-item.active .card .card-title .content{border-bottom:0;}
.card-area .card-item.active .card .card-title .short-info{color:#9ed8f5}
.card-area .card-item.active .card .card-title h1{color:#fff; height:100%; line-height:66px;}
.card-area .card-item.active .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item.active .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}


.card-area .card-item .card .main-info ul{  display: flex;
          flex-wrap: nowrap;}
.card-area .card-item .card .main-info ul li{width:800px;
          height: 100px; text-align:center; 

   }

.card-area .card-item .card .main-info ul li p{ font-size: 16px; line-height: 50px ; }
.card-area .card-item .card .main-info ul li p,.card-area .card-item .card .main-info ul li img,.card-area .card-item .card .main-info ul li a{transition: 0.5s}
.card-area .card-item .card .main-info ul li:hover p{ margin-top: -10px; color: #0e482f }
.card-area .card-item .card .main-info ul li:hover img{ margin-top: 20px }













/*分类*/
.block1{margin: 100px auto; }
.aboutimg dl dt{ float: left; width: 500px }
.aboutimg dl dd{ float: right; }
.aboutimg dl dt  .c-preview{ width: 550px; height: 300px }
.aboutimg dl dd .c-preview{ height: 620px; width: 610px; }
.c-preview {
  background: -moz-linear-gradient(-45deg, #000000 0%, #000000 25%, #0e482f 50%, #0e482f 75%, #0e482f 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #000000 0%, #000000 25%, #0e482f 50%, #0e482f 75%, #0e482f 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #000000 0%, #000000 25%, #0e482f 50%, #0e482f 75%, #0e482f 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-size: 400% 400%;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  position: relative;
  cursor: pointer;
  transition: .5s all;
  font-size: 30px;
  overflow: hidden;
  margin-right: 20px;
  margin-bottom:20px;
  transition: 1s;
}



.c-preview__img {
    margin-right:20px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  mix-blend-mode: screen;
  overflow: hidden;
}
.c-preview__img img{  
  width: 100%;
  height: 100%;
    transition: 0.5s;
}

.c-preview__title {
  position: relative;
  z-index: 10;
  text-transform: uppercase;
  letter-spacing: .05em;
}
.c-preview:hover {
  background-position: 100% 100%;
  color: #000;
}
.c-preview:hover__title {
  text-shadow: 0 0 20px black;
}
.c-preview:hover img{ transform:scale(1.1) }














/* ==========================================================================
  #Team
========================================================================== */
.team-item {
  margin: 30px 2px;
}
.has_slider div.slick-track{ padding-bottom: 300px }
.team-item-inner {
  position: relative;
  border-width: 0;
  border-style: solid;
  border-color: #fff;
  z-index: -1;
}
.team-item .team-img img {
  margin: auto;
  width: 400px; height: 280px;
}
.team-item .team-info-inner {
  opacity: 0;
}
.team-info-inner {
  position: absolute;
  bottom: -30px;
  width: 100%;
  text-align: center;
  z-index: 2;

}

.team-name {
  font-size: 28px;
  color: #333;
  margin-bottom: 0;
  text-transform: uppercase;
  line-height: 70px;
  display: block;
  text-align: left;

}
.team-name span{ float: right; font-size: 18px; color: #999 }
.team-position {
  color: #777;
  font-size: 17px;
  line-height: 35px;
  height: 70px; 
  overflow: hidden;
}
.team-item.slick-current .team-info-inner {
    bottom: -200px;
    opacity: 1;
    /*background: -webkit-linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.9));
    background: -o-linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.9));
    background: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.9));*/
    width: 1200px;
    margin-left: -600px;
    left: 50%;
}
.team-item .team-info:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(36, 41, 45, 0.7);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.team-item .team-info:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.75));
  background: -o-linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.75));
  background: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.75));
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.team-item .socials li a {
  width: 30px;
  height: 30px;
  line-height: 26px;
  border: 1px solid rgba(255,255,255,0.4);
}
.team-item .socials li a i {
  font-size: 12px;
}
.team-item.slick-current .team-info:after {
  display: none;
}
.team-item.slick-current .team-info:before {
  height: 30%;
}
.team-item.slick-current {
  -ms-transform: scale(1.1, 1.1); /* IE 9 */
    -webkit-transform: scale(1.1, 1.1); /* Safari */
    transform: scale(1.1, 1.1);
    z-index: 1;
}
.team-item.slick-current .team-item-inner {
  border-width: 5px;
}

/* ==========================================================================
  #BlogGrid
========================================================================== */
.swin-sc-blog-grid{
  margin-bottom: -25px;
}
.swin-sc-blog-grid .blog-item {
  padding-right: 20px;
  margin-bottom: 60px;
}
.swin-sc-blog-grid div[class*="col"]:last-child > .blog-item {
  margin-bottom: 0;
}
.swin-sc .blog-item .blog-title {
  margin-bottom: 16px;
}

.swin-sc .blog-content {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.swin-sc .blog-item .blog-title a:hover {
  text-decoration: none;
  opacity: 0.7;
}



.slick-list,.slick-slider,.slick-track{position:relative;display:block}
.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}
.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{top:0;left:0}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}







/*block14*/
.Box {position: relative; padding-bottom: 100px;background: #1b8758; padding-top:80px }
.Box .content {width: 1200px;margin: 0 auto;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -72px;}
.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -72px;}
.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width: 225px;height: 450px;margin-left: 20px;overflow: hidden;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li .pimg{ width: 225px; height: 400px; overflow: hidden; }
.Box .Box_con .conbox ul li img {display: block;width: 225px;height: 400px;transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1); height: 400px;}
.Box .Box_con .conbox ul li span{ line-height: 30px; text-align: center; display:block; color: #fff }
.Box .BoxSwitch {text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;
  width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background: #b15300;}