a:hover{
  color: #103c5b; 
}

.header {
  padding: 20px 0 0; margin: 0 auto;  overflow: hidden; position: relative;
}

.header .logo {
  float: left;
}

.header .logo img {
  height: 50px;
}

.header .top {
  overflow: hidden;
}

.nav {
  float: right; margin-top: 10px;
}

.nav a {
  display: inline-block; padding: 5px; margin-left: 15px; font-size: 16px;  color: #111; transition: all .3s; border-bottom: 3px solid transparent;
}

.nav a:hover {
  color: #103c5b;  border-color: #111;
}

.header .bottom {
  padding: 10px 0;  overflow: hidden;
}

.header .language {
    float: right; margin-top: 4px; margin-left: 20px;
}

.header .search-wrap {
  position: absolute; right: 0; top: 10px;
}

.header .login-wrap {
  float: right;  width: 477px; padding: 5px 0; overflow: hidden;
}

.bizmail_loginpanel {
  width: 550px; margin-right: -70px; font-size: 14px; text-align: right; vertical-align: middle; margin-top: -20px;
}

.bizmail_loginpanel form {
  padding: 0;  margin: 0;
}

.bizmail_loginpanel label {
  margin-right: 5px;  margin-left: 10px;
}

.bizmail_loginpanel input.text {
  width: 100px;  height: 18px;  padding: 5px; margin: 0 2px;  margin-right: 5px; font-size: 12px; border: 1px solid #ced4da;  border-radius: 4px; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.bizmail_loginpanel input.text:focus {
  border-color: #80bdff; outline: 0; box-shadow: 0 0 0 3px rgba(16, 60, 91, .25);
}

.bizmail_loginpanel input[type="submit"],.btn {
  padding: 6px 12px; cursor: pointer; user-select: none; background: #fff;  border: 1px solid rgba(16, 60, 91, 0.5); border-radius: 4px; color: #103c5b;
}

.btn {
    display: inline-block;line-height: 17px;background: #103c5b; color: #fff;
}
.btn:hover {
    color: #fff; 
}


.swiper-container {
  width: 100%; height: 360px;
} 
.swiper-slide{
  background: center no-repeat;;background-size: contain;
}

.block-wrap{
  padding: 60px 0 80px; clear: both; background: url('../images/arrow.png') center 5px no-repeat; background-size: 30px auto; margin-top: 50px;
}



.block-wrap h1{
  color: #103C5B; font-size: 26px; text-align: center; font-weight: normal; margin-bottom: 20px;
}

.block-wrap h1 span{
  display: inline-block; border-bottom: 1px solid #103C5B; padding: 10px;
}

.block-wrap .content{
  text-align: center; padding: 20px 0;
}

.block-wrap dl{
   display: inline-block; width: 340px; font-size: 16px; margin: 0 20px; vertical-align: top;
}

.block-wrap dt{
  font-size: 14px;
}

.block-wrap dl img{
  width: 340px; height: 200px;
}

.block-wrap dd a{
  color: #111;
}
.block-wrap dt a{
  color: #666;
}
.block-wrap dl a:hover{
  color: #30accd;
}

.block-wrap.dark{
  background-image: url('../images/arrow2.png'); background-color: #30accd;
}

.block-wrap.dark h1{
  color: #fff;
}

.block-wrap.dark h1 span{
  border-color: #fff;
}

.block-wrap.dark dd a{
  color: #fff;
}
.block-wrap.dark dt a{
  color: #fff;
}
.block-wrap.dark dl a:hover{
  color: #fff; text-decoration: underline;
}

.index_footer {
  text-align: center; margin-top: -40px;  color: #111; padding-bottom: 80px;
}

.index_footer .item{
  display: inline-block; width: 340px; margin: 0 20px;vertical-align: top;
}

.index_footer .item .title{
  font-size: 18px;
}

.index_footer .item .title span{
  display: block;
}

.index_footer .item .content{
  text-align: left; font-size: 14px; padding: 10px; line-height: 1.6;
}