@charset "utf-8";
/* CSS Document */
body {
  font-size: 14px;
  line-height: 24px;
  font-family: "微软雅黑";
  color: #333;
  font-weight: 100;
}
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
p {
  margin: 0;
  padding: 0;
}
* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
input {
  vertical-align: middle;
}
img {
  border: 0;
  vertical-align: middle;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ul,
li {
  list-style-type: none;
}
a {
  text-decoration: none;
  color: inherit;
}
a:hover {
  text-decoration: none;
}
.tc {
  text-align: center;
}
.tl {
  text-align: left;
}
.tr {
  text-align: right;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.cl {
  clear: both;
}
.fb {
  font-weight: bold;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
  outline: none;
}
input,
textarea {
  font: inherit;
}
.rel {
  position: relative;
}
.abs {
  position: absolute;
}
.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
h3 {
  font-weight: normal;
}
em {
  font-style: normal;
}
.wrap_box {
  max-width: 1920px;
  min-width: 1200px;
  margin: 0 auto;
}
/*header*/
.clearfix::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
.content {
  width: 1200px;
  margin: 0 auto;
}
.bigimg img {
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.bigimg:hover img {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
}
.top {
  background: #333333;
  line-height: 40px;
  color: #a9a9a9;
}
.top a {
  padding: 0 10px;
}
.code {
  margin: 17px 21px 0 0;
}
.code img {
  width: 85px;
  height: 85px;
}
.search {
  width: 400px;
  height: 40px;
  border: solid 1px #1552a5;
  border-radius: 20px;
  margin: 40px 28px 0 0;
  overflow: hidden;
}
.ss_txt {
  width: 319px;
  height: 38px;
  border: none;
  line-height: 38px;
  background: url(../images/index_09.jpg) no-repeat 14px center;
  padding: 0 10px 0 44px;
}
.ss_btn {
  width: 79px;
  height: 38px;
  line-height: 38px;
  color: #fff;
  background: #1552a5;
  border: none;
}
.nav_bg {
  height: 50px;
  background: #1552a5;
}
.nav_bg .nav > li {
  width: 120px;
  float: left;
  text-align: center;
  background: url(../images/nav1.jpg) no-repeat right center;
  line-height: 50px;
  color: #fff;
  font-size: 16px;
  position: relative;
  z-index: 600;
}
.nav_bg .nav > li.active {
  background: #152f68;
  transform: translateX(-1px);
}
.nav_bg .nav > li:last-child {
  background: none;
}
.nav_bg .nav > li .subnav {
  width: 200px;
  height: 35px;
  z-index: 600;
  top: 50px;
  left: -40px;
  display: none;
}
.nav_bg .nav > li .subnav li {
  padding: 5px 0 0;
  line-height: 35px;
  font-size: 14px;
}
.nav_bg .nav > li .subnav li a {
  background: rgba(0, 0, 0, 0.5);
  display: block;
}
.nav_bg .nav > li .subnav li:hover a {
  background: rgba(21, 41, 104, 0.8);
}
.nav_bg .nav > li:hover {
  background: #152f68;
  transform: translateX(-1px);
}
.nav_bg .nav > li:hover .subnav {
  display: block;
}
/*banner*/
.flexslider {
  position: relative;
  overflow: hidden;
  background: url(../images/loading.gif) 50% no-repeat;
  height: 600px;
}
.slides {
  position: relative;
  z-index: 1;
}
.slides img {
  width: 1920px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
}
.flex-control-nav {
  position: absolute;
  bottom: 10px;
  z-index: 2;
  width: 100%;
  text-align: center;
  display: none;
}
.flex-control-nav li {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 5px;
  *display: inline;
  zoom: 1;
}
.flex-control-nav a {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 40px;
  overflow: hidden;
  background: #fff;
  border-radius: 100%;
  cursor: pointer;
}
.flex-control-nav .flex-active {
  background: #1f95d7;
}
.flex-direction-nav {
  position: absolute;
  z-index: 3;
  width: 100%;
  top: 45%;
}
.flex-direction-nav li a {
  display: block;
  width: 50px;
  height: 50px;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
}
.flex-direction-nav li a.flex-prev {
  left: 40px;
  background: url(../images/prev.png) center center no-repeat;
}
.flex-direction-nav li a.flex-next {
  right: 40px;
  background: url(../images/next.png) center center no-repeat;
}
/*index*/
.tit h3 {
  color: #333333;
  font-size: 32px;
  line-height: 60px;
  text-transform: uppercase;
}
.tit p {
  color: #999;
}
.announcement_box {
  padding: 40px 0;
}
.announcement_box .announcement {
  padding: 40px 0 0;
}
.announcement_box .announcement li {
  width: 350px;
  float: left;
  text-align: center;
}
.announcement_box .announcement li .announcement_pic {
  width: 350px;
  height: 250px;
  display: block;
  overflow: hidden;
}
.announcement_box .announcement li .announcement_pic img {
  width: 350px;
  height: 250px;
}
.announcement_box .announcement li h3 {
  font-size: 16px;
  line-height: 60px;
}
.announcement_box .announcement li .announcement_txt {
  color: #666;
  line-height: 21px;
  height: 42px;
  overflow: hidden;
  margin-bottom: 27px;
}
.announcement_box .announcement li:hover .announcement_more {
  background: #1552a5;
  color: #fff;
}
.announcement_more {
  width: 200px;
  height: 30px;
  border: solid 1px #666666;
  display: block;
  line-height: 28px;
  text-align: center;
  margin: 0 auto;
}
.exhibits_box {
  background: #eeeeee;
  padding: 25px 0 0;
  height: 610px;
}
.type {
  padding: 35px 0 0;
}
.type a {
  border: solid 1px #666666;
  color: #666666;
  height: 30px;
  width: 150px;
  line-height: 28px;
  display: inline-block;
  margin: 0 34px;
}
.type a:hover {
  background: #1552a5;
  color: #fff;
}
.type .active {
  background: #1552a5;
  color: #fff;
}
.exhibits {
  margin: 40px 0 0;
}
.exhibits li {
  width: 300px;
  height: 300px;
  float: left;
  text-align: center;
}
.exhibits li span {
  display: block;
  overflow: hidden;
}
.exhibits li span img {
  width: 280px;
  height: 200px;
}
.exhibits li a {
  height: 300px;
  padding: 10px;
  background: transparent;
  display: block;
  color: #666;
  border-radius: 0 0 20px 20px;
}
.exhibits li a h3 {
  font-size: 16px;
  line-height: 46px;
}
.exhibits li:hover a {
  background: #1552a5;
  color: #fff;
}
.news_box {
  padding: 26px 0 0;
}
.news_box .news {
  margin: 33px 0 0;
}
.news_box .news_pic img {
  width: 600px;
  height: 430px;
}
.news_box .news_list {
  width: 570px;
  margin: -10px 0 0;
}
.news_box .news_list li {
  border-bottom: solid 1px #cccccc;
  padding: 20px 0;
  position: relative;
}
.news_box .news_list li h3 {
  font-size: 16px;
  line-height: 38px;
  width: 460px;
}
.news_box .news_list li .news_list_txt {
  width: 460px;
  color: #999;
  height: 48px;
  overflow: hidden;
}
.news_box .news_list li span {
  position: absolute;
  right: 0;
  top: 45%;
}
.news_box .news_list li:hover h3 {
  color: #1552a5;
}
.news_more {
  margin: 20px 0 0;
}
.team_box {
  padding: 54px 0 0;
}
.team {
  margin: 35px 0;
}
.team li {
  width: 230px;
  text-align: center;
  float: left;
}
.team li span {
  display: block;
  overflow: hidden;
}
.team li span img {
  width: 230px;
  height: 230px;
}
.team li h3 {
  font-size: 21px;
  color: #000;
  line-height: 30px;
  padding: 14px 0 0;
}
.team li .team_txt {
  color: #999999;
  font-size: 12px;
  line-height: 21px;
  height: 42px;
  overflow: hidden;
  margin: 5px 0 0;
}
.team li:hover h3,
.team li:hover p,
.team li:hover .team_txt {
  color: #1552a5;
}
.online_box {
  padding: 83px 0 0;
}
.online_box .online {
  padding: 35px 30px 0;
}
.online_box .online li {
  width: 350px;
  height: 340px;
  float: left;
  margin: 0 11px;
  background: #f3f3f3;
  padding: 37px 0 0;
  text-align: center;
  position: relative;
}
.online_box .online li .online_con {
  color: #030203;
  padding: 23px 0 0;
}
.online_box .online li .online_con h3 {
  font-size: 24px;
  line-height: 34px;
}
.online_box .online li .online_con .online_txt {
  margin: 23px 0 0;
  height: 72px;
  overflow: hidden;
}
.online_box .online li .online_btn {
  width: 88px;
  height: 25px;
  background: #fff;
  color: #1552a5;
  margin: 14px auto 0;
  display: none;
}
.online_box .online li .nar {
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.online_box .online li:hover {
  background: #1552a5;
}
.online_box .online li:hover .online_btn {
  display: block;
}
.online_box .online li:hover .nar {
  display: none;
}
.online_box .online li:hover .online_con {
  color: #fff;
}
.guide_box {
  padding: 140px 0 40px;
}
.guide_box .guide {
  padding: 30px 0 0;
}
.guide_box .guide .guide_con {
  width: 600px;
}
.guide_box .guide .guide_con h3 {
  background: url(../images/index_10.jpg) no-repeat;
  height: 64px;
  text-align: center;
  line-height: 50px;
  color: #fff;
  font-size: 21px;
}
.guide_box .guide .guide_con .guide_txt {
  color: #666;
  line-height: 26px;
  margin: 40px 30px 20px;
  height: 130px;
}
.guide_box .guide .guide_con .news_more {
  margin: 20px 0 0 30px;
}
.guide_box .guide .guide_con.current h3 {
  background: url(../images/index_11.jpg) no-repeat;
}
.guide_box .guide .guide_con.current .guide_txt {
  color: #1552a5;
}
.guide_box .guide .guide_con.current .announcement_more {
  color: #1552a5;
  border: solid 1px #1552a5;
}
.message_bg {
  background: #1552a5;
  height: 150px;
  color: #fff;
}
.message_tit {
  width: 320px;
  padding: 26px 0 0;
}
.message_tit h2 {
  color: #ffb800;
  font-size: 30px;
  line-height: 52px;
}
.message_tit h3 {
  font-size: 24px;
  line-height: 46px;
}
.message_con {
  width: 725px;
  margin: 28px 40px 0 0;
}
.message_con p {
  float: left;
  width: 250px;
  margin: 0 49px 15px 0;
}
.message_con p .user {
  width: 250px;
  height: 40px;
  border: solid 1px #fff;
  border-radius: 20px;
  background: none;
  padding: 0 25px;
  color: #fff;
}
.message_con p .user::-webkit-input-placeholder {
  color: #fff;
}
.mes_btn {
  width: 150px;
  height: 40px;
  background: #152f68;
  border-radius: 20px;
  color: #fff;
  right: 0;
  top: 25px;
  border: none;
}
.footer_bg {
  background: #1e1e20;
  padding: 40px 0 60px;
}
.footer_bg .footer {
  width: 930px;
}
.friendlink {
  line-height: 45px;
  background: #333333;
  padding: 0 18px;
  color: #ccc;
  height: 45px;
  overflow: hidden;
}
.friendlink span {
  color: #fff;
  font-size: 16px;
}
.friendlink a {
  padding: 0 12px;
}
.contact_box {
  padding: 23px 0 0 22px;
}
.contact_box .contact {
  color: #fff;
}
.contact_box .contact li {
  float: left;
  margin-right: 65px;
}
.contact_box .contact li h3 {
  font-size: 16px;
  line-height: 28px;
}
.contact_box .contact li p {
  font-size: 18px;
  line-height: 30px;
}
.tips {
  font-size: 16px;
  margin: 26px 0 0;
  color: #666666;
}
.footer_code {
  right: 10px;
  top: 0;
}
.footer_code img {
  width: 140px;
  height: 140px;
}
.footer_code p {
  color: #fff;
  line-height: 50px;
}
.main {
  padding: 35px 0 40px;
}
.path {
  color: #999999;
  background: url(../images/main1.jpg) no-repeat left center;
  padding-left: 27px;
}
.m_team li {
  margin: 0 12px 34px 0;
}
.m_team li:nth-child(5n+5) {
  margin-right: 0;
}
.page a {
  color: #333;
  margin: 0 5px;
}
.page span a {
  width: 34px;
  height: 34px;
  border-radius: 100%;
  line-height: 34px;
  text-align: center;
  display: inline-block;
  background: #f5f5f5;
}
.page span a.on {
  background: #1552a5;
  color: #fff;
}
.m_news {
  padding: 40px 0 20px;
}
.m_news li {
  margin-bottom: 20px;
}
.m_news li .m_mews_pic {
  width: 278px;
  overflow: hidden;
}
.m_news li .m_mews_pic img {
  width: 278px;
  height: 199px;
}
.m_news li .m_mews_con {
  width: 890px;
}
.m_news li .m_mews_con h3 {
  color: #333;
  font-size: 16px;
  line-height: 48px;
}
.m_news li .m_mews_con > div {
  color: #999;
  line-height: 30px;
  height: 90px;
  overflow: hidden;
}
.m_news li .m_mews_con > p {
  width: 99px;
  height: 30px;
  background: #1552a5;
  color: #fff;
  font-size: 12px;
  text-align: center;
  margin: 20px 0 0;
  line-height: 30px;
}
.m_exhibits {
  padding-bottom: 15px;
}


.mes_tit{width: 100%; text-align: center; line-height: 54px; padding: 30px 0 66px 0; color: #1b1c1b; font-size: 30px;}
.mes_tit i{width: 83px; height: 1px; line-height: 0; display: block; background: #222; margin: 16px auto 0 auto;}
.mes_part{width: 700px; margin: 0 auto 29px;}
.mes_part span{float: left; width: 108px; padding-right: 24px; text-align: right; line-height: 66px; color: #1b1c1b; font-size: 18px;}
.mes_name{float: left; width: 504px; height: 67px; line-height: 67px; border: solid 1px #1b1b1b; background: #fff; padding: 0 20px; box-sizing: border-box; color: #333; font-size: 18px; outline: 0;}
input .mes_name::-webkit-input-placeholder{color:#333;}
input .mes_name:-moz-placeholder{color:#333;}
.mes{float: left; width: 504px; height: 185px; line-height: 26px; border: solid 1px #1b1b1b; background: #fff; padding: 20px; box-sizing: border-box; color: #333; font-size: 18px; outline: 0;}
textarea .mes::-webkit-input-placeholder{color:#333;}
textarea .mes:-moz-placeholder{color:#333;}
.btn_area{width: 700px; padding: 4px 0 0 110px; box-sizing: border-box; margin: 0 auto;}
.btn_submit{width: 504px; height: 67px; border: none; background: #1552A5; color: #fff; font-size: 18px; }