@charset "utf-8";

@media only screen and (min-width: 641px){
.mainimage { position: relative; width: 1180px; height: 380px; margin: 0 auto; overflow: hidden; }
.bxslider { height: 380px; width: 1180px; height: 380px; overflow: hidden; z-index: 111;   }
.bxslider li { display: block; width: 100%; height: 380px; }
.mainimage .txt { position: absolute; top: 0; left: 0; z-index: 112; }

.news { margin: 0 0 0 0; min-height: 234px; height: 234px; overflow: hidden; background: url(../images/top/news_bg.png) center top no-repeat;  z-index: 11111111 !important; }
.news div.txt { width: 700px; padding: 0 0 0 310px; margin: 0 auto; }
.news div.txt .child { width: 700px; height: 154px; margin: 35px 0 0 0; overflow: auto; }
.news div.txt p { padding: 0.5em 0; background: url(../images/common/line_dot_hor01.png) left bottom repeat-x; color: #fff; }
.news div.txt p span  { display: block; padding: 0 0 0 100px; }
.news div.txt p strong  { position: absolute; font-size: 1.15em; font-weight: normal;  }



.news div.txt dl.child { width: 700px; height: 154px; margin: 35px 0 0 0; overflow: auto; color: #fff;}
.news div.txt dl.child dt  { font-size: 1.15em; font-weight: normal;  float:left;  padding: 10px 0 10px 0;}
.news div.txt dl.child dd  { padding: 10px 0 10px 120px; border-bottom: 1px dotted #fff ;}
.news div.txt dl.child dd a {color:#fffff !important; text-decoration:underline;}
.news div.txt dl.child dd a:hover {color:#fff !important; text-decoration:none;}





.sec1 { width: 1180px; margin: 20px auto 0 auto; overflow: hidden; color: #fff; }
.sec1 ul {}
.sec1 ul li { position: relative; float: left; display: block; width: 590px; height: 250px; margin: 1px 0 0 0; }
.sec1 .child02 { background: url(../images/top/c1_image02.png) left top no-repeat; }
.sec1 .child03 { background: url(../images/top/c1_image03.png) left top no-repeat; }
.sec1 .child04 { background: url(../images/top/c1_image04.png) left top no-repeat; }
.sec1 ul li h3 { padding: 50px 0 0 25px; font-size: 1.7em; font-weight: bold; }
.sec1 ul li p { padding: 15px 0 0 25px; }
.sec1 ul li .btn { position: absolute; left: 25px; bottom: 25px; }
.sec1 ul li a { display: block; position: absolute; width: 100%; height: 100%; }
.sec1 ul li a:hover { background: rgba(255,255,255,0.4); }

}


@media only screen and (max-width: 640px){
.mainimage { position: relative; width: 100%; height:110px; margin: 0 auto; overflow: hidden; padding-bottom:0px;}
.bxslider { width: 100%; height:110px; overflow: hidden; z-index: 1111;  }
.bxslider li { display: block; }
.mainimage .txt { position: absolute; top: 0; left: 0; z-index: 1111; }

.news { background-size: contain; background: url(../images/top/news_bg_sp.png) center top no-repeat; height: 0; padding-top: 52.5%; position:relative;}
.news div.txt { width: 100%; padding: 0 0 0 0; margin: 0 auto; position:absolute; top:2%; left:2%; font-size:70%; line-height:1.2em;}
.news div.txt .child { width: 90%; margin: 2% 0 0 2%; }
.news div.txt p { padding: 0.5em 0; background: url(../images/common/line_dot_hor01.png) left bottom repeat-x; color: #fff; }
.news div.txt p span  { display: block; padding: 0 0 0 25%; }
.news div.txt p strong  { position: absolute; font-size: 1.0em; font-weight: normal; clear:both; }
div.newstitle  { width: 40%; text-align:center; margin:10px auto 10px auto;}


.news div.txt dl.child { width: 90%; height: 260px; margin: 2% 2%  0 2%; overflow: auto; color: #fff;}
.news div.txt dl.child dt  { font-size: 1em; font-weight: normal;  padding: 2% 0 1% 0;}
.news div.txt dl.child dd  { padding: 1% 0 1% 0; border-bottom: 1px dotted #fff ; clear:both; font-size: 1em;}


.sec1 { width: 100%; margin: 20px auto 0 auto; overflow: hidden; color: #fff; }
.sec1 ul { clear:both;}
.sec1 ul li { position: relative; float: left; display: block; width: 100%; margin: 1px 0 0 0; clear:both;}
.sec1 .child02 {
    background: url(../images/top/c1_image02.png) no-repeat;
    padding-top: 42.3%;
    background-size: contain;
	position: relative;
    height: 0;
}

.sec1 .child02 h3 {
	position: absolute;
	left:2%;
	top:10%;
	z-index:9999;
	font-size:100%;
	line-height:1.2em;
	font-weight: bold;
	width:43%;
}



.sec1 .child02 p {
	position: absolute;
	left:2%;
	top:30%;
	z-index:9999;
	font-size:80%;
	line-height:1.2em;
	width:43%;
}


.sec1 .child03 {
    background: url(../images/top/c1_image03.png) no-repeat;
    padding-top: 42.3%;
    background-size: contain;
	position: relative;
    height: 0;
}


.sec1 .child03 h3 {
	position: absolute;
	left:2%;
	top:10%;
	z-index:9999;
	font-size:100%;
	line-height:1.2em;
	font-weight: bold;
	width:43%;
}



.sec1 .child03 p {
	position: absolute;
	left:2%;
	top:30%;
	z-index:9999;
	font-size:80%;
	line-height:1.2em;
	width:43%;
}

.sec1 .child04 {
    background: url(../images/top/c1_image04.png) no-repeat;
    padding-top: 42.3%;
    background-size: contain;
    height: 0;
}


.sec1 .child04 h3 {
	position: absolute;
	left:2%;
	top:10%;
	z-index:9999;
	font-size:100%;
	line-height:1.2em;
	font-weight: bold;
	width:43%;
}



.sec1 .child04 p {
	position: absolute;
	left:2%;
	top:30%;
	z-index:9999;
	font-size:80%;
	line-height:1.2em;
	width:43%;
}


.sec1 ul li .btn { position: absolute; left: 25px; bottom: 25px; }
.sec1 ul li a { display: block; position: absolute; width: 100%; height: 100%; }
.sec1 ul li a:hover { background: rgba(255,255,255,0.4); }

}