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

/* nav */
nav {display: flex;justify-content: space-between;align-items: center;padding:0 10%;background: #5e7690;border-top:8px solid #aadc7d;height:120px;}
.logo {height:120px;}
.logo img {margin:29px 0 0 0;}
.menu-btn {display: none;cursor: pointer;}
.menu-btn span {display: block;height: 3px;width: 25px;margin-bottom: 5px;position: relative;background-color: #fff;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;margin: 0;padding: 0;background:url(../images/flower.png) no-repeat right center;height:120px;}
.menu li {margin-right:38px;}
.menu li:last-child {margin-right: 0;}
.menu a {font-size: 16px;color: #fff;}
.menu a:hover {text-decoration:underline;}
.menu .nav_r {margin:0 0 0 150px;float:right;}
.menu .nav_r p {text-align: right;color:#fff;font-size:1.2em;line-height: 30px;}
.menu form {height:28px;width:200px;margin:7px 0 0 0;border-radius: 20px;overflow: hidden;}
.menu input {width:162px;height:28px;line-height:28px;background:#fff;border:none;float:left;color:#ccc;text-indent:6px;font-size:12px;}
.menu button#submit {border:none;width:38px;height:28px;line-height:28px;color:#fff;background:#aadc7d url(../images/search.png) no-repeat center center;background-size:20px;cursor:pointer;text-indent:-9999px;float:left;}
@media (max-width: 1680px) {
	nav {padding:0 3%;}
	.menu li {margin-right: 20px;}	
	.menu a {font-size: 16px;}
}
@media (max-width: 1440px) {
	nav {padding:0 2%;}
	.menu li {margin-right:10px;}	
	.menu a {font-size: 16px;}
}
@media (max-width: 1280px) {
	nav {padding:0 1%;height:80px;}
	.logo {height:80px;}
	.logo img {width:120px;margin:29px 0 0 0;}
	.menu li {margin-right: 20px;}	
	.menu a {font-size: 16px;}
	.menu form {margin:2px 0 0 0;}
}
@media (max-width: 1024px) {
	nav {padding:0 1%;height:80px;}
	.logo {height:80px;}
	.logo img {width:120px;margin:29px 0 0 0;}
	.menu li {margin-right: 20px;}	
	.menu a {font-size: 16px;}
	.menu .nav_r {margin:0 0 0 50px;float:right;}
}
@media (max-width: 1024px) {
	nav {padding:0 1%;}
	.menu li {margin-right: 10px;}	
	.menu a {font-size: 12px;}
}
@media (max-width: 767px) {
	nav {padding:0 2%;height:50px;}
	.logo {height:38px;}
	.logo img {margin:6px 0 0 0;}
	.menu-btn {display: block;}
    .menu {display: none;position: absolute;top:56px;right: 0;width: 100%;height:auto;background:#111;z-index: 1000;text-align:left;padding:0 0 18px 0;}
    .menu.active {display: flex;flex-direction: column;}
    .menu li {margin:0;width:100%;line-heigth:30px;border-bottom: 1px solid #222;text-align: center;}
	.menu li a {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 {}
	.menu .nav_r {margin:0;float:none;}
	.menu .nav_r p {text-align: center;margin:8px 0 0 0;}
}

/*flash*/
#flash {padding:0 10%;height:280px;background:url(../images/banner.jpg ) no-repeat center center;color:#fff;margin:20px 0 0 0;}
#flash h6 {font-size:36px;line-height:58px;padding:80px 0 0 50px;}
#flash p {font-size:14px;line-height:22px;padding:10px 0 0 50px;}
@media (max-width: 1280px) {
	#flash {height:180px;margin:0;}
	#flash h6 {line-height:38px;padding:18px 0 0 0;}
	#flash p {padding:0;line-height:18px;}
}

.clear {clear:both;height:0;}

/*article*/
article {padding:0 10%;}
.content {padding:30px 0;}
.content .content_h2 {font-size:16px;line-height:58px;color:#555;border-bottom:1px solid #aadc7d;font-weight:normal;background:url(../images/add.png) no-repeat left center;background-size:20px; text-indent:32px;}
.content .content_h2 span {margin:0 10px;}
.content .content_h2 a {color:#aadc7d;}
@media (max-width: 1280px) {
	article {padding:0 5%;}
	.content .content_h2 {font-size:12px;line-height:28px;padding:15px 0;}
}

/*ptop*/
.ptop {padding:28px 3% 0 3%;}
@media (max-width: 1280px) {
	.ptop {padding:28px 0 0 0;}
}

/*pimg*/
.pimg {width:65%;float:left;height:auto;overflow:hidden;}
.pimg img {width:100%;height:auto;object-fit:cover;}
@media (max-width: 1280px) {
	.pimg {width:100%;float:none;height:auto;}
}

/*pinfo*/
.pinfo {width:33%;float:right;height:auto;overflow:hidden;}
.pinfo h1 {font-size:24px;color:#111;border-bottom: 1px solid #aadc7d;line-height: 26px;padding:12px 0;margin:0 0 12px 0;}
.pinfo p {font-size:14px;color:#666;line-height:20px;padding:6px 0;}
.pinfo p span {background:#aadc7d;color:#fff;padding:2px 6px;border-radius: 3px;}
.pinfo h6 {font-size:14px;padding:18px 0;text-align: center;font-weight: normal;}
.pinfo h6 a {background:#aadc7d;color:#fff;padding:2px 10px;border-radius: 3px;margin:0 6px;}
.pinfo h6 a:hover {background:#5e7690;}
@media (max-width: 1280px) {
	.pinfo {width:100%;float:none;height:auto;}
}

/*pxx*/
.pxx {padding:20px 3%;}
.pxx p {font-size:16px;line-height:20px;margin:12px 0 0 0;color:#666;}
.pxx img {}
@media (max-width: 1280px) {
	.pxx {padding:20px 0;}
	.pxx img {width:100%;}
}

/*description*/
#description {clear:both;padding:20px 3%;}
#description h5 {font-size:24px;font-weight:normal;line-height:58px;border-bottom:1px solid #5e7690;color:#5e7690;}
#description p {font-size:14px;line-height:20px;margin:12px 0 0 0;color:#999;}
@media (max-width: 1280px) {
	#description {padding:20px 0;}
}

/*technology/instaa/space*/
.n_i, .n_c {padding:2px 5%;}
.content .content_h1 {font-size:24px;line-height:22px;padding:20px 5%;text-align: center;color:#5e7690;}
.n_i {text-align: center;}
.n_c p {font-size:14px;line-height:20px;padding:6px 0;color:#555;}
@media (max-width: 1280px) {
	.n_i img, .n_c img {width:100%;}
}

/* 底部 */
footer {width:80%;margin:0 10%;height:auto;margin:18px auto 0 auto;padding:10px 0;border-top:1px solid #aadc7d;}
.f_left {float:left;width:50%;}
.f_left p {line-height:20px;font-size:12px;margin:6px 0;}
.f_right {float:right;width:50%;}
.f_right dl {float: left;width:33.333%;text-align: center;}
.f_right dl dt img {height:38px;}
.f_right dl dd {font-size:14px;}
@media (max-width: 1280px) {
	footer {width:90%;margin:0 5%;}
	.f_left {float:none;width:100%;}
	.f_left {float:none;width:100%;}
	.f_right {display:none;}
}