@charset "utf-8";
* { font-family: 'Muli', sans-serif; outline: none; }

body { border:0px; padding:0px; margin:0px; }
ul, ul li { border: 0px; margin: 0px; padding: 0px; list-style: none; }
img{ border: 0px; outline: none; }
a { outline: none; text-decoration: none; }

/******************************************/

#contentH{ width: 100%; background-color: #FFF; }
#contentC{ width: 100%; background-color: #DFDFDF; }
#contentF{ width: 100%; background-color: #FFF; }

#header{ width: 950px; height: 160px; padding: 0; display: flex; justify-content: space-between; align-items: center; }
#header #logo { width: 238px; padding: 5px 0 0 0; }
#header #frame { width: 425px; padding: 10px 0 0 0; } 

#menu ul{ list-style-type: none; margin: 0; padding: 0; overflow: hidden; width: 950px; height: 40px; }
#menu li { float: left; background-color: #009186; }
#menu li a { display: block; color: white; font-size: 18px; text-decoration: none; line-height: 40px; }
#menu li:nth-child(1){ width: 239px; border-radius: 10px 0 0 0; border-right: 1px solid #FFF; }
#menu li:nth-child(1) a:hover { border-radius: 10px 0 0 0; background-color: #007368; }
#menu li:nth-child(2){ width: 234px; border-right: 1px solid #FFF; }
#menu li:nth-child(2) a:hover { background-color: #007368; }
#menu li:nth-child(3){ width: 234px; border-right: 1px solid #FFF; }
#menu li:nth-child(3) a:hover { background-color: #007368; }
#menu li:nth-child(4){ width: 240px; border-radius: 0 10px 0 0; }
#menu li:nth-child(4) a:hover { border-radius: 0 10px 0 0; background-color: #007368; }

/******************************************/

#banner {  background-color: #009186; width: 950px; height: 498px;  }
#slider { position: relative; overflow: hidden; padding: 26px 0 0 0; }
#slider ul { position: relative; margin: 0; padding: 0; list-style: none; }
#slider ul li { position: relative; display: block; float: left; margin: 0; padding: 0; width: 900px; height: 450px; background: #ccc; }
#slider a.control_prev, a.control_next { position: absolute; top: 45%; z-index: 999; display: block; padding: 12px 8px; background-color: #F2F2F2; color: #000; text-decoration: none; font-weight: bold; font-size: 38px; opacity: 0.7; cursor: pointer; }
#slider a.control_prev { left: 0; border-radius: 0 5px 5px 0; }
#slider a.control_next { right: 0; border-radius: 5px 0 0 5px; }

/******************************************/

#info { width: 950px; padding: 10px 0; display:block; background-color: #FFF; } 

/******************************************/

#inside { width: 950px; background-color: #FFF; display: flex; justify-content: space-between; }
#inside .block { width: 235px; height: 255px; }

#inside .block .blockT { width: 225px; height: 38px; background-image: radial-gradient(#009186, #007368); border-radius: 10px; }
#inside .block .blockT .title { color: #FFF; line-height: 36px; font-size: 18px; margin: 0; padding: 0; text-align: center; }

#inside .block .blockC { width: 225px; height: 200px; background-image: linear-gradient(#B3E5E1, #009186); border-radius: 10px; }
#inside .block .blockC p {text-align: center; font-size: 14px; line-height: 20px; margin: 0; padding: 2px 5px; }
#inside .block .blockC a { color:  #000; }
/******************************************/

#separator{ width: 100%; height: 10px; background-color: #009186; box-shadow: 0px -2px 5px 0px #666666; }

#footer{ width: 950px; }
#footer #address { width: 950px; padding: 5px 0 0 10px; text-align: center; }
#footer p.title { color: #323834; font-size: 20px; margin: 0; padding: 0; }
#footer p:not(.title) { color: #111111; font-size: 14px; margin: 0; line-height: 18px; padding: 0; }