@charset "UTF-8";
/* CSS Document */

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

.pc{ display:block}
.sp{ display:none}

a:hover{
	 filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
	}

body{ margin:0; padding:0;font-size: 15px; color:#444;font-family: sans-serif; line-height:1.6}
.wrap{max-width: 1124px;margin: 0 auto; width:80%;}

h1{font-size: 29px;
color: #1F90B7;
text-align: center}

.caption{text-align: center;margin-bottom: 30px;}

.text{ font-size:14px}

.text img{float: right}

.text b{ display:block; font-size:16px; margin-bottom:10px;}
.text_k b{ display:block; font-size:16px; margin-bottom:10px;
margin-top:40px;}

ul{list-style: none;padding: 0;margin: 0}
li{list-style: none}


header{
	position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #fff;
box-shadow: 0 0 7px #999
}

header ul{}

header li{
	float: left;
line-height: 73px;
padding: 0 25px 0 0;
}

header li.logo{margin-right: 50px;padding-top: 10px;height: 55px}

header li a{color: #555;text-decoration: none}


#main{}

#main img{width: 100%;height: auto;}


#sec1{}

.nami{ background-image:url(im/nami.png); height:76px; background-repeat:repeat-x}
#sec2{ background-color:#2FB6CF; text-align:center}
#sec2 .icon{}
#sec2 h2{ font-size:26px; color:#FFFFBF}
#sec2 .caption{ color:#fff; font-size:12px;font-size:16px;}
#sec2 ul{
display: flex;
    flex-wrap: wrap;
padding-bottom:140px;
}
#sec2 li{
	width: 19%;
margin: 0.5%;
font-size:12px;
text-align:left;
display: block;

box-sizing: border-box;
background-color:#fff;padding-bottom:10px; border-radius:4px; box-shadow:0 0 8px #236D96
}
#sec2 li a{ display:block; }
#sec2 li img{ width:100%;
border-top-left-radius: 4px; 
border-top-right-radius: 4px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px; 
}
#sec2 li h4{ padding: 5px 10px 0;
color: #20B1CC;
font-size: 14px;
margin: 0;
}
#sec2 li p{ padding: 4px 10px 0;margin: 0}
#sec2 li span{ color:#236D96;padding: 4px 10px 0; display:block}
#sec2 h3{font-size:26px; color:#ffffff}
#sec2 table{
width: 47%;
margin: 1%;
color: #ffffff;
font-size: 13px;
}
#sec2 table.left{float: left;}
#sec2 table.right{ float:right}
#sec2 th{border-bottom: 1px dotted #fff;
padding: 7px;
text-align: left}
#sec2 td{border-bottom: 1px dotted #fff;
padding: 7px;
text-align: left}

#sec3 h3{font-size:26px; text-align:center; color:#797979} 
#sec3 p{ font-size:13px; color:#666;}

#sec4{}
#sec4 h3{font-size:26px; text-align:center; color:#797979} 
#sec4 p{ font-size:13px; color:#666;}
#sec4 p img{float: right;margin-left: 20px;}
/*m*/
#sec4 img{float: right;margin-left: 20px;}

#sec4 p b{
	display: block;
text-align: right;
margin-top: 8px;
}
/*m*/
#sec4 b{
	display: block;
text-align: right;
margin-top: 8px;
}

#sec5{}
#sec5 h3{font-size:26px; text-align:center; color:#797979;
margin-top:70px;} 
#sec5 h4{}
#sec5 h4{font-size:18px; }
#sec5 P{ font-size:13px; color:#666;}



/*#sec5 table{ margin-bottom:50px;font-size:13px;}*/
#sec5 table{ margin-bottom:50px;}
#sec5 th{
	font-weight: normal;
text-align: left;
border-bottom: 1px solid #ccc;
padding: 7px;
}
#sec5 td{
	font-weight: normal;
text-align: left;
border-bottom: 1px solid #ccc;
padding: 7px;
}

#footre{ background-color:#ECF2FA; padding:30px 0  20px 0}
#footre ul{}

#footre li{
	float: left;
line-height: 63px;
padding: 0 25px 0 0;
}

#footre li.logo{margin-right: 100px;padding-top: 10px;height: 55px}

#footre li a{color: #555;text-decoration: none}


.modal{display:none;}
.modalBody{position: fixed; z-index:1000; background: #000; width:690px; left:50%; top:50%; height: 400px}


#popbg{
	position: fixed;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.5);
top: 0;
left: 0;
display:none
}
#pop{
	display:none;
	width: 680px;
position: fixed;
top: 20%;
left: 50%;
background-color: #fff;
margin-left:-340px;
padding: 20px;
box-sizing: border-box;
box-shadow: 0 0 10px #333;
border-radius: 8px;
}
#pop h2{
	font-size: 20px;
color: #20B1CC;
margin: 0;
border-bottom: 1px solid #20B1CC;
padding: 7px;
margin-bottom: 10px;
}
#pop .plof{
	width: 60%;
float: left;
padding-right: 20px;
box-sizing: border-box;
}
#pop .comp{float: right;width: 40%}
#pop .comp h4{ padding: 5px 0px 0;
color: #20B1CC;
font-size: 14px;
margin: 0;
}
#pop .comp p{ padding: 4px 0px 0;margin: 0}
#pop .comp span{ color:#236D96;padding: 4px 0px 0; display:block}
#pop h3{
	background-color: #f1f1f1;
padding: 7px 10px;
font-size: 16px;
border-radius: 3px;
margin: 10px 0;
}
#pop ul{}
#pop li{
	width: 33%;
padding: 10px;
box-sizing: border-box;
float: left;
font-size: 13px;
}
#pop li img{ width:100%;}
#pop a.out{ background-color: #2082CC;
padding: 7px;
display: block;
text-align: center;
color: #fff;
text-decoration: none;
font-weight: bold;
border-radius: 3px;}
#pop .close{ position:absolute;right:0;top:-35px; display:block; width:28px; height:28px;}
#pop .close:hover{filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
	}
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.pagetop:hover {
    bottom: 40px;
}

.pagetop a {
    display: block;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 0px 0px 0px;

}

.pagetop a:hover {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding: 0px 0px 0px;
}



@media screen and (max-width: 770px) {
.pc{ display:none}
.sp{ display:block}
.wrap{max-width: 100%;margin: 0 auto; width:90%;}
header .wrap{max-width: 100%;margin: 0 auto; width:100%;}
body{ margin:0; padding:0;font-size: 13px; color:#444;font-family: sans-serif; line-height:1.6; }
header{position:relative}
header li.logo {
    margin-right: 0px;
    width: 100%;
}
header li {
    float: left;
    line-height: 43px;
    padding: 0 0px 0 0;
    width: 33%;
    text-align: center;
    border-bottom: 1px solid #eee;
}
header li a{ font-size:12px; letter-spacing:-1px;}

h1 {
    font-size: 18px;
}

.text img {
    display: none;
}
#sec2 h2 {
    font-size: 18px;
}
#sec2 li {
    width: 50%;
float: left;
padding: 4px;
}
#sec2 table{
width: 100%;
margin: 0%;
}
#sec2 table.left{float:none;}
#sec2 table.right{ float:none;}

#pop {
    display: none;
    width: 94%;
    position: fixed;
    top: 10%;
    left: 50%;
    background-color: #fff;
    margin-left: -47%;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 0 0 10px #333;
    border-radius: 8px;
}
#pop .plof {
    width: 100%;
    float: left;
    padding-right: 00px;
    box-sizing: border-box;
}
#pop .comp {
    float: left;
    width: 100%;
}
.pagetop {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 14px;
	width:48px;
	height:48px;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
.pagetop:hover {
    bottom: 10px;
}
.pagetop img{width:48px;height:48px;}
}
/*m*/
#sec1{
	margin-top:-70px;
	padding-top:70px;
}
/*#sec2{
	margin-top:-70px;
	padding-top:70px;
}*/
#sec4{
	margin-top:-70px;
	padding-top:70px;
}
#sec5{
	margin-top:-30px;
	padding-top:30px;
}