body {
  margin: 0;
	text-align: justify;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block
}
audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline
}
audio:not([controls]) {
  display: none;
  height: 0
}
[hidden], template {
  display: none
}
a {
  background: 0 0
}
a:active, a:hover {
  outline: 0
}
abbr[title] {
  border-bottom: 1px dotted
}
b, strong {
  font-weight: 700
}
dfn {
  font-style: italic
}
h1 {
  margin: .67em 0
}
mark {
  color: #000;
  background: #ff0
}
small {
  font-size: 80%
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sup {
  top: -.5em
}
sub {
  bottom: -.25em
}
img {
  border: 0
}
svg:not(:root) {
  overflow: hidden
}
figure {
  margin: 1em 40px
}
hr {
  box-sizing: content-box;
  height: 0
}
pre {
  overflow: auto
}
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em
}
button, input, optgroup, select, textarea {
  font: inherit;
  margin: 0;
  color: inherit
}
button {
  overflow: visible
}
button, select {
  text-transform: none
}
button, html input[type=button], input[type=reset], input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button
}
button[disabled], html input[disabled] {
  cursor: default
}
input {
  line-height: normal
}
input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
fieldset {
  margin: 0 2px;
  padding: .35em .625em .75em;
  border: 1px solid silver
}
legend {
  padding: 0;
  border: 0
}
textarea {
  overflow: auto
}
optgroup {
  font-weight: 700
}
table {
  border-spacing: 0;
  border-collapse: collapse
}
td, th {
  padding: 0
}
ul, ol {
	padding: 0;
    margin-top: 0;
    margin-bottom: 10px;
	list-style: none;
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  outline: 0;
  -webkit-tap-highlight-color: transparent;
}
body {
  font-family:"Microsoft YaHei", "PingFang SC",'Helvetica Neue', Helvetica, sans-serif;
  line-height: 1.7;
  color: #222;
/* background: url("../images/footer_bg.png") bottom  center no-repeat;*/
  -webkit-overflow-scrolling: touch
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1;
  margin-top: 1rem;
  margin-bottom:1rem
}
 h1 {
  font-size: 4rem;
}
 h2 {
  font-size: 3.2rem;
}
 h3 {
  font-size: 2.4rem;
}
h4 {
  font-size: 1.6rem;
}
h5 {
  font-size: 1.1rem;
  font-weight: 400;
}
a {
  text-decoration: none;
  color: #333
}
a:active {
  color: #0062cc
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
    font-size: 65%;
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    font-weight: 400;
    line-height: 1;
    color: #999;
}
.clearfix{ clear: both;}
.text-center{ text-align: center;}
.text-right{text-align: right;}
.font-bw{color:#4564a8; font-weight: 600;}
.font-grey{color:#8d8d8d;}
.img-rounded{border-radius:.4rem;}
.bg-defalt {
  background: #4564a8;
}
.bg-grey {
  background: #f9f9f9;
}
.bg-blue {
  background: #f0f6fa;
}
.bg-iceblue {
  background: #9fafd2;
}

.p-tb-1{ padding: 1rem 0;}
.p-t-1{ padding:0 0 1rem 0;}

/*===================main=========================*/
.section{margin: 1rem 1rem;}
.section img{ width: 100%; height: auto;}

.top_bg{ background: url("../images/top_bg.jpg") top center no-repeat; background-size: cover;height:12rem; padding: 1rem; color: #fff; border-bottom-left-radius: 6%;border-bottom-right-radius: 6%;}
.top_bg img{ width:5rem; height: auto;}
.top_bg h4,.top_bg h5{ text-align: center; font-weight: 400;}
.top_bg h5{ color: #eee;}
.top_bg p { font-size: 1.3rem;}

.platform_wrap{ margin: 0 auto;display: flex;flex-direction: row;justify-content: center;align-items: center;margin-top:-1.6rem;}
.platform_title{margin: 0 2rem;font-size:1.1rem;border-radius: 3rem;background-color:#4564a8;padding:.3rem 4rem; font-weight: bold;color: #fff; }

.platform{ width: 100%;float: left;}
.platform-ico{
	box-sizing:border-box;
width:20%; 
float:left;}
.platform-ico .img_box{
	float: left;
	vertical-align: middle;
	width: 4.3rem;
	height:4.3rem ;
	padding: .4rem;
	border-top-left-radius: 1.2rem;
	border-bottom-right-radius:  1.2rem;
    text-align: center;
    font-weight: inherit;
	background: #a6807f;}
.platform-ico .img_box1{
	width: 4.5rem;
	height: 4.5rem ;
	padding: .4rem;
	border-top-left-radius: 1.2rem;
	border-bottom-right-radius:  1.2rem;
    text-align: center;
    font-weight: inherit;
	background: #4564a8;
    line-height: 2.5em;}
.platform-txt{
	float: left;
	padding:0 1rem;
	box-sizing:	border-box;
	width:80%;
}

.platform-txt h4{color:#4564a8; font-size: 1.1rem; margin: 0px;}
.platform-txt h4 small{ text-transform:uppercase; margin:0 1rem;font-size:.7rem;}
.platform-txt p{ margin:.4rem 0 1rem 0; line-height: 1.6}

.main-title{margin:0rem auto 0rem;text-align:center;}
.main-title .line{border-top: solid 1px #ccc;	display: block;}
.main-title .line .pos{margin-top:-1.6rem;display:block;}
.main-title .line .bg{background-color: #ffffff;display: inline-block;}


.aboutus_txt{		
	width:100%; 
	float:left;}

.aboutus_txt ul li{
	float: left; 
	display: block; 
	line-height: 1.8;
	color: #845953;
	width: 100%;
}
@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?43739585');
  src: url('../fonts/fontello.eot?43739585#iefix') format('embedded-opentype'),
       url('../fonts/fontello.woff2?43739585') format('woff2'),
       url('../fonts/fontello.woff?43739585') format('woff'),
       url('../fonts/fontello.ttf?43739585') format('truetype'),
       url('../fonts/fontello.svg?43739585#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

.aboutus_txt ul li:before{font-family: "fontello";content: '\e800'; padding-right: .5rem; }

.aboutus_img{
	padding:.5rem 1rem;	
	width:40%;
	float:left;}
.aboutus_img img{box-shadow:7px 7px 0 #444}

.aboutus_title{display: inline-block;width: auto;
border-radius: 0 10px 0 0px;}
.aboutus_title span{padding: 0 0rem;font-size:1.1rem;line-height: 1.2rem; font-weight: 700;color:#4564a8;}
.aboutus_title span:before{ content: "●"; color: #4564a8; padding-right: .5rem;}
.aboutus_title span:after{ content: "————"; color: #e6e6e6; padding-left: .5rem;}


.sub_title{ width: 100%; text-align: center; font-size: 1.2rem;color:#4564a8; margin-bottom: .8rem; }
.sub_title:before,.sub_title:after{content: '○'; padding:0 .5rem; color:#4564a8 }


.culture_box{	
	width: 100%;
	vertical-align:top;
	background: #efefef;
	float: left;
	margin-bottom: 1rem;
	border-radius: .7rem;
}
.culture_box img{ width: 100%; height:8rem; object-fit: cover;float: left; display: block;}
.culture_box .title_box{ 
	float: left;
	margin-top: -5.5rem;
	text-align: center;  
	line-height: 1.7; 
	vertical-align: middle;
	width: 100%;
}
.culture_box .title_box .txt{background:rgba(255,255,255,.8);width: 80%;border-radius:1rem;margin: 0em auto;  padding:.6rem 1rem; line-height: 1.4; font-weight: 600;}
.culture_box .title_bg{background:rgba(0,0,0,.8); color: #fff;padding:.7rem 0;text-align: center;}
.culture_box .txtbox{ width: 100%; float: left;padding:0rem 1rem;}

.culture_list{		
	width:100%; 
	margin-bottom: 1.5rem;
	display: inline-block
	}
.culture_list ul li{
	float: left; 
	display: block; 
	line-height: 1.8;
	width: 100%;
}
.culture_list ul li:before{font-family: "fontello";content: '\e803'; color: #4564a8; padding-right: .5rem; }

.cult-talent {
	padding:0rem 0rem 1.5rem;
	text-align: center
}
.cult-talent .img img{
	margin:.1rem;
	width: 5rem;
}
.cult-talent p{
	margin:5px;
}
.qualif-list { margin: .4rem 0 1rem 0;float: left; }
.qualif-list li{
	float: left; 
	display: block; 
	line-height: 1.8;
	width: 100%;}
.qualif-list li:before{content: '●'; color: #4564a8; padding-right: .5rem; }

.tel_list{ list-style: none; }
.tel_list  li{display: block}
.tel_list  li:before{font-family: "fontello";content: '\e801'; padding-right: .5rem; color: #4564a8;}

.contact_list { border-top:1px solid #ddd; padding:.5rem 0rem;list-style: none;}
.contact_list  li.email:before{font-family: "fontello";content: '\e802'; padding-right: .5rem; color: #4564a8;}
.contact_list  li.qq:before{font-family: "fontello";content: '\f1d6'; padding-right: .5rem; color: #4564a8;}


.honor_tmtimeline {
  margin: .5rem 0 1rem 0 ;
  padding: 0;
  list-style: none;
  position: relative;
	width: 100%;
	float: left;
}
/* The line */
.honor_tmtimeline:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #ddd;
  left: 16%;
  margin-left: -1px;
}
.honor_tmtimeline > li {
  position: relative;
}
/* The date/time */
.honor_tmtimeline > li .honor_tmtime {
  display: block;
  width: 16%;
  position: absolute;
  top: 6px;
}
.honor_tmtimeline > li .honor_tmtime span {
  display: block;
  text-align: left;
}
.honor_tmtimeline > li .honor_tmtime span:first-child {
  font-size: 1rem;
  color: #4564a8;
}
.honor_tmtimeline > li .honor_tmtime span:last-child {
  font-size: 1rem;
  color: #4564a8;
}
.honor_tmtimeline > li:nth-child(odd) .honor_tmtime span:last-child {
  color: #9fafd2;
}
/* Right content */
.honor_tmtimeline > li .honor_tmlabel {
  margin: 0 0 10px 24%;
  background: #4564a8;
  color: #fff;
  padding: 1.2em;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.4;
  position: relative;
  border-radius: 5px;
}
.honor_tmtimeline > li:nth-child(odd) .honor_tmlabel {
  background: #9fafd2;
}
.honor_tmtimeline > li .honor_tmlabel p {
  margin: 0px;	
  padding: 10px 0 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.honor_tmtimeline > li .honor_tmlabel p:first-child {  padding-top: 0px}
/* The triangle */
.honor_tmtimeline > li .honor_tmlabel:after {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-right-color: #4564a8;
  border-width: 10px;
  top: 10px;
}
.honor_tmtimeline > li:nth-child(odd) .honor_tmlabel:after {
  border-right-color: #9fafd2;
}
/* The icons */
.honor_tmtimeline > li .honor_tmicon {
  width: 7px;
  height: 7px;
  font-style: normal;
  font-weight: normal;
  line-height: 30px;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  color: #fff;
  background: #4564a8;
  border-radius: 50%;
  box-shadow: 0 0 0 6px #9fafd2;
  text-align: center;
  left: 15%;
  top: 15px;
  margin: 0 0 0 0px;
}



.map_box{
	position: relative;
	width: 100%;
	vertical-align:top;
	background: #efefef;
	float: left;
	margin-bottom: 1rem;
	border-radius: .7rem;
}
.map-wrap {
    width:100%;
    height:180px;
   
}
.map-wrap:after{content: ""; position: absolute;top: 0px;bottom: 0px; width: 80%; height: 100%; }

.map_box .title_box{ 
	position: absolute;
	top:1rem;
	text-align: center;  
	line-height: 1.7; 
	vertical-align: middle;
	width: 100%;
}
.map_box .title_box .txt{background:rgba(33,90,161,.7);width: 30%;border-radius:.5rem;float: left; margin-left: .5rem; color: #fff; padding:.4rem ; line-height: 1.4}
.map_box .title{ width: 100%; float: left;  color: #fff ; text-indent: 1rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem;}
.map_box .txtbox{ width: 100%; float: left;padding:.7rem 1rem 0;}
.map_box .txtbox li.tel:before{font-family: "fontello";content: '\e801'; padding-right: .5rem; color: #4564a8;}
.map_box .txtbox li.location:before{font-family: "fontello";content: '\e804'; padding-right: .5rem; color: #4564a8;}

.footer_qr{width:40%;margin:0 auto;overflow:hidden;margin-bottom:-1.5em;}
.footer_txtbg{width:100%;
background:#4564a8; text-align: center;
height:auto;
overflow:hidden;
padding:1.4em 1em .7em;
box-sizing:border-box; color: #fff;}