@charset "utf-8";

html {font-size:62.5%; max-width:750px; margin:0 auto}

body { margin:0px; padding:0px;  overflow-x: hidden;font-family:Helvetica; }

a:link {text-decoration: none; }

a:visited {text-decoration: none; }

a:hover {text-decoration: none; color:#118194; }

a:active {text-decoration: none; }

a { color:#333; }

img{ border:0px; }

.clear { clear:both; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.fleft { float:left; }

.fright { float:right; }

h1,h2,h3,h4,dd,dl,dt,ul,li,input,form,img ,p{ padding:0; margin:0; list-style:none; font-weight:normal; }

.blue , .blue a { color:#005dbd; }

.orange , .orange a { color:#F90; }

.fff , .fff a { color:#fff; }



article { padding:0.6rem 3.1%; }

.banner { width:100%; }

.banner img { width:100%; height:auto; border:0px}

.ttbox { line-height:2.4rem; font-weight:bold; font-size:1.8rem; margin:0.9rem 0 0.5rem; }

.ttbox a { color:#EA4444; }

.zybox { font-size:1.4rem; line-height:2.2rem; height:auto; padding-bottom:0.4rem; }

.fgxybox  { height: 1rem; border-bottom: 1px solid #ebebeb; margin-bottom: 0.5rem;width: 100%; }

.btbox {width:100%;   display:block; }

.btbox  img { width:100%; height:auto; }


.btbox span { float:left; margin-left:1.5rem; font-weight:bold; color:#FFFFFF; }

.btbox span a { color:#FFFFFF; }



.zibox li { font-size:1.6rem; line-height:3.6rem; height:3.6rem; overflow:hidden; border-bottom:1px solid #ebebeb; }

.zibox li:last-of-type { margin-bottom: 0.5rem; border-bottom: none; box-shadow: none; }

.tpbox a { float: left; width: 47%; padding:1rem 1.5% 0; text-align:center; }

.tpbox a img { max-width:280px; display: block; width: 93.5%; margin:0 auto; }

.tpbox a p { font-size:1.3rem; line-height:2.6rem; height:2.6rem; overflow:hidden; }



.tu_zibox1 li { padding: 1.3rem 0px 1.3rem;overflow: hidden;display: block; border-bottom: 1px solid #ebebeb;}

.tu_zibox1 li:last-of-type { margin-bottom: 0.5rem; border-bottom: none; box-shadow: none; }

.tu_zibox1 li img { width:100%; height:8rem; float:left; max-width: 10.5rem; margin-right:1rem; }

.tu_zibox1 li h2 { font-size:1.6rem; line-height:2.4rem; height:2.4rem; padding:0.2rem 0 0; overflow:hidden; }

.tu_zibox1 li p { font-size:1.2rem; color:#999; line-height:1.8rem; height:5.6rem; overflow:hidden; }





.tu_zibox2 li { padding: 1.3rem 0px 1.5rem;overflow: hidden;display: block; border-bottom: 1px solid #ebebeb;}

.tu_zibox2 li:last-of-type { margin-bottom: 0.5rem; border-bottom: none; box-shadow: none; }

.tu_zibox2 li img { width:100%; height:8rem; float:left; max-width: 10.5rem; margin-right:1rem; }

.tu_zibox2 li h2 { font-size:1.6rem; line-height:2rem; padding:0.2rem 0; overflow:hidden; }

.tu_zibox2 li p { font-size:1.2rem; color:#999; line-height:1.8rem; }



.tu_zibox3 a { float: left; width: 47%; padding:1rem 1.5% 0; text-align:center; }

.tu_zibox3 a img {max-width:280px; display: block; width: 93.5%; margin:0 auto; }

.tu_zibox3 a p { font-size:1.3rem; line-height:2.6rem; height:2.6rem; overflow:hidden; padding:0.4rem 0 0.1rem; }

.tu_zibox3 a div { font-size:1.2rem; line-height:1.8rem; height:5.4rem; color:#999; overflow:hidden; text-align:left; }



.dtbox { text-align:center; padding-top:0.2rem; }

.dtbox img { width:100%; height:auto; }

.dtbox p { font-size:1.4rem; line-height:2.8rem; height:2.4rem; overflow:hidden; }


.video {
	position: relative;
	
}
.video img{width:100%;}

.hide{
	display: none;
	
}

#video {
	width: 100%;
	
	background-color: black;
	object-fit: cover;
}

.by{
	text-align: center;
	padding-bottom:10px
}

.by a{
	text-align: center;
    width: 300px;
    text-decoration: none;
    height: 60px;
    background: #FF0000;
    color: #FFFFFF;
    padding: 5px 10px;
}
 

.foot {  padding:1rem 0; margin-top:2rem; line-height:1.6rem; text-align:center; color:#FFFFFF; }