@charset "utf-8";
/* CSS Document */
* {margin: 0;padding: 0;}
body {color:#336667; font-family:Arial,Helvetica,sans-serif,Impact; font-size:12px; width:100%;}
ul, li {list-style-type: none;}
a {color: #336667;text-decoration: none;}
em {float: right;font-style: normal;font-weight: normal;}
img {border: none;}
.clear {clear:both;}

/* nav */
nav {width:80%;padding:0 10%;height:142px;background:url(../images/tbj.png) repeat-x top center;position:fixed;z-index:299;top:0;box-shadow:1px 1px 5px 5px rgba(153,153,153,.2);}
@media (max-width:960px) {
	nav {width:96%;padding:0 2%;height:42px;}
}

/* top */
#top {height:42px;}
.mail {float:left;background:url(../images/icon1.png) no-repeat center left;height:42px;line-height:42px;padding:0 0 0 32px;color:#336667;}
#top form {float:right;height:28px;width:200px;margin:7px 0 0 0;overflow: hidden;}
#top input {width:168px;height:28px;line-height:28px;background:#fff;border:none;float:left;color:#ccc;text-indent:6px;font-size:12px;}
#top button#submit {border:none;width:32px;height:28px;line-height:28px;color:#fff;background:#336667 url(../images/search.png) no-repeat center center;background-size:20px;cursor:pointer;text-indent:-9999px;float:left;}
@media (max-width: 960px) {
	#top {display:none;}
}

#menu {}
.logo {height:100px;width:50%;float:left;}
.logo img {margin:16px 0 0 0;}
.menu-btn {display:none;cursor:pointer;}
.menu-btn span {display: block;height:3px;width:25px;margin:5px 0;position:relative;background:#336667;transition:all 0.2s ease-in-out;}
.menu-btn.active span:nth-child(1) {transform: rotate(45deg);top: 10px;}
.menu-btn.active span:nth-child(2) {opacity: 0;}
.menu-btn.active span:nth-child(3) {transform: rotate(-45deg);top: -6px;}
.menu {display: flex;justify-content: space-between;align-items: center;float:left;margin: 0;padding: 0;height:100px;width:50%;}
.menu li {margin-right:38px;}
.menu li:last-child {margin-right: 0;}
.menu a {font-size: 16px;color: #333;}
.menu a:hover {text-decoration:underline;color: #336667;}
@media (max-width: 960px) {
	.logo img {margin:6px 0 0 0;height:30px;}
	.menu-btn {display: block;float:right;margin:6px 0 0 0;}
	.menu {display: none;position: absolute;top:42px;right: 0;width: 100%;height:auto;background:#336667;z-index: 1000;text-align:left;}
	.menu.active {display: flex;flex-direction: column;}
	.menu li {margin:0;width:100%;line-heigth:30px;border-bottom: 1px solid #255051;text-align: center;font-size:18px;}
	.menu li a {color:#fff;font-size: 14px;display: block;font-weight:normal;padding:10px 5%;background:url(../images/err1.png) no-repeat 18px center;text-indent: 16px;}
	.menu li a:hover {color:#1c93e2;}
	.menu .nav_r {margin:0;float:none;}
	.menu .nav_r p {text-align: center;margin:8px 0 0 0;}
}

/* 底部 */
footer {width:100%;margin:0;height:auto;}
footer #info {width:80%;height:auto;padding:40px 10%;background:#336667;}
footer #info h6 {font-size:24px;font-weight:bold;color:#fff;margin:0 0 20px 0;}
#f_menu {float:left;width:60%;}
#f_menu p {float:left;width:48%;padding:0 2% 0 0;line-height:36px;font-size:14px;}
#f_menu p a {color:#fff;display:block;}
#f_menu p a:hover {color:#1c93e2;}
#f_contact {float:right;width:36%;}
#f_contact p {color:#fff;font-size:16px;line-height:36px;}
#f_contact ul {margin:20px 0 0 0;}
#f_contact ul li {float:left;margin:0 10px 0 0;}
#f_contact ul li img:hover {opacity:0.5;}
footer #info_c {width:80%;height:auto;padding:10px 10%;background:#445366;}
#info_c p {line-height:20px;font-size:12px;margin:6px 0;color:#fff;}
@media (max-width: 1280px) {
	#f_menu {width:100%;}
	#f_contact {width:100%;margin:50px 0 0 0;}
}
@media (max-width: 767px) {
	footer #info {width:90%;padding:40px 5%;}
	#f_menu p {width:100%;}
	footer #info_c {width:90%;padding:10px 5%;}
}