* {
  -webkit-tap-highlight-color: transparent;
  outline: 0;
}

*,
blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

img {
  border: 0 none;
  vertical-align: top;
}

em,
i {
  font-style: normal;
}

ol,
ul {
  list-style: none;
}

button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select {
  font-size: 100%;
  font-family: inherit;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
a，a:hover {
  text-decoration: none;
}
a:focus{text-decoration: none}

a:-webkit-any-link {
  color: -webkit-link;
  text-decoration: none;
  cursor: auto;
}

a,
body {
  color: #666;
}

body {
  margin: 0 auto;
  height: 100%;
  font-family: Microsoft YaHei;
  line-height: 1.5;
  font-size: 100%;
  -webkit-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}

input[type=text],
textarea {
  -webkit-appearance: none;
  appearance: none;
}

.color-yellow{color:#ffd129;}
.color-blue{color:#68d8e4;}
.color-red{ color:red;}
.color-green{color:#2a8524;}
.color-orange{color:#fb5b02;}

/*移动端 图片背景文字居中 开始 */
.m-img-text-box{
  clear: both;
  position: relative;
  display: block;
  width: 100%;
}
.m-img-text-box img{
  width: 100%;
  height: auto;
}
.m-img-text-box .img-mask{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #2d2d2d;
  opacity: 0.3;
}
.m-img-text-box .text-box{
  position: absolute;
  top:25%;
  margin: 0 auto;
  padding-left: 20%;
  padding-right: 20%;
  text-align: center;
  width: 100%;
  color: #fff;
}
.m-img-text-box .title{
  font-size: medium;
  font-weight: bold;
  text-align: center;
}


.m-station-box .item-box h1{
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding:15px 0;
  color: #6ac3cf;
  background:#DDD;
}

.m-img-text-box .detail{
  width: 100%;
  position: relative;
  font-size: medium;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  padding-top: 1rem;
}
.m-station-box .search{
	margin:10px;
	border-radius:5px;
	padding:5px 10px;
	background: -webkit-linear-gradient(#CACACA, #EEEEEE); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#CACACA, #EEEEEE); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#CACACA, #EEEEEE); /* Firefox 3.6 - 15 */
    background: linear-gradient(#CACACA, #EEEEEE); /* 标准的语法（必须放在最后） */
}
.m-station-box .search input{width:250px; border:none; background-color: transparent; height:30px; line-height: 30px; color:#000; font-size:12px;}
.m-station-box .search #search_btn{background:#69BCE8; width:50px; height:25px; margin-top:2px; float: right; border-radius:5px; color:#FFF; font-size:12px; border:1px solid #FFF;}
/*移动端 图片背景文字居中 结束*/
/*Banner按钮*/
.banner-btn{
  width:100%;
  position: absolute;
  top: 30rem;
  color: #fff;
  text-align: center;
}
.banner-btn li{
  display: inline-block;
  margin:0 2rem; 
}
.banner-btn li a{color:#FFF; text-decoration:none;}
.banner-btn li a:hover span{background-color: #6bc2ea;}
.banner-btn li span{
  display: inline-block;
  width: 10rem;
  height: 3.125rem;
  border-radius: 1.5625rem;
  font-size: 1.2rem;
  background-color: #5db3db;
  text-align: center;
  line-height: 3.125rem;
}
.banner-btn .vs span{
  background-color: #6ac3cf;
}
.logo{width:14.4625rem;; float:left; margin:2rem 0rem 0rem 4rem;}
.logo img{width:100%;}
.m_nav{display:none;}
nav{width:800px; height:120px; float:right; margin:3rem 4rem 0rem 0rem; text-align:right;}
nav .nav_up{border-bottom:1px solid #FFF;}
nav .nav_up li ul li{display: block;}
nav .nav_up li ul li img{width:100%;}
nav li ul{width:140px; position:absolute; text-align:center; padding-bottom:10px; left:50%; margin-left:-70px; top:40px; display:none; background:#FFF; z-index:9999;}
/* 提示框小角的小方块 */
nav li ul .inner{
background-color:#FFF;
width:10px;
height:10px;
/* 旋转小方块并调整位置形成尖角 */
position:relative;
left:65px;
top:-5px;
transform:rotate(45deg);
border-right:0px;
border-bottom:0px;
}
nav .nav_down li ul li a,nav .nav_up li ul li a{color:#a6a6a6; font-size:0.9rem;}
nav li{display:inline-block; padding:5px 15px; font-size:1rem; color:#FFF; position:relative;}
.nav_list{display:none;}

@media screen and (max-width:650px){
  body{min-width:320px;}
  header{height:400px;}
  .nav_mask{height:70px;}
  nav,.about,.boss,.message,.footer_text,.footer_logo{display:none;}
  .logo{width:100px; float:left; margin:1.5rem 0rem 0rem 2rem;}
  .m_nav{width:60%; position:absolute; right:10px; top:1.5rem; text-align:right; display:block;}
  .m_nav ul{width:100%; display:-webkit-flex; -webkit-flex-flow:row; -webkit-flex-wrap:nowrap; -webkit-align-content:space-between; display:flex; flex-flow:row; flex-wrap:nowrap; align-content:space-between; overflow:hidden; justify-content:flex-end;}
  .m_nav li{width:30px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#FFF; margin-left:10px;}
  .m_nav li img{margin-top:10px;}
  .m_nav .nav-trigger{width:40px; height:40px; white-space: nowrap; color: transparent; position: absolute; top:0; right:0; overflow: hidden; text-indent:100%;}
  .m_nav .nav-trigger span{
    left: 55%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
  }
  
  .m_nav .nav-trigger span:after {
    -webkit-transform: translateY(9px);
    transform: translateY(9px);
  }
  
  .m_nav .nav-trigger span:before {
    -webkit-transform: translateY(-9px);
    transform: translateY(-9px);
  }
  
  .m_nav .nav-trigger span:before, .m_nav .nav-trigger span:after {
    content: '';
    left: 0;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    -webkit-transition: -webkit-transform .3s, -webkit-transform .3s;
        transition: transform .3s, -webkit-transform .3s;
  }
  
  .m_nav .nav-trigger span,
  .m_nav .nav-trigger span:before,
  .m_nav .nav-trigger span:after {
    /* these are the 3 lines of the menu icon */
    position: absolute;
    background-color: #fff;
    height: 3px;
    width: 26px;
  }
  .nav-open .nav-trigger span {
    background-color: transparent;
  }
  
  .nav-open .nav-trigger span:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  .nav-open .nav-trigger span:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  
  .nav-open .morph-dropdown-wrapper {
    display: block;
  }
  .nav_list {width:100%; top:60px; padding:0; position: fixed; background:#333; display:none;}
  .nav_list li{line-height:40px; display:block; border-bottom:1px solid #222;  position:relative;}
  .nav_list li a{padding:0 30%; font-size:16px;}
  .nav_list li a:hover{text-decoration:none; }
  .nav_list li ul{width:100%; background:#444; display:none;}
  .nav_list li ul li{padding-left:20px; height:30px; line-height:30px; display:block; border-bottom:none;}
  .nav_list .txt{padding:0 30%; font-size:16px; color:#FFF;}
  .nav_list .dian{width:8px; height:8px; background:#FFF; display:block; border-radius:8px; position:absolute; top:17px; left:22%;}
  .arrow{position:absolute; top:14px; left:60%;}
  .arrow:after,.arrow:before {
    position: relative; 
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-left-color:#333;
    position: absolute;
    content: "";
  }
  .arrow:before{
    left:3px;
    border-left-color:#FFF;
  }
  .down .arrow{top:14px;}
  .down .arrow:after,.down .arrow:before{
    border: 8px solid transparent;
    border-top-color:#333;
  }
  .down .arrow:before{
    left:0;
    top:3px;
    border-top-color:#FFF;
  } 
  .links-list img{width:60%; margin:60px auto; display: block;}
  .head .tip-bg .tip-close{z-index:999;}
}