/*reset*/

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
ol,
dl,
dt,
dd,
a,
i,
em,
b,
strong,
img,
input,
button,
div,
footer,
nav,
header {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul,
li {
  list-style: none;
}

ol,
ul {
  list-style: none;
}

a {
  outline: none;
  text-decoration: none;
}

i,
em {
  font-style: normal;
}

b,
strong {
  font-weight: normal;
}

input {
  border: none;
  background: none;
  outline: none;
}

img,
select,
input {
  vertical-align: middle;
  border: none;
}

textarea {
  outline: none;
  resize: none;
}

img {
  display: block;
  border: none;
}

button {
  border: none;
  outline: none;
  cursor: pointer;
}

/*————public————*/

html {
  height: 100%;
}

body {
  min-height: 100%;
}

.wrap {
  width: 1200px;
  margin: 0 auto;
  min-width: 1200px;
}

.wrap_relative {
  width: 1200px;
  min-width: 1200px;
  margin: 0 auto;
  position: relative;
}

/*清除浮动*/
.clearFix:after {
  content: '';
  clear: both;
  display: block;
}

.clearFix {
  zoom: 1;
}

/*左右浮动*/
.fl {
  float: left;
}

.fr {
  float: right;
}

/*默认a标签颜色*/
a {
  color: #666;
}

/*默认字体,文字颜色, 背景颜色*/
body {
  font: 14px/1.5 Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
  color: #00bbff;
  /*background-color: #000000;*/
  /*min-width: 1200px;*/
}

/*————居中————*/

.centerX {
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
}

.centerY {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.centerXY {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*文本框默认文字颜色或字体*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #c0c0c0;
}

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #c0c0c0;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #c0c0c0;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #c0c0c0;
}

/*
---自定义滚动条---
::-webkit-scrollbar{width:9px;background-color:#333}
::-webkit-scrollbar-thumb{border:solid 2px #333;width:5px;border-radius:4px;background-color:#fc6}
::-webkit-scrollbar-thumb:hover{background-color:#ff9}
::-webkit-scrollbar-corner{background-color:#333}
::-webkit-scrollbar:horizontal{height:9px}
 没有滚动条依旧可以滚动，仅限webkit内核
::-webkit-scrollbar {display:none}
 html{overflow-x:hidden;overflow-y:auto;}
*/

/*修饰溢出滚动条*/
.scrollbar::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/*定义滚动条的轨道，内阴影及圆角*/
.scrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(200, 0, 0, 0.3);
  border-radius: 0;
  background-color: #002f43;
}

/*定义滑块，内阴影及圆角*/
.scrollbar::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(200, 0, 0, 0.3);
  background-color: #4d4d4d;
}

/*c3动画*/
@keyframes up-and-down {
  from {
    transform: translate(0, 0)
  }
  to {
    transform: translate(0, 12px)
  }
}

@keyframes progressbar {
  from {
    width: 0
  }
  to {
    width: 100%
  }
}

/* 文字溢出隐藏 */
.txt-overflow {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/*1px边框*/
.border,
.border-top,
.border-right,
.border-bottom,
.border-left,
.border-topbottom,
.border-rightleft,
.border-topleft,
.border-rightbottom,
.border-topright,
.border-bottomleft {
  position: relative;
}

.border::before,
.border-top::before,
.border-right::before,
.border-bottom::before,
.border-left::before,
.border-topbottom::before,
.border-topbottom::after,
.border-rightleft::before,
.border-rightleft::after,
.border-topleft::before,
.border-topleft::after,
.border-rightbottom::before,
.border-rightbottom::after,
.border-topright::before,
.border-topright::after,
.border-bottomleft::before,
.border-bottomleft::after {
  content: "\0020";
  overflow: hidden;
  position: absolute;
  z-index: 1;
}

/* border
 * 因，边框是由伪元素区域遮盖在父级
 * 故，子级若有交互，需要对子级设置
 * 定位 及 z轴
 */
.border::before {
  box-sizing: border-box;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border: 1px solid #9fd0eb;
  transform-origin: 0 0;
}

.border-top::before,
.border-bottom::before,
.border-topbottom::before,
.border-topbottom::after,
.border-topleft::before,
.border-rightbottom::after,
.border-topright::before,
.border-bottomleft::before {
  left: 0;
  width: 100%;
  height: 1px;
}

.border-right::before,
.border-left::before,
.border-rightleft::before,
.border-rightleft::after,
.border-topleft::after,
.border-rightbottom::before,
.border-topright::after,
.border-bottomleft::after {
  top: 0;
  width: 1px;
  height: 100%;
}

.border-top::before,
.border-topbottom::before,
.border-topleft::before,
.border-topright::before {
  border-top: 1px solid #9fd0eb;
  transform-origin: 0 0;
}

.border-right::before,
.border-rightbottom::before,
.border-rightleft::before,
.border-topright::after {
  border-right: 1px solid #9fd0eb;
  transform-origin: 100% 0;
}

.border-bottom::before,
.border-topbottom::after,
.border-rightbottom::after,
.border-bottomleft::before {
  border-bottom: 1px solid #9fd0eb;
  transform-origin: 0 100%;
}

.border-left::before,
.border-topleft::after,
.border-rightleft::after,
.border-bottomleft::after {
  border-left: 1px solid #9fd0eb;
  transform-origin: 0 0;
}

.border-top::before,
.border-topbottom::before,
.border-topleft::before,
.border-topright::before {
  top: 0;
}

.border-right::before,
.border-rightleft::after,
.border-rightbottom::before,
.border-topright::after {
  right: 0;
}

.border-bottom::before,
.border-topbottom::after,
.border-rightbottom::after,
.border-bottomleft::after {
  bottom: 0;
}

.border-left::before,
.border-rightleft::before,
.border-topleft::after,
.border-bottomleft::before {
  left: 0;
}


/*
字体图标
*/


@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1464052813'); /* IE9*/
  src: url('iconfont.eot?t=1464052813#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff?t=1464052813') format('woff'), /* chrome, firefox */
  url('iconfont.ttf?t=1464052813') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1464052813#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  /*font-size:16px;*/
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-dianhua:before { content: "\e60d"; }
.icon-youjian:before { content: "\e60e"; }
.icon-sousuo:before { content: "\e613"; }
.icon-iconql1:before { content: "\e600"; }
.icon-chuanzhen:before { content: "\e60f"; }
.icon-yuancailiaosolid:before { content: "\e601"; }
.icon-gongsi:before { content: "\e602"; }
.icon-iconfontrenliziyuan:before { content: "\e60c"; }
.icon-fangzi1:before { content: "\e614"; }
.icon-chengshi7:before { content: "\e603"; }
.icon-lianxiwomen:before { content: "\e604"; }
.icon-anquan:before { content: "\e605"; }
.icon-news:before { content: "\e606"; }
.icon-heilongjiangtubiao06:before { content: "\e607"; }
.icon-wangzhi:before { content: "\e610"; }
.icon-yejibaobiao:before { content: "\e60b"; }
.icon-gongchengshi:before { content: "\e608"; }
.icon-kejichengguo:before { content: "\e60a"; }
.icon-gongjuyoubian:before { content: "\e611"; }
.icon-101:before { content: "\e609"; }
.icon-dizhi:before { content: "\e612"; }
.icon-fanhui:before { content: "\e615"; }