@charset "utf-8";

@font-face {
	font-family:ziti;src:url(../img/DINPro-Medium.otf)
}

@font-face {
	font-family:ziti1;src:url(../images/BEBAS___-webfont.woff.ttf)
}
.mobile{
	display: none;
}
* {
	margin: 0;
	padding: 0;
	outline: 0;
	-webkit-tap-highlight-color: transparent
}

html {
	font-size: calc(100vw/19.2)
}

body,html {
	width: 100%;
	height: auto;
	min-height: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

body {
	background: #fff;
	color: #999;
	font-size: 16px;
	font-family: 'PingFang SC','Microsoft YaHei','Microsoft YaHei UI','WenQuanYi Micro Hei',Arial,sans-serif,\5b8b\4f53;
	line-height: 1.5em
}

button,input {
	border-radius: 0;
	-webkit-appearance: none
}

a,a:focus,a:hover {
	text-decoration: none
}

textarea {
	overflow: auto;
	resize: none
}

button,input {
	border: 0
}

img {
	border: 0;
	vertical-align: top
}

li {
	list-style: none
}

h1,h2,h3,h4,h5,h6,ol,p,ul {
	margin: 0
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
	color: #666!important
}

input:-moz-placeholder,textarea:-moz-placeholder {
	color: #666!important;
	opacity: 1
}

input::-moz-placeholder,textarea::-moz-placeholder {
	color: #666!important;
	opacity: 1
}

input::-ms-input-placeholder,textarea::-ms-input-placeholder {
	color: #666!important
}
::-webkit-scrollbar {
	width: 5px; /*对垂直流动条有效*/
	height: 5px; /*对水平流动条有效*/
}

/*定义滚动条的轨道颜色、内阴影及圆角*/
::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: white;
	border-radius: 3px;
}


/*定义滑块颜色、内阴影及圆角*/
::-webkit-scrollbar-thumb{
	border-radius: 7px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #01a1e9;
}


select {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

select::-ms-expand {
	display: none
}

.clear {
	zoom: 1
}

.clear:after {
	clear: both;
	display: block;
	content: ''
}

.c-fl {
	float: left
}

.c-fr {
	float: right
}

.c-container {
	position: relative;
	padding: 0 2%;
	width: 100%
}

body.c-open {
	overflow: hidden
}

.c-bg-color1 {
	background: #fff!important
}

.c-bg-color2 {
	background: #f9f9f9!important
}

.c-pt1 {
	padding-top: 130px!important
}

.c-text-center {
	text-align: center
}

#c-common-bg {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -2;
	width: 100%;
	height: 6.4rem
}

#c-common-bg.c-dt {
	height: 100%
}

#c-top-bg {
	display: flex;
	height: 6.4rem;
	background: rgba(0,0,0,.3) url(../images/mbl.png) repeat;
	justify-content: center;
	align-items: center
}

#c-top-bg .c-enTitle {
	color: #fff;
	font-size: 72px;
	line-height: 1em
}

#c-top-bg .c-title {
	padding-top: 10px;
	color: #fff;
	font-size: 36px;
	line-height: 56px
}

#c-top-bg .c-btn {
	display: block;
	margin: 40px auto 0;
	padding: 0 32px;
	width: 180px;
	height: 50px;
	border-radius: 25px;
	background: #fff url(../images/jt4.png) no-repeat right 32px center;
	background-size: 14px auto;
	color: #333;
	text-align: left;
	font-size: 16px;
	line-height: 50px;
	transition: .5s
}

#c-top-bg .c-btn:hover {
	background: #bb1c14 url(../images/jt4-h.png) no-repeat right 32px center;
	background-size: 14px auto;
	color: #fff
}

.c-common-btn {
	position: relative;
	display: block;
	width: 128px;
	height: 57px;
	border-bottom: 1px solid #ddd;
	background: url(../images/jt1.png) no-repeat right 0 center;
	background-size: 12px auto;
	color: #fff;
	line-height: 56px
}

.c-common-btn:hover {
	color: #fff
}

.c-common-btn.c-unique {
	background: url(../images/jt2.png) no-repeat right 0 center;
	background-size: 12px auto;
	color: #222
}

.c-common-btn::before {
	position: absolute;
	bottom: -1px;
	left: 0;
	display: block;
	width: 30px;
	border-bottom: 1px solid #bb1c14;
	content: "";
	transition: all .5s
}

.c-common-btn:hover::before {
	width: 100%
}

.c-common-btn2 {
	text-align: center
}

.c-common-btn2 .c-btn {
	display: inline-block;
	padding: 0 40px;
	background: #bb1c14;
	color: #fff;
	vertical-align: top;
	line-height: 60px
}

.c-common-btn2 .c-btn i {
	margin-left: 15px;
	font-size: 20px
}

.c-common-title {
	display: flex;
	padding-bottom: 60px;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap
}

.c-common-title .c-en-title {
	color: #222;
	font-size: 72px;
	line-height: 1em
}

.c-common-title .c-cn-title {
	padding-top: 10px;
	color: #222;
	font-size: 36px;
	line-height: 56px
}

.c-common-title .c-cn-title span {
	color: #bb1c14
}

.c-common-title .c-text {
	padding: 20px 0 50px;
	line-height: 30px
}

.c-common-title.c-unique .c-cn-title,.c-common-title.c-unique .c-cn-title span,.c-common-title.c-unique .c-en-title {
	color: #fff
}

#c-header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 900;
	width: 100%;
	height: 102px;
	border-bottom: 2px solid transparent;
	border-bottom: 2px solid rgba(255,255,255,.2);
	text-align: center;
	transition: all .5s
}

#c-header.c-head-hide,.c-open #c-header {
	box-shadow: 0 2px 11px rgba(0,0,0,.05);
	color: #333;
	line-height: 80px
}

#c-header.c-head-move {
	background: rgba(0,0,0,.6);
	transition: all .5s
}


#c-header.c-head-hide a,.c-open #c-header a {
	color: #fff;
}

.c-logo {
	padding: 17px 0;
	width: 14%
}

.c-logo img {
	float: left;
	display: block;
	margin-right: 2%
}

.logo-tit {
	float: left
}

.logo-tit h4 {
	padding-top: 10px;
	background: #fff -webkit-linear-gradient(left,#fff,#fff 20%,#fff 30%,#fff) no-repeat 0 0;
	background-size: 20% 100%;
	text-align: center;
	text-decoration: underline;
	font-weight: 700;
	font-size: 26px;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-animation: slideShine 4s linear infinite;
	animation: slideShine 4s linear infinite
}

@-webkit-keyframes slideShine {
	0% {
		background-position: 0 0
	}

	100% {
		background-position: 100% 100%
	}
}

@keyframes slideShine {
	0% {
		background-position: 0 0
	}

	100% {
		background-position: 100% 100%
	}
}

.logo-tit p {
	padding-top: 5px;
	padding-left: 4px;
	text-transform: uppercase;
	letter-spacing: 3.5px;
	font-weight: lighter;
	font-size: 12px;
	color:#fff;
}

#c-header .c-nav {
	left: inherit;
	display: block;
	width: 78%;
	text-align: center
}

.c-nav ul {
	float: left;
	width: 70%

}

.c-nav ul li {
	float: left;
	padding-right: 5%;
	width: auto;
	line-height: 100px;
	position: relative;
}

.c-nav ul li:last-child {
	padding-right: 0
}

.c-nav ul li:after {
	display: block;
	margin: 0 auto;
	margin-top: -3px;
	width: 0;
	height: 3px;
	background: #25e8fa;
	content: '';
	transition: all .3s ease
}

.c-nav ul li:hover:after {
	width: 100%
}

.c-nav ul li.active:after {
	display: block;
	margin: 0 auto;
	margin-top: -3px;
	width: 100%;
	height: 3px;
	background: #25e8fa;
	content: '';
	transition: all .3s ease
}

.c-nav ul li>a {
	font-size: 20px;
	color: #fff;
}
.c-nav ul li .nav-erji{
	width: 525px;
	min-height: 248px;
	background: #fff;
	padding: 28px;
	position: absolute;
	top: 121px;
	left: -45px;
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease
}
.c-nav ul li:nth-child(6) .nav-erji{
	left: -165px;
}

.nav-erji-l{
	width: 30%;
	float: left;
}
.nav-erji-l a{
	color: #4f4f4f;
	font-size: 16px;
	display: block;
	border-bottom: 1px solid #e8e8e8;
	line-height: 40px;
	text-indent:20px;
	text-align: left;
}
.nav-erji-l a:hover{
	color: #01a1e9;
}
.nav-erji-r{
	width: 67%;
	float: right;
}
.nav-erji-r img{
	max-width: 100%;
}
.c-nav ul li:hover .nav-erji{
	opacity: 1;
	visibility: visible;
	transition: all .3s ease;
	top: 101px;
}

.link {
	float: left;
	overflow: hidden;
	width: 15.3%;
	height: 100px
}

.link .t-wx {
	position: relative;
	float: left;

	width: 50%;
	height: 100px
}

.link .t-wx:before {
	float: left;
	display: block;
	width: 1px;
	height: 100px;
	background: rgba(255,255,255,.2);
	content: ''
}

.wx-img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%,-50%)
}

.wx-img a {
	display: block
}

.link .t-la {
	position: relative;
	float: left;
	width: 50%
}

.la-img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%,-50%)
}

.link .t-la:before {
	float: left;
	display: block;
	width: 1px;
	height: 100px;
	background: rgba(255,255,255,.2);
	content: ''
}

.la-hover {
	position: absolute;
	top: 100%;
	width: 100%;
	height: 100%;
	background: #01a1e9;
	transition: all .5s
}

.la-hover a {
	display: block;
	margin: 13% auto;
	width: 70%;
	border: 1px solid #eee;
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	color: #fff;
}

.link .t-la:hover .la-hover {
	top: 0;
	transition: all .5s
}

.link img {
	padding-bottom: 5%
}

.link p {
	color: #fff;
	font-size: 14px
}

.t-zixun {
	position: absolute;
	top: 0;
	right: 0;
	width: 13%;
	height: 100px;
	background: #01a1e9;
	text-align: center
}

.t-zixun p {
	margin-top: 25px;
	background: url(../img/t-tel.png) no-repeat center left 22%;
	color: #fff;
	font-size: 14px
}

.t-zixun span {
	color: #fff;
	font-size: 26px;
	font-family: ziti
}

#c-header .c-nav li ul {
	position: absolute;
	top: 102px;
	left: 0;
	display: none;
	width: 100%;
	background: #fff;
	box-shadow: 0 2px 4px rgba(0,0,0,.1)
}

#c-header .c-nav li ul li a {
	display: block;
	padding: 5px 15px;
	border-bottom: 1px solid #f1f1f1;
	text-align: center;
	line-height: 26px
}

#c-header .c-nav li ul li:last-child a {
	border-bottom: 0
}

#c-header .c-nav>li>a::before {
	position: absolute;
	bottom: 25px;
	left: 50%;
	margin-left: -6px;
	border: 6px solid transparent;
	content: "";
	transition: all .5s
}

#c-header .c-nav>li.active>a::before,#c-header .c-nav>li:hover>a::before {
	border-bottom: 6px solid #fff
}

#c-header.c-head-hide .c-nav>li.active>a::before,#c-header.c-head-hide .c-nav>li:hover>a::before {
	bottom: 0;
	border-bottom: 6px solid #bb1c14
}

#c-header.c-head-hide .c-nav>li.active>a,#c-header.c-head-hide .c-nav>li:hover>a {
	color: #bb1c14
}

#c-header .c-nav .c-language {
	position: relative;
	margin-left: 35px;
	padding: 0
}

#c-header .c-nav .c-language .c-list {
	position: absolute;
	top: 100px;
	right: 0;
	display: none;
	width: 80px;
	background: #fff;
	box-shadow: 0 2px 11px rgba(0,0,0,.05);
	text-align: left
}

#c-header .c-nav .c-language .c-list .c-item {
	line-height: 30px
}

#c-header .c-nav .c-language .c-list .c-item a {
	display: block;
	padding: 0 15px;
	border-bottom: 1px solid #f1f1f1;
	color: #333;
	transition: .5s
}

#c-header .c-nav .c-language .c-list .c-item:last-child a {
	border: 0
}

#c-header .c-nav .c-language .c-list .c-item a:hover {
	background: #bb1c14;
	color: #fff
}

#c-header .c-nav .c-search-box {
	position: relative;
	padding-right: 0
}

#c-header .c-nav .c-search-box form {
	position: absolute;
	top: 100px;
	right: 0;
	display: none;
	overflow: hidden;
	width: 250px;
	height: 40px;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 2px 11px rgba(0,0,0,.05);
	line-height: 40px
}

#c-header .c-nav .c-search-box form input {
	float: left;
	padding: 0 15px;
	width: 180px;
	height: 40px;
	font-size: 16px
}

#c-header .c-nav .c-search-box form button {
	float: right;
	width: 70px;
	height: 40px;
	background: #bb1c14;
	color: #fff
}

#c-header .c-nav .c-list-box {
	position: absolute;
	top: 100px;
	left: 0;
	display: none;
	padding: 1rem 2rem;
	width: 100%;
	background: #fff;
	box-shadow: 0 2px 11px rgba(0,0,0,.05)
}

#c-header .c-nav .c-list-box .c-list {
	display: flex;
	margin: 0 -.3rem;
	align-items: flex-start
}

#c-header .c-nav .c-list-box .c-list .c-item {
	padding: 0 .3rem;
	width: 33.33%;
	border-right: 1px solid rgba(0,0,0,.1)
}

#c-header .c-nav>li:nth-last-child(4) .c-list-box .c-list .c-item {
	width: 50%
}

#c-header .c-nav .c-list-box .c-list .c-item:last-child {
	border: 0
}

#c-header .c-nav .c-list-box .c-list .c-top-box {
	display: block
}

#c-header .c-nav .c-list-box .c-list .c-top-box .c-text {
	padding-top: 25px;
	color: #333;
	font-size: 22px;
	line-height: 32px;
	transition: .5s
}

#c-header .c-nav .c-list-box .c-list .c-wrap:hover .c-top-box .c-text {
	color: #bb1c14
}

#c-header .c-nav .c-list-box .c-list .c-img-box {
	overflow: hidden;
	height: 3rem
}

#c-header .c-nav .c-list-box .c-list .c-img-box img {
	width: 100%;
	height: 100%;
	transition: .5s;
	object-fit: cover
}

#c-header .c-nav .c-list-box .c-list .c-wrap:hover .c-img-box img {
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1)
}

#c-header .c-nav .c-list-box .c-list .c-a-box {
	display: flex;
	display: none;
	align-items: flex-start
}

#c-header .c-nav .c-list-box .c-list .c-a-box a {
	width: 25%;
	border-right: 1px solid #999;
	color: #999;
	font-size: 14px;
	line-height: 14px;
	transition: .5s
}

#c-header .c-nav .c-list-box .c-list .c-a-box a:hover {
	color: #bb1c14
}

#c-header .c-nav .c-list-box .c-list .c-a-box a:last-child {
	border: 0
}

#c-header .c-nav .c-list-box .c-list-wrap {
	display: flex;
	text-align: left;
	justify-content: space-between;
	align-items: center
}

#c-header .c-nav .c-list-box .c-list1 {
	width: 44%
}

#c-header .c-nav .c-list-box .c-list1 .c-item {
	display: block;
	padding: 10px 90px 10px 0;
	border-bottom: 1px solid transparent;
	background: url(../images/jt5.png) no-repeat right 0 bottom 15px;
	background-size: auto 6px;
	transition: .5s
}

#c-header .c-nav .c-list-box .c-list1 .c-item .c-title {
	color: #333;
	font-size: 22px;
	line-height: 32px;
	transition: .5s
}

#c-header .c-nav .c-list-box .c-list1 .c-item .c-text {
	color: #999;
	font-size: 14px;
	line-height: 24px;
	transition: .5s
}

#c-header .c-nav .c-list-box .c-list1 .c-item.active {
	border-bottom: 1px solid rgba(0,0,0,.1);
	background: url(../images/jt5-h.png) no-repeat right 0 bottom 15px;
	background-size: auto 6px
}

#c-header .c-nav .c-list-box .c-list1 .c-item.active .c-title {
	color: #bb1c14
}

#c-header .c-nav .c-list-box .c-list2 {
	position: relative;
	width: 50%;
	height: 360px
}

#c-header .c-nav .c-list-box .c-list2 .c-item {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	width: 100%;
	height: 100%;
	opacity: 0
}

#c-header .c-nav .c-list-box .c-list2 .c-item.active {
	z-index: 2;
	opacity: 1
}

#c-header .c-nav .c-list-box .c-list2 .c-item img {
	width: 100%;
	height: 100%;
	transition: .5s;
	object-fit: cover
}

#c-header .c-nav .c-list-box .c-list2 .c-item:hover img {
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1)
}

#c-header .c-nav2 {
	position: fixed;
	top: 60px;
	left: 0;
	overflow-y: auto;
	width: 100%;
	height: 0;
	background: #fff;
	font-size: 14px;
	line-height: 50px;
	transition: all .5s
}

#c-header.c-head-hide .c-nav2 {
	top: 60px
}

body.c-open #c-header .c-nav2 {
	height: calc(100% - 80px);
	height: -webkit-calc(100% - 80px)
}

body.c-open #c-header.c-head-hide .c-nav2 {
	height: calc(100% - 60px);
	height: -webkit-calc(100% - 60px)
}

#c-header .c-nav2 a {
	display: block;
	margin: 0 20px;
	border-bottom: 1px solid #f1f1f1;
	color: #333;
	text-align: left;
	-webkit-transition: all .3s;
	transition: all .3s
}

#c-header .c-nav2>li:first-child {
	border-top: 1px solid #f1f1f1
}

#c-header .c-nav2 li.active>a,#c-header .c-nav2 li:hover>a {
	color: #01a1e9
}

#c-header .c-nav2 li a i {
	float: right;
	margin-top: 15px;
	font-size: 20px;
	display: block;
	width: 13px;
	height: 7px;
	background: url("../img/do.jpg") no-repeat center center;
}

#c-header .c-nav2 li ul {
	display: none
}

#c-header .c-nav2 li ul a {
	padding-left: 15px
}

#c-header .c-nav2 .c-language {
	position: relative;
	float: left;
	padding: 20px 0 0 20px
}

#c-header .c-nav2 .c-language>a {
	display: block;
	margin: 0;
	padding: 0 5px;
	width: 80px;
	height: 40px;
	border: 1px solid #f1f1f1;
	line-height: 38px
}

#c-header .c-nav2 .c-language>a i {
	margin-top: 9px
}

#c-header .c-nav2 .c-language .c-list {
	display: none;
	background: #fff;
	box-shadow: 0 2px 11px rgba(0,0,0,.05);
	line-height: 40px
}

#c-header .c-nav2 .c-language .c-list a {
	display: block;
	margin: 0;
	padding: 0 5px
}

#c-header .c-nav2 .c-language .c-list .c-item:last-child a {
	border-bottom: 0
}

#c-header .c-nav2 .c-search-box {
	float: right;
	padding: 20px 20px 0 0;
	width: -webkit-calc(100% - 120px);
	width: calc(100% - 120px)
}

#c-header .c-nav2 .c-search-box form {
	position: relative;
	border: 1px solid #f1f1f1;
	line-height: 38px
}

#c-header .c-nav2 .c-search-box form input {
	float: left;
	padding: 0 5px;
	width: -webkit-calc(100% - 15px);
	width: calc(100% - 50px);
	height: 38px
}

#c-header .c-nav2 .c-search-box form button {
	float: right;
	width: 50px;
	height: 38px;
	background: #bb1c14;
	color: #fff
}

#c-header .c-switch {
	position: absolute;
	top: 50%;
	right: 15px;
	display: none;
	margin-top: 20px;
	width: 24px;
	height: 20px;
	cursor: pointer
}

#c-header .c-switch i {
	position: relative;
	display: block;
	height: 2px;
	background: #fff;
	-webkit-transition: all .3s;
	transition: all .3s
}

#c-header.c-head-hide .c-switch i,.c-open #c-header .c-switch i {
	background: #fff
}

#c-header .c-switch i:nth-child(1) {
	top: 0
}

#c-header .c-switch i:nth-child(3) {
	bottom: 0
}

#c-header .c-switch i:nth-child(2) {
	margin: 6px 0
}

body.c-open #c-header .c-switch i:nth-child(2) {
	opacity: 0
}

body.c-open #c-header .c-switch i:nth-child(1) {
	top: 8px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

body.c-open #c-header .c-switch i:nth-child(3) {
	bottom: 8px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.banner {
	position: relative;
	width: 100%
}

.c-banner1 {
	background: #fff
}

.c-banner1 .swiper-slide {
	position: relative;
	overflow: hidden
}

.c-banner1 .swiper-slide img {
	width: 100%;
	-webkit-transition: all 7s;
	transition: all 7s;
	object-fit: cover
}

.c-banner1 .swiper-slide .c-bg2 {
	display: none;
	height: 332px
}

.c-banner1 .swiper-slide .c-wrap {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	width: 100%;
	height: 100%;
	background: url(../images/mbl.png) repeat;
	color: #fff;
	align-items: center
}

.c-banner1 .swiper-slide .c-wrap .c-title {
	text-shadow: 0 2px 10px rgba(0,0,0,.3);
	font-size: 80px;
	line-height: 100px
}

.c-banner1 .swiper-slide .c-wrap .c-text {
	padding: 30px 0 75px;
	text-shadow: 0 2px 10px rgba(0,0,0,.3);
	font-size: 40px;
	line-height: 56px
}

.c-banner1 .swiper-pagination-bullet {
	opacity: 1
}

.c-banner1 .c-dot {
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%
}

.c-banner1 .swiper-pagination {
	position: relative;
	text-align: center
}

.loading {
	position: relative;
	margin: 0 5px;
	width: 38px;
	height: 38px;
	border: 4px solid transparent;
	background: 0 0
}

.loading.swiper-pagination-bullet-active {
	border-color: rgba(255,255,255,.2)
}

.loading .c-progress {
	position: absolute;
	top: 11px;
	left: 11px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #fff;
	text-align: center;
	line-height: 120px
}

.loading.swiper-pagination-bullet-active .c-progress {
	background-color: #01a1e9
}

.loading .left,.loading .right {
	position: absolute;
	top: -4px;
	left: -4px;
	overflow: hidden;
	overflow: hidden;
	width: 19px;
	height: 38px;
	opacity: 0
}

.loading.swiper-pagination-bullet-active .left,.loading.swiper-pagination-bullet-active .right {
	opacity: 1
}

.loading .right {
	top: -4px;
	right: -4px;
	left: auto
}

.loading .left:after,.loading .right:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 19px;
	height: 38px;
	border: 4px solid #fff;
	border-right: 0;
	border-radius: 19px 0 0 19px;
	content: ""
}

.loading .right:after {
	position: absolute;
	display: block;
	border: 4px solid #fff;
	border-left: 0;
	border-radius: 0 19px 19px 0;
	content: ""
}

.loading.swiper-pagination-bullet-active .left:after {
	transform-origin: right center;
	animation-fill-mode: forwards;
	animation-duration: 3.9s;
	animation-timing-function: linear;
	animation-name: spin-left
}

.loading.swiper-pagination-bullet-active .right:after {
	transform-origin: left center;
	animation-duration: 3.9s;
	animation-timing-function: linear;
	animation-name: spin-right
}

@keyframes spin-right {
	0% {
		transform: rotate(180deg)
	}

	50% {
		transform: rotate(360deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

@keyframes spin-left {
	0% {
		transform: rotate(180deg)
	}

	50% {
		transform: rotate(180deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

@-webkit-keyframes c-zoom {
	0% {
		-webkit-transform: scale(1,1);
		transform: scale(1,1)
	}

	100% {
		-webkit-transform: scale(1.1,1.1);
		transform: scale(1.1,1.1)
	}
}

@keyframes c-zoom {
	0% {
		-webkit-transform: scale(1,1);
		transform: scale(1,1)
	}

	100% {
		-webkit-transform: scale(1.2,1.2);
		transform: scale(1.2,1.2)
	}
}

.c-zoom {
	-webkit-animation-name: c-zoom;
	animation-name: c-zoom
}

.company {
	position: relative;
	padding: 3% 0;
	width: 100%
}

.warpper {
	margin: 0 9.2%
}

.title {
	text-align: center
}

.title h3 {
	color: #282828;
	font-size: 42px
}

.title p {
	padding-top: 10px;
	color: #6c6c6c;
	text-transform: uppercase;
	font-weight: lighter;
	font-size: 16px
}

.company-video {
	position: relative;
	margin: 45px 0;
	width: 100%;
	background: url(../img/ditu.png) no-repeat center center;
	background-size: 100%
}

.com-left {
	float: left;
	padding-top: 5%;
	width: 25%
}

.com-left h3 {
	padding-bottom: 30px;
	color: #1f5dbb;
	font-size: 32px
}

.com-left p {
	color: #676767;
	font-size: 16px;
	line-height: 30px
}

.com-left a {
	display: block;
	margin-top: 37px;
	width: 152px;
	height: 49px;
	border-radius: 24px;
	background: #01a1e9;
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 49px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.com-left a:hover {
	border-radius: 0;
	background: #1f5dbb;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.com-center {
	float: left;
	width: 48%
}

.circle {
	margin: 0 auto;
	width: 565px;
	height: 565px;
	border: 1px solid rgba(0,0,0,.04);
	border-radius: 50%;
	-webkit-animation-name: circle;
	animation-name: circle;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite
}

.circle1 {
	margin: 0 auto;
	margin-top: 45px;
	width: 475px;
	height: 475px;
	border: 1px solid rgba(0,0,0,.04);
	border-radius: 50%;
	-webkit-animation-name: circle;
	animation-name: circle;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite
}

@-webkit-keyframes circle {
	from {
		background-color: none;
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1)
	}

	50% {
		background-color: none;
		-webkit-box-shadow: 0 0 55px rgba(0,0,0,.1)
	}

	to {
		background-color: none;
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1)
	}
}

.circle2 {
	position: relative;
	margin: 0 auto;
	margin-top: 45px;
	width: 385px;
	height: 385px;
	border-radius: 50%;
	background: url(../img/v-bg.png) no-repeat center center
}

.bofang {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #6cb552
}

.live {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 62px;
	height: 62px;
	transform: translate(-50%,-50%)
}

.live .m-video a img {
	z-index: 0;
	width: 62px;
	height: 62px
}

@keyframes living {
	0% {
		border: 1px solid #fff;
		opacity: .8;
		transform: scale(.7)
	}

	50% {
		border: 1px solid #fff;
		opacity: 0;
		transform: scale(1.1)
	}

	100% {
		border: 1px solid #fff;
		opacity: .8;
		transform: scale(.7)
	}
}

.live span {
	position: absolute;
	top: -30%;
	left: -30%;
	z-index: -1;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	-webkit-animation: living 4s linear infinite
}

.live span:nth-child(2) {
	-webkit-animation-delay: 1.5s
}

.com-right {
	float: right;
	padding-top: 5%;
	width: 27%
}

.com-right ul li {
	margin-bottom: 47px;
	width: 100%;
	height: 80px;
	transition: ease .8s
}

.com-right ul li:last-child {
	margin-bottom: 0
}

.c-tb {
	float: left;
	width: 29%;
	height: 100%;
	border-right: 1px solid #e5e5e5
}

.c-tb img {
	display: block;
	margin: 0 auto;
	padding-top: 10px;
	-webkit-transition: 1s ease;
	-moz-transition: 1s ease
}

.com-right ul li:hover .c-tb img {
	-webkit-transform: rotatey(360deg);
	-moz-transform: rotatey(360deg)
}

.c-tit {
	float: right;
	width: 63%
}

.c-tit h3 {
	padding-bottom: 10px;
	color: #282828;
	font-size: 24px
}

.c-tit p {
	color: #676767;
	font-size: 16px;
	line-height: 26px
}

.yewu {
	position: relative;
	padding: 3% 0;
	width: 100%;
	background: #f3f6f8 url(../img/yewu.jpg) no-repeat center top
}

.title1 {
	text-align: center
}

.title1 h3 {
	color: #fff;
	font-size: 42px
}

.title1 p {
	padding-top: 10px;
	color: #fff;
	text-transform: uppercase;
	font-weight: lighter;
	font-size: 16px
}

.yewu ul {
	position: relative;
	padding-top: 4%
}

.yewu ul li {
	position: relative;
	z-index: 100;
	float: left;
	margin-right: 2.6%;
	width: 23%;
	height: 470px;
	background: #fff;
	-webkit-transition: .4s 0s all ease;
	-moz-transition: .4s 0s all ease;
	-o-transition: .4s 0s all ease;
	transition: .4s 0s all ease;
	-ms-transition: .4s 0s all ease
}

.yewu ul li .bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #01a1e9;
	opacity: 0;
	-webkit-transition: .2s 0s all ease;
	-moz-transition: .2s 0s all ease;
	-o-transition: .2s 0s all ease;
	transition: .2s 0s all ease;
	-ms-transition: .2s 0s all ease
}

.yw-img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 75px 50px;
	width: 100%;
	height: 100%;
	background: 0 0;
	-webkit-transition: .4s 0s all ease;
	-moz-transition: .4s 0s all ease;
	-o-transition: .4s 0s all ease;
	transition: .4s 0s all ease;
	-ms-transition: .4s 0s all ease
}

.yw-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.yewu ul li:last-child {
	margin-right: 0
}

.yewu ul li h3 {
	padding-top: 20px;
	padding-bottom: 10px;
	color: #454545;
	font-size: 26px
}

.yewu ul li small {
	color: #767676;
	font-size: 16px
}

.yewu ul li small:after {
	display: block;
	margin: 30px 0;
	width: 20px;
	height: 4px;
	background: #01a1e9;
	content: ''
}

.yewu ul li p {
	color: #767676;
	font-size: 16px;
	line-height: 26px
}

.yewu ul li i {
	display: block;
	width: 77px;
	height: 54px;
	background-size: contain!important
}

.yewu ul li:nth-child(1) i {
	background: url(../img/y1.png) no-repeat center center
}

.yewu ul li:nth-child(2) i {
	background: url(../img/y2.png) no-repeat center center
}

.yewu ul li:nth-child(3) i {
	background: url(../img/y3.png) no-repeat center center
}

.yewu ul li:nth-child(4) i {
	background: url(../img/y4.png) no-repeat center center
}

.yewu ul li:hover .bg {
	top: -20px;
	opacity: 1;
	-webkit-transition: .4s 0s all ease;
	-moz-transition: .4s 0s all ease;
	-o-transition: .4s 0s all ease;
	transition: .4s 0s all ease;
	-ms-transition: .4s 0s all ease
}

.yewu ul li:hover {
	background: 0 0
}

.yewu ul li:hover .yw-img {
	top: -30px;
	left: -10px;
	-webkit-transition: .4s 0s all ease;
	-moz-transition: .4s 0s all ease;
	-o-transition: .4s 0s all ease;
	transition: .4s 0s all ease;
	-ms-transition: .4s 0s all ease
}

.yewu ul li:nth-child(1):hover .yw-img {
	background: url(../img/yw1.jpg) no-repeat center center;
	background-size: cover
}

.yewu ul li:nth-child(2):hover .yw-img {
	background: url(../img/yw2.jpg) no-repeat center center;
	background-size: cover
}

.yewu ul li:nth-child(3):hover .yw-img {
	background: url(../img/yw3.jpg) no-repeat center center;
	background-size: cover
}

.yewu ul li:nth-child(4):hover .yw-img {
	background: url(../img/yw4.jpg) no-repeat center center;
	background-size: cover
}

.yewu ul li:nth-child(1):hover i {
	background: url(../img/y11.png) no-repeat center center
}

.yewu ul li:nth-child(2):hover i {
	background: url(../img/y22.png) no-repeat center center
}

.yewu ul li:nth-child(3):hover i {
	background: url(../img/y33.png) no-repeat center center
}

.yewu ul li:nth-child(4):hover i {
	background: url(../img/y44.png) no-repeat center center
}

.yewu ul li:hover h3,.yewu ul li:hover p,.yewu ul li:hover small {
	color: #fff
}

.yewu ul li:hover small:after {
	background: #fff
}

.activity {
	padding: 3% 0;
	width: 100%;
	background: #f3f6f8
}

.act-center {
	position: relative;
	margin-top: 3%;
	height: 590px;
	background: #fff
}

.act-type {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width:39%;
	height: 100%
}

.act-type ul {
	height: 100%
}

.act-type ul li {
	position: relative;
	width: 100%;
	height: 20%;
	border-bottom: 1px solid #e5e5e5;
}
.act-type ul li a{
	display: block;
}

.act-type ul li:last-child {
	border-bottom: none
}

.act-type ul li a {
	position: absolute;
	top: 50%;
	width: 100%;
	transform: translate(-40%,-50%);
	left:60%;
}

.act-type ul li p {
	color: #454545;
	font-size: 26px
}

.act-type ul li small {
	display: block;
	padding-top: 10px;
	color: #767676;
	font-size: 16px
}

.act-type ul .on {
	width: 104%;
	border-bottom: none;
	background: url(../img/hd-bg.jpg) no-repeat center;
	-webkit-transition: .3s 0s all ease;
	-moz-transition: .3s 0s all ease;
	-o-transition: .3s 0s all ease;
	transition: .3s 0s all ease;
	-ms-transition: .3s 0s all ease;
	background-size: 100% 100%;
}

.act-type ul .on:last-child {
	border-bottom: none
}

.act-type ul .on p,.act-type ul .on small {
	color: #fff
}

.act-list {
	position: absolute;
	right: 0;
	z-index: 50;
	width: 61%;
	height: 100%
}

.act-list .list {
	height: 100%
}

.act-li {
	position: relative;
	width: 100%;
	height: 100%
}

.act-li .act-img {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.act-li .act-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .5s ease;
}
.act-li:hover .act-img img{
	transform: scale(1.04);
	transition: all .5s ease;
}

.act-text {
	position: absolute;
	bottom: 0;
	padding: 2.5% 6%;
	width: 100%;
	height: 142px;
	background: rgba(0,0,0,.5)
}

.act-text .text-left {
	float: left;
	width: 100%
}

.act-text .text-left h3 {
	color: #fff;
	font-size: 20px
}

.act-text .text-left p {
	padding-top: 20px;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.act-text .text-right {
	float: right;
	width: 90px;
	height: 90px;
	text-align: center
}

.act-text .text-right strong {
	display: block;
	width: 100%;
	height: 45px;
	background: #fff;
	color: #363636;
	font-size: 30px;
	font-family: ziti;
	line-height: 53px
}

.act-text .text-right span {
	display: block;
	width: 100%;
	height: 45px;
	color: #fff;
	font-size: 20px;
	font-family: ziti;
	line-height: 53px
}

.act-more a {
	display: block;
	margin: 0 auto;
	margin-top: 40px;
	width: 152px;
	height: 49px;
	border-radius: 24px;
	background: #01a1e9;
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 49px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.act-more a:hover {
	border-radius: 0;
	background: #1f5dbb;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.hexin {
	position: relative;
	z-index: 50;
	padding-top: 6%;
	padding-bottom: 10%;
	width: 100%;
	background-image: url(../img/hexin.jpg);
	background-position: center;
	background-size: cover;
	background-attachment: fixed
}

.h-w1 {
	padding-top: 3%;
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 28px;
	width:70%;
	margin: 0 auto;
}

.hexin .c-text-box {
	position: relative;
	margin-top: 6%;
	width: 100%
}

.hexin .c-text-box ul li {
	float: left;
	width: 25%;
	border-right: 1px solid rgba(255,255,255,.2);
	text-align: center
}

.hexin .c-text-box ul li:last-child {
	border-right: none
}

.hexin .c-text-box ul li small {
	color: #fff;
	font-size: 14px
}

.hexin .c-text-box ul li h3 {
	padding-top: 40px
}

.hexin .c-text-box ul li h3 span {
	color: #fff;
	font-size: 64px;
	font-family: ziti
}

.hexin .c-text-box ul li h3 sup {
	position: relative;
	top: -35px;
	color: #fff;
	font-weight: 100;
	font-size: 34px
}

.hexin .c-text-box ul li p {
	padding-top: 10px;
	color: #fff;
	font-size: 18px
}

.partner {
	position: relative;
	padding: 5% 0;
	width: 100%;
	background: #f3f6f8
}

.hezuo {
	position: relative;
	padding-top: 3%;
}
.hezuo .swiper-slide{
	padding: 3px 0;
}
.par-img {
	position: relative;
	width: 97%;
	height: 135px;
	margin: 0 auto;
	background: #fff;
}
.par-img span{
	background: #01a1e9;
	position: absolute;
	display: inline-block;
	z-index: 10;

}
.par-img span:nth-child(2){
	left: -1px;
	top: -1px;
	transition: all .1s linear;
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-o-transition: all .1s linear;
	width: 0;
	height: 1px;
}
.par-img span:nth-child(3){
	right: -1px;
	top: -1px;
	transition: all .1s .1s linear;
	-webkit-transition: all .1s .1s linear;
	-moz-transition: all .1s .1s linear;
	-o-transition: all .1s .1s linear;
	width: 1px;
	height: 0;
}
.par-img span:nth-child(4){
	right: -1px;
	bottom: -1px;
	transition: all .1s .2s linear;
	-webkit-transition: all .1s .2s linear;
	-moz-transition: all .1s .2s linear;
	-o-transition: all .1s .2s linear;
	width: 0;
	height: 1px;
}
.par-img span:last-child{
	left: -1px;
	bottom: -1px;
	transition: all .1s .3s linear;
	-webkit-transition: all .1s .3s linear;
	-moz-transition: all .1s .3s linear;
	-o-transition: all .1s .3s linear;
	width: 1px;
	height: 0;
}
.par-img:hover span:nth-child(2), .par-img:hover span:nth-child(4){
	width: 100%;
}
.par-img:hover span:nth-child(3), .par-img:hover span:last-child{
	height: 99%;
}

.par-img img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 100%;
	max-height: 100%;
	transform: translate(-50%,-50%)
}

.p-next {
	right: -4%!important;
	width: 48px!important;
	height: 48px!important;
	border-radius: 50%;
	background: #fff;
	color: #aeaeae;
	text-align: center;
	font-size: 18px;
	line-height: 48px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.p-prev {
	left: -4%!important;
	width: 48px!important;
	height: 48px!important;
	border-radius: 50%;
	background: #fff;
	color: #aeaeae;
	text-align: center;
	font-size: 18px;
	line-height: 48px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.p-prev:hover {
	background: #01a1e9;

	color: #fff;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.p-next:hover {
	background: #01a1e9;

	color: #fff;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.foot {
	position: relative;
	z-index: 100;
	padding: 3.5% 0 0 0;
	width: 100%;
	background: #06297c
}

.f-nav {
	position: relative;
	z-index: 999;
	float: left;
	width: 65%
}

.f-nav>li {
	float: left;
	width: 16.6%;
	text-align: left
}

.f-nav>li>a {
	color: #fff;
	font-size: 18px
}

.f-nav>li>a:after {
	display: block;
	margin: 15px 0;
	width: 60%;
	height: 1px;
	background: #2b4990;
	content: ''
}

.f-nav>li ul {
	width: 100%
}

.f-nav>li ul li {
	line-height: 30px
}

.f-nav>li ul li a {
	color: #637bb4;
	font-size: 16px
}

.f-nav>li ul li a:hover {
	color: #fff
}

.f-ewm {
	float: right;
	width: 17%
}

.f-ewm .ewm1 {
	float: left;
	margin-right: 6%;
	width: 47%
}

.f-ewm img {
	max-width: 100%;
	width: 100%;
}

.f-ewm p {
	width: 100%;
	background: #234db2;
	color: #728ccb;
	text-align: center;
	font-size: 16px;
	line-height: 40px
}

.f-ewm .ewm2 {
	float: right;
	width: 47%
}

.f-admin {
	margin-top:3.5%;
	height: 68px;
	border-top: 1px solid rgba(255,255,255,0.15);
	line-height: 68px;
	position: relative;
	z-index: 1000;
}

.f-admin a {
	color: #637bb4;
	font-size: 16px
}

.ad-left {
	float: left;
	color: #637bb4;
	font-size: 16px;
}
.ad-left a:hover{
	color:#fff;
}

.ad-left span {
	color: #637bb4;
	font-size: 16px
}

.ad-right {
	float: right
}
.ad-right a:hover{
	color: #fff;
}
.kefu {
	position: fixed;
	top: 44%;
	right: 0;
	z-index: 9999
}

.kefu ul li {
	margin-bottom: 10px;
	width: 100px;
	height: 68px;
	border-radius: 50%
}

.kefu ul li img {
	display: block;
	max-width: 100%;

}

.kefu ul li:first-child {
	height: 100px;
	width: 100px;
}

.kefu ul li a {
	float: right;
	display: block;
	margin-right: 7px;
	width: 67px;
	height: 67px;
	border-radius: 50%;
	background: #1f5dbb;
	color: #fff;
	text-align: center;
	font-weight: 700;
	font-size: 20px
}
.kefu ul li a:hover{
	background: #01a1e9;
}
.kefu ul li a.lxdh {
	padding-top:7px;
	font-size:14px;
	border-radius:8px;
}
.com-video {
	position: relative;
	top: 0;
	width: 100%;
	height: 700px;
	background: url(../img/com-bg.jpg) no-repeat center center
}

.com-video h3 {
	position: absolute;
	top: 40%;
	left: 50%;
	color: #fff;
	font-size: 40px;
	transform: translateX(-50%)
}

.com-video p {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 152px;
	height: 48px;
	border-radius: 24px;
	background: #fff url(../img/jt.png) no-repeat center right 20px;
	color: #5c5c5c;
	text-indent: 25px;
	font-size: 16px;
	line-height: 48px;
	transform: translateX(-50%)
}

.about1 {
	position: relative;
	padding: 0 0 5% 0;
	width: 100%;
	min-height: 500px;
	background: #f3f6f8 url(../img/qiu.png) no-repeat center left 3%
}

.about1 .warpper {
	position: relative
}

.about1 .c-text-box {
	position: absolute;
	top: -147px;
	left: 50%;
	z-index: 100;
	width: 100%;
	background: #fff;
	box-shadow: 0 0 12px rgba(0,0,0,.2);
	transform: translateX(-50%)
}

.about1 .c-text-box ul li {
	float: left;
	margin: 2.5% 0;
	width: 25%;
	border-right: 1px solid #e5e5e5;
	text-align: center
}

.about1 .c-text-box ul li:last-child {
	border-right: none
}

.about1 .c-text-box ul li small {
	color: #494949;
	font-size: 14px
}

.about1 .c-text-box ul li h3 {
	padding-top: 20px
}

.about1 .c-text-box ul li h3 span {
	color: #01a1e9;
	font-size: 64px;
	font-family: ziti
}

.about1 .c-text-box ul li h3 sup {
	position: relative;
	top: -35px;
	color: #01a1e9;
	font-weight: 100;
	font-size: 34px
}

.about1 .c-text-box ul li p {
	padding-top: 10px;
	color: #494949;
	font-size: 18px
}

.about1-top {
	position: relative;
	padding: 12% 0 2% 0;
	width: 100%
}

.about1-bo {
	width: 100%
}

.about1-bo img {
	max-width: 100%
}

.ab1-left {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.ab1-1 {
	position: relative;
	float: left;
	width: 27px;
	height: 92px;
	background: #01a1e9;
	margin-top: -15px;
}

.ab1-1 span {
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	transform: translate(-50%,-50%)
}

.ab1-2 {
	float: left;
	margin-left: 15px
}

.ab1-2 span {
	display: block;
	margin-top: -8px;
	color: #414852;
	font-weight: 100;
	font-size: 30px;
	font-family: ziti;

}

.ab1-2 p {
	margin-top: 17px;
	color: #01a1e9;
	font-size: 60px;
	font-family: ziti
}

.ab1-3 {
	float: left;
	margin-left: 15px;
	width: 67%
}

.ab1-3:before {
	float: left;
	display: block;
	margin-right: 15px;
	width: 1px;
	height: 80px;
	background: #d9d9d9;
	content: '';
	margin-top: -10px;
}

.ab1-3 p {
	color: #464646;
	font-size: 30px;
	padding-top: 20px;
}

.ab1-right {
	float: right;
	width: 100%;
}

.ab1-right p {
	color: #676767;
	font-size: 16px;
	line-height: 30px
}

.about2 {
	position: relative;
	padding: 5% 0 0 0;
	width: 100%
}

.about2-bg {
	position: relative;
	padding: 3% 0 0 0;
	width: 100%
}

.about2-bg img {
	display: block;
	margin: 0 auto;
	text-align: center;
	max-width: 100%;
}

.about3 {
	position: relative;
	padding: 5% 0 8% 0;
	width: 100%;
	background: url(../img/about3-bg.jpg) no-repeat center center
}

.about3 ul {
	margin-top: 5%
}

.about3 ul li:nth-child(1) {
	float: left;
	width: 30%;
	border-right: 1px solid rgba(255,255,255,.2)
}

.about3 ul li:nth-child(2) {
	float: left;
	padding: 0 9%;
	width: 40%;
	border-right: 1px solid rgba(255,255,255,.2)
}

.about3 ul li:nth-child(3) {
	float: right;
	width: 25%
}

.about3 ul li img {
	display: block;
	max-width: 100%;
	transition: transform 0.3s ease;
	-webkit-transition: transform 0.3s ease;
	-moz-transition: transform 0.3s ease;
	-ms-transition: transform 0.3s ease;
	-o-transition: transform 0.3s ease;
}
.about3 ul li:hover img{
	transform: rotateY(180deg);
}

.about3 ul li h3 {
	padding: 50px 0 35px 0;
	color: #fff;
	font-size: 30px
}

.about3 ul li p {
	color: #fff;
	font-size: 20px
}

.nei-banner {
	position: relative;
	width: 100%
}

.nei-banner img {
	max-width: 100%
}

.nei-type {
	position: relative;
	z-index: 100;
	margin-top: -75px;
	width: 100%;
	height: 75px;
	background: rgba(0,0,0,.3);
	line-height: 75px
}

.nei-type .type-left {
	float: left
}

.nei-type .type-left a {
	float: left;
	display: block;
	padding: 0 20px;
	width: auto;
	color: #fff;
	text-align: center;
	font-size: 20px;
	line-height: 75px
}

.nei-type a.active {
	background: #01a1e9
}

.crumbs {
	float: right;
	background: url(../img/home.png) no-repeat center left;
	color: #fff;
	text-indent: 20px;
	font-size: 20px
}

.crumbs a {
	color: #fff
}

.talent {
	background: #f3f6f8;
	padding-bottom: 3%;
}
.talent2{
	padding-bottom: 2%;
}

.talent1 {
	position: relative;
	padding: 5% 0 0 0;
	width: 100%
}

.talent1 ul {
	padding-left: 2%;
	width: 100%
}

.talent1 ul li {
	position: relative;
	float: left;
	overflow: hidden;
	margin-right: 2%;
	margin-bottom: 2%;
	width: 18.4%;
	height: 400px;
	-webkit-transition: .3s 0s all ease;
	-moz-transition: .3s 0s all ease;
	-o-transition: .3s 0s all ease;
	transition: .3s 0s all ease;
	-ms-transition: .3s 0s all ease
}

.talent1 ul li:nth-child(4) {
	margin-right: 0
}

.talent-text {
	float: left;
	margin-right: 2%;
	padding: 5%;
	width: 38.7%;
	height: 400px;
	background: url(../img/talent.jpg) no-repeat center right;
}

.talent-text h3 {
	color: #fff;
	font-size: 42px
}

.talent-text p {
	margin: 15px 0;
	color: #7acdf3;
	text-transform: uppercase;
	font-size: 16px
}

.talent-text p:after {
	display: block;
	margin: 20px 0;
	width: 22px;
	height: 3px;
	background: #fff;
	content: ''
}

.talent-text h4 {
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	text-align: justify;
}

.talent1 ul li .img {
	width: 100%;
	height: 327px
}

.talent1 ul li .img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.talent1 ul li .box {
	position: absolute;
	bottom: 0;
	z-index: 100;
	width: 100%;
	height: 100px;
	background: url(../img/t-title.png) no-repeat center center;
	text-align: center;
	background-size: 100% 100%;
}

.talent1 ul li .box h4 {
	padding-top: 40px;
	color: #fff;
	font-weight: 700;
	font-size: 18px
}

.talent1 ul li .box p {
	padding-top: 5px;
	color: #fff;
	font-size: 16px
}

.talent1 ul li .hover {
	position: absolute;
	top: -100%;
	left: 0;
	z-index: 50;
	width: 100%;
	height: 90%;
	background: rgba(0,0,0,.4);
	-webkit-transition: .3s 0s all ease;
	-moz-transition: .3s 0s all ease;
	-o-transition: .3s 0s all ease;
	transition: .3s 0s all ease;
	-ms-transition: .3s 0s all ease
}

.talent1 ul li .hover .hover-c {
	position: absolute;
	top: 45%;
	left: 50%;
	width: 70%;
	transform: translate(-50%,-50%)
}

.talent1 ul li .hover .hover-c p {
	background: url(../img/yuan.png) no-repeat top 10px left;
	color: #fff;
	text-indent: 15px;
	font-size: 16px;
	line-height: 30px
}

.talent1 ul li:hover .hover {
	top: 0;
	-webkit-transition: .3s 0s all ease;
	-moz-transition: .3s 0s all ease;
	-o-transition: .3s 0s all ease;
	transition: .3s 0s all ease;
	-ms-transition: .3s 0s all ease
}

.talent2 ul {
	padding-left: 2%;
	width: 100%
}

.talent2 ul li {
	position: relative;
	float: left;
	overflow: hidden;
	margin-right: 2%;
	margin-bottom: 2%;
	width:18.4%;
	height: 400px;
	-webkit-transition: .3s 0s all ease;
	-moz-transition: .3s 0s all ease;
	-o-transition: .3s 0s all ease;
	transition: .3s 0s all ease;
	-ms-transition: .3s 0s all ease
}

.talent2 ul li:nth-child(5n) {
	margin-right: 0
}

.talent2 ul li .img {
	width: 100%;
	height: 327px
}

.talent2 ul li .img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.talent2 ul li .box {
	position: absolute;
	bottom: 0;
	z-index: 100;
	width: 100%;
	height: 100px;
	background: url(../img/t-title.png) no-repeat center center;
	background-size: 100% 100%;
	text-align: center
}

.talent2 ul li .box h4 {
	padding-top: 40px;
	color: #fff;
	font-weight: 700;
	font-size: 18px
}

.talent2 ul li .box p {
	padding-top: 5px;
	color: #fff;
	font-size: 16px
}

.talent2 ul li .hover {
	position: absolute;
	top: -100%;
	left: 0;
	z-index: 50;
	width: 100%;
	height: 90%;
	background: rgba(0,0,0,.4);
	-webkit-transition: .3s 0s all ease;
	-moz-transition: .3s 0s all ease;
	-o-transition: .3s 0s all ease;
	transition: .3s 0s all ease;
	-ms-transition: .3s 0s all ease
}

.talent2 ul li .hover .hover-c {
	position: absolute;
	top: 45%;
	left: 50%;
	width: 70%;
	transform: translate(-50%,-50%)
}

.talent2 ul li .hover .hover-c p {
	background: url(../img/yuan.png) no-repeat left top 10px;
	color: #fff;
	text-indent: 15px;
	font-size: 16px;
	line-height: 30px
}

.talent2 ul li:hover .hover {
	top: 0;
	-webkit-transition: .3s 0s all ease;
	-moz-transition: .3s 0s all ease;
	-o-transition: .3s 0s all ease;
	transition: .3s 0s all ease;
	-ms-transition: .3s 0s all ease
}

.talent-info {
	position: relative;
	padding: 5% 0;
	width: 100%;
	background: #f3f6f8
}

.talent-left {
	display: inline-block;
	width: 24%;
	vertical-align: top
}

.talent-left img {
	max-width: 100%
}

.talentpage .page-a {
	width: 100%;
	height: 45px;
	border-bottom: 1px dashed #ddd;
	color: #333;
	font-size: 14px;
	line-height: 45px
}

.ta-back a {
	display: block;
	margin-top: 14px;
	color: #333;
	text-align: center;
	font-size: 13px;
	line-height: 36px
}
.ta-back a:hover{
	color: #01a1e9;
}

.talent-right {
	float: right;
	display: inline-block;
	box-sizing: border-box;
	padding: 3%;
	width: 73%;
	min-height: 420px;
	background: #fff;
	vertical-align: top
}

.talent-right h3 {
	margin-bottom: 3%;
	padding-bottom: 2%;
	border-bottom: 1px solid #d3d3d3;
	color: #01a1e9;
	font-weight: 700;
	font-size: 24px
}

.talent-right p {
	color: #1e1d22;
	text-align: justify;
	font-size: 15px;
	line-height: 30px
}

.hezuo {
	position: relative;
	width: 100%
}

.hezuo ul li {
	float: left;
	margin-right: 1%;
	margin-bottom: 1%;
	width: 19%
}

.hexin1 {
	position: relative;
	padding: 5% 0 0 0;
	width: 100%;
	background: #f3f6f8
}

.hx1-video {
	position: relative;
	width: 100%
}

.hx1-left {
	float: left;
	padding: 4%;
	width: 40%;
	height: 625px;
	background: #fff url(../img/hx1.png) no-repeat right bottom
}

.hx1-left img {
	display: block;
	padding-bottom: 10px;
	max-width: 100%
}

.hx1-left h3 {
	color: #454545;
	font-size: 26px
}

.hx1-left small {
	display: block;
	padding-top: 10px;
	color: #767676;
	font-size: 16px
}

.hx1-left small:after {
	display: block;
	margin: 20px 0;
	width: 22px;
	height: 3px;
	background: #01a1e9;
	content: ''
}

.hx1-left p {
	color: #676767;
	font-size: 16px;
	line-height: 30px
}

.hx1-left span {
	display: block;
	margin-bottom: 20px;
	padding-left: 20px;
	background: url(../img/yuan.png) no-repeat top 10px left;
	color: #676767;
	font-size: 16px
}

.hx1-link {
	margin-top: 20px;
	width: 100%
}

.hx1-link a {
	display: block;
	margin: 0 auto;
	margin-top: 10px;
	width: 152px;
	height: 49px;
	border-radius: 24px;
	background: #01a1e9;
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 49px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	float: left;
	margin-right: 20px;
}

.hx1-link a:hover {
	border-radius: 0;
	background: #1f5dbb;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}


.hx-next {
	right: 5%!important;
	width: 28px!important;
	height: 49px!important;
	background: url(../img/h-next.png) no-repeat center center
}

.hx-prev {
	left: 5%!important;
	width: 28px!important;
	height: 49px!important;
	background: url(../img/h-prev.png) no-repeat center center
}

.hx1-right {
	position: relative;
	float: right;
	width: 60%;
	height: 625px
}
.hx1-right .swiper-container{
	height: 100%;
}
.hx1-right p{
	height: 100%;
}
.hx1-right img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hx1-right .hxvideo {
	height: 100%
}

.hx1-right .hxvideo .swiper-slide {
	height: 100%;
	position: relative;
}
.hx1-right .hxvideo .swiper-slide iframe{
	width: 100%;
	height: 100%;
}

.hx1-right h3 {
	position: absolute;
	bottom: 0;
	z-index: 100;
	width: 100%;
	background: rgba(0,0,0,.5);
	color: #fff;
	text-align: center;
	line-height: 70px;
	display: none;
}

.hx2 {
	padding-top: 5%;
	width: 100%
}

.hx2-type {
	padding-top: 5%;
	width: 100%;
	display: none;
}

.hx2-type ul li {
	margin-bottom: 20px;
	border-radius: 8px 0 0 8px;
	background: #fff;
	line-height: 58px
}

.hx2-type ul li p {
	float: left;
	width: 20%;
	border-radius: 8px 0 0 8px;
	background: #01a1e9;
	color: #fff;
	text-align: center;
	font-size: 18px;
	line-height: 58px
}

.hx2-type ul li .hx-erji {
	float: right;
	width: 80%
}

.hx2-type ul li .hx-erji a {
	display: block;
	line-height: 58px
}

.hx2-type ul li .hx-erji a.active small {
	color: #01a1e9
}

.hx2-type ul li .hx-erji small {
	float: left;
	display: block;
	padding: 0 5%;
	color: #595959;
	text-align: center;
	font-size: 18px
}
.hx2-type ul li .hx-erji small:hover{
	color: #01a1e9;
}

.hx2-type ul li .hx-erji small.active {
	color: #01a1e9
}

.pro_cont {
	padding-top: 2%;
	width: 100%
}
.pro_cont ul{
	padding-bottom: 3%;
}
.pro_cont img{
	display: block;
	margin: 0 auto;
	max-width: 100%;

}

.pro_cont ul li {
	position: relative;
	float: left;
	margin-right: 2%;
	margin-bottom: 2%;
	width: 49%;
	height: 189px;
	background: #fff
}

.pro_cont ul li:nth-child(2n) {
	margin-right: 0
}

.pro_cont ul li .hx-img {
	float: left;
	width: 40%;
	height: 100%
}

.pro_cont ul li .hx-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.pro_cont ul li .hx-text {
	float: right;
	padding: 3%;
	width: 60%;
	height: 100%
}

.pro_cont ul li:hover .hx-text h3{
	color: #01a1e9;
}
.pro_cont ul li .hx-text h3 {
	color: #454545;
	font-size: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height: 30px;
}

.pro_cont ul li .huiyuan {
	position: absolute;
	bottom: 45px
}

.pro_cont ul li .huiyuan p {
	float: left;
	width: 85px;
	height: 30px;
	border: 1px solid #01a1e9;
	border-radius: 15px 15px 15px 0;
	color: #01a1e9;
	text-align: center;
	font-size: 14px;
	line-height: 30px
}

.pro_cont ul li .huiyuan span {
	float: left;
	display: block;
	margin-left: 10px;
	color: #a2a2a2;
	text-decoration: line-through;
	font-size: 16px;
	line-height: 30px
}

.pro_cont ul li .mianfei {
	position: absolute;
	bottom: 45px
}

.pro_cont ul li .mianfei p {
	float: left;
	width: 85px;
	height: 30px;
	border-radius: 15px 15px 15px 0;
	background: #01a1e9 url("../img/hot.png") no-repeat center left 15px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	text-indent: 10px;
}

.de-page-mian {
	overflow: hidden;
	/*padding:3% 0 ;*/
	text-align: center;
	font-size: 0
}

.de-page-mian .page-inner {
	display: inline-block;
	overflow: hidden
}

.de-page-mian .page-inner a {
	float: left;
	display: block;
	overflow: hidden;
	margin: 0 5px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #fff;
	color: #939393;
	text-align: center;
	font-size: 16px;
	line-height: 50px
}

.de-page-mian .page-inner a.active,.de-page-mian .page-inner a:hover {
	background: #01a1e9;
	color: #fff
}

.de-page-mian .page-inner a.prev {
	margin-right: 10px;
	background: url(../img/p-detail-left.png) no-repeat center
}

.de-page-mian .page-inner a.next {
	margin-right: 15px;
	margin-left: 10px;
	background: url(../img/p-detail-right.png) no-repeat center
}

.de-page-mian .page-inner a.page-btn {
	display: none;
	margin-right: 0;
	margin-left: 10px;
	width: 63px;
	font-size: 12px
}

.de-page-mian .page-inner span {
	float: left;
	display: none;
	color: #333;
	font-size: 12px;
	line-height: 38px
}

.de-page-mian .page-inner input {
	float: left;
	display: none;
	margin: 0 5px;
	width: 36px;
	height: 36px;
	border: 1px solid #ddd;
	color: #333;
	text-align: center;
	font-size: 14px;
	line-height: 36px
}
.jx-list ul li{
	/*height: 345px!important;*/
}
.jx-list ul li .re-img{
	/*height: 210px!important;*/
}

.huiyi {
	background: #fff
}

.hy-next {
	right: 5%!important;
	width: 28px!important;
	height: 49px!important;
	background: url(../img/h-next.png) no-repeat center center
}

.hy-prev {
	left: 5%!important;
	width: 28px!important;
	height: 49px!important;
	background: url(../img/h-prev.png) no-repeat center center
}

.hy-list {
	position: relative;
	padding: 5% 0 5% 0;
	width: 100%
}

.hy-list ul {
	padding-top: 3%
}

.hy-list ul li {
	float: left;
	margin-right: 2%;
	margin-bottom: 2%;
	width: 49%;
	height: 590px;
	background: #fff
}

.hy-list ul li:nth-child(2n) {
	margin-right: 0
}

.hy-img {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 438px
}

.hy-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.hy-list ul li p {
	margin: 3% 5%;
	width: 140px;
	height: 34px;
	border-radius: 15px 15px 15px 0;
	background: #01a1e9;
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 34px
}

.hy-list ul li h3 {
	margin: 0 5%;
	color: #454545;
	font-size: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:2;
	overflow: hidden;
}

.xinxi {
	position: relative;
	padding: 5% 0;
	width: 100%;
	background: #f3f6f8
}

.info1 ul {
	margin-top: 3%
}

.info1 ul li {
	position: relative;
	float: left;
	margin-right: 2%;
	width: 23.5%;
	height: 570px;
	background: #fff;
	-webkit-transition: .3s 0s all ease;
	-moz-transition: .3s 0s all ease;
	-o-transition: .3s 0s all ease;
	transition: .3s 0s all ease;
	-ms-transition: .3s 0s all ease
}

.info1 ul li:last-child {
	margin-right: 0
}

.info1 ul li .info1-img {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 297px;
	border-radius: 10px 10px 0 0
}

.info1 ul li .info1-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.info1 ul li .info1-ico {
	position: relative;
	top: -37px;
	z-index: 100
}

.info1 ul li .info1-ico img {
	display: block;
	margin: 0 auto;
	transition: transform 0.3s ease;
	-webkit-transition: transform 0.3s ease;
	-moz-transition: transform 0.3s ease;
	-ms-transition: transform 0.3s ease;
	-o-transition: transform 0.3s ease;
}
.info1 ul li:hover .info1-ico img{
	transform: rotateY(180deg);
}

.info1 ul li .info1-text {
	text-align: center
}

.info1 ul li .info1-text h3 {
	color: #454545;
	font-size: 24px
}

.info1 ul li .info1-text p {
	padding-top: 10px;
	color: #676767;
	font-size: 16px;
	line-height: 28px
}

.info1 ul li a {
	position: absolute;
	bottom: 5%;
	left: 50%;
	display: block;
	width: 152px;
	height: 48px;
	border-radius: 24px;
	background: #f0f0f0 url(../img/hjt.png) no-repeat center right 20px;
	text-indent: 20px;
	line-height: 48px;
	-webkit-transition: .3s 0s all ease;
	-moz-transition: .3s 0s all ease;
	-o-transition: .3s 0s all ease;
	transition: .3s 0s all ease;
	transform: translateX(-50%);
	-ms-transition: .3s 0s all ease
}

.info1 ul li:hover a {
	background: #01a1e9 url(../img/h-jt.png) no-repeat center right 20px;
	color: #fff;
	-webkit-transition: .3s 0s all ease;
	-moz-transition: .3s 0s all ease;
	-o-transition: .3s 0s all ease;
	transition: .3s 0s all ease;
	-ms-transition: .3s 0s all ease
}

.info2 {
	position: relative;
	padding: 5% 0 0 0;
	width: 100%
}

.info2 ul {
	margin-top: 3%
}

.info2 ul li {
	float: left;
	margin-right: 2%;
	margin-bottom: 2%;
	width: 49%;
	height: 352px;
	background: #fff;

}

.info2 ul li:nth-child(2n) {
	margin-right: 0
}

.info2 ul li:nth-child(1) .info2-img,.info2 ul li:nth-child(2) .info2-img,.info2 ul li:nth-child(5) .info2-img,.info2 ul li:nth-child(6) .info2-img {
	float: left;
	width: 47%;
	height: 100%;
	overflow: hidden;
}

.info2 ul li:nth-child(1) .info2-text,.info2 ul li:nth-child(2) .info2-text,.info2 ul li:nth-child(5) .info2-text,.info2 ul li:nth-child(6) .info2-text {
	float: right;
	width: 53%;


}

.info2 ul li:nth-child(3) .info2-img,.info2 ul li:nth-child(4) .info2-img,.info2 ul li:nth-child(7) .info2-img,.info2 ul li:nth-child(8) .info2-img {
	float: right;
	width: 47%;
	height: 100%;
	overflow: hidden;
}

.info2 ul li:nth-child(3) .info2-text,.info2 ul li:nth-child(4) .info2-text,.info2 ul li:nth-child(7) .info2-text,.info2 ul li:nth-child(8) .info2-text {
	float: left;
	width: 53%;

}

.info2-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.8s ease;
	-webkit-transition: transform 0.8s ease;
	-moz-transition: transform 0.8s ease;
	-ms-transition: transform 0.8s ease;
	-o-transition: transform 0.8s ease;
}
.info2 ul li:hover .info2-img img{
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
}


.info2-text {
	padding: 8%
}

.info2-text h3 {
	display: -webkit-box;
	overflow: hidden;
	color: #454545;
	font-size: 24px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height:25px;

}

.info2-text p:before {
	display: block;
	margin: 15px 0;
	width: 22px;
	height: 3px;
	background: #01a1e9;
	content: ''
}
.info2-text h4 {
	color: #676767;
	font-size: 15px;
	line-height: 28px;
}


.meeting-bg {
	background: #f3f6f8
}

.meeting-bg ul li .hy-img {
	background: #000
}
.meeting-bg ul li .hy-img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}
.meeting-content{
	padding-top: 3%;
	text-align: center;
}
.meeting-content p img{
	margin: 0 auto;
	display: block;
	text-align: center;
	max-width: 100%;
}

.meeting-bg ul li:hover .hy-img img {
	opacity: .5;
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.meeting-bg ul li .hy-img span {
	position: absolute;
	top: 50%;
	left: 50%;
	border-bottom: 1px solid #fff;
	color: #fff;
	font-size: 18px;
	line-height: 35px;
	opacity: 0;
	transform: translate(-50%,-50%);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.meeting-bg ul li:hover .hy-img span {
	opacity: 1;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}
#thy-qhr{
	position: relative;
}
.tk-img{
	width: 195px;
	height: 195px;
	position: absolute;
	background: #fff;
	border-radius: 8px;
	right: 115px;
	top: 101px;
}
.tk-img img{
	display: block;
	max-width: 100%;

}

.nei-info {
	position: relative;
	padding: 5% 0;
	width: 100%;
	background: #f3f6f8
}

.xq1 {
	position: relative;
	width: 100%
}

.xq1-center {
	padding: 2.8%;
	width: 100%;
	height: 530px;
	background: #fff
}


.xq1-left {
	float: left;
	width: 48%;
	height: 440px
}

.xq1-left img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.xq1-right {
	position: relative;
	float: right;
	width: 48%;
	height: 100%
}

.xq1-right h3 {
	padding: 20px 0;
	color: #454545;
	font-size: 26px;
	line-height: 38px
}

.xq1-right p {
	color: #767676;
	font-size: 16px;
	line-height: 30px;
}
.xq1-right p strong{
	color: #333;
}

.bm {
	position: absolute;
	bottom:15%;
}
.xx-center{
	height: auto;
}
.xx-center .bm{
	bottom: 5%;
}
.bm a {
	display: block;
	margin-top: 6px;
	width: 152px;
	height: 49px;
	border-radius: 24px;
	background: #fff;
	border: 1px solid #01a1e9;
	color: #01a1e9;
	text-align: center;
	font-size: 16px;
	line-height: 49px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	float: left;
	margin-right: 30px;
}


.bm a:hover {
	background: #01a1e9;
	color: #fff;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.xq2 {
	position: relative;
	padding-top: 3%;
	width: 100%
}

.xq2-left {
	float: left;
	padding: 2%;
	width: 70%;
	background: #fff
}
.xq2-left img{
	max-width: 100%;
}

.xq2-left h3 {
	margin-bottom: 20px;
	height: 54px;
	border-bottom: 1px solid #e8e8e8
}

.xq2-left h3 span {
	display: block;
	width: 96px;
	height: 54px;
	border-bottom: 2px solid #01a1e9;
	color: #454545
}

.xq2-left strong {
	display: block;
	margin-bottom: 10px;
	/*background: url(../img/jt.png) no-repeat center left;*/
	color: #01a1e9;
	text-indent: 20px;
	font-weight: 400;
	font-size: 22px
}

.xq2-left p {
	color: #767676;
	font-size: 16px;
	line-height: 30px
}

.xq2-left table {
	font-size: 16px;
	color: #767676;
	width: 100%!important;
	line-height: 30px;
}

.xq2-right {
	float: right;
	width: 27%
}

.xq2-right h3 {
	width: 100%;
	height: 79px;
	background: #01a1e9;
	line-height: 79px
}

.xq2-right h3 span {
	margin-left: 30px;
	padding-left: 20px;
	border-left: 3px solid #fff;
	color: #fff;
	font-size: 24px
}

.xx-left{
	width: 33%;
	height: 330px;
}
.xx-right{
	width: 65%;
	height: 330px;
}
.xx-right span{
	color: #767676;
	font-size: 16px;
	padding-top: 10px;
	display: block;
}
.xx-right span small{
	color: #01a1e9;
	font-size: 32px;
	font-family: ziti;
}
.info-meet {
	height: auto;
}

.info-other {
	padding: 4% 6%;
	width: 98%;
	background: #fff
}

.info-other .swiper-slide {
	height: 295px!important
}

.info-other .xq2-img {
	width: 100%;
	height: 215px
}

.info-other .xq2-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.info-other .xq2-tit {
	padding-top: 20px;
	color: #454545;
	font-weight: 700;
	font-size: 18px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.info-other .xq2-tit:hover{
	color: #01a1e9;
}

.info-bottom {
	margin-top: 50px
}
.info-bottom img{
	max-width: 100%;
}

.contactBg {
	position: relative;
	background: url(../img/contactBg.jpg) center bottom fixed no-repeat;
	background-size: cover
}

.contactBg.mob {
	background-attachment: scroll
}

.contact {
	margin: 150px 0 50px 0;
	padding: 50px;
	border-radius: 5px;
	background: #fff
}

.conTop {
	overflow: hidden;
	padding-bottom: 50px;
	border-bottom: 1px solid #e5e5e5
}

.conLef {
	float: left;
	width: 68%
}

.conRig {
	float: right;
	width: 29%
}

.conTopH3 {
	padding-bottom: 40px;
	color: #333;
	font-weight: 700;
	font-size: 24px;
	line-height: 140%
}

.conMap {
	height: 478px
}

.mesList {
	margin: 0 -8px;
	padding-right: 8px
}

.mesList li {
	padding: 0 8px 20px
}

.mesLab {
	display: block;
	padding-bottom: 15px;
	color: #666;
	font-weight: 400;
	font-size: 18px;
	line-height: 160%
}

.mesInput {
	display: block;
	padding: 10px;
	width: 100%;
	border: none;
	border-radius: 5px;
	background: #eef2f5;
	line-height: 30px
}

.mesInput:focus {
	background: #fff;
	box-shadow: 0 3px 8px rgba(145,145,145,.3)
}

textarea.mesInput {
	resize: none
}

.mesBtn {
	display: block;
	margin-top: 15px;
	height: 50px;
	border-radius: 5px;
	background: #01a1e9;
	color: #fff;
	text-align: center;
	font-size: 18px;
	line-height: 50px
}

.mesBtn:focus,.mesBtn:hover {
	color: #fff
}

.conBot {
	margin: 0 -5px;
	padding: 50px 0 0 0;
	font-size: 0
}

.conBot li {
	width: 22%;
	float: left;
	padding: 10px 0 10px 75px;
	margin-right: 4%;

}
.conBot li:nth-child(1){
	background:url("../img/c-add.png") no-repeat center left;
}
.conBot li:nth-child(2){
	background:url("../img/c-tel.png") no-repeat center left;
}
.conBot li:nth-child(4){
	background:url("../img/c-email.png") no-repeat center left;
}
.conBot li:nth-child(3){
	background:url("../img/c-qq.png") no-repeat center left;
}
.conBotH3 {
	color: #454545;
	font-weight: 700;
	font-size: 18px;
	padding-top:10px;
}
.conBot li p {
	font-size: 14px;
	line-height: 20px;
	padding-top: 10px;
	color: #454545;
	word-wrap: break-word;
	width: 80%;
}
.conBot li:last-child{
	margin-right: 0;
}







#dituContent {
	height: 100%
}

.mes-input {
	float: left;
	margin-bottom: 2%;
	width: 99%;
	border: 1px solid #d4d4d4;
	text-indent: 20px;
	line-height: 50px;
}
.mes-input input{
	color: #333;
	width:80%;
}

.form-tr textarea {
	width: 99%;
	height: 100px;
	border: 1px solid #d4d4d4;
	text-indent: 20px;
	line-height: 50px;
	color: #333;
}
.mes-input input::-webkit-input-placeholder{
	color: #999!important;
}
.form-tr textarea::-webkit-input-placeholder{
	color: #999!important;
}
.mes-center {
	margin-top: 2%
}

.mes-center .code input {
	float: left;
	width: 49%;
	border: 1px solid #d4d4d4;
	text-indent: 20px;
	line-height: 50px
}
.mes-center .code input::-webkit-input-placeholder{
	color: #999!important;
}

.mes-center .code .verify {
	float: right;
	width: 49%;
	height: 50px
}

.mes-center .code .verify img {
	display: block;
	width: 100%;
	height: 100%
}

.conRig .submit {
	margin-top: 3%;
	width: 100%;
	height: 50px;
	background: #01a1e9;
	color: #fff;
	text-align: center;
	line-height: 50px
}

.newsList {
	padding: 5% 0;

}
.newsBg{
	padding-bottom: 3%;
}
.newsList li {
	padding: 35px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee
}

.newsList li a {
	position: relative;
	display: block;
	overflow: hidden;
	height: 100%
}

.newsImg {
	position: relative;
	float: right;
	overflow: hidden;
	width: 263px;
	height: 150px;
}

.newsImg img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .5s ease
}

.newsTime {
	position: relative;
	float: left;
	padding-top: 15px;
	width: 230px;
	color: #333;
	font-size: 32px
}

.newsTime p i {
	display: inline-block;
	margin-left: 25px;
	width: 45px;
	height: 1px;
	background: #d2d2d2;
	vertical-align: middle;
	transition: all .5s ease
}

.newsIco {
	margin-top: 20px;
	width: 48px;
	height: 48px;
	background-image: url(../img/h-jt.png);
	background-position: center center;
	background-repeat: no-repeat;
	transition: all .5s ease;
	transition: all .5s ease
}

.newsText {
	margin-right: 270px;
	margin-left: 230px;
	max-width: 870px
}

.newsTit {
	margin: 15px 0 25px;
	color: #666;
	font-size: 20px;
	line-height: 26px;
	transition: all .5s ease;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.newsBrief {
	overflow: hidden;
	height: 52px;
	color: #666;
	font-size: 16px;
	line-height: 26px
}

.newsList li a:hover .newsImg img {
	transform: scale(1.1)
}

.newsList li a:hover .newsIco {
	background-color: #01a0e9
}

.peixun {
	position: relative;
	padding: 5% 0;
	background: #f3f6f8
}
.px1-top{
	width: 100%;
	position: relative;
}
.px1-top .px1-bt span{
	color: #282828;
	font-size: 34px;
	float: left;
	display: block;
}

.px1-top small{
	color: #9c9c9c;
	font-size: 20px;
	float: left;
	margin-top:5px;
}
.px1-top small:before{
	display: block;
	content: '';
	width: 1px;
	height:25px;
	background: #d5d5d5;
	margin: 0 15px;
	float: left;
}
.px-search{
	width: 444px;
	height: 55px;
	line-height: 55px;
	float: right;
}
.px-search input{
	width:70%;
	float: left;
	height:55px;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	border-right: none;
	display: block;
	color: #333;
	font-size: 16px;
	text-indent: 20px;
}
.px-search input::-webkit-input-placeholder{
	color: #cccccc!important;
}
.px-search button{
	width: 30%;
	float: right;
	height: 100%;
	background: #01a1e9 url("../img/sea.png") no-repeat center left 30px;
	color: #fff;
	font-size: 16px;
	border-radius: 2px;
	text-indent: 20px;
}

.screen-wrap {
	margin: 40px 0;
	background: #fff;
	border: 1px solid #dcdcdc
}

.screen-wrap .screen {
	position: relative;
	padding: 12px 20px;
	border-bottom:1px dashed #dadada;
	font-size: 14px;
}
.screen-wrap .screen:last-child{
	border-bottom:none;
}



.screen-wrap .screen span {
	float: left;
	display: block;
	padding: 9px 0;
	width: 15%;
	color: #434343;
	text-align: center;
	font-size: 20px;
	line-height: 44px
}
.screen-wrap .screen.first ul{
	height: auto;
	overflow: none;
}

.screen-wrap .screen ul {
	position: relative;
	float: left;
	width: 79%;
	padding: 9px 0;
	height: 58px;
	overflow: hidden;

}

.screen-wrap .screen ul strong {
	float: left;
	display: block;
	color: #858585;
	text-align: center;
	font-weight: 500;
	font-size: 16px
}

.screen-wrap .screen ul strong a {
	display: block;
	color: #8a8a8a;
	line-height: 44px;
	padding: 0 17px;
}
.screen-wrap .screen ul strong>a:hover {
	background: #01a1e9;
	color: #fff;
}


.screen-wrap .screen ul li {
	float: left;
	margin-bottom: 6px
}

.screen-wrap .screen ul li>a {
	display: block;
	padding: 0 17px;
	color: #858585;
	color: #858585;
	font-size: 16px;
	line-height: 44px;
	-webkit-transition: .3s 0s all ease;
	-moz-transition: .3s 0s all ease;
	-o-transition: .3s 0s all ease;
	transition: .3s 0s all ease;
	-ms-transition: .3s 0s all ease
}

.screen-wrap .screen ul li>a:hover {
	background: #01a1e9;
	color: #fff
}

.screen-wrap .screen b {
	position: absolute;
	top: 30px;
	color: #b8b8b8;
	font-weight: 500;
	font-size: 16px;
	cursor: pointer
}

.screen-wrap .screen b:hover {
	color: #01a1e9;
	-webkit-transition: .3s 0s all ease;
	-moz-transition: .3s 0s all ease;
	-o-transition: .3s 0s all ease;
	transition: .3s 0s all ease;
	-ms-transition: .3s 0s all ease
}

.screen-wrap .screen.first ul li>a {
	background: url(../img/down.png) no-repeat center right 15px;
	-webkit-transition: .3s 0s all ease;
	-moz-transition: .3s 0s all ease;
	-o-transition: .3s 0s all ease;
	transition: .3s 0s all ease;
	-ms-transition: .3s 0s all ease
}

.screen-wrap .screen.first ul li>a {
	padding: 0 37px 0 17px
}

.screen-wrap .screen.first ul li:hover>a {
	background: #01a1e9 url(../img/down-h.png) no-repeat center right 15px;
	color: #fff;
	-webkit-transition: .3s 0s all ease;
	-moz-transition: .3s 0s all ease;
	-o-transition: .3s 0s all ease;
	transition: .3s 0s all ease;
	-ms-transition: .3s 0s all ease
}
.screen-wrap .screen.first ul li:hover .training-erji{
	display: block;
}
.screen-wrap .screen.first ul li:hover .training-erji .aa{
	z-index: 999;
}

.training-erji {
	z-index: 100;
	display: none;
	width: 100%;
	/*height: 70px;*/

}
.aa{
	position: absolute;
	left: 0;
	background: #f5f5f5;
	width: 100%;

}

.training-erji a {
	display: block;
	padding: 0 10px;
	line-height: 70px;
	color: #858585;
	font-size: 16px;
}
.training-erji a.ziti{
	color: #01a1e9;
}
.training-erji a.xz2{
	color: #01a1e9;
}
.training-erji a:hover{
	color: #01a1e9;
}
.screen-wrap .screen .first ul li>a.xzl{
	background: #01a1e9 url(../img/down-h.png) no-repeat center right 15px!important;
	color: #fff!important;
}
.shai-ul a.xz1 {
	background: #01a1e9 url(../img/down-h.png) no-repeat center right 15px!important;
	color: #fff!important;
}
.shai-ul a.xz3 {
	background: #01a1e9!important;
	color: #fff!important;
}

.screen-wrap .screen ul li>a.baogao {
	background: #01a1e9;
	color: #fff
}
/*咨询报告*/
.report-list{
	width: 100%;
	position: relative;
	padding-top: 3%;
}
.report-list ul li{
	width:23.5%;
	margin-right:2%;
	margin-bottom: 2%;
	float: left;
	background: #fff;
	height: 490px;
	position: relative;
}
.report-list ul li:nth-child(4n){
	margin-right: 0;
}
.report-list ul li .re-img{
	width: 100%;
	height: 323px;
}
.report-list ul li .re-img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.report-list ul li .re-text{
	padding: 8%;
}
.report-list ul li .re-text h3{
	color: #454545;
	font-size: 20px;
	padding-top: 18px;
	line-height: 30px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.report-list ul li:hover .re-text h3{
	color: #01a1e9;
}
.report-list ul li .huiyuan {
	position: relative;
}

.report-list ul li .huiyuan p {
	float: left;
	width: 85px;
	height: 30px;
	border: 1px solid #01a1e9;
	border-radius: 15px 15px 15px 0;
	color: #01a1e9;
	text-align: center;
	font-size: 14px;
	line-height: 30px
}

.report-list ul li .huiyuan span {
	float: left;
	display: block;
	margin-left: 10px;
	color: #a2a2a2;
	text-decoration: line-through;
	font-size: 16px;
	line-height: 30px
}

.report-list ul li .mianfei {
	position: relative;
}

.report-list ul li .mianfei p {
	float: left;
	width: 85px;
	height: 30px;
	border-radius: 15px 15px 15px 0;
	background: #01a1e9 url("../img/hot.png") no-repeat center left 15px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	text-indent: 10px;
}
/*全年课程*/
.course{
	width: 100%;
	position: relative;
}
.course table{
	width: 100%;
	margin-top: 3%;
	background: #fff;
}
.course table tbody{
	width: 100%;
}
.course table tr:first-child{
	background: #01a1e9!important;
}
.course table tr:first-child td{
	color: #fff;
}
.course table tr:nth-child(even){
	background:#f3f6f8;
}
.course table tr:nth-child(odd){
	background:#f8f8f8;
}
.course table tr td{
	border: 1px solid #dcdcdc;
	text-align: center;
	height: 50px!important;
	box-sizing: border-box;
	font-size: 16px;
	color: #333;
}

/*信息详情*/
.dinggou{
	width: 100%;
	padding: 4% 0;
	background: url("../img/order.jpg") no-repeat center center;
	background-size: cover;
}
.qzfaddorder{
	width: 100%;
	margin-top: 2%;
}
.qzfaddorder p{
	color: #fff;
	font-size: 16px;
	text-align: center;
	padding: 2% 0 3% 0;
}
.qzfaddorder .formlist{
	width: 507px;
	float: left;
	margin-right:20px;
	line-height: 76px;
	background: #fff;
	margin-bottom: 20px;
	position: relative;
}
.qzfaddorder .formlist:nth-child(3){
	margin-right: 0;
}
.qzfaddorder .formlist h3{
	float: left;
	font-size: 16px;
	color: #4a4a4a;
	line-height: 76px;
	text-indent: 26px;
	position: relative;
	width: 90px;
}
.qzfaddorder .formlist h3 span{
	color: #e71e1e;
	position: absolute;
	left: -10px;
}
.qzfaddorder .formlist input{
	float: right;
	margin-left: 10px;
	font-size: 14px;
	color: #333;
	width:387px;

}
.qzfaddorder .formlist input::-webkit-input-placeholder{
	color: #aeaeae!important;
}
.qzfaddorder .formlist select{
	float: right;
	font-size: 14px;
	border: none;
	width: 387px;
	color: #aeaeae!important;
	background: url("../img/o-jt.png") no-repeat center right 10px;
}
.formcontent1{
	width: 507px;
	float: right;
	line-height: 76px;
	background: #fff;
	position: relative;
}
.qzfaddorder .formcontent1 h3{
	float: left;
	font-size: 14px;
	color: #4a4a4a;
	line-height: 76px;
	text-indent: 26px;
	position: relative;
	width: 90px;
}
.qzfaddorder .formcontent1 h3 span{
	color: #e71e1e;
	position: absolute;
	left: -10px;
}
.qzfaddorder .formcontent1 input{
	float: left;
	margin-left: 10px;
	font-size: 14px;
	color: #333;
	width: 50%;
	position: relative;
}
.qzfaddorder .formcontent1 .verify{
	width: 120px;
	height: 60px;
	position: absolute;
	top: 8px;
	right: 8px;
}
.qzfaddorder .formcontent1 .verify img{
	display: block;
	width: 100%;
	height: 100%;
}
.qzfaddorder .form-sub{
	width: 234px;
	height: 66px;
	margin: 0 auto;
	border-radius: 33px;
	line-height: 66px;
}
.qzfaddorder .form-sub #submit{
	text-align: center;
	background: #01a1e9;
	color: #fff;
	width: 100%;
	height: 100%;
	border-radius: 33px;
	letter-spacing: 2px;
	border: 1px solid #01a1e9;
}
.qzfaddorder .form-sub #submit:hover{
	background: #fff;
	color: #01a1e9;
}
.newsPage .page-a{
	padding: 10px 0;
}
.newsPage .page-a a:hover{
	color:#01a1e9;
	font-weight: bold;
}
.newsPage a:hover{
	color:#01a1e9;
	font-weight: bold;
}

/*二维码弹框*/
.layui-layer{
	background: none!important;
	box-shadow: none!important;
}
.layui-layer-title{
	background: none!important;
}
.layui-layer-setwin .layui-layer-close2{
	width: 40px!important;
	height: 40px!important;
	background: url("../img/close.png") no-repeat center center!important;
	background-position: 0;
	right: -23px!important;
	top: -54px!important;
}