@charset "utf-8";


.line {
  width: 100%;
  height: 2px;
  background-color: #4923ba;
  min-width: 1200px;
  max-width: 1920px;
  margin: 0 auto;}

@media screen and (max-width: 750px) {
	.line {
	  width: 100%;
	  height: 2px;
	  background-color: #4923ba;
	  min-width: auto;
	  max-width: auto;
	  margin: 0 auto;}
}

@font-face {
  font-family: "mFont";
/*src: url(../font/din-regular.jpg)*/}

@font-face {
  font-family: "boldFont";
src: url(../font/din-bold.jpg)}

/*全局*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: "mFont";
  font-size: 100%;
  vertical-align: baseline;}

body {
  line-height: 1;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
  min-width: 1200px;}

@media (max-width: 750px) {
	body{
		min-width: 7.5rem;}
}

ol,
ul {
  list-style: none;}

table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;}

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;}

a img {
  border: none;}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main {
  display: block;
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;}

audio:not([controls]),
[hidden] {
  display: none;}


/* iPhone4/5 */
@media (max-width: 320px) {
  html {
    font-size: 42.66665px;}
}

/* iPhone 6 */
@media (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  html {
    font-size: 50px;}
}

/* iPhone 6 + */
@media (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  html {
    font-size: 55.2px;}
}

@media (min-width: 321px) and (max-device-width: 374px) {
  html {
    font-size: 47px;}
}

@media (min-width: 737px) and (max-device-width: 1024px) {
  html {
    font-size: 80px;}
}

body {
  font-family: PingFangSC-Light, 'helvetica neue', 'hiragino sans gb', tahoma, 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif;
  font-size: 16px;
  color: #262c45;
  -webkit-text-size-adjust: 100% !important;
  background-color: #f7f4fd;}

a,
img,
div,
button,
input {
  -webkit-tap-highlight-color: transparent;}

input,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;}

a {
  color: #fff;
  text-decoration: none;}

nav {
  list-style: none;}

img {
  display: block;
  width: 100%;}

.afterfix:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;}

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

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

:focus {
  outline: 0;}

.page {
  min-width: 1200px;}

/* flex布局 */
.flex_row {
  display: flex;
  flex-direction: row;}

.flex_col {
  display: flex;
  flex-direction: column;}

.flex_row_center {
  display: flex;
  flex-direction: column;
  align-items: center;}

.flex_col_center {
  display: flex;
  flex-direction: row;
  align-items: center;}

.flex_center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;}

/* ORGANIZATIONS */
.org_content {
  width: 1193px;
  height: 200px;}

.org_ul {
  width: 100%;
  height: 100%;
  /* display: flex;
	flex-direction: row;
	flex-wrap: wrap; */
  position: relative;}

.org_ul>li {
  width: 307px;
  height: 101px;
  float: left;}

.org_ul>li>div {
  color: #fff;
  line-height: 28px;}

.org_one {
  background: url(../images/organization_1.jpg) no-repeat 100% 100%;
  z-index: 4;
  position: relative;}

.org_two {
  background: url(../images/organization_2.jpg) no-repeat 100% 100%;
  position: relative;
  margin-left: -13px;
  z-index: 3;
  position: relative;}

.org_three {
  background: url(../images/organization_3.jpg) no-repeat 100% 100%;
  z-index: 2;
  margin-left: -13px;
  position: relative;}

.org_ul .org_four {
  background: url(../images/organization_4.jpg) no-repeat 100% 100%;
  width: 296px;
  height: 113px;
  z-index: 1;
  margin-left: -14px;
  position: relative;}

.org_ul .org_five {
  background: url(../images/organization_5.jpg) no-repeat 100% 100%;
  width: 296px;
  height: 113px;
  z-index: 5;
  position: relative;
  margin-top: -25px;}

.org_six {
  background: url(../images/organization_6.jpg) no-repeat 100% 100%;
  z-index: 6;
  position: relative;
  margin-top: -13px;
  margin-left: -14px;}

.org_seven {
  position: relative;
  margin-top: -13px;
  margin-left: -14px;
  background: url(../images/organization_7.jpg) no-repeat 100% 100%;
  z-index: 7;}

.org_eight {
  position: relative;
  margin-top: -13px;
  margin-left: -13px;
  background: url(../images/organization_8.jpg) no-repeat 100% 100%;
  z-index: 8;}

.org_arrow {
  position: absolute;
  top: 0;
  margin-left: 50%;}



.clear {
  clear: both;}

.index_floor .class_footer {
  background: none !important;
  margin-top: -270px;
  position: absolute;
  z-index: 9999;}

.floor_bg {
  background: url(../images/cus_floor_bg.jpg) center/auto 100% no-repeat;}

@media screen and (max-width: 750px) {
  body {
    font-size: .3rem;}

  .page {
    min-width: inherit;}

  .index_floor .class_footer {
    margin-top: -5rem;
	padding-top: 1rem;}

  .floor_bg {
    background: url(../images/cus_floor_phone_bg.jpg) center/auto 100% no-repeat;}
}

.clearfix::after {
  /*伪元素是行内元素 正常浏览器清除浮动方法*/
  content: "";
  display: table;
  clear: both;}