@charset "utf-8";
/* CSS Document */
#inbx{
	position:relative;
	width:100%;	
	background-attachment:scroll;
	background-repeat:no-repeat,no-repeat,repeat-y;
	background-position:50% 0%,50% 100%,50% 50%;
	background-image:url(../images/in_01.jpg), url(../images/in_03.jpg), url(../images/in_02.jpg);
	background-size:100% auto,100% auto,100% auto;
	overflow:hidden;
	}

#inbx .inb1{
	position:relative;
	width:100%;
	/*height:2000px;*/
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-image:url(../images/in_01a.png);
	background-size:100% auto;
	z-index:1;
	}
.int1,.ind1{
	position:relative;
	width:100%;	
	}
.int1{padding-bottom:23%;/*580*/}
.ind1{padding-bottom:28%;/*500*/}
.ind1::before{
	position:absolute;
	width:100%;/*2000*/
	padding-bottom:51.85%;/*1037*/
	content:"";
	pointer-events: none;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 100%;
	background-image:url(../images/kkg.png);
	background-size:100% auto;
	left: 0;
	bottom: 0;
	}
.icbg{
	position:relative;
	width:100%;	
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-image:url(../images/ncbg.jpg);
	background-size:100% auto;
	}
.ics{
	position: relative;
	width: 100%;
	padding-bottom:6.9%;
	display: block;
	}
.inc1{
	position:relative;
	width:1200px;
	min-height:100px;
	background-attachment:scroll;
	background-repeat:no-repeat,no-repeat;
	background-position:0% 50%,100% 50%;
	background-image:url(../images/ins.png),url(../images/ins.png);
	background-size:2px 100%,2px 100%;
	padding:0 7px;
	margin:0 auto;
	/**/
	font-size: 1.6rem;
	line-height:2.2rem;
	color: #383d4a;
	/**/
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
.p1{
	position:absolute;
	width:50%;/*1000*/
	padding-bottom:38.35%;/*767*/
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-image:url(../images/p1.png);
	background-size:100% auto;
	pointer-events: none;
	top:0;
	left:46.5%;
	/*
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;*/
	/**/
	animation:fadeInRight .8s ease;
	animation-fill-mode:forwards;
	-webkit-animation:fadeInRight .8s ease;
	-webkit-animation-fill-mode:forwards;
	}
.t_news{
	position:relative;
	width:34.75%;/*695*/
	padding-bottom:8.45%;/*189 /* 9.45*/
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-image:url(../images/tit_news.png);
	background-size:100% auto;
	margin:0 auto;
	}
/**/
.inc2{
	position:relative;
	width:95%;
	line-height:30px;
	display:block;
	padding:0 100px 10px 106px;
	margin:0 auto 1rem;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-image:url(../images/ns3.png);
	background-position:0% 100%;
	background-size:100% 1px;
	transition: all .5s;
	/**/
	font-size:1.7rem;
	}
.time {
	position:absolute;
	font-size: 1.5rem;
  	color: #666e85;
	top:0;
	right:0
	}
.ga,.ac,.sv,.ro{
	position:absolute;
	width:100px;
	padding-bottom:31px;
	display:inline-block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-size:100% auto;
	margin-right:6px;
	top:0;
	left:0;
	}
.ga{background-image:url(../images/nws_g.png);}
.ac{background-image:url(../images/nws_a.png);}
.sv{background-image:url(../images/nws_s.png);}
.ro{background-image:url(../images/nws_r.png);}
/**/
.contentbox{
	position:relative;
	width:93%;
	font-size:1.33rem;
	line-height:2.1rem;
	color:#3d4559;
	overflow:hidden;
	padding:.5rem 0 0;
	margin:0 auto;
	}
/*.contentbox img{
	width:80%;
	display:block;
	margin:1.2rem auto;
	}*/
.contentbox .vdx{
	position:relative;
	width:80%;
	padding-bottom:45%;
	/*width:100%;
	padding-bottom:56.25%;*/
	overflow:hidden;
	cursor:pointer;
	margin:1.2rem auto;
	}
.contentbox .vdx video,
.contentbox .vdx iframe{
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	}
.previous{
	position:relative;
	width:140px;
	padding-bottom:40px;
	display:block;
	cursor: pointer;
  	background-attachment: scroll;
  	background-repeat: no-repeat;
  	background-position: 50% 50%;
	background-image:url(../images/previous.png);
	background-size:100% auto;
	margin:0 auto;
	top:2rem;
	z-index:1;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
/**/
.in_mu{
	position:relative;
	width:95%;
	height:4.5rem;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-image:url(../images/ns1.png);
	background-position:0% 100%;
	background-size:100% 2px;
	margin:0 auto;
	text-align:center;
	top: -25px;
	}
.in_mu a{
	position:relative;
	display:inline-block;
	padding:0 .8rem;
	margin-right:10px;
	font-size:2rem;/*1.8*/
	line-height:4.5rem;
	color:#7f6e54;/*a0917b*/
	}
.in_mu a.on{
	color:#23293a;
	font-weight: 500;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-image:url(../images/n_on.png);
	background-position:50% 100%;
	}
.in_mu a.on:hover{color:#574d41;}
.in_mu a::after{
	position:absolute;
	content: "";
	width:10px;
	height:4.5rem;
	display:inline-block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-image:url(../images/ns2.png);
	background-position:50% 50%;
	right:-10px;
	top:0;
	}
.in_mu a:last-child::after{display:none;}
.in_mu a:hover{color:#887150;}
.inck{
	position:relative;
	width:95%;
	display:block;
	padding:1rem 0 0;
	margin:0 auto;
	}
.nswb{position:relative}
.nswb li{
	position:relative;
	width:25%;
	display:inline-block;
	padding:.3rem;
	overflow:hidden;
	margin:0 -2.2px .8rem;
	/**/
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	/**/
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
	}
.nswb li > div{
	position: relative;
	width: 100%;
	display:block;
	cursor: pointer;
	border-radius:8px;
	border: 1px solid #9dbdd8;
	background-color:#dae9fb;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.nswb li .ph1{
	position:relative;
	width:100%;/*390*/
	padding-bottom:51%;/*200*/
	overflow:hidden;
	border-radius:8px 8px 0 0;
	}	
.nswb li .ph1 img {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
}
.nswb li:hover .ph1 img {
  width: 110%;
  left: 50%;
  margin-left: -55%;
  margin-top: -5%;
}
.nswb li:hover > div {
  border: 1px solid #81b8e5;
	background-color:#dee9f6;
	}
.nswb li:hover {
   -webkit-filter: drop-shadow(0px 10px 15px rgba(0, 0, 0, .2));
  filter: drop-shadow(0px 10px 15px rgba(0, 0, 0, .2));
  z-index:1;
}
.i_tp {
  position: absolute;
  width: 25px;
  padding-bottom: 40px;
  display: block;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-image: url(../images/nw_im.png);
  background-size: 100% auto;
  right:2%;
  top:0;
   -webkit-filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, .2));
  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, .2));
}
.nswb li .time1{
	font-size:1.3rem;
	color:#666e85;
	display: flex;
	justify-content:left;
	align-items:center;
	margin:.3rem 0 .1rem;
	padding:.5rem 2% 0;
	}
.nswb li .time1	> p{
	position:relative;
	width:83px;
	padding-bottom:26px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin:0 .5rem 0 0;
	}
.nbox1{
	font-size:1.35rem;
	line-height:2.2rem;
	color:#383d4a;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: all .5s;
	padding:.2rem 2%;
	margin:0 0 .3rem;
	}


	
	

@media only screen and (max-width:1500px){
/**/
.inc1{width:78%;}
}
@media only screen and (max-width:1400px){
/**/


}
@media only screen and (max-width:1200px){
/**/
.nswb li{width:33.33333333%;}

}
@media only screen and (max-width:1000px){	
/**/
.in_mu{height:4rem;}
.in_mu a{
	font-size:1.45rem;
	line-height:4rem;
	}
.in_mu a::after{height:4rem;}

}
@media only screen and (max-width:800px){
/**/
.inc1{background-size:0 100%,0 100%;}
}
/**/
@media only screen and (max-width:780px){
/**/	
#inbx{background-image:url(../images/in_m_01.jpg), url(../images/in_m_03.jpg), url(../images/in_m_02.jpg);}
#inbx .inb1{background-image:url(../images/in_m_01a.png);}
.int1{padding-bottom:50%;}
.ind1{padding-bottom:31%;}
.inc1 {
	width:90%;
	font-size:1.3rem;
	line-height:2rem;
	}
.ics {padding-bottom: 10.9%;}
.icbg {background-image:none;}
.ind1::before {
 
  padding-bottom: 51.85%;
  background-image: url(../images/kkgm.png);
	}
	
.p1{
	width:100%;/*1000*/
	padding-bottom:65%;/*767*/
	background-position:100% -20%;
	background-size: 100% auto;
	left:6%;
	}
.t_news{	
	width: 89%;
	padding-bottom: 22.2%;
	background-size: 95% auto;
	}
/**/
.inc1 {min-height:100px;}
.inc2{
	width:100%;
	font-size:1.5rem;
	line-height:26px;
	padding:0 100px 10px 92px;
	}
.time {font-size:1.3rem;}
.ga, .ac, .sv {
  width:86px;
  padding-bottom: 26px;
}
.contentbox{
	font-size:1.25rem;
	line-height:2rem;
	}
.contentbox img{width:98%;}	
.contentbox .vdx{
	width:98%;
	padding-bottom:55.125%;/*56.25*/
	}	
.previous{
	width:123px;
	padding-bottom:35px;
	}
/**/
.in_mu {top: -19px;}
.in_mu a{
	padding:0 .6rem;
	margin-right:10px;
	font-size:1.6rem;
	}
.nswb li{width:50%;}	
	
}
@media only screen and (max-width:685px){ 
/**/

}
@media only screen and (max-width:580px){
/**/	
}
@media only screen and (max-width:560px){
/**/

}
@media only screen and (max-width:470px){
/**/
.inc1 {
	width:93%;
	min-height:100px;
	}
.inc2{
	width:100%;
	font-size:1.35rem;
	line-height:2rem;
	padding:30px 0 5px 0 ;
	}
.time{font-size:1.25rem;}
.nswb li{width:100%;}	

}

@media only screen and (max-width:380px){
/**/

}
@media only screen and (max-width:360px){
/**/

}
@media only screen and (max-width:340px){
/**/


}

@-webkit-keyframes fadeInRight {
 0% {
  opacity:0;
  -webkit-transform:translate3d(100%,0,0);
  transform:translate3d(100%,0,0)
 }
 to {
  opacity:1;
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
}