html,body{overflow:auto;}
a,
a:hover,
a:focus,
a:active,
button,
button:focus,
input,
select,
textarea {
  outline: none;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
button {
  cursor: pointer;
  border: none;
  padding: 0;
  outline: none;
  background: transparent;
}
btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.btn {
    transition: all .25s ease-out;
}
.btn-primary {
    color: #ffffff;
    background-color: #0f7677;
    border-color: #0f7677;
}
h2, .h2 {
    font-size: 1.5rem;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0.5rem;
	margin-top: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    color: #000000;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
}
/*播放器按钮*/
.video-area {
	overflow: hidden;
	position: relative;
}
.video-area img {
	transition: 0.9s;
}
.popup-youtube i {
    height: 3.5rem;
    line-height: 3.5rem;
    color: #ff9900;
    text-align: center;
    font-size: 3.5rem;
    display: inline-block;
    transition: all 0.4s;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0; 
}
/*播放器按钮*/
/** layui引用初始化 **/
.layui-elem-quote{padding:2rem 15px; line-height: 22px; border-left: 3px solid #17a2b8; border-bottom: 1px solid #eee;  background-color: #fff;
margin:0 0 10px 0;}
.layui-quote-nm{border:1px solid #e6e6e6;border-left: 5px solid #e6e6e6; background: none;}
/* 字段集合 */
.layui-elem-field{margin-bottom: 10px; padding: 0; border-width: 1px; border-style: solid;}
.layui-elem-field legend{margin-left: 0; padding: 0 10px; font-size: 20px; font-weight: 300;}
.layui-field-title{margin: 0; border-width: 0; border-top-width: 1px;border-color: #ddd;}
.layui-field-box{padding: 10px 15px;}
.layui-field-title .layui-field-box{padding: 10px 0;}
.layui-elem-field legend {
    display: block;
    -webkit-padding-start: 0;
    -webkit-padding-end: .5rem;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}
/*标题斜线花纹效果*/
.title-box {margin-bottom:.5rem;}
.title-box .tit{
	margin:.5rem 0;	
	font-weight: normal;
    font-family: 'SimSun', sans-serif;
	font-size: 1.2rem;
	}
.title-box-m h4{
	margin:.3rem 0 .3rem 0;	
    font-size: 1rem;
	font-weight: normal;
    font-family: 'SimSun', sans-serif;}
/*花纹*/
.title-box .tit {overflow: hidden;display: block;}
.title-box .tit:after {
    background: url(../image/bg-heading-grey.png);
}
.title-box .tit:after {
    position: relative;
    left: 8px;
    content: "";
    display: inline-block;
    width: 200%;
    height: 0.75em;
    margin: 0 -200% 0 0;
}
.list.custom-list ul {
    margin: 0 0 11px;
    list-style-type: none;
    padding-left: 2px;
}
.list.custom-list ul li {
    margin: 0;
    border-bottom: 1px dashed #f1f1f1;
    position: relative;
    line-height: 2rem;
}
.list.custom-list ul li a {
    font: 15px/1.2rem 'Roboto', sans-serif;
    color: #878787;
    text-transform: none;
    display: inline;
    position: relative;
}
/*花纹h6*/
/*花纹*/
.title-box .tith6 {overflow: hidden;display: block;margin:.6rem 0;}
.title-box .tith6:after {
    background: url(../image/bg-heading-grey.png);
}
.title-box .tith6:after {
    position: relative;
    left: 8px;
    content: "";
    display: inline-block;
    width: 200%;
    height: 0.75em;
    margin: 0 -200% 0 0;
}
/* ================================================== */


/* 22. Footer */


/* ================================================== */

.pre-footer {
    background-color: #01184a;
    color: #fff;
    padding-bottom: 1rem;
	position: relative;
	border-bottom: 1px solid #776f6f;
}

.pre-footer ul {
    list-style-type: none;
    padding-left: 0;
}

.pre-footer .tit {
    font-size: 18px;
    font-weight: 400;
    border-bottom: solid 1px #616161;
    padding-bottom: 20px;
    margin-bottom: 20px;
	color:#fff;
}

.pre-footer .box-1 li {
    position: relative;
    background-repeat: no-repeat;
    padding-left: 60px;
    margin-bottom: 30px;
	font-size:14px;
}

.pre-footer .box-1 li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 40px;
    width: 1px;
    height: 100%;
    background: #616161;
}

.pre-footer .box-1 li:first-of-type {
    background: url("../image/map-icon.svg") no-repeat left top;
    background-size: 30px 30px;
}

.pre-footer .box-1 li:nth-of-type(2) {
    background: url("../image/mobile-icon.svg") no-repeat left center;
    background-size: 30px 30px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.pre-footer .box-1 li:nth-of-type(2) a , .pre-footer .box-1 li:nth-of-type(3) a{color:#fff;}
.pre-footer .box-1 li:nth-of-type(3) {
    background: url("../image/email-icon.svg") no-repeat left 3px center;
    background-size: 25px 25px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.pre-footer .box-2 .item {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 49%;
}

.pre-footer .box-2 li {
    margin-bottom: 1rem;
}
.pre-footer .box-2 li a {color:#fff;font-size:14px;}
.pre-footer .box-3 ul:first-of-type {
    margin-bottom: 30px;
}

.pre-footer .box-3 ul:last-of-type {
    margin-bottom: 0;
}

.pre-footer .box-3 ul:last-of-type li img {
    max-width: 45px;
    width: 100%;
}

.pre-footer .box-3 .social-connect li a {
    background: #fff;
    color: #2a2a2a;
    border-color: #fff;
}

.pre-footer .box-3 .social-connect li a:hover {
    background: transparent;
    color: #fff;
}
.pre-footer .box-3 ul:last-of-type li {
    margin-bottom: 15px;
	font-size:14px;
}
.pre-footer .box-3 ul:last-of-type li a{color:#fff;}
footer .credits {
    padding: 15px 0;
    text-align: center;
    background: #3c3f44;
}

footer .credits p {
    margin-bottom: 0;
    color: #F6FCFF;
}
footer .credits a {color:#F6FCFF;}
.scroll-top {
  width: 44px;
  line-height: 44px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 999;
  font-size: 22px;
  color: #fff;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  display: none;
  background: #94906a;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.25);
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
.boda {
  width: 48px;
  line-height: 48px;
  position: fixed;
  left: 15px;
  bottom: 20px;
  z-index: 999;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  background: #ff7700;
  border-radius: 48%;
  -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.25);
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
.boda,.boda a {  
  font-size: 32px;
  color: #fff;}
.boda,.boda a i{  
  font-size: 30px;
  color: #fff;}
/*------------------ CTA Section ------------------*/
.cta {
	background: #26425f;
	}
.cta .cta-box {
	background:inherit;
	}
@media (min-width: 768px) {
	.cta .cta-box {
	padding: 1.8rem 0;
                 }
}
@media (max-width: 767px) {
	.cta .cta-box {
    padding: 1.2rem 0;
                 }
}

.cta .cta-box .tit {    
    color:#f5efef;
	line-height:1.6;
	font-size: 1.5rem;
	margin-bottom:0;
}
<!--左边介绍右边视频-->
.about_top_wrapper {
	padding:50px 0
}
.about_top_wrapper .title {
	text-align:left;
	margin-bottom:2rem;
}
.about_top_wrapper .title h2 {
	color:#333;
	font-size:26px;
	font-weight:500;
}
.about_top_wrapper .title p {
	color:#888;
	font-size:15px;
	line-height:30px;
	font-weight:400
}
.about_top_wrapper .title a {
	background:#2d136a;
	height:2.8rem;
	line-height:2.8rem;
	padding:0 2rem;
	display:inline-block;
	text-align:center;
	color:#fff;
	font-weight:500;
	font-size:15px;
	position:relative;
transition:all .3s ease-in-out
}
.about_top_wrapper .title a:before {
	background:#1d5df9
}
.about_top_wrapper .video_wrapper {
	position:relative;
	z-index:1;
	max-width:100%;
}
.about_top_wrapper .video_wrapper:before {
	background:transparent;
	content:"";
	height:100%;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:0;
	padding:20px
}
.about_top_wrapper .video_wrapper .video_banner {
	position:relative;
	border:1px solid #e9e9e9;
}
.about_top_wrapper .video_wrapper .video_banner:before {
	content:"";
	height:100%;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:1;
	opacity:.6
}
.about_top_wrapper .video_wrapper .video_banner .img_a2 {
	position:absolute;
	bottom:-110px;
	right:-65px;
	z-index:1;
	width:345px
}
.about_top_wrapper .video_wrapper .video_play {
	position:absolute;
	left:50%;
	top:45%;
	transform:translate(-50%, -50%);
	text-align:center;
	z-index:1
}
.about_top_wrapper .video_wrapper .video_play .video-play-btn {
	height:3rem;
	width:3rem;
	margin:0 auto
}
.about_top_wrapper .video_wrapper .video_play .video-play-btn a {
	border-radius:50%;
transition:all .3s ease-in-out;
	background:0 0;
	margin-right:0;
	padding:0;
	display:flex
}
.about_top_wrapper .video_wrapper .video_play .video-play-btn a i {
	height:3.5rem;
	width:3.5rem;
	line-height:3.5rem;
	font-size:3.5rem;
	background:inherit;
	color:#cc0000;
	border-radius:50%;
    transition:all .3s ease-in-out
}
.about_top_wrapper .video_wrapper .video_play .video-play-btn a i:hover {
	transform:scale(1.05)
}
.g-btn {
	border-radius: 5px;
    z-index: 1;
    overflow: hidden;
}
.g-btn:before {
    position: absolute;
    background: linear-gradient(28deg,#2b6f96 0%,#3ec9cf 100%);
    content: "";
    height: 100%;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out;
}
<!--左边介绍右边视频结束-->
.aui-hr {
    bottom: 0px;
    width: 100%;
    height: 1px;
    margin: 3rem 0;
    border-bottom: 1px solid #eee;
}
.beijingse {background: #3c3f44;}
.jumbotron p {line-height:1.8;color:#999;}
@media screen and (min-width: 1200px) {
      .layui-elem-quote {
		font-size:1.5rem;
        padding: 1.5rem 0 1.5rem .4rem;}
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
	  .layui-elem-quote {
		font-size:1.6rem;
        padding: 2rem 0 2rem .4rem;}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
	  .layui-elem-quote {
		font-size:1.5rem;
        padding: 1.9rem 0 1.9rem .4rem;}
}
/*640*/
@media  screen and (min-width: 640px) and (max-width: 767px) {
	  .layui-elem-quote {
		font-size:1.2rem;
        padding: 1.5rem 0 1.5rem .4rem;}
}
/*480*/
@media  screen and (min-width: 480px) and (max-width: 639px) {
	  .layui-elem-quote {
		font-size:1.1rem;
        padding: 1.4rem 0 1.4rem .4rem;}
}
/*320*/
@media  screen and (min-width: 360px) and (max-width: 479px) {
	 .layui-elem-quote {
		font-size:.95rem;
        padding: 1.2rem 0 1.2rem .4rem;}
}
/*320*/
@media  screen and (min-width: 320px) and (max-width: 359px) {
	 .layui-elem-quote {
		font-size:.85rem;
        padding: 1rem 0 1rem .4rem;}
}
/*240*/
@media  screen and (max-width: 319px) {
	 .layui-elem-quote {
		font-size:.8rem;
        padding: 1.2rem 0 1.2rem .4rem;}
}
/*首页新闻动态*/
/* Theme Sidebar */
.xian {
	border-bottom:1px solid #eee;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;line-height: 1.5;
}
.at-widgets-content{
	float: left;
	width: 100%;
}
.at-widgets-content .xian {
	border-bottom:1px solid #eee;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;line-height: 1.5;
}
.at-widgets-content .xian a {color:#999;}
.at-widgets-content .xian a:hover {color:#369;}
.at-haslayout,.at-main-section{background-color:#fff;}
.at-widgets-holder,.latest-news,.at-blogsingle{background-color:#fff;}
.at-sidebar {margin-bottom:1rem;}
.latest-news {padding:0 .8rem .8rem .8rem;}
.breadcrumb-item {line-height:1.8;}
.breadcrumb-item a {color:#666;}
.btn-font{color:#fff;font-size:1.2rem;}
.bg-blockquote {background-color:#f2f2f2;}