@charset "UTF-8";
/*#kracie2023amana*/

/*cmGallery*/
.specialbnr-sec #spbnr-cmGallery h3{
  pointer-events: none;
}
.specialbnr-sec #spbnr-cmGallery{
  width: 450px;
}
.specialbnr-sec #spbnr-cmGallery img{
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
@media (max-width:769px){
  .specialbnr-sec #spbnr-cmGallery{
    width: 45%;
  }
}

/*----------------------------
modal
----------------------------*/
.modalbg {
  position:fixed;
  top:0;
  left:0;
  z-index:9999;
  display: none;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color:rgba(255,255,255,0.9);
}
.modalbg_btn{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:-1;
}
/*modalContent*/
.modalContent {
  display: none;
  position:absolute;
  padding: 0;
  width:100%;
  height:100%;
  z-index:9999;
}
.modal_conts{
  position:relative;
  margin: 0 auto;
  padding: 0;
  width:100%;
  overflow: auto;
}
.modal_cnts_innr{
  position:relative;
  margin: 0 auto;
  padding: 80px 0;
  width: 100%;
  max-width:900px;
}
.modal_cnts_detail{
  position: relative;
  text-align: center;
}
@media screen and (max-width:896px){
  .modal_cnts_innr {
    padding: 20vw 0;
    width:90vw;
  }
  .modalContent {
    padding: 0;
  }
}

/*sindan_bnr*/
.sindan_bnr{
  margin:0 auto;
  padding-top:50px;
  width:948px;
  transition:0.3s;
}
.sindan_bnr img{
  width:100%;
  height:auto;
}
.sindan_bnr:hover{
  opacity: 0.8;
}
@media (max-width:769px){
  .sindan_bnr{
    padding-top:30px;
    width:90vw;
  }
}
.slider-scene7{
	margin-top:22px;
	background:url(../img/index/slider-scene7_bg.png) center bottom repeat-x;
	text-align:center;
	background-color:#e81010;
}
.slider-scene8{
	margin-top:22px;
	background:url(../img/index/slider-scene8_bg.jpg) center bottom repeat-x;
	text-align:center;
	background-color:#094b8a;
}
.slider-scene9{
	margin-top:22px;
	background:url(../img/index/slider-scene9_bg.png) center bottom repeat-x;
	text-align:center;
	background-color:#0192d9;
}
.slider-scene10{
	margin-top:22px;
	background:url(../img/index/slider-scene10_bg.png) center bottom repeat-x;
	text-align:center;
	background-color:#5bb9d0;
}
.slider-scene11{
	margin-top:22px;
	background:url(../img/index/slider-scene11_bg.jpg);
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
	text-align:center;
	background-color:#208cbd;
}
.slider-scene12{
	margin-top:22px;
	background:url(../img/index/slider-scene12_bg.png) center bottom repeat-x;
	text-align:center;
	background-color:#69a719;
}
.slider-scene13{
  background:url(../img/index/slider-scene13_bg.png);
	background-color:#cc3333;
}
.slider-scene14{
	margin-top:22px;
	background-image: url(../img/index/slider-scene14_bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
	background-color: #f1d031;
}
.slider .inner a{
  opacity:1!important;
}
@media (max-width:769px){
  .slider-scene11{
    background-image:none;
  }
}
.top_new_icon{
  position:absolute;
  margin:0;padding:0;
  width:47px;
  height:46px;
  top:8px;
  left:8px;
  z-index:10;
}

.footer_banner{
	margin: 20px auto;
	padding: 0;
	width:950px;
	text-align: center;
}
.footer_banner ul{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0;
}
.footer_banner ul li{
	display: inline-block;
	margin: 0;
	padding: 0 3px;
	vertical-align: top;
}
.footer_banner img{
	width:215px;
	height:60px;
}
.footer_banner ul li a:hover{
	opacity: 0.8;
}

/*case_item slider*/
#case_item {
	position:relative;
	margin:0 auto;
	padding:0;
	width:100%;
	height:350px;
	text-align:center;
}
#case_item .arr_left{
	position:absolute;
	top:160px;
	left:20px;
	width:19px;
	height:32px;
}
#case_item .arr_right{
	position:absolute;
	top:160px;
	right:20px;
	width:19px;
	height:32px;
}
#case_item .arr_left img,
#case_item .arr_right img{
	width:100%;
	display:block;
}
#case_item .prog_list img {
	width:100%;
	vertical-align:top;
	display:block;
}
#case_item .project {
	text-align:center;
}
#case_item .project .slider > div .inner img {
	margin: 0 auto;
	width:950px;
	vertical-align:top;
	display:block;
}
#case_item .project {
	height:350px;
	padding:0;
	overflow: hidden;
	text-align: center;
}
#case_item .project .slider {
	width: 100%;
	height:350px;
	overflow: visible;
}
#case_item .project .slider > div {
	width:100%;
	height:350px;
	margin: 0 auto;
	padding:0;
	overflow: visible;
}
#case_item .project .slider > div .inner {
	width:100%;
	height:350px;
	margin: 0 auto;
	padding:0;
	text-align:center;
}
#case_item .project .slider > div .inner a {
	display: block;
	width:100%;
	height:350px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
#case_item .project .slider > div .inner a:hover{
	opacity: 0.8;
}
#case_item .slick-slide{
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	line-height: 300px;
	margin: 0;
	padding: 0;
	width:100%;
}
#case_item .slick-center{
	overflow: visible;
	text-indent:0;
	white-space:normal;
	line-height: 28px;
	margin: 0;
	padding: 0;
	width:100%;
}
#case_item .slick-cloned{
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	line-height: 300px;
	margin: 0;
	padding: 0;
	width:100%;
}
@media (max-width:769px){
  #case_item .project .slider > div .inner img {
    width:100vw;
  }
  #case_item{
    height:53.125vw;
  }
  #case_item .project {
    height:53.125vw;
  }
  #case_item .project .slider {
    height:53.125vw;
  }
  #case_item .project .slider > div {
    height:53.125vw;
  }
  #case_item .project .slider > div .inner {
    height:53.125vw;
  }
  #case_item .project .slider > div .inner a {
    height:53.125vw;
  }
  #case_item .arr_left{
    top:26vw;
    left:5px;
    width:10px;
    height:auto;
  }
  #case_item .arr_right{
    top:26vw;
    right:5px;
    width:10px;
    height:auto;
  }
  
  /*-----newitemlist_slider-----*/
  .newitemlist_slider{
    position:relative;
    margin:0 auto;
    padding:0;
    width:100%;
    overflow: hidden;
    text-align:center;
  }
  .newitemlist_slider .slick-prev,.newitemlist_slider .slick-next{
    display:none!important;
  }
  .newitemlist_slider .slick-list{
    width:100%;
  }
  .newitemlist_slider > div .inner img {
    margin: 0 auto;
    width:100%;
    vertical-align:top;
    display:block;
  }
  .newitemlist_slider > div {
    width:100%;
    height: 50vw;
    margin: 0 auto;
    padding:0;
    overflow: visible;
  }
  .newitemlist_slider > div .inner {
    width:100%;
    height:200px;
    margin: 0 auto;
    padding:0;
    text-align:center;
  }
  .newitemlist_slider > div .inner a {
    display: block;
    width:100%;
    height:200px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
  }
  .newitemlist_slider > div .inner a:hover{
    opacity: 0.8;
  }
  .newitemlist_slider .slick-slide{
    margin: 0;
    padding: 0;
    width:300px;
  }
  .newitemlist_slider .slick-slide img {
    display:unset!important;
  }
  .newitemlist_slider .slick-center{
    margin: 0;
    padding: 0;
    width:300px;
  }
  .newitemlist_slider .slick-cloned{
    margin: 0;
    padding: 0;
    width:300px;
  }
  /*slick-dots*/
  .newitemlist_slider .slick-dots {
    position:absolute;
    margin:0;
    padding:0;
    list-style:none;
    display: block;
    text-align:center;
    width:300px;
    height:20px;
    bottom:0px;
    left:50%;
    margin-left:-150px;
  }
  .newitemlist_slider .slick-dots li {
    position:relative;
    display:inline-block;
    width:20px;
    height:20px;
    margin:0 2px;
    padding: 0;
    cursor:pointer;
    vertical-align:top;
  }
  .newitemlist_slider .slick-dots li button{
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance:none;
    font-size:0;
  }
  .newitemlist_slider .slick-dots li button:before{
    color:#fadcdc!important;
  }
  .newitemlist_slider .slick-dots li.slick-active button:before{
    color:#fe6767!important;
  }
  /*-----/newitemlist_slider-----*/

  /*-----itemlist_slider-----*/
  .itemlist_slider{
    position:relative;
    margin:0 auto;
    padding:0;
    width:100%;
    overflow: hidden;
    text-align:center;
  }
  .itemlist_slider .slick-prev,.itemlist_slider .slick-next{
    display:none!important;
  }
  .itemlist_slider .slick-list{
    width:100%;
  }
  .itemlist_slider > div .inner img {
    margin: 0 auto;
    width:100%;
    vertical-align:top;
    display:block;
  }
  .itemlist_slider > div {
    width:100%;
    height:230px;
    margin: 0 auto;
    padding:0;
    overflow: visible;
  }
  .itemlist_slider > div .inner {
    width:100%;
    height:200px;
    margin: 0 auto;
    padding:0;
    text-align:center;
  }
  .itemlist_slider > div .inner a {
    display: block;
    width:100%;
    height:200px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
  }
  .itemlist_slider > div .inner a:hover{
    opacity: 0.8;
  }
  .itemlist_slider .slick-slide{
    margin: 0;
    padding: 0;
    width:300px;
  }
  .itemlist_slider .slick-slide img {
    display:unset!important;
  }
  .itemlist_slider .slick-center{
    margin: 0;
    padding: 0;
    width:300px;
  }
  .itemlist_slider .slick-cloned{
    margin: 0;
    padding: 0;
    width:300px;
  }
  /*slick-dots*/
  .itemlist_slider .slick-dots {
    position:absolute;
    margin:0;
    padding:0;
    list-style:none;
    display: block;
    text-align:center;
    width:300px;
    height:20px;
    bottom:0px;
    left:50%;
    margin-left:-150px;
  }
  .itemlist_slider .slick-dots li {
    position:relative;
    display:inline-block;
    width:20px;
    height:20px;
    margin:0 2px;
    padding: 0;
    cursor:pointer;
    vertical-align:top;
  }
  .itemlist_slider .slick-dots li button{
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance:none;
    font-size:0;
  }
  .itemlist_slider .slick-dots li button:before{
    color:#fadcdc!important;
  }
  .itemlist_slider .slick-dots li.slick-active button:before{
    color:#fe6767!important;
  }
}