/* reset */
* {margin: 0; padding: 0; font-size: 16px;}
a {color: #333; text-decoration: none;}
li {list-style: none;}
.clearfix::before, .clearfix::after {content: ''; display: block; clear: both;}

/* warp */
#warp {width: 1350px; margin: 0 auto;}

/* header */
#header h1 {float: left; padding: 15px 0 10px;}
#header h1 img {width: 250px;}
#header .nav {float: right; background: #ffffff;}
#header .nav li {position: relative; float: left; width: 160px; text-align: center;}
#header .nav li a {display: block; font-size: 21px; font-weight: bold; padding: 34px 20px 20px 20px;}

#header .nav li.a:hover {background: #ffffff;}
#header .nav ul.submenu {position: absolute; left: 0; top: 67px; z-index: 100;}

#header .nav li ul.submenu li a {padding: 10px; background: #c4c5f2;}
#header .nav li ul.submenu li a:hover {background: #c4b5f2;}
    
/* banner */
#banner {height: 500px; overflow: hidden;}
#banner img {width: 80%; display: block;}

/* slide */
.slideList {position: relative; width: 1000px; height: 389px;}
.slideList .slideImg {position: relative; float: left; width: 1700px; height: 500px;}
.slideList .slideImg h2 {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: rgba(255,255,255,-.5); padding: 10px 30px; border-radius: 25px;}
.slideList .slideImg img {display: block;}


/* footer */
#footer {padding: 20px 0; background: #ffffff; margin-top: 30px;}
#footer h2 {float: right; padding-right: 10px;}
#footer h2 img {width: 130px;}
#footer .foot {float: left; padding-left: 10px;}
#footer .foot ul {padding-bottom: 10px;}
#footer .foot ul li {display: inline;}
#footer .foot ul li a {color: #000000; padding-right: 10px;}
#footer .foot address {font-style: normal; color: #656565;}