@charset "utf-8";

/*
@名称: base
@功能: 重设浏览器默认样式
*/


/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */

html {
	color: #333;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}


/* 内外边距通常让各个浏览器样式的表现位置不同 */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	margin: 0;
	padding: 0;
	font-family: 'Microsoft YaHei', '微软雅黑', Arial, Lucida Grande, Tahoma, sans-serif;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-size: 14px;
}


/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}


/* HTML5 媒体文件跟 img 保持一致 */

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


/* 要注意表单元素并不继承父级 font 的问题 */

input,
select,
textarea {
	font-size: 100%;
	font-family: 'Microsoft YaHei', '微软雅黑', Arial, Lucida Grande, Tahoma, sans-serif;
}


/* 去掉各Table cell 的边距并让其边重合 */

table {
	border-collapse:collapse;
	border-spacing: 0;
}


/* IE bug fixed: th 不继承 text-align*/

th {
	text-align: inherit;
}


/* 去除默认边框 */

fieldset,
img {
	border: 0;
	vertical-align: bottom;
}


/* ie6 7 8(q) bug 显示为行内表现 */

iframe {
	display: block;
}


/* 去掉 firefox 下此元素的边框 */

abbr,
acronym {
	border: 0;
	font-variant: normal;
}


/* 一致的 del 样式 */

del {
	text-decoration: line-through;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: 500;
}


/* 去掉列表前的标识, li 会继承 */

ol,
ul {
	list-style: none;
}


/* 对齐是排版最重要的因素, 别让什么都居中 */

caption,
th {
	text-align: left;
}


/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: 500;
}

q:before,
q:after {
	content: '';
}


/* 统一上标和下标 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

a {
	color: #333;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

a:focus {
	outline: none;
}

button:active {
	opacity: 0.8;
	filter: alpha(opacity = 80);
}

/* 默认不显示下划线，保持页面简洁 */

ins,
a {
	text-decoration: none;
}


/* 清理浮动 */

.fc:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.fc {
	zoom: 1;
	/* for IE6 IE7 */
}


/* 隐藏, 通常用来与 JS 配合 */

body .fh {
	display: none!important;
}

body .fs {
	display: block!important;
}


/* 设置内联, 减少浮动带来的bug */

.fl,
.fr {
	display: inline;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

/**
 * 基类
 **/

html, body {
	height: 100%;
}
html.full-layout, html.full-layout body {
  min-width: 1280px;
  background-color: #FCFCFC;
}
html.iframe-layout, html.iframe-layout body {
	width: 100%;
	background-color: #FFFFFF;
}

.fs12 {
	font-size: 12px!important;
}

.fs14 {
	font-size: 14px!important;
}

.fs16 {
	font-size: 16px!important;
}

.fs18 {
	font-size: 18px!important;
}

.fs20 {
	font-size: 20px!important;
}

.fw_bold {
	font-weight: bold!important;
}

.fw_normal {
	font-weight: normal!important;
}

.text-left {
	text-align: left!important;
}

.text-center {
	text-align: center!important;
}

.text-right {
	text-align: right!important;
}

.btn {
	border: none;
	outline: none;
	cursor: pointer;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.input_ph::-webkit-input-placeholder {
	color: #999;
}

.input_ph::-moz-placeholder {
	color: #999;
}

.input_ph:-moz-placeholder {
	color: #999;
}

.input_ph:-ms-input-placeholder {
	color: #999;
}

.over_1 {
	display: block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.over_2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.over_3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.mt10 {
	margin-top: 10px!important;
}
.mr10 {
	margin-right: 10px!important;
}
.mb10 {
	margin-bottom: 10px!important;
}
.ml10 {
	margin-left: 10px!important;
}
.mt20 {
	margin-top: 20px!important;
}
.mr20 {
	margin-right: 20px!important;
}
.mb20 {
	margin-bottom: 20px!important;
}
.ml20 {
	margin-left: 20px!important;
}
.mr0 {
	margin-right: 0!important;
}
.p20 {
	padding: 20px!important;
}
.ph20 {
	padding: 0 20px!important;
}
.pv20 {
	padding: 20px 0!important;
}
.pb20 {
	padding-bottom: 20px!important;
}
.no_padding {
	padding: 0!important;
}
.padding-t-l {
	padding: 0 20px 20px 0!important;
}

.img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: bottom;
	border: none;
}
.white-box {
	background-color: #FFFFFF;
	border-radius: 6px;
}

/*定位*/
.relative {
	position: relative;
}

/*盒子模型*/
.flex {
	display: flex;
	display: -webkit-flex;
}

.flex-aro {
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	align-items: center;
}

.flex-bet {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
}

/* 改版样式 */
.wrap {
	max-width: 1200px;
	margin: 0 auto;
}
.gb-header {
	width: 100%;
	min-width: 1200px;
	height: 120px;
	padding: 0 50px;
	background-color: #0C0C0C;
}
.gb-header .logo {
	width: 24%;
	height: 120px;
	line-height: 120px;
}
.gb-header .logo .img {
	vertical-align: middle;
}
.gb-header .navbar {
	/* width: calc(76% - 160px); */
	margin-left: 20px;
	text-align: center;
}
.gb-header .link {
	display: inline-block;
	font-size: 16px;
	color: #fff;
	padding: 0 13px;
	line-height: 120px;
}
.gb-header .link:hover {
	color: #F48719;
}
.gb-header .login-box {
	position: relative;
}
.gb-header .login-box::before {
	position: absolute;
	top: 52px;
	left: -18px;
	content: "";
	width: 1px;
	height: 18px;
	background-color: #fff;
}

.gb-footer {
	width: 100%;
	padding: 30px 0;
	background-color: #0C0C0C;
	text-align: center;
}
.gb-footer .wrap {
	margin-bottom: 50px;
	padding: 0;
}
.gb-footer .logo {
	width: 300px;
	height: 150px;
	line-height: 150px;
}
.gb-footer .logo .img {
	vertical-align: middle;
}
.gb-footer .center {
	width: calc(100% - 472px);
	text-align: center;
}
.gb-footer .navbar {
	display: inline-block;
	width: 645px;
  padding-top: 40px;
	border-bottom: 1px solid #fff;
}
.gb-footer .link {
	display: inline-block;
	font-size: 16px;
	color: #fff;
	padding: 0 20px;
	line-height: 60px;
}
.gb-footer .link:hover {
	color: #F48719;
}
.gb-footer .login-box {
	position: relative;
}
.gb-footer .copyright {
	display: inline-block;
}
.gb-footer .copyright .p, .gb-footer .copyright .a {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.9);
	margin: 0 5px;
	line-height: 20px;
}

.gb-body {
	min-height: 600px;
	padding: 20px 50px;
}
.gb-box {
	max-width: 1200px;
	padding: 20px;
	background-color: #fff;
	margin: 20px auto;
	box-shadow: 0 0 10px #FCF6EF;
}
.gb-title {
	position: relative;
	text-align: center;
	font-size: 28px;
	padding: 10px 0 20px;
}
.gb-title .text {
	position: absolute;
	top: 6px;
	left: 0;
	right: 0;
	width: 120px;
	margin: 0 auto;
	text-align: left;
}
.gb-title .icon {
	width: 140px;
}
.gb-big-image {
	width: 892px;
	height: 450px;
	background-color: #EDEDED;
	text-align: center;
	margin: 30px auto 20px;
}
.gb-big-no {
	text-align: center;
	font-size: 24px;
	color: #F17000;
}
.gb-info {
	width: 1200px;
	margin: 30px auto;
}
.gb-avatar {
	width: 300px;
	height: 412px;
	background-color: #EDEDED;
	margin-right: 50px;
}
.gb-info .top {
	width: 810px;
	padding: 20px 0;
	border-bottom: 1px solid #ECECEC;
}
.gb-info .h2 {
	font-size: 32px;
	font-weight: bolder;
	line-height: 2;
}
.gb-info .h3 {
	position: relative;
	padding-left: 20px;
	font-size: 18px;
	font-weight: bold;
	line-height: 2;
	margin-top: 20px;
}
.gb-info .h3::before {
	position: absolute;
	top: 15px;
	left: 0;
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #F08618;
}
.gb-info .h5 {
	font-size: 16px;
	color: #6F6F6F;
	line-height: 2;
}
.gb-list-item {
	float: left;
	width: calc(33% - 40px);
	margin: 20px 20px;
	text-align: center;
}
.gb-list-item .pic {
	width: 100%;
	height: 256px;
	line-height: 256px;
	background-color: #EDEDED;
	text-align: center;
}
.gb-list-item .img {
	vertical-align: middle;
}
.gb-list-item .no {
	font-size: 20px;
	color: #F17000;
	margin-top: 20px;
}

/* 首页 */
.index-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: rgba(12, 12, 12, 0.2);
	z-index: 1000;
}
.index-banner {
	width: 100%;
}
.swiper-container {
	width: 100%;
}  
.swiper-pagination-bullet {
	width: 40px!important;
	height: 4px!important;
	border-radius: 4px!important;
	background: #747476!important;
}
.swiper-pagination-bullet-active {
	background: #fff!important;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 120px!important;
}
.swiper-button-next {
	right: 50px!important;
}
.swiper-button-prev {
	left: 50px!important;
}

.index-content {
	position: relative;
	width: 100%;
	min-height: 1610px;
	background: url(../images/bg.png) no-repeat top center;
}
.index-query {
	position: absolute;
	top: -60px;
	left: 0;
	right: 0;
	width:900px;
	height: 120px;
	margin: 0 auto;
	background-color: #fff;
	z-index: 100;
}
.index-query .left {
	width: 300px;
	height: 120px;
	background-color: #FF8A02;
	font-size: 28px;
	text-align: center;
	line-height: 120px;
	color: #fff;
	letter-spacing: 5px;
}
.index-query .right {
	width: 600px;
  height: 120px;
	padding: 17px 30px;
  box-shadow: 0 3px 10px #ddd;
}
.index-query .h2 {
	font-size: 20px;
	color: #1F1F1F;
	margin-bottom: 15px;
}
.index-query .input {
	float: left;
	width: 430px;
	height: 40px;
	font-size: 16px;
	padding: 0 30px;
	border: 2px solid #8F8F8F;
	border-radius: 20px;
	outline: none;
}
.index-query .query {
	float: right;
	width: 80px;
	height: 40px;
	line-height: 40px;
	border: 0;
	outline: none;
	text-align: center;
	font-size: 20px;
	background-color: #fff;
	cursor: pointer;
}

.query-layer {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2000;
	display: none;
}
.query-mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.7);
}
.query-content {
	position: absolute;
	top: 20%;
	left: 0;
	right: 0;
	width: 720px;
	border-radius: 12px;
	background-color: #fff;
	margin: 0 auto;
	overflow: hidden;
	z-index: 2200;
}
.query-content .query-head {
	height: 100px;
	line-height: 100px;
	background-color: #FFA103;
	background: linear-gradient(to right, #FFA103, #FF8802);
	font-size: 36px;
	color: #fff;
	text-align: center;
}
.query-body {
	text-align: center;
	padding: 30px;
}
.query-body .result {
	font-size: 32px;
	color: #FF0000;
	margin-bottom: 30px;
}
.query-body .text {
	font-size: 18px;
	color: #686666;
	line-height: 2;
}
.query-body .text .red {
	color: #FF0000;
	margin: 0 5px;
}
.query-body .btn {
	width: 40%;
	height: 60px;
	line-height: 56px;
	border: 1px solid #FF931B;
	color: #FF931B;
	font-size: 20px;
	font-weight: bold;
	border-radius: 5px;
	outline: none;
	background-color: #fff;
	margin-top: 40px;
}

.index-culture {
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 0 50px;
}
.index-culture-item {
	display: flex;
	display: -webkit-flex;
	margin: 60px 0 0;
	border: 2px solid #FF8600;
}
.index-culture-item .cover {
	float: left;
	width: 50%;
}
.index-culture-item .info {
	align-self: center;
	width: 50%;
	padding: 30px;
	text-align: center;
}
.index-culture-item .h3 {
	font-size: 28px;
	margin: 0 50px;
}
.index-culture-item .inline {
	display: inline-block;
	line-height: 60px;
	margin-bottom: 40px;
}
.index-culture-item .inline .img {
	vertical-align: middle;
	margin-top: 10px;
}
.index-culture-item .p {
	font-size: 16px;
	line-height: 2.4;
}

.index-title {
	position: relative;
	font-size: 28px;
	padding: 10px 0 20px;
}
.index-title .text {
	position: absolute;
	top: 6px;
	left: 0;
	width: 120px;
	margin: 0 auto;
	text-align: left;
	white-space: nowrap;
}
.index-title .icon {
	width: 140px;
}
.index-p {
	font-size: 16px;
	line-height: 2;
}
.index-expert {
	max-width: 1200px;
	padding: 0 0 50px;
	margin: 0 auto;
}
.type_list {
	display: inline-block;
	padding: 30px 0;
	margin: 30px auto 0;
}
.type_list li{
  float: left;
	margin-bottom: 30px;
}
.type_list li>a{
  display: block;
  width: 134px;
  height: 45px;
  line-height: 45px;
  border: 1px solid #ff8400;
  color: #ff8400;
  font-size: 18px;
  text-align: center;
  border-radius: 22px;
  margin: 0 40px;
}
.type_list li.last>a{
  margin: 0;
}
.type_list li>a:hover, .type_list li>a.active{
  width: 134px;
  height: 45px;
  border: none;
  color: #fff;
  background-image: linear-gradient(to right,#FFAD01,#FF8601);
  background-image: -moz-linear-gradient(left,#FFAD01,#FF8601);
  background-image: -o-linear-gradient(left,#FFAD01,#FF8601);
  -moz-box-shadow:0px 5px 20px #F7DCB4;
  -webkit-box-shadow:0px 5px 20px #F7DCB4;
  box-shadow:0px 5px 20px #F7DCB4;
}
.expert-list {
	padding-bottom: 50px;
}
.expert-item {
	width: 280px;
	border: 1px solid #F4F4F4;
	padding: 10px;
}
.expert-item .img {
	width: 270px;
	height: 270px;
	background-color: #E9E9E9;
}
.expert-item .name {
	display: block;
	padding: 15px 0 10px;
	font-size: 18px;
	font-weight: bold;
}
.expert-item:hover {
	box-shadow: 0 0 10px #F9E9D1;
}
.more-btn {
	display: block;
	width: 200px;
	height: 48px;
	line-height: 48px;
	background-color: #FF9A01;
	background: linear-gradient(to right, #FF9A01, #FF8702);
	border-radius: 24px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	margin: 0 auto;
}
.index-service {
	max-width: 1200px;
	padding: 0 0 50px;
	margin: 0 auto;
	background-color: #FCFCFC;
}

.process{
  height: 290px;
  margin-top:50px;
}
.gradient{
  background-image: linear-gradient(to right,#FFAD01,#FF8601);
  background-image: -moz-linear-gradient(left,#FFAD01,#FF8601);
  background-image: -o-linear-gradient(left,#FFAD01,#FF8601);
}
.process li{
  float: left;
  width: 33.33%;
  text-align: center;
  margin-top: 80px;
  border-right: 1px solid #FFBE51;
}
.process li.last{
  border-right: none;
  width: 400px;
}
.process li .has_sup{
  position: relative;
  display: inline-block;
	margin-bottom: 20px;
}
.process li h2{
  font-size: 60px;
  color: #fff;
}
.process li sup{
  font-size: 16px;
  color: #fff;
  position: absolute;
  top: 15px;
  right: -12px;
}
.process li p{
  font-size: 16px;
  color: #fff;
}
.service-box {
	padding: 50px 0 0;
	align-items: flex-start;
}
.service-box-item {
	width: 26%;
	height: 280px;
	padding: 20px;
	border: 1px solid #FFCB91;
}
.service-box-item.big {
	width: 40%;
}
.service-box-item .item-title .title {
	position: relative;
	font-size: 18px;
	padding-left: 20px;
	line-height: 24px;
}
.service-box-item .item-title .title::before {
	position: absolute;
	top: 10px;
	left: 0;
	width: 8px;
	height: 8px;
	content: "";
	background-color: #FF7F00;
}
.service-box-item .item-title .more {
	line-height: 24px;
	color: #FF7F00;
}
.service-list {
	padding-top: 20px;
}
.service-item {
	line-height: 40px;
}
.service-item .fl {
	width: 70%;
}
.service-item .status {
	color: #999;
}
.rank-list {
	padding: 40px 20px 20px;
}
.rank-item {
	text-align: center;
	padding-top: 20px;
}
.rank-item.first {
	padding-top: 0;
}
.rank-item .avatar {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background-color: #D8D8D8;
	vertical-align: bottom;
}
.rank-item.first .avatar {
	width: 92px;
	height: 92px;
}
.rank-item .name {
	font-size: 16px;
	line-height: 2.4;
}
.rank-item .score {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
	background-color: #FF9F36;
	border-radius: 12px;
	color: #fff;
	font-size: 12px;
}

.index-news {
	max-width: 1200px;
	padding: 50px 0;
	margin: 0 auto;
}
.index-news .type_list li>a {
	margin: 0 40px 0 0;
}
.index-news-box {
	padding-bottom: 40px;
}
.index-news-left {
	display: block;
	width: 500px;
}
.index-news-left .picture {
	position: relative;
	height: 300px;
	text-align: center;
	background-color: #D8D8D8;
}
.index-news-left .picture .img {
	width: 100%;
	height: 100%;
}
.index-news-left .picture .time {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 96px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background-color: #FF8A02;
}
.index-news-left .title {
	padding: 10px 0;
	border-bottom: 1px solid #F1F1F1;
}

.index-news-right {
	width: calc(100% - 550px);
}
.index-news-right .picture {
	position: relative;
	width: 270px;
	height: 150px;
	text-align: center;
	background-color: #D8D8D8;
}
.index-news-right .picture .img {
	width: 100%;
	height: 100%;
}
.index-news-right .picture .time {
	position: absolute;
	top: 0;
	left: 0;
	width: 96px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background-color: #FF8A02;
}
.index-news-box .title {
	font-size: 16px;
	font-weight: bold;
	line-height: 2;
}
.index-news-box .detail {
	font-size: 14px;
	color: #666;
	line-height: 1.6;
	margin: 15px 0;
}
.index-news-box .more {
	font-size: 14px;
	color: #999;
}
.first-news {
	display: block;
}
.first-news .info {
	width: calc(100% - 290px);
}
.index-news-list {
	padding-top: 10px;
}
.index-news-item {
	display: block;
	padding: 10px 0;
}
.index-news-item:hover {
	box-shadow: 0 3px 10px #FCF6EA;
}
.index-news-item:hover .title {
	color: #FF8A02;
}
.index-news-left:hover .title, .first-news:hover .title {
	color: #FF8A02;
}
.index-news-item .info {
	width: calc(100% - 120px);
}
.index-news-item .date {
	height: 86px;
	border-right: 2px solid #E7E7E7;
	padding-right: 20px;
}
.index-news-item .month {
	font-size: 24px;
	color: #707070;
}
.index-news-item .year {
	text-align: right;
	font-size: 16px;
	color: #454545;
	margin-top: 30px;
}
.index-news-item .detail {
	margin: 10px 0 0;
}
.index-friends {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 0 50px;
}

/*合作伙伴*/
#client_list{
  height: 370px;
  overflow: hidden;
	margin-top: 20px;
}
#client_box{
  width: 800%;
}
.client_list{
  padding: 20px 0;
  float: left;
}
.client_list li{
  float: left;
  margin: 0 44px 0 0;
}
.client_list li .midst{
	display: block;
  width: 196px;
  height: 87px;
  border: 1px solid #E3E3E3;
  border-radius: 12px;
  margin: 0 0 34px 0;
}
.client_list li .midst:hover{
  border-color: transparent;
  -moz-box-shadow:0px 5px 20px #F7DCB4;
  -webkit-box-shadow:0px 5px 20px #F7DCB4;
  box-shadow:0px 5px 20px #F7DCB4;
}





/* 屏幕宽度大于等于1440px小于1600px */
@media screen and (min-width:1440px) and (max-width: 1600px) {
	.index-culture-item .inline {
		margin-bottom: 30px;
	}
	.index-culture-item .p {
		line-height: 2;
	}
}
/* 屏幕宽度小于1440px */
@media screen and (max-width: 1440px) {
	.gb-header .link {
		padding: 0 10px;
		font-size: 16px;
	}
	.index-culture-item .inline {
		margin-bottom: 20px;
	}
	.index-culture-item .p {
		line-height: 1.8;
	}
}