@charset "utf-8";
@import 'bootstrap.min.css';
@import 'font-awesome.css';
@import 'richtext.css';
@import 'iconfont.css';
@import 'animate.min.css';
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, select, th, td {
	padding:0;
	margin:0;
	color:#4e4e4e;
	font-size:16px;
	font-family:"Arial"
}
h1, h2, h3, h4, h5, h6, button, input, select, textarea {
	font-size:100%
}
address, cite, dfn, em, var {
	font-style:normal
}
small {
	font-size:12px
}
span {
	display:inline-block
}
ul, ol {
	list-style-type:none;
	list-style-image:none
}
a {
	color:#4e4e4e;
	text-decoration:none;
	outline:none
}
a:hover {
	color:#224471;
	text-decoration:none
}
a:focus {
	text-decoration:none
}
sup {
	vertical-align:text-top
}
s {
	text-decoration:none
}
sub {
	vertical-align:text-bottom
}
legend {
	color:#000
}
img {
	border:0;
	vertical-align:middle
}
table {
	border-spacing:0;
	border-collapse:collapse
}
div {
	zoom:1
}
body {
	max-width:100%;
	margin:0 auto
}
dt {
	font-weight:normal
}
.sep-container {
	width:100%;
	max-width:1560px;
	margin:0 auto
}
.top-title {
	text-align:center;
	margin-bottom:50px
}
.top-title.white .title {
	color:#fff
}
.top-title.white .title a {
	color:#fff
}
.top-title.white .title a:hover {
	color:#224471
}
.top-title.white .title::after {
background:#fff
}
.top-title.white .title-des1 {
	color:#fff
}
.top-title.white .top-subtitle {
	color:rgba(255, 255, 255, 0.5)
}
.top-title.white .title-des {
	color:rgba(255, 255, 255, 0.9)
}
.top-title.white .title-des p {
	color:rgba(255, 255, 255, 0.9)
}
.top-title.white .title-des p a {
	color:rgba(255, 255, 255, 0.9);
	text-decoration:underline
}
.top-title.white .title-des p a:hover {
	text-decoration:none
}
.top-title.pd-0 {
	padding:0
}
.top-title.text-left .title {
	text-align:left
}
.top-title.text-left .title a {
	text-align:left
}
.top-title.text-left .title::after {
margin-left:0;
margin-right:0
}
.top-title.text-left .title-des {
	text-align:left
}
.top-title.text-left .title-des p {
	text-align:left
}
.top-title.text-left1 .title-des {
	text-align:left
}
.top-title.text-left1 .title-des p {
	text-align:left
}
.top-title .title {
	font-size:44px;
	color:#333;
	line-height:54px;
	position:relative;
	letter-spacing:3px
}
.top-title .title a {
	font-size:44px;
	color:#333;
	line-height:54px;
transition:all .3s;
	display:inline-block;
	letter-spacing:3px
}
.top-title .title a:hover {
	color:#224471
}
.top-title .title-des {
	font-size:16px;
	line-height:32px;
	color:#666;
	margin-top:24px
}
.top-title .title-des p {
	font-size:16px;
	line-height:32px;
	color:#666;
	margin-bottom:0
}
.top-title .top-subtitle {
	font-size:60px;
	color:#333;
	line-height:41px;
	opacity:.2;
	margin-bottom:-35px
}
.sep-header {
	width:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:99999
}
.sep-header.onss {
	box-shadow:0 0 10px #eee
}
.sep-header.onss .head-top {
	display:none
}
.sep-header.onss .sep-mainnav .sep-container .nav-list .nav-ul>li>a {
	padding:22px 0
}
.sep-header .head-top {
	position:relative;
	background:#f6f6f6
}
.sep-header .head-top .sep-container {
	display:flex;
	position:relative;
	justify-content:space-between;
	align-items:center
}
.sep-header .head-top .head-top-left {
	display:flex;
	align-items:center
}
.sep-header .head-top .head-top-left>i {
	display:block;
	width:1px;
	height:16px;
	background:#224471;
	border-radius:1px;
	margin:0 50px
}
.sep-header .head-top .head-top-left .head-con {
	display:flex;
	align-items:center
}
.sep-header .head-top .head-top-left .head-con .icon {
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%
}
.sep-header .head-top .head-top-left .head-con .icon i {
	color:#224471;
	font-size:20px;
	margin-right:4px
}
.sep-header .head-top .head-top-left .head-con .con {
	color:#333;
	font-size:16px;
	margin-left:6px;
	letter-spacing:1px
}
.sep-header .head-top .head-top-left .head-con .con span {
	font-size:16px;
	color:#333
}
.sep-header .head-top .head-top-left .head-con .con span a {
	font-size:16px;
	color:#333;
transition:all .3s
}
.sep-header .head-top .head-top-left .head-con .con span a:hover {
	color:#224471
}
.sep-header .head-top .head-top-right {
	display:flex;
	align-items:center
}
.sep-header .head-top .head-top-right .lang-list a {
	display:inline-block;
	font-size:16px;
	color:#333;
transition:all .3s;
	padding:0 14px;
	position:relative
}
.sep-header .head-top .head-top-right .lang-list a:hover {
	color:#224471
}
.sep-header .head-top .head-top-right .lang-list a:last-child {
	padding-right:0
}
.sep-header .head-top .head-top-right .lang-list a:last-child::after {
display:none
}
.sep-header .head-top .head-top-right .lang-list a::after {
content:'';
display:inline-block;
width:1px;
height:16px;
background:#224471;
position:absolute;
right:0;
top:4px
}
.sep-header .head-top .head-top-right .search {
	color:#fff;
	font-size:16px;
	margin-left:24px;
	cursor:pointer;
	width:40px;
	height:39px;
	background:#224471;
	font-size:20px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
transition:all .3s
}
.sep-header .head-top .head-top-right .search:hover {
	background:#231f20
}
.sep-header .head-top .head-top-right .search i {
	color:#fff
}
.sep-header .head-top .head-top-right .search .s2 {
	transform:rotate(45deg);
	display:none
}
.sep-header .head-top .head-top-right .search.ons .s2 {
	display:inline-block
}
.sep-header .head-top .head-top-right .search.ons .s1 {
	display:none
}
.sep-header .sep-mainnav {
	width:100%;
transition:all .3s;
	background:#fff
}
.sep-header .sep-mainnav .sep-container {
	display:flex;
	justify-content:space-between;
	align-items:center;
	z-index:10
}
.sep-header .sep-mainnav .sep-container .nav-list {
transition:all .3s;
	display:flex;
	align-items:center
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul {
	display:flex;
	justify-content:space-between
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li {
	z-index:8;
	z-index:10;
	margin:0 40px
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li:hover::after {
display:block
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li.ios {
	position:relative
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li .ul {
	background:#f2f2f2;
	position:absolute;
	top:100%;
	left:0;
	z-index:999;
	min-width:240px;
	float:left;
	display:none;
	border-top:0;
	padding:22px 0;
	border-top:1px solid #f5f5f5
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li .ul.ons li {
	width:50%;
	float:left
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li .ul li {
	width:100%;
	margin:0;
	padding:0;
	text-align:left;
	white-space:nowrap;
	position:relative
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li .ul li a {
	font-weight:normal;
	font-size:16px;
	padding:10px 12px;
	padding-left:32px;
	text-align:left;
	color:#000;
	position:relative;
	line-height:32px
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li .ul li a i {
	display:block;
	width:3px;
	height:18px;
	position:absolute;
	left:0;
	top:11px;
	background:#224471;
	opacity:0
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li .ul li a:hover {
	border:none;
	color:#224471
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li .head-pro-ul {
	width:100%;
	left:0;
	top:100%;
	z-index:199;
	background:#f2f2f2;
	border-top:1px solid #f5f5f5;
	position:absolute;
	z-index:1;
	padding:60px 0;
	display:none
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li .head-pro-ul .head-pro-ul-item {
	display:flex;
	justify-content:space-between;
	width:100%
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li .head-pro-ul .head-pro-ul-item .left {
	width:80%;
	display:flex;
	justify-content:space-between;
	border-right:1px solid #eaeaea;
	margin-right:50px
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li .head-pro-ul .head-pro-ul-item .left.ons {
	max-height:10000px;
	box-shadow:0 0 10px rgba(0, 0, 0, 0.2)
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li .head-pro-ul .head-pro-ul-item .left .lis-boxs {
	width:49%;
	padding-left:10px
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li .head-pro-ul .head-pro-ul-item .left .lis-boxs:nth-child(1) {
padding-right:80px
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li .head-pro-ul .head-pro-ul-item .left .lis-boxs:nth-child(2) {
width:100%
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li .head-pro-ul .head-pro-ul-item .left .lis-boxs:nth-child(2) .ul-boxs {
display:none
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li .head-pro-ul .head-pro-ul-item .left .lis-boxs:nth-child(2) .ul-boxs.active {
display:block
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li .head-pro-ul .head-pro-ul-item .left .lis-boxs:nth-child(2) .ul-boxs .lists-a {
font-size:16px !important;
color:#5a5a5a
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li .head-pro-ul .head-pro-ul-item .left .lis-boxs .lists {
	display:block;
	width:100%;
	overflow:hidden
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li .head-pro-ul .head-pro-ul-item .left .lis-boxs .lists .ul-boxs .lists-a {
	font-size:20px;
	color:#000;
	line-height:32px;
	display:block;
	padding-left:16px;
	position:relative;
	width:100%;
	padding:8px 0;
transition:all .3s
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li .head-pro-ul .head-pro-ul-item .left .lis-boxs .lists .ul-boxs .lists-a i {
	position:absolute;
	right:0;
	top:10px;
	font-size:20px;
	display:none
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li .head-pro-ul .head-pro-ul-item .left .lis-boxs .lists .ul-boxs .lists-a:hover {
	color:#224471;
	font-family:"GILROY-BOLD"
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li .head-pro-ul .head-pro-ul-item .left .lis-boxs .lists .ul-boxs .lists-a:hover i {
	display:block
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li .head-pro-ul .head-pro-ul-item .left .lis-boxs .lists .ul-boxs .lists-a.active {
	color:#224471;
	font-family:"GILROY-BOLD"
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li .head-pro-ul .head-pro-ul-item .left .lis-boxs .lists .ul-boxs .lists-a.active i {
	display:block
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li .head-pro-ul .head-pro-ul-item .left .lis-boxs .lists.active {
	height:auto
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li .head-pro-ul .head-pro-ul-item .right {
	width:404px;
	text-align:center;
	height:100%
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li .head-pro-ul .head-pro-ul-item .right img {
	width:100%;
transition:all .3s
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li .head-pro-ul .head-pro-ul-item .right img:hover {
	transform:scale(1.1)
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li .head-pro-ul .head-pro-ul-item .right a {
	display:none;
	overflow:hidden
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li .head-pro-ul .head-pro-ul-item .right a.active {
	display:block
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li.nav-active>a {
	color:#224471
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li.nav-active>a::after {
transform:scale(1)
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li:hover>a {
	color:#224471
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li:hover>a::after {
transform:scale(1)
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li>a {
	display:block;
	box-sizing:border-box;
	color:#333;
	font-size:16px;
	padding:47px 0;
	position:relative;
	z-index:10;
transition:all .3s
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li>a::after {
content:'';
display:block;
height:3px;
background:#224471;
width:100%;
position:absolute;
left:0;
bottom:0;
transition:all .3s;
transform:scale(0)
}
.sep-header .sep-mainnav .sep-container .nav-list .take {
	display:inline-block;
	font-size:18px;
	color:rgba(255, 255, 255, 0.9);
	line-height:40px;
	padding:0 40px;
	background:#224471;
	margin-left:40px;
	border-radius:50px;
transition:all .3s
}
.sep-header .sep-mainnav .sep-container .nav-list .take:hover {
	background:#231f20
}
.sep-header .sep-mainnav .sep-container .logo img {
	width:100%;
	max-width:180px;
	padding:15px 0
}
.sep-header .sep-mainnav .sep-container .search {
	color:#fff;
	font-size:16px;
	cursor:pointer;
	display:flex;
	align-items:center;
transition:all .3s;
	position:relative;
	z-index:10;
	width:30px;
	height:30px;
	justify-content:center;
	padding-left:30px;
	border-left:1px solid rgba(255, 255, 255, 0.2)
}
.sep-header .sep-mainnav .sep-container .search:hover i {
	color:#224471
}
.sep-header .sep-mainnav .sep-container .search i {
	color:#224471;
	font-size:40px
}
.sep-header .sep-mainnav .sep-container .search i:hover {
	color:#333
}
.sep-header .sep-mainnav .sep-container .search .s2 {
	transform:rotate(45deg);
	display:none
}
.sep-header .sep-mainnav .sep-container .search.ons .s2 {
	display:inline-block
}
.sep-header .sep-mainnav .sep-container .search.ons .s1 {
	display:none
}
.sep-header .sep-mainnav .sep-container .nav-right {
	display:flex;
	align-items:center
}
.sep-header .sep-mainnav .sep-container .nav-right .contact {
	display:inline-block;
	font-size:16px;
	color:#224471;
	padding:0 20px;
	line-height:34px;
	border:1px solid #224471;
	border-radius:50px;
transition:all .3s
}
.sep-header .sep-mainnav .sep-container .nav-right .contact:hover {
	background:#224471;
	color:#fff
}
.sep-header .sep-mainnav .sep-container .nav-right .nav-bar {
	margin-left:40px;
	font-size:30px;
	color:#4d4d4d;
transition:all .3s
}
.sep-header .sep-mainnav .sep-container .nav-right .nav-bar:hover {
	color:#224471
}
.sep-header .sep-mainnav.nav-padding .content .logo {
	padding:6px 0
}
.sep-header .sep-mainnav.nav-padding .content .logo a img {
	max-width:200px
}
.sep-header .nav-fixed {
	box-shadow:0 0 5px 0 #224471
}
.sep-header .nav-fixed .content .nav-list .search {
	display:block
}
.sep-header .nav-fixed .content .nav-list .search:hover i {
	color:#224471
}
.sep-header .trans1 {
transition:all .3s
}
.sep-header .gtj-t-r-deg {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg)
}
.sep-header .trans {
-webkit-transition:all .4s;
-moz-transition:all .4s;
-ms-transition:all .4s;
-o-transition:all .4s;
transition:all .4s
}
.sep-header .forms {
	width:100%;
	z-index:103;
	position:absolute;
	left:0;
	top:100%;
	height:0;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
	background:#224471
}
.sep-header .forms.ons {
	height:94px;
	padding:25px 0
}
.sep-header .forms .forms-boxs {
	display:block;
	width:100%;
	overflow:hidden
}
.sep-header .forms .forms-boxs .sep-container {
	max-width:1200px;
	margin:auto
}
.sep-header .forms form {
	line-height:normal;
	position:relative;
	width:100%;
	overflow:hidden;
	float:right
}
.sep-header .forms form input[type='text'] {
	box-shadow:none;
	width:100%;
	color:#fff;
	line-height:26px;
	outline:none;
	display:inline-block;
	border:none;
	font-size:18px;
	padding-left:14px;
	padding-right:40px;
	background:none;
	border-radius:0;
transition:All .4s ease-in-out;
-webkit-transition:All .4s ease-in-out;
-moz-transition:All .4s ease-in-out;
-o-transition:All .4s ease-in-out;
	border-bottom:1px solid #fff
}
.sep-header .forms form input[type='text']::-webkit-input-placeholder {
color:#fff
}
.sep-header .forms form button[type='submit'] {
	width:38px;
	height:100%;
	display:block;
	border:none;
	background:none;
	outline:none;
	position:absolute;
	top:0;
	right:0
}
.sep-header .forms form button[type='submit'] i {
	font-size:18px;
	color:#fff;
	border-color:#fff;
transition:all .3s;
	display:block
}
.sep-header .forms form button[type='submit'] i:after {
	background:#fff
}
.sep-header .forms form button[type='submit'] i:hover {
	transform:scale(1.1)
}
.main-padding {
	padding:90px 0
}
.head-cover {
	width:100%;
	height:162px
}
.inner-cover {
	height:145px
}
.swiper-pc .swiper-pagination {
	bottom:45px !important
}
.swiper-pc .swiper-pagination .swiper-pagination-bullet {
	width:10px;
	height:10px;
	border:2px solid #fff;
	opacity:.5;
	background:#fff;
	border-radius:50%;
	margin:0 7px !important
}
.swiper-pc .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	opacity:1;
	border-color:#224471;
	background:#224471
}
.swiper-pc .pc-page div {
	width:46px;
	height:46px;
	background:rgba(0, 0, 0, 0.5);
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	font-size:20px;
	position:absolute;
	top:50%;
	margin-top:-30px;
	z-index:4;
	cursor:pointer;
transition:all .3s
}
.swiper-pc .pc-page div:hover {
	background:#224471;
	color:#fff
}
.swiper-pc .pc-page div.prev {
	left:5%;
	transform:rotate(180deg)
}
.swiper-pc .pc-page div.next {
	right:5%
}
.text-upper {
	text-transform:uppercase
}
.sep-banner {
	width:100%;
	overflow:hidden;
	position:relative
}
.sep-banner .back img {
	width:100%
}
.sep-banner .swiper-pc .sep-container {
	align-items:flex-end;
	padding-bottom:10%
}
.sep-banner .banner-main {
	width:100%;
	position:absolute;
	left:0;
	top:0;
	height:100%
}
.sep-banner .banner-main .back {
	display:block;
	width:100%;
	height:100%
}
.sep-banner .sep-container {
	position:relative;
	height:100%;
	display:flex;
	padding-bottom:2%;
	align-items:center
}
.sep-banner .sep-container .banner-div {
	text-align:left;
	max-width:100%
}
.sep-banner .sep-container .banner-title {
	font-size:60px;
	color:#010101;
	line-height:70px;
transition:all .3s;
	display:block;
	max-width:640px;
	letter-spacing:1px
}
.sep-banner .sep-container .banner-title span {
	color:#224471
}
.sep-banner .sep-container .banner-des {
	font-size:18px;
	color:#000;
	line-height:30px;
	margin-top:26px;
	max-width:564px
}
.sep-banner .sep-container .banner-des p {
	font-size:18px;
	color:#000;
	line-height:30px
}
.sep-banner .sep-container .banner-more {
	display:inline-block;
	margin-top:150px
}
.sep-banner .sep-container .banner-more span, .sep-banner .sep-container .banner-more a {
	font-size:24px;
	background:#224471;
	display:inline-block;
	width:auto;
	padding:0 36px;
	line-height:57px;
	text-align:center;
transition:all .3s;
	position:relative;
	color:#fff;
	border-radius:7px;
	border:1px solid #224471
}
.sep-banner .sep-container .banner-more span:hover, .sep-banner .sep-container .banner-more a:hover {
	border-color:#fff;
	background:none
}
.sep-banner .sep-container .banner-more span i, .sep-banner .sep-container .banner-more a i {
	margin-left:12px;
	vertical-align:middle
}
.sep-banner .sep-container .banner-title1 {
	font-size:2.2vw;
	line-height:36px;
	color:#5e5e5e;
	font-style:italic;
	text-shadow:0 0 8px #5d5d5d
}
.sep-banner .sep-container .banner-title1 span {
	font-size:5vw;
	color:#224471
}
.sep-banner .banner-scroll {
	color:#fff;
	font-size:16px;
	position:absolute;
	left:0;
	bottom:28px;
	width:100%;
	text-align:center;
	cursor:pointer;
	height:auto;
	display:block;
transition:all .3s
}
.sep-banner .banner-scroll:hover {
	color:#224471
}
.sep-banner .banner-scroll i {
	font-size:30px;
	margin-left:10px;
	vertical-align:middle;
	display:block
}
.sep-banner .banner-scroll .icon1 {
	color:rgba(255, 255, 255, 0.6);
	font-size:16px
}
.sep-banner .swiper-slide1 .banner-main .sep-container {
	padding-bottom:5%
}
.sep-banner .swiper-slide1 .banner-main .banner-div .div-main {
	align-items:center
}
.sep-banner .swiper-slide1 .banner-main .banner-div .div-main .banner-num {
	font-size:10vw;
	line-height:1.5;
	color:#224471;
	text-shadow:0 0 8px #5d5d5d;
	margin-right:15px;
	font-style:italic;
	margin-right:30px;
	letter-spacing:-2px
}
.sep-banner .swiper-slide1 .banner-main .banner-div .div-main .title1 {
	font-size:3vw;
	color:#5d5d5d;
	text-shadow:0 0 8px #5d5d5d;
	line-height:1.5;
	font-weight:bold;
	font-style:italic
}
.sep-banner .swiper-slide1 .banner-main .banner-div .div-main .title2 {
	display:inline-block;
	font-size:2vw;
	color:#fff;
	width:100%;
	text-align:center;
	line-height:1.2;
	background:#224471;
	border-radius:10px;
	transform:skewX(-10deg);
	box-shadow:-4px 4px 15px 0 #5e5e5e;
	padding:5px 30px;
	width:auto
}
.sep-banner .swiper-slide4 .sep-container {
	width:100%;
	justify-content:flex-end;
	padding-right:5%
}
.sep-banner .swiper-slide5 .sep-container {
	width:100%;
	justify-content:flex-end;
	padding-right:5%
}
.sep-banner .swiper-slide5 .sep-container .banner-title1 {
	font-size:2vw
}
.sep-banner .swiper-slide5 .sep-container .banner-title1 span {
	display:block;
	font-size:5vw;
	line-height:1.5
}
.flex {
	display:flex
}
.flex-wrap {
	flex-wrap:wrap
}
.padding-120 {
	padding:110px 0
}
.padding-15 {
	padding:15px;
	background:#f5f5f5
}
.bg-f7 {
	background:#f7f7f7
}
.pro-box .pro-item {
	background:#fff;
	padding:80px;
	justify-content:space-between;
	align-items:center;
	height:auto
}
.pro-box .pro-item:hover .thumb img {
	transform:scale(1.1)
}
.pro-box .pro-item .thumb {
	width:55%;
	overflow:hidden;
	display:block
}
.pro-box .pro-item .thumb img {
	max-width:100%;
transition:all .3s
}
.pro-box .pro-item .thumb-info {
	width:40%
}
.pro-box .pro-item .thumb-info .thumb-title {
	font-size:32px;
	line-height:42px;
	color:#224471;
	display:block;
transition:all .3s
}
.pro-box .pro-item .thumb-info .thumb-title:hover {
	transform:translateY(-10px)
}
.pro-box .pro-item .thumb-info .thumb-subtitle {
	display:block;
transition:all .3s;
	font-size:24px;
	color:#383838;
	line-height:32px;
	margin-top:12px
}
.pro-box .pro-item .thumb-info .thumb-subtitle:hover {
	color:#224471
}
.pro-box .pro-item .thumb-info .thumb-des span {
	font-size:12px;
	color:#000;
	line-height:26px;
	letter-spacing:6px;
	font-family:"Alibaba-PuHuiTi-Regular";
	margin-right:20px
}
.pro-box .pro-item .thumb-info .thumb-more {
	display:inline-block;
transition:all .3s;
	line-height:19px;
	font-size:14px;
	background:#224471;
	border-radius:9px;
	color:#fff;
	padding:0 12px;
	margin-top:52px
}
.pro-box .pro-item .thumb-info .thumb-more:hover {
	background:#383838
}
.pro-box .pro-swiper {
	position:relative
}
.pro-box .pro-swiper .pro-page div {
	width:40px;
	height:40px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	position:absolute;
	top:44%;
	margin-top:-20px;
transition:all .3s;
	color:rgba(102, 102, 102, 0.4);
	z-index:22;
	font-size:30px
}
.pro-box .pro-swiper .pro-page div:hover {
	color:#224471
}
.pro-box .pro-swiper .pro-page div.prev {
	transform:rotate(180deg);
	left:20px
}
.pro-box .pro-swiper .pro-page div.next {
	right:20px
}
.bg-ff {
	background:#fff
}
.vr-box {
	margin:15px 0;
	padding:90px 0
}
.vr-box .sep-container {
	justify-content:space-between;
	align-items:center
}
.vr-box .sep-container .logo img {
	width:370px
}
.vr-box .sep-container .logo-title {
	font-size:36px;
	color:#000;
	line-height:51px;
	letter-spacing:5px;
	margin-top:24px
}
.vr-box .sep-container .vr-btn-box {
	width:auto;
	padding-right:120px;
	height:127px;
	background:#fafafa;
	display:block;
	display:flex;
	align-items:center
}
.vr-box .sep-container .vr-btn-box .vr-icon {
	width:117px;
	height:127px;
	background:#224471;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-right:50px
}
.vr-box .sep-container .vr-btn-box .icon-btn {
	padding:0 40px;
	line-height:42px;
	background:#224471;
	border-radius:10px;
	display:inline-block;
	font-size:17px;
	color:rgba(255, 255, 255, 0.9);
transition:all .3s;
	margin-top:10px
}
.vr-box .sep-container .vr-btn-box .icon-btn:hover {
	background:#000
}
.vr-box .sep-container .vr-btn-box .icon-subtitle {
	font-size:16px;
	color:#224471;
	line-height:41px;
	letter-spacing:2px
}
.vr-box .sep-container .vr-btn-box .icon-subtitle1 {
	display:none
}
.vr-box .sep-container .vr-btn-box .icon-title {
	font-size:26px;
	color:#000;
	line-height:46px;
transition:all .3s;
	text-align:center
}
.vr-box .sep-container .vr-btn-box .icon-title:hover {
	color:#224471
}
.com-box {
	justify-content:space-between
}
.com-box .com-left {
	width:36%;
	border-left:12px solid #224471;
	background:url(img/com-back.jpg) no-repeat;
	background-size:cover;
	background-position:center
}
.com-box .com-right {
	width:64%
}
.com-box .back img {
	width:100%
}
.com-box .play-box {
	position:absolute;
	left:50%;
	top:50%;
	transform:translateX(-50%) translateY(-50%)
}
.com-box .play-box .play-icon {
	width:115px;
	height:115px;
	border-radius:50%;
	box-shadow:0 0 0 8px rgba(206, 103, 45, 0.2);
	background:#224471;
	display:flex;
	align-items:center;
	justify-content:center;
	padding-left:8px;
	cursor:pointer;
	margin:0 auto;
transition:all .3s
}
.com-box .play-box .play-icon:hover {
	transform:rotate(360deg)
}
.com-box .play-box .play-icon i {
	font-size:50px;
	color:#fff
}
.com-box .play-box .play-btn {
	margin-top:60px
}
.com-box .com-box1 {
	position:relative
}
.com-box iframe {
	width:100%;
	height:100%;
	border:none;
	position:absolute;
	left:0;
	top:0;
	display:none
}
.com-box .com-why-ul {
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:space-evenly
}
.com-box .com-why-ul li {
	text-align:center;
	display:flex;
	flex-direction:column;
	justify-content:center
}
.com-box .com-why-ul li .num {
	font-size:24px;
	color:#224471;
	line-height:41px
}
.com-box .com-why-ul li .num span {
	font-size:60px
}
.com-box .com-why-ul li .num-title {
	font-size:18px;
	color:#333;
	line-height:30px;
	text-align:center;
	margin-top:10px
}
.com-box .com-why-ul li .num-des {
	font-size:16px;
	color:#000;
	line-height:30px;
	height:0;
	overflow:hidden;
transition:all .3s
}
.com-box .com-why-ul li .num-des p {
	font-size:16px;
	color:#000;
	line-height:29px
}
.padding-100 {
	padding:100px 0
}
.com-why-box {
	margin:15px 0
}
.com-why-box .qua-box .swiper-wrapper {
	align-items:center
}
.com-why-box .qua-box .qua-swiper {
	margin-top:80px;
	padding:0 180px;
	position:relative
}
.com-why-box .qua-box .qua-swiper .qua-item {
	text-align:center;
	height:auto
}
.com-why-box .qua-box .qua-swiper .qua-item img {
	max-width:100%;
transition:all .3s
}
.com-why-box .qua-box .qua-swiper .qua-item img:hover {
	transform:scale(1.1)
}
.com-why-box .qua-box .qua-swiper .pro-page div {
	width:20px;
	height:40px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	position:absolute;
	top:44%;
	margin-top:-20px;
transition:all .3s;
	color:rgba(102, 102, 102, 0.4);
	z-index:22;
	font-size:30px
}
.com-why-box .qua-box .qua-swiper .pro-page div:hover {
	color:#224471
}
.com-why-box .qua-box .qua-swiper .pro-page div.prev {
	transform:rotate(180deg);
	left:0
}
.com-why-box .qua-box .qua-swiper .pro-page div.next {
	right:0
}
.com-why-box .qua-box .qua-swiper .pro-page div.swiper-button-disabled:hover {
	color:rgba(102, 102, 102, 0.4)
}
.com-why-box .qua-box .qua-swiper .swiper-pagination {
	display:none
}
.case-box {
	background:url(img/sokoyo-case-banner.jpg) no-repeat;
	background-size:cover;
	background-position:center
}
.case-box .sep-container {
	min-height:586px;
	justify-content:space-between
}
.case-box .left-btn {
	padding-left:40px;
	border-left:1px solid rgba(255, 255, 255, 0.2);
	padding-top:4px;
	width:25%
}
.case-box .left-btn .btn-item {
	display:block;
	font-size:30px;
	color:#fff;
	line-height:40px;
	font-family:"Alibaba-PuHuiTi-Regular";
	margin-bottom:30px;
transition:all .3s;
	position:relative
}
.case-box .left-btn .btn-item::after {
content:'';
display:block;
width:2px;
height:50px;
background:#224471;
transition:all .3s;
position:absolute;
left:-40px;
top:-4px;
transform:scale(0)
}
.case-box .left-btn .btn-item:hover {
	color:#224471
}
.case-box .left-btn .btn-item.active {
	color:#224471
}
.case-box .left-btn .btn-item.active::after {
transform:scale(1)
}
.case-box .case-swiper {
	width:75%
}
.case-box .case-swiper .case-item .case-title {
	display:inline-block;
transition:all .3s;
	font-size:44px;
	color:#fff;
	line-height:60px
}
.case-box .case-swiper .case-item .case-title:hover {
	color:#224471
}
.case-box .case-swiper .case-item .case-title span {
	font-size:68px;
	color:#224471
}
.case-box .case-swiper .case-item .case-des {
	font-size:16px;
	color:rgba(255, 255, 255, 0.8);
	line-height:30px;
	max-width:900px;
	margin-top:30px
}
.case-box .case-swiper .case-item .case-more {
	margin-top:60px
}
.case-box .swiper-pagination {
	display:none
}
.cust-box {
	margin-top:15px
}
.cust-box .cust-swiper {
	padding:0 120px;
	position:relative
}
.cust-box .cust-swiper .qua-item {
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center
}
.cust-box .cust-swiper .qua-item img {
	max-width:150px;
transition:all .3s
}
.cust-box .cust-swiper .qua-item img:hover {
	transform:scale(1.1)
}
.cust-box .cust-swiper .swiper-wrapper {
	align-items:center
}
.cust-box .cust-swiper .pro-page div {
	width:20px;
	height:40px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	position:absolute;
	top:50%;
	margin-top:-20px;
transition:all .3s;
	color:rgba(102, 102, 102, 0.4);
	z-index:22;
	font-size:30px
}
.cust-box .cust-swiper .pro-page div:hover {
	color:#224471
}
.cust-box .cust-swiper .pro-page div.prev {
	transform:rotate(180deg);
	left:0
}
.cust-box .cust-swiper .pro-page div.next {
	right:0
}
.cust-box .cust-swiper .pro-page div.swiper-button-disabled:hover {
	color:rgba(102, 102, 102, 0.4)
}
.com-wrap-box .com-box {
	max-width:1920px;
	margin:0 auto
}
.ky-more {
	padding:0 60px;
	line-height:50px;
	background:#224471;
	border-radius:10px;
	display:inline-block;
	font-size:20px;
	color:rgba(255, 255, 255, 0.9);
transition:all .3s
}
.ky-more:hover {
	background:#000;
	color:#fff
}
.back-img {
	position:relative
}
.back-img .back {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1;
	overflow:hidden
}
.back-img .back img {
	width:100%;
	height:100%
}
.back-img .back-img-main {
	position:relative;
	z-index:2
}
.news-box {
	background:#fff;
	margin-top:15px
}
.news-box .news-main {
	justify-content:space-between
}
.news-box .news-main .thumb {
	display:block;
	width:41%;
	overflow:hidden
}
.news-box .news-main .thumb img {
	width:100%;
transition:all .3s
}
.news-box .news-main .thumb img:hover {
	transform:scale(1.1)
}
.news-box .news-main .news-ul {
	width:54%;
	padding-left:30px;
	border-left:1px solid rgba(1, 6, 11, 0.2)
}
.news-box .news-main .news-ul li {
	justify-content:space-between;
	align-items:center;
	position:relative;
	margin-bottom:60px
}
.news-box .news-main .news-ul li:last-child {
	margin-bottom:0
}
.news-box .news-main .news-ul li:hover::after {
transform:scale(1)
}
.news-box .news-main .news-ul li::after {
content:'';
display:block;
width:6px;
height:40px;
background:#224471;
position:absolute;
left:-30px;
top:0;
transition:all .3s
}
.news-box .news-main .news-ul li .news-info {
	width:68%
}
.news-box .news-main .news-ul li .news-info .news-time {
	font-size:24px;
	color:#224471;
	line-height:41px
}
.news-box .news-main .news-ul li .news-info .news-time i {
	color:#333;
	font-size:24px;
	margin-right:5px
}
.news-box .news-main .news-ul li .news-info .news-title {
	display:block;
	font-size:24px;
	color:#333;
	line-height:34px;
transition:all .3s;
	margin-top:8px
}
.news-box .news-main .news-ul li .news-info .news-title:hover {
	color:#224471
}
.news-box .news-main .news-ul li .news-more {
	background:#333;
	font-size:16px
}
.news-box .news-main .news-ul li .news-more:hover {
	background:#224471
}
.richtext a {
	color:#224471;
	text-decoration:underline
}
.richtext a:hover {
	text-decoration:none
}
.contact-box {
	background:url(img/contact-back.jpg) no-repeat;
	background-size:cover;
	background-position:center
}
.contact-box .sep-form {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-top:20px;
	padding:0 100px
}
.contact-box .form-group {
	width:48.5%;
	margin-bottom:19px
}
.contact-box .form-group:last-child {
	margin-bottom:0
}
.contact-box .form-group .form-control {
	border:none;
	height:60px;
	border-radius:0;
	box-shadow:none;
	background:#fff;
	color:#666;
	font-size:16px;
	border-radius:5px;
	outline:none
}
.contact-box .form-group .form-control::-webkit-input-placeholder {
color:#666
}
.contact-box .text-box {
	width:100% !important
}
.contact-box .text-box .form-control {
	resize:none;
	padding-top:14px;
	height:190px
}
.contact-box .btn-box {
	border:none;
	width:100%;
	text-align:center;
	margin-top:30px
}
.contact-box .btn-box .btn-primary {
	padding:0;
	text-align:center;
	line-height:50px;
	background:#224471;
	border:none;
	border-radius:0;
	font-size:20px;
transition:all .3s;
	position:relative;
	padding:0 62px;
	border-radius:10px;
	color:rgba(255, 255, 255, 0.9);
	outline:none
}
.contact-box .btn-box .btn-primary:hover {
	background:#231f20
}
.swiper-mb {
	display:none
}
.main-padding {
	padding:90px 0
}
.sep-footer {
	background:url(img/sokoyo-foot-back.jpg) no-repeat;
	background-size:cover;
	background-position:center
}
.sep-footer>.sep-container {
	position:relative
}
.sep-footer>.sep-container .foot-top {
	display:flex;
	justify-content:space-between;
	position:relative;
	padding:70px 0;
	border-bottom:1px solid #dcdcdc
}
.sep-footer>.sep-container .foot-top .foot-left {
	width:100%;
	display:flex;
	justify-content:space-between;
	position:relative
}
.sep-footer>.sep-container .foot-top .foot-ul {
	margin-right:20px
}
.sep-footer>.sep-container .foot-top .foot-ul::before {
display:none
}
.sep-footer>.sep-container .foot-top .foot-ul.foot-ul-pro {
	width:18%
}
.sep-footer>.sep-container .foot-top .foot-ul.foot-ul-pro li .li-list {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between
}
.sep-footer>.sep-container .foot-top .foot-ul.foot-ul-pro li .li-list li {
	width:50%
}
.sep-footer>.sep-container .foot-top .foot-ul>li.onss .li-list {
	display:block
}
.sep-footer>.sep-container .foot-top .foot-ul>li .list-title {
	font-size:24px;
	color:#333;
	line-height:40px;
	position:relative;
	display:block;
	text-transform:uppercase
}
.sep-footer>.sep-container .foot-top .foot-ul>li .list-title a {
	font-size:24px;
	color:#333;
	line-height:40px;
	display:block;
transition:all .3s;
	text-transform:uppercase
}
.sep-footer>.sep-container .foot-top .foot-ul>li .list-title a:hover {
	color:#224471
}
.sep-footer>.sep-container .foot-top .foot-ul>li .list-title::after {
content:'';
display:block;
width:18px;
height:4px;
background:#224471;
border-radius:2px;
margin-top:10px
}
.sep-footer>.sep-container .foot-top .foot-ul>li .list-title i {
	display:none
}
.sep-footer>.sep-container .foot-top .foot-ul>li .li-list {
	margin-top:20px
}
.sep-footer>.sep-container .foot-top .foot-ul>li .li-list li {
	padding-left:16px;
	position:relative;
transition:all .3s;
	padding-left:0;
	margin-bottom:4px;
	line-height:24px
}
.sep-footer>.sep-container .foot-top .foot-ul>li .li-list li:hover a {
	color:#224471
}
.sep-footer>.sep-container .foot-top .foot-ul>li .li-list li .con .title {
	color:#ccc;
	line-height:32px;
	font-size:16px
}
.sep-footer>.sep-container .foot-top .foot-ul>li .li-list li .con .des {
	color:#ccc;
	line-height:32px;
	font-size:16px
}
.sep-footer>.sep-container .foot-top .foot-ul>li .li-list li a {
	color:#666;
	line-height:36px;
	display:block;
transition:all .3s;
	font-size:18px
}
.sep-footer>.sep-container .foot-top .foot-ul>li .li-list li a:hover {
	color:#224471
}
.sep-footer>.sep-container .foot-top .foot-ul>li .li-list li span {
	display:block;
	font-size:16px;
	line-height:30px;
	color:#999
}
.sep-footer>.sep-container .foot-bottom {
	padding:40px 0;
	justify-content:space-between;
	align-items:center
}
.sep-footer>.sep-container .foot-bottom .logo-title {
	color:#333;
	margin-top:20px;
	font-size:58px;
	line-height:60px
}
.sep-footer>.sep-container .foot-bottom .left {
	width:426px
}
.sep-footer>.sep-container .foot-bottom .logo img {
	max-width:360px
}
.sep-footer>.sep-container .foot-bottom .right {
	width:36%
}
.sep-footer>.sep-container .foot-bottom .right .fo-media {
	margin-top:28px;
	text-align:right
}
.sep-footer>.sep-container .foot-bottom .right .fo-media a {
	font-size:16px;
	margin:0;
	display:inline-flex;
	border-radius:50%;
	justify-content:center;
	align-items:center;
	margin-left:20px;
	color:#cecece;
transition:all .3s;
	width:36px;
	height:36px;
	border:1px solid #cecece
}
.sep-footer>.sep-container .foot-bottom .right .fo-media a:hover {
	color:#fff;
	background:#224471;
	border-color:#224471;
	box-shadow:0 0 0 4px rgba(206, 103, 45, 0.4)
}
.sep-footer>.sep-container .foot-bottom .right .sep-general-form {
	margin-top:26px;
	position:relative
}
.sep-footer>.sep-container .foot-bottom .right .form-group {
	width:100%
}
.sep-footer>.sep-container .foot-bottom .right .form-group input {
	background:#fff;
	border-radius:4px;
	border:none;
	height:55px
}
.sep-footer>.sep-container .foot-bottom .right .form-group .btn-primary {
	background:none;
	color:#224471;
	border:none;
	font-size:24px
}
.sep-footer>.sep-container .foot-bottom .right .form-group .btn-primary:hover {
	color:#333
}
.sep-footer>.sep-container .foot-bottom .right .btn-box {
	position:absolute;
	right:7px;
	top:5px;
	width:auto !important;
	margin-bottom:0;
	outline:none
}
.sep-footer>.sep-container .foot-bottom .right .btn-box .btn {
	outline:none
}
.sep-footer .copyRight {
	background:#000
}
.sep-footer .copyRight .main {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	align-items:center;
	padding:20px 0
}
.sep-footer .copyRight .main span {
	color:rgba(255, 255, 255, 0.6);
	font-size:16px;
	font-family:"Alibaba-PuHuiTi-Regular"
}
.sep-footer .copyRight .main span a {
	color:rgba(255, 255, 255, 0.6);
	font-size:16px;
	font-family:"Alibaba-PuHuiTi-Regular"
}
.sep-footer .copyRight .main span a:hover {
	color:#224471
}
.sep-footer .copyRight .main span i {
	font-style:initial;
	margin:0 10px
}
.mt-60 {
	margin-top:40px !important
}
#onlineService {
	position:fixed;
	right:0;
	bottom:32%;
	z-index:100998
}
.offside {
	width:50px
}
.offside li {
	width:50px;
	height:50px;
	position:relative;
	background:#b1b1b1;
	border-bottom:1px solid #fff;
	text-align:center;
transition:all .7s;
-webkit-transition:all .7s
}
.offside .code {
	position:absolute;
	top:0;
	right:50px;
	display:none;
	margin:0
}
.offside a, .offside div {
	color:#fff;
	position:absolute;
	z-index:11;
	display:block;
	top:0;
	right:0;
	bottom:0;
	cursor:pointer;
	line-height:50px;
	font-size:24px
}
.offside p {
	float:left;
	line-height:50px;
	font-size:16px;
	font-weight:700;
	padding:0 0 0 10px;
	color:#fff;
	opacity:0;
	position:absolute;
	white-space:nowrap
}
.offside .icon {
	font-size:28px;
	height:100%;
	line-height:50px;
	text-align:center;
	display:block;
	color:#fff
}
.offside li:not(.li_3) a, .offside .li_3 a, .offside .li_3 div {
width:50px
}
.offside .back_top {
	display:none
}
.offside li {
	background:#224471
}
.offside li:last-child {
	background:#b1b1b1
}
.offside .erweima {
	width:150px;
	height:auto;
	position:absolute;
	left:-150px;
	top:0;
	display:none
}
.offside li:hover a, .offside li:hover div, .offside li:hover .icon {
	color:#fff
}
.offside li:hover p {
	opacity:1
}
.offside li:not(.li_3):hover {
background:#231f20
}
.offside li:not(.li_erweima):hover .erweima {
display:block
}
.offside .tel {
	width:230px;
	transform:translateX(-180px);
	-webkit-transform:translateX(-180px)
}
.offside .back_none {
	height:0;
	border:0 !important
}
.offside .li {
	transform:translateX(100%);
	-webkit-transform:translateX(100%)
}
.offside .unfold {
	width:30px;
	transform:translateX(20px);
	-webkit-transform:translateX(20px)
}
.trans1 {
transition:all .3s
}
.gtj-t-r-deg {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg)
}
.trans {
-webkit-transition:all .4s;
-moz-transition:all .4s;
-ms-transition:all .4s;
-o-transition:all .4s;
transition:all .4s
}
.email-items {
	position:absolute;
	top:0;
	left:-200px;
	width:200px;
	height:200px !important;
	transform:translateX(500px);
transition:all .3s
}
.email-items.active {
	transform:translateX(0)
}
.email-items .email-item {
	position:static
}
.email-items .email-item a {
	width:100% !important;
	font-size:17px;
	background:#224471;
	height:auto !important;
	position:static
}
.email-items .email-item a:hover {
	color:#231f20
}
.offside .unfold {
	width:30px;
	transform:translateX(20px);
	-webkit-transform:translateX(20px)
}
.offside .unfold a {
	width:100% !important
}
.offside .unfold i {
	transform:rotate(180deg)
}
.offside .li {
	transform:translateX(100%);
	-webkit-transform:translateX(100%);
	height:0
}
.pro-mb-box {
	display:none
}
.bread {
	padding:14px 0;
	width:100%;
	position:relative;
	z-index:2222;
	margin-top:-54px
}
.bread .sep-container {
	display:flex;
	padding-left:26px;
	align-items:center;
	position:relative;
	padding-bottom:0
}
.bread .sep-container .bread-icon {
	margin-right:4px;
	position:absolute;
	left:0;
	top:-3px;
	font-size:22px;
	color:#224471
}
.bread .sep-container .bread-ul {
	display:flex;
	flex-wrap:wrap
}
.bread .sep-container .bread-ul li {
	color:#000;
	font-size:16px
}
.bread .sep-container .bread-ul li a {
	color:#000;
	font-size:16px;
	margin:0 4px
}
.bread .sep-container .bread-ul li a:hover {
	text-decoration:underline
}
.bread .sep-container .bread-ul li:last-child a {
	color:#224471
}
.breadcrumb {
	padding:0;
	margin-bottom:0;
	background:none;
	border-radius:none
}
.bread .breadcrumb>li+li:before {
	content:'-';
	color:#000
}
.sep-pro-banner {
	border-top:1px solid #e6e6e6
}
.inner-top-title {
	margin-bottom:90px
}
.inner-top-title .title::before {
content:'';
color:#224471;
display:inline-block;
margin-right:-10px
}
.inner-top-title .title::after {
content:'sokoyo';
text-transform:uppercase;
font-size:60px;
color:#333;
line-height:41px;
opacity:.2;
margin-top:-63px;
display:block
}
.inner-top-title .title-des {
	font-size:18px;
	line-height:30px;
	color:#333;
	margin-top:32px
}
.inner-top-title .title-des p {
	font-size:18px;
	line-height:30px;
	color:#333
}
.inner-top-title.inner-top-title1 .title::before {
display:none
}
.mb-15 {
	margin-bottom:15px
}
.bg-ff {
	background:#fff
}
.sep-inner-banner {
	position:relative
}
.sep-inner-banner .banner {
	position:relative
}
.sep-inner-banner .sep-container .banner-div .banner-more {
	margin-top:60px
}
.sep-inner-banner .sep-container .banner-div .banner-more a {
	line-height:54px;
	border-radius:0;
	font-size:18px;
	padding:0 20px;
	vertical-align:middle
}
.sep-inner-banner .sep-container .banner-div .banner-more a i {
	font-size:30px;
	margin-right:0;
	vertical-align:top;
	margin-left:0
}
.sep-inner-banner .bread {
	position:absolute;
	left:0;
	top:0
}
.flex {
	display:flex
}
.flex-wrap {
	flex-wrap:wrap
}
.index-pro-richtext {
	padding:55px 0 20px
}
.index-pro-richtext .richtext p {
	font-size:20px;
	color:#333;
	line-height:32px;
	margin-bottom:30px
}
.index-pro-richtext .richtext p:last-child {
	margin-bottom:0
}
.bg-f7 {
	background:#f7f7f7
}
.padding-110 {
	padding:100px 0
}
.index-pro-box {
	padding-bottom:70px
}
.index-pro-box .index-pro-btn {
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	position:relative
}
.index-pro-box .index-pro-btn::after {
content:'';
display:block;
width:100%;
height:1px;
background:#e6e6e6;
position:absolute;
left:0;
top:50%
}
.index-pro-box .index-pro-btn::before {
content:'';
display:block;
width:100%;
height:1px;
background:#e6e6e6;
position:absolute;
left:0;
top:66%;
display:none
}
.index-pro-box .index-pro-btn ul li {
	height:90px;
	display:flex;
	align-items:center;
	width:32%;
	margin-right:2%;
	text-align:center;
	justify-content:center;
	cursor:pointer
}
.index-pro-box .index-pro-btn ul li:nth-child(3n) {
margin-right:0
}
.index-pro-box .index-pro-btn ul li.active .span {
	font-size:30px;
	color:#224471
}
.index-pro-box .index-pro-btn ul li.active .span::after {
transform:scale(1)
}
.index-pro-box .index-pro-btn ul li:nth-child(2) {
justify-content:center
}
.index-pro-box .index-pro-btn ul li:nth-child(5) {
justify-content:center
}
.index-pro-box .index-pro-btn ul li:hover .span {
	color:#224471
}
.index-pro-box .index-pro-btn ul li .span {
	font-size:24px;
	color:#999;
	line-height:41px;
	position:relative;
transition:all .3s
}
.index-pro-box .index-pro-btn ul li .span::after {
content:'';
display:block;
width:100%;
height:5px;
background:#224471;
border-radius:3px;
position:absolute;
left:0;
bottom:-28px;
z-index:10;
transition:all .3s;
transform:scale(0)
}
.index-pro-box .index-pro-item {
	margin-top:85px
}
.index-pro-box .index-pro-item .items {
	display:none
}
.index-pro-box .index-pro-item .items.active {
	display:flex
}
.index-pro-box .index-pro-item .items li {
	border:1px solid #e6e6e6;
	width:32%;
	margin-right:2%;
	margin-bottom:40px;
transition:all .3s
}
.index-pro-box .index-pro-item .items li:hover {
	border-color:#224471
}
.index-pro-box .index-pro-item .items li:hover .thumb img {
	transform:scale(1.1)
}
.index-pro-box .index-pro-item .items li:nth-child(3n) {
margin-right:0
}
.index-pro-box .index-pro-item .items li a {
	display:block;
	overflow:hidden
}
.index-pro-box .index-pro-item .items li .thumb {
	padding:50px;
	position:relative;
	padding-top:50px;
	min-height:510px;
	display:flex;
	align-items:center
}
.index-pro-box .index-pro-item .items li .thumb img {
	max-width:100%;
transition:all .3s
}
.index-pro-box .index-pro-item .items li .thumb .thumb-title {
	font-size:24px;
	line-height:32px;
	color:#224471;
	position:absolute;
	width:100%;
	left:0;
	top:23px;
	padding:10px 30px
}
.index-pro-box .index-pro-item .items li .thumb-more {
	padding:44px;
	border-top:1px solid #e6e6e6;
	text-align:center;
	font-size:20px;
	color:#224471;
	letter-spacing:1px;
transition:all .3s
}
.index-pro-box .index-pro-item .items li .thumb-more:hover {
	background:#224471;
	color:#fff
}
.index-main-box .index-main-swiper {
	max-width:1850px;
	margin:0 auto
}
.index-main-box .index-main-swiper .main-item {
	border:1px solid #e6e6e6;
	padding:18px;
	padding-bottom:40px;
	padding-top:0;
transition:all .3s;
	height:auto
}
.index-main-box .index-main-swiper .main-item:hover {
	border-color:#224471
}
.index-main-box .index-main-swiper .main-item .thumb {
	text-align:center;
	min-height:345px;
	display:flex;
	align-items:center;
	justify-content:center
}
.index-main-box .index-main-swiper .main-item .thumb img {
	max-width:100%;
transition:all .3s
}
.index-main-box .index-main-swiper .main-item .thumb-title {
	font-size:30px;
	color:#224471;
	line-height:40px;
	margin-top:10px
}
.index-main-box .index-main-swiper .main-item .thumb-des {
	font-size:18px;
	color:#000;
	line-height:30px;
	margin-top:24px
}
.index-main-box .swiper-pagination {
	display:none
}
.mt-15 {
	margin-top:15px
}
.inner-news-box .thumb-info {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start
}
.index-hot-box .index-hot-swiper {
	position:relative
}
.index-hot-box .index-hot-swiper .swiper-container {
	padding:1px
}
.index-hot-box .index-hot-swiper .hot-item:hover .thumb {
	border-color:#224471
}
.index-hot-box .index-hot-swiper .hot-item:hover .thumb img {
	transform:scale(1.1)
}
.index-hot-box .index-hot-swiper .hot-item a {
	display:block;
	overflow:hidden;
transition:all .3s
}
.index-hot-box .index-hot-swiper .hot-item .thumb-title {
	font-size:24px;
	color:#333;
	line-height:34px;
	margin-bottom:24px
}
.index-hot-box .index-hot-swiper .hot-item .thumb-title:hover {
	color:#224471
}
.index-hot-box .index-hot-swiper .hot-item .thumb {
	border:1px solid #e6e6e6
}
.index-hot-box .index-hot-swiper .hot-item .thumb img {
	width:100%;
transition:all .3s
}
.index-hot-box .index-hot-swiper .hot-page div {
	width:40px;
	height:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:28px;
	color:rgba(102, 102, 102, 0.6);
transition:all .3s;
	position:absolute;
	top:50%;
	margin-top:-20px
}
.index-hot-box .index-hot-swiper .hot-page div:hover {
	color:#224471
}
.index-hot-box .index-hot-swiper .hot-page div.prev {
	left:-60px;
	transform:rotate(180deg)
}
.index-hot-box .index-hot-swiper .hot-page div.next {
	right:-60px
}
.index-hot-box .index-hot-swiper .hot-page div.swiper-button-disabled:hover {
	color:rgba(102, 102, 102, 0.6)
}
.detail-bread {
	margin-top:0;
	border-top:1px solid #e6e6e6
}
.detail-img-main {
	padding:60px 0 110px
}
.detail-img-main .detail-img-box {
	justify-content:space-between
}
.detail-img-main .detail-img-box .right {
	width:34%
}
.detail-img-main .detail-img-box .right .top-title {
	margin-bottom:26px
}
.detail-img-main .detail-img-box .right .title1 {
	font-size:60px;
	line-height:70px;
	color:#224471
}
.detail-img-main .detail-img-box .right .title {
	letter-spacing:1px
}
.detail-img-main .detail-img-box .right .title-des {
	color:#000
}
.detail-img-main .detail-img-box .right .title-des p {
	font-size:18px;
	color:#000
}
.detail-img-main .detail-img-box .right .detail-span {
	margin-top:24px;
	text-align:left
}
.detail-img-main .detail-img-box .right .detail-span span {
	display:inline-block;
	line-height:38px;
	background:#fff;
	padding:0 20px;
	border:1px solid #e6e6e6;
	margin-right:20px;
	font-size:18px;
	color:#666;
transition:all .3s
}
.detail-img-main .detail-img-box .right .detail-span span.active {
	color:#224471;
	border-color:#224471
}
.detail-img-main .detail-img-box .right .detail-span span:hover {
	color:#224471;
	border-color:#224471
}
.detail-img-main .detail-img-box .right .detail-des {
	border-top:1px solid #e6e6e6;
	padding:26px 0 10px;
	border-bottom:1px solid #e6e6e6
}
.detail-img-main .detail-img-box .right .detail-des .item {
	display:none
}
.detail-img-main .detail-img-box .right .detail-des .item.active {
	display:block
}
.detail-img-main .detail-img-box .right .detail-des td {
	font-size:18px;
	color:#000;
	line-height:36px;
	text-align:left;
	padding-left:20px
}
.detail-img-main .detail-img-box .right .detail-des td:nth-child(1) {
padding-left:0
}
.detail-img-main .detail-img-box .left {
	width:58%
}
.detail-img-main .detail-img-box .left .swiper-pagination {
	display:none
}
.detail-img-main .detail-img-box .left .detail-small-swiper {
	margin-top:20px;
	position:relative;
	padding:0 30px
}
.detail-img-main .detail-img-box .left .detail-small-swiper .small-img {
	padding:1px
}
.detail-img-main .detail-img-box .left .detail-small-swiper li {
	text-align:center;
	border:1px solid transparent;
	overflow:hidden;
	cursor:pointer
}
.detail-img-main .detail-img-box .left .detail-small-swiper li.swiper-slide-thumb-active {
	border:1px solid #224471
}
.detail-img-main .detail-img-box .left .detail-small-swiper img {
	max-width:100%;
transition:all .3s
}
.detail-img-main .detail-img-box .left .detail-small-swiper img:hover {
	transform:scale(1.1)
}
.detail-img-main .detail-img-box .left .detail-small-swiper .small-page div {
	position:absolute;
	top:43%;
	width:20px;
	height:20px;
transition:all .3s;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center
}
.detail-img-main .detail-img-box .left .detail-small-swiper .small-page div.next {
	right:0
}
.detail-img-main .detail-img-box .left .detail-small-swiper .small-page div.prev {
	left:0;
	transform:rotate(180deg)
}
.detail-img-main .detail-img-box .left .detail-small-swiper .small-page div:hover i {
	color:#224471
}
.detail-img-main .detail-img-box .left .detail-small-swiper .small-page div i {
	color:#333;
	font-size:18px;
	opacity:.8
}
.detail-fea-box .detail-fea-ul {
	padding:60px 0 40px;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6
}
.detail-fea-box .detail-fea-ul li {
	width:31%;
	margin-right:3.5%
}
.detail-fea-box .detail-fea-ul li:nth-child(3n) {
margin-right:0
}
.detail-fea-box .detail-fea-ul li .thumb {
	overflow:hidden
}
.detail-fea-box .detail-fea-ul li .thumb img {
	width:100%;
transition:all .3s
}
.detail-fea-box .detail-fea-ul li .thumb-title {
	font-size:18px;
	color:#000;
	line-height:30px;
	margin-top:20px
}
.detail-fea-box .detail-fea-ul li .thumb-title p {
	font-size:18px;
	color:#000;
	line-height:30px
}
.mt-80 {
	margin-top:80px
}
.detail-spe-box .detail-fea-ul {
	padding:60px 124px 0;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	justify-content:space-between
}
.detail-spe-box .detail-fea-ul>li {
	width:40%;
	margin-bottom:40px
}
.detail-spe-box .detail-fea-ul>li .thumb {
	overflow:hidden
}
.detail-spe-box .detail-fea-ul>li .thumb img {
	width:100%;
transition:all .3s
}
.detail-spe-box .detail-fea-ul>li .thumb-title {
	font-size:18px;
	color:#000;
	line-height:30px;
	margin-top:12px
}
.detail-spe-box .detail-fea-ul>li .thumb-title1 {
	font-size:30px;
	color:#000;
	line-height:40px;
	margin-top:20px
}
.richtext h3 {
	font-size:25px;
	line-height:35px
}
.richtext .list-paddingleft-2 {
	list-style:none !important;
	max-width:100% !important
}
.richtext .list-paddingleft-2 li {
	padding-left:20px;
	position:relative
}
.richtext .list-paddingleft-2 li::after {
content:'';
display:block;
width:5px;
height:5px;
background:#224471;
border-radius:50%;
position:absolute;
left:0;
top:16px;
transition:all .3s
}
.richtext .list-paddingleft-2 li p {
	font-size:18px;
	color:#333;
	line-height:40px;
	margin-bottom:0
}
.table-richtext h2 {
	font-size:44px;
	color:#333;
	line-height:54px;
	position:relative;
	letter-spacing:3px;
	text-align:center;
	margin-bottom:50px
}
.table-richtext h2::before {
content:'sokoyo';
text-transform:uppercase;
font-size:60px;
color:#333;
line-height:41px;
opacity:.2;
margin-bottom:-35px;
display:block
}
.table-richtext table {
	width:100%;
	border-top:1px solid #e6e6e6;
	table-layout:fixed
}
.table-richtext table tr td {
	border:1px solid #e6e6e6;
	padding:15px 20px;
	font-size:20px;
	line-height:30px;
	color:#666
}
.detail-pdf-box {
	padding-bottom:120px
}
.detail-pdf-box .detail-pdf-ul {
	border-top:1px solid #e6e6e6
}
.detail-pdf-box .detail-pdf-ul li {
	width:33.33%;
	padding:40px 0;
	border-bottom:1px solid #e6e6e6;
	position:relative;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding-right:60px;
	padding-left:60px
}
.detail-pdf-box .detail-pdf-ul li::after {
content:'';
display:block;
position:absolute;
top:40px;
right:0;
width:1px;
height:68px;
background:#e6e6e6
}
.detail-pdf-box .detail-pdf-ul li:nth-child(3n)::after {
display:none
}
.detail-pdf-box .detail-pdf-ul li:last-child::after {
display:none
}
.detail-pdf-box .detail-pdf-ul li:nth-child(1) {
padding-left:0
}
.detail-pdf-box .detail-pdf-ul li:nth-child(4) {
padding-left:0
}
.detail-pdf-box .detail-pdf-ul li a {
	display:inline-block;
transition:all .3s;
	vertical-align:middle
}
.detail-pdf-box .detail-pdf-ul li>div {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding-right:10px
}
.detail-pdf-box .detail-pdf-ul li .pdf-icon {
	font-size:68px;
	color:#224471;
	line-height:68px;
	width:70px
}
.detail-pdf-box .detail-pdf-ul li .pdf-title {
	font-size:24px;
	color:#000;
	line-height:29px;
	margin-left:10px;
	margin-right:10px;
	width:calc(100% - 80px)
}
.detail-pdf-box .detail-pdf-ul li .pdf-title:hover {
	color:#224471
}
.detail-pdf-box .detail-pdf-ul li .pdf-down {
	font-size:32px;
	color:#999
}
.detail-pdf-box .detail-pdf-ul li .pdf-down:hover {
	color:#224471
}
.detail-relate-box1 .detail-relate-ul li {
	width:33.33%;
	border-right:1px solid #e6e6e6
}
.detail-relate-box1 .detail-relate-ul li:nth-child(3n) {
border-right:none
}
.detail-relate-box1 .detail-relate-ul li:hover .thumb img {
	transform:scale(1.1)
}
.detail-relate-box1 .detail-relate-ul li a {
	display:block;
	overflow:hidden;
transition:all .3s
}
.detail-relate-box1 .detail-relate-ul li .thumb {
	text-align:center;
	min-height:434px
}
.detail-relate-box1 .detail-relate-ul li .thumb img {
	max-width:100%;
transition:all .3s
}
.detail-relate-box1 .detail-relate-ul li .thumb-title {
	font-size:30px;
	color:#333;
	line-height:32px;
	margin-top:20px;
	text-align:center
}
.detail-relate-box1 .detail-relate-ul li .thumb-title:hover {
	color:#224471
}
.pro-mb-richtext {
	display:none
}
.detail-thumb-box img {
	max-width:80%
}
.index-case-box .top-title {
	padding:0 120px
}
.index-case-box .pro-ul li {
	margin-bottom:100px;
	position:relative
}
.index-case-box .pro-ul li:last-child {
	margin-bottom:0
}
.index-case-box .pro-ul li:nth-child(even) {
flex-direction:row-reverse
}
.index-case-box .pro-ul li:nth-child(even) .thumb-info {
padding-right:100px;
padding-left:0
}
.index-case-box .pro-ul li:nth-child(even) .thumb-info .thumb-title {
text-align:left
}
.index-case-box .pro-ul li:nth-child(even) .thumb-box::after {
right:auto;
left:-390px
}
.index-case-box .pro-ul li:nth-child(even) .num {
left:0;
right:auto
}
.index-case-box .pro-ul .thumb-box {
	width:50%;
	position:relative
}
.index-case-box .pro-ul .thumb-box:hover .thumb-cover {
	opacity:1
}
.index-case-box .pro-ul .thumb-box:hover .img img {
	transform:scale(1.1)
}
.index-case-box .pro-ul .thumb-box::after {
content:'';
display:block;
width:390px;
height:100%;
background:#f7f7f7;
position:absolute;
right:-390px;
bottom:0;
z-index:1
}
.index-case-box .pro-ul .thumb-box .img {
	display:block;
	overflow:hidden;
	position:relative;
	z-index:3
}
.index-case-box .pro-ul .thumb-box .img img {
	width:100%;
transition:all .3s
}
.index-case-box .pro-ul .thumb-box .img img:hover {
	transform:scale(1.1)
}
.index-case-box .pro-ul .thumb-info {
	width:50%;
	padding-left:90px;
	display:flex;
	align-items:center;
	position:relative;
	z-index:4
}
.index-case-box .pro-ul .thumb-info .thumb-title {
	font-size:48px;
	color:#333;
	line-height:58px;
	display:block;
	text-align:left;
transition:all .3s;
	position:relative
}
.index-case-box .pro-ul .thumb-info .thumb-title:hover {
	color:#224471
}
.index-case-box .pro-ul .thumb-info .thumb-des {
	font-size:18px;
	color:#000;
	line-height:32px;
	margin-top:30px;
	padding-left:130px;
	position:relative
}
.index-case-box .pro-ul .thumb-info .thumb-des::after {
content:'';
display:block;
width:102px;
height:1px;
border-radius:1px;
background:#ccc;
position:absolute;
left:0;
top:10px;
z-index:3333
}
.index-case-box .pro-ul .thumb-info .thumb-des strong {
	color:#224471
}
.index-case-box .pro-ul .thumb-info .thumb-more {
	display:inline-block;
	padding:0 30px;
	line-height:50px;
	text-align:center;
	font-size:20px;
	color:rgba(255, 255, 255, 0.9);
transition:all .3s;
	margin-top:30px;
	background:#224471;
	margin-left:130px;
	border-radius:10px;
	letter-spacing:1px
}
.index-case-box .pro-ul .thumb-info .thumb-more:hover {
	background:#231f20
}
.index-case-box .pro-ul .thumb-info .thumb-more i {
	margin-left:6px
}
.index-case-box .pro-ul .num {
	font-size:48px;
	color:#ccc;
	line-height:57px;
	position:absolute;
	right:0;
	bottom:0
}
.sep-about-banner .banner {
	position:relative
}
.sep-about-banner .banner video {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:none;
	object-fit:cover;
	overflow:hidden
}
.case-detail-box .sep-container {
	max-width:1360px
}
.case-detail-box .case-detail-ul li {
	padding:40px 0;
	border-bottom:1px solid #e6e6e6;
	justify-content:space-between;
	align-items:center
}
.case-detail-box .case-detail-ul li:nth-child(1) {
padding-top:0
}
.case-detail-box .case-detail-ul li .thumb {
	width:22%
}
.case-detail-box .case-detail-ul li .thumb img {
	width:100%;
transition:all .3s
}
.case-detail-box .case-detail-ul li .thumb-info {
	width:68%
}
.case-detail-box .case-detail-ul li .thumb-info .thumb-title {
	font-size:30px;
	color:#333;
	line-height:40px
}
.case-detail-box .case-detail-ul li .thumb-info .thumb-title::after {
content:'...';
display:block;
font-size:30px;
line-height:30px;
color:#224471;
margin-top:1px;
display:none
}
.case-detail-box .case-detail-ul li .thumb-info .thumb-des {
	margin-top:24px
}
.case-detail-box .case-detail-ul li .thumb-info .richtext p {
	font-size:20px;
	color:#000;
	line-height:32px;
	margin-bottom:12px
}
.case-detail-box .case-detail-ul li .thumb-info .richtext p strong {
	color:#224471;
	font-family:"Alibaba-PuHuiTi-Medium"
}
.case-detail-box .case-detail-ul li .thumb-info .thumb-des1 {
	margin-top:40px
}
.case-detail-box .case-detail-ul li .thumb-info .thumb-des1 p {
	font-size:18px;
	color:#333
}
.sep-daili-banner .sep-container .banner-div {
	width:100%;
	text-align:center
}
.sep-daili-banner .sep-container .banner-div .banner-title {
	max-width:100%;
	color:#fff
}
.top-title .title span {
	color:#224471
}
.index-daili-box .index-daili-main {
	justify-content:space-between;
	align-items:center
}
.index-daili-box .index-daili-main .thumb {
	width:35%
}
.index-daili-box .index-daili-main .thumb img {
	width:100%
}
.index-daili-box .index-daili-main .thumb-info {
	width:60%
}
.index-daili-box .index-daili-main .thumb-info .list-paddingleft-2 {
	list-style:none !important;
	max-width:100% !important;
	position:relative
}
.index-daili-box .index-daili-main .thumb-info .list-paddingleft-2::after {
content:'';
display:block;
width:1px;
height:88%;
background:#224471;
position:absolute;
left:10px;
top:17px;
z-index:1
}
.index-daili-box .index-daili-main .thumb-info .list-paddingleft-2 li {
	padding-left:40px;
	position:relative;
	margin-bottom:10px
}
.index-daili-box .index-daili-main .thumb-info .list-paddingleft-2 li::after {
content:'';
display:block;
width:5px;
height:5px;
background:#224471;
border-radius:50%;
position:absolute;
left:8px;
top:18px;
transition:all .3s;
z-index:3
}
.index-daili-box .index-daili-main .thumb-info .list-paddingleft-2 li::before {
content:'';
display:block;
width:15px;
height:15px;
border:1px solid #224471;
border-radius:50%;
position:absolute;
left:3px;
top:13px;
transition:all .3s;
background:#fff;
z-index:2
}
.index-daili-box .index-daili-main .thumb-info .list-paddingleft-2 li p {
	font-size:18px;
	color:#333;
	line-height:40px;
	margin-bottom:0
}
.index-hezuo-box .top-title {
	margin-bottom:0;
	width:35%;
	margin-right:6%
}
.index-hezuo-box .top-title .title-des {
	margin-top:40px
}
.index-hezuo-box .sep-container {
	max-width:1920px;
	position:relative;
	justify-content:flex-end;
	align-items:center
}
.index-hezuo-box .sep-container .thumb {
	width:50%
}
.index-hezuo-box .sep-container .thumb img {
	width:100%
}
.index-city-box .thumb img {
	width:100%
}
.index-city-box .city-btn-box {
	margin-top:50px;
	text-align:center
}
.index-city-box .city-btn-box a {
	display:inline-block
}
.white-bread .sep-container .bread-ul li {
	color:#fff
}
.white-bread .sep-container .bread-ul li a {
	color:#fff
}
.index-about-box .index-about-ul li {
	width:20%;
	border:1px solid #e6e6e6;
	padding:40px 40px;
	margin-left:-1px;
transition:all .3s
}
.index-about-box .index-about-ul li:hover {
	background:#224471
}
.index-about-box .index-about-ul li:hover .num {
	color:rgba(255, 255, 255, 0.1)
}
.index-about-box .index-about-ul li:hover .num-title {
	color:#fff
}
.index-about-box .index-about-ul li:hover .num-des {
	color:rgba(255, 255, 255, 0.85)
}
.index-about-box .index-about-ul li:hover .num-des p {
	color:rgba(255, 255, 255, 0.85)
}
.index-about-box .index-about-ul li .num {
	font-size:60px;
	line-height:60px;
	color:rgba(0, 0, 0, 0.1)
}
.index-about-box .index-about-ul li:nth-child(4), .index-about-box .index-about-ul li:nth-child(5), .index-about-box .index-about-ul li:nth-child(6), .index-about-box .index-about-ul li:nth-child(7), .index-about-box .index-about-ul li:nth-child(8) {
opacity:0
}
.index-about-box .index-about-ul li .num-title {
	font-size:24px;
	color:#000;
	line-height:30px;
	margin-top:-30px
}
.index-about-box .index-about-ul li .num-des {
	font-size:16px;
	color:#000;
	line-height:30px;
	margin-top:16px
}
.index-about-box .index-about-ul li .num-des p {
	font-size:16px;
	color:#000;
	line-height:30px;
	margin-bottom:0
}
.index-about-box .index-about-ul li .num-des p a {
	color:#000;
	text-decoration:underline
}
.index-about-box .index-about-ul li .num-des p a:hover {
	text-decoration:none
}
.index-about-box .index-about-thumb {
	margin-top:60px
}
.index-about-box .index-about-thumb img {
	width:100%
}
.index-about-box1 .index-about1-ul {
	justify-content:space-between;
	position:relative
}
.index-about-box1 .index-about1-ul::after {
content:'';
display:block;
width:100%;
height:1px;
background:#e6e6e6;
position:absolute;
left:0;
bottom:96px;
z-index:1
}
.index-about-box1 .index-about1-ul li {
	width:15%;
	text-align:center
}
.index-about-box1 .index-about1-ul li:hover .about-icon {
	background:#231f20
}
.index-about-box1 .index-about1-ul li .about-icon {
	width:120px;
	height:120px;
	background:#224471;
	border-radius:50%;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-size:50px;
	color:#fff;
transition:all .3s
}
.index-about-box1 .index-about1-ul li .icon-title {
	font-size:24px;
	color:#000;
	line-height:30px;
	margin-top:18px
}
.index-about-box1 .index-about1-ul li .icon-des {
	font-size:16px;
	color:#333;
	line-height:24px;
	margin-top:10px;
	min-height:60px
}
.index-about-box1 .index-about1-ul li .icon-des p {
	font-size:16px;
	color:#333;
	line-height:24px
}
.index-about-box1 .index-about1-ul li .num {
	font-size:60px;
	color:#224471;
	line-height:60px;
	margin-top:30px
}
.index-about-box1 .index-about1-ul li .num::before {
content:'';
display:block;
width:12px;
height:12px;
background:#fff;
border:1px solid #224471;
border-radius:50%;
margin:30px auto;
position:relative;
z-index:4
}
.index-about-box2 {
	padding-bottom:0
}
.index-about-box2 .sep-container {
	max-width:1920px
}
.index-about-box2 .index-abou2-main {
	position:relative
}
.index-about-box2 .index-abou2-main .index-about2-ul {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	display:flex;
	justify-content:space-between;
	padding:0 70px;
	padding-bottom:120px
}
.index-about-box2 .index-abou2-main .index-about2-ul>li {
	width:13%;
	padding-left:20px;
	position:relative
}
.index-about-box2 .index-abou2-main .index-about2-ul>li:nth-child(6) {
top:-6%
}
.index-about-box2 .index-abou2-main .index-about2-ul>li:nth-child(5) {
top:3%
}
.index-about-box2 .index-abou2-main .index-about2-ul>li:nth-child(4) {
top:12%
}
.index-about-box2 .index-abou2-main .index-about2-ul>li:nth-child(3) {
top:21%
}
.index-about-box2 .index-abou2-main .index-about2-ul>li:nth-child(2) {
top:28%
}
.index-about-box2 .index-abou2-main .index-about2-ul>li:nth-child(1) {
top:35%
}
.index-about-box2 .index-abou2-main .index-about2-ul>li::after {
content:'';
display:block;
width:16px;
height:16px;
background:#224471;
border-radius:50%;
position:absolute;
left:-8px;
top:13px
}
.index-about-box2 .index-abou2-main .index-about2-ul>li::before {
content:'';
display:block;
width:2px;
height:300px;
background:linear-gradient(to bottom, #ce672d 50%, rgba(206, 103, 45, 0) 100%);
position:absolute;
left:0;
top:15px
}
.index-about-box2 .index-abou2-main .index-about2-ul>li .num {
	font-size:30px;
	color:#224471;
	line-height:40px
}
.index-about-box2 .index-abou2-main .index-about2-ul>li .num-des {
	font-size:16px;
	color:#000;
	line-height:30px;
	margin-top:6px
}
.index-about-box2 .index-abou2-main .index-about2-ul>li .num-des p {
	font-size:16px;
	color:#000;
	line-height:30px
}
.index-about-box2 .index-abou2-main .index-about2-ul>li .num-des p strong {
	color:#224471;
	font-family:"Alibaba-PuHuiTi-Medium"
}
.index-shili-box .top-title {
	padding:0 152px;
	margin-bottom:50px
}
.index-shili-box .top-title .title-des {
	font-size:18px;
	color:#000;
	line-height:30px;
	margin-top:40px
}
.index-shili-box .top-title .title-des p {
	font-size:18px;
	color:#000;
	line-height:30px
}
.index-shili-box .index-shili-thumb img {
	width:100%
}
.index-shili-box1 .sep-container {
	max-width:1920px;
	justify-content:flex-end;
	align-items:center
}
.index-shili-box1 .sep-container .top-title {
	width:34%;
	margin-right:6%;
	margin-bottom:0
}
.index-shili-box1 .sep-container .top-title .title-des {
	margin-top:40px;
	font-size:18px;
	color:#000;
	line-height:30px;
	padding-right:160px
}
.index-shili-box1 .sep-container .top-title .title-des p {
	font-size:18px;
	color:#000;
	line-height:30px
}
.index-shili-box1 .sep-container .top-title .title-num-box {
	margin-top:60px;
	justify-content:space-between
}
.index-shili-box1 .sep-container .top-title .title-num-box .item .num {
	color:#224471;
	font-size:24px;
	line-height:40px
}
.index-shili-box1 .sep-container .top-title .title-num-box .item .num span {
	font-size:60px
}
.index-shili-box1 .sep-container .top-title .title-num-box .item .num-des {
	text-align:left;
	font-size:18px;
	color:#333;
	line-height:30px;
	margin-top:6px
}
.index-shili-box1 .sep-container .top-title .title-num-box .item .num-des p {
	font-size:18px;
	color:#333;
	line-height:30px
}
.index-shili-box1 .sep-container .top-title .title-img {
	margin-top:80px;
	text-align:left
}
.index-shili-box1 .sep-container .top-title .title-img img {
	width:31%;
	border:1px solid transparent;
	margin-right:2%
}
.index-shili-box1 .sep-container .top-title .title-img img:nth-child(3n) {
margin-right:0
}
.index-shili-box1 .sep-container .top-title .title-img img.active {
	border-color:#224471
}
.index-shili-box1 .sep-container .thumb {
	width:49%
}
.index-shili-box1 .sep-container .thumb img {
	width:100%;
	display:none
}
.index-shili-box1 .sep-container .thumb img.active {
	display:block
}
.index-shili-box2 {
	background:url(img/index-com-back.jpg) no-repeat;
	background-size:cover;
	background-position:center
}
.index-shili-box2 .top-title {
	padding:0 300px;
	margin-bottom:50px
}
.index-shili-box2 .team-swiper {
	width:100%;
	position:relative
}
.index-shili-box2 .team-swiper .team-page div {
	width:50px;
	height:50px;
	font-size:30px;
	display:flex;
	align-items:center;
	justify-content:center;
	color:rgba(102, 102, 102, 0.4);
transition:all .3s;
	position:absolute;
	top:41%;
	margin-top:-25px
}
.index-shili-box2 .team-swiper .team-page div:hover {
	color:#224471
}
.index-shili-box2 .team-swiper .team-page div.prev {
	left:-80px;
	transform:rotate(180deg)
}
.index-shili-box2 .team-swiper .team-page div.next {
	right:-80px
}
.index-shili-box2 .swiper-pagination-bullet {
	width:10px;
	height:10px;
	border:1px solid #999;
	border-radius:50%;
	background:none;
	opacity:1;
	margin:0 10px !important
}
.index-shili-box2 .swiper-pagination-bullet-active {
	background:#224471;
	border-color:#224471
}
.index-shili-box2 .team-item {
	width:820px
}
.index-shili-box2 .team-item.swiper-slide-active .thumb {
	box-shadow:0 7px 15px 0 rgba(4, 0, 0, 0.16)
}
.index-shili-box2 .team-item.swiper-slide-active .thumb-title {
	display:block
}
.index-shili-box2 .team-item.swiper-slide-active .thumb-des {
	display:block
}
.index-shili-box2 .team-item.swiper-slide-active .thumb::after {
opacity:0
}
.index-shili-box2 .team-item .thumb {
	border:15px solid #fff;
	position:relative
}
.index-shili-box2 .team-item .thumb::after {
content:'';
display:block;
width:100%;
height:100%;
background:rgba(0, 0, 0, 0.6);
position:absolute;
left:0;
top:0;
transition:all .3s
}
.index-shili-box2 .team-item .thumb img {
	width:100%;
transition:all .3s
}
.index-shili-box2 .team-item .thumb-title {
	font-size:30px;
	color:#000;
	line-height:40px;
	text-align:center;
	margin-top:30px;
	display:none
}
.index-shili-box2 .team-item .thumb-des {
	font-size:16px;
	color:#000;
	line-height:26px;
	margin:0 auto;
	margin-top:24px;
	max-width:580px;
	display:none;
	text-align:center
}
.index-shili-box2 .team-item .thumb-des p {
	font-size:16px;
	color:#000;
	line-height:26px
}
.index-shili-box3 {
	background:url(img/com-cert-back.jpg) no-repeat;
	background-size:cover;
	background-position:center
}
.index-shili-box3 .swiper-container {
	padding:10px
}
.index-shili-box3 .cert-item .thumb {
	box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.15);
	overflow:hidden
}
.index-shili-box3 .cert-item .thumb:hover img {
	transform:scale(1.1)
}
.index-shili-box3 .cert-item .thumb img {
	width:100%;
transition:all .3s
}
.index-shili-box3 .cert-page {
	margin-top:60px;
	display:flex;
	align-items:center
}
.index-shili-box3 .cert-page .page {
	display:flex;
	align-items:center;
	width:20%
}
.index-shili-box3 .cert-page .page div {
	width:40px;
	height:40px;
	background:#000;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:18px;
	color:#fff;
transition:all .3s;
	margin-right:25px
}
.index-shili-box3 .cert-page .page div.prev {
	transform:rotate(180deg)
}
.index-shili-box3 .cert-page .page div:hover {
	background:#224471
}
.index-shili-box3 .cert-page .page-right {
	width:80%;
	position:relative
}
.index-shili-box3 .cert-page .page-right::after {
width:14px;
height:14px;
background:#224471;
box-shadow:0 12px 21px 0 rgba(0, 0, 0, 0.2);
border-radius:50%;
content:'';
display:block;
position:absolute;
top:50%;
margin-top:-7px
}
.index-shili-box3 .cert-page .swiper-pagination {
	width:100%;
	position:relative;
	height:3px;
	background:#e6e6e6
}
.index-shili-box3 .cert-page .swiper-pagination .swiper-pagination-progressbar-fill {
	background:#224471
}
.white-bread .breadcrumb>li+li:before {
	color:#fff
}
.index-contact-box1 .sep-container {
	justify-content:space-between
}
.index-contact-box1 .sep-container .contact-item {
	width:48%;
	padding:120px 0;
	padding-left:80px;
	border-left:1px solid #e6e6e6
}
.index-contact-box1 .sep-container .item-title {
	font-size:36px;
	line-height:50px;
	color:#224471;
	margin-bottom:30px
}
.index-contact-box1 .sep-container .index-contact-ul {
	position:relative
}
.index-contact-box1 .sep-container .index-contact-ul::after {
content:'';
display:block;
width:6px;
height:108%;
background:#224471;
position:absolute;
left:-80px;
top:-80px;

}
.index-contact-box1 .sep-container .index-contact-ul li {
	margin-bottom:30px;
	min-height:214px
}
.index-contact-box1 .sep-container .index-contact-ul li:last-child {
	margin-bottom:0
}
.index-contact-box1 .sep-container .index-contact-ul li .item-title1 {
	font-size:24px;
	color:#333;
	line-height:40px;
	margin-bottom:18px
}
.index-contact-box1 .sep-container .index-contact-ul li .item-des {
	padding-left:46px;
	position:relative;
	margin-bottom:12px;
	font-size:20px;
	color:#4d4d4d;
	line-height:30px
}
.index-contact-box1 .sep-container .index-contact-ul li .item-des .icon {
	font-size:24px;
	color:#224471;
	position:absolute;
	left:0;
	top:0
}
.index-news-box1 .news-top-box {
	justify-content:space-between
}
.index-news-box1 .news-top-box .left {
	width:70%
}
.index-news-box1 .news-top-box .news-item {
	background:#f7f7f7;
	border-radius:10px 10px;
	overflow:hidden
}
.index-news-box1 .news-top-box .news-item .thumb {
	display:block;
	overflow:hidden
}
.index-news-box1 .news-top-box .news-item .thumb img {
	width:100%;
transition:all .3s
}
.index-news-box1 .news-top-box .news-item .thumb:hover img {
	transform:scale(1.1)
}
.index-news-box1 .news-top-box .news-item .thumb-info {
	padding:36px 40px
}
.index-news-box1 .news-top-box .news-item .thumb-info .time {
	font-size:24px;
	color:#666;
	line-height:31px
}
.index-news-box1 .news-top-box .news-item .thumb-info .news-title {
	display:block;
	font-size:36px;
	color:#000;
	line-height:46px;
transition:all .3s;
	margin-top:16px
}
.index-news-box1 .news-top-box .news-item .thumb-info .news-title:hover {
	color:#224471
}
.index-news-box1 .news-top-box .news-item .thumb-info .news-des {
	font-size:18px;
	color:#000;
	line-height:30px;
	margin-top:22px
}
.index-news-box1 .news-top-box .right {
	width:25%
}
.index-news-box1 .news-top-box .right .news-item {
	margin-bottom:38px
}
.index-news-box1 .news-top-box .right .news-item:last-child {
	margin-bottom:0
}
.index-news-box1 .news-top-box .right .thumb-info {
	padding:22px 30px
}
.index-news-box1 .news-top-box .right .thumb-info .time {
	font-size:18px
}
.index-news-box1 .news-top-box .right .thumb-info .news-title {
	font-size:24px;
	line-height:30px;
	margin-top:10px
}
.index-news-box1 .news-top-box .right .thumb-info .news-des {
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-top:10px
}
.index-news-box1 .news-bottom-box {
	margin-top:120px
}
.index-news-box1 .news-bottom-box .bototm-news-ul li {
	justify-content:space-between;
	align-items:center;
	margin-bottom:60px
}
.index-news-box1 .news-bottom-box .bototm-news-ul li:last-child {
	margin-bottom:0
}
.index-news-box1 .news-bottom-box .bototm-news-ul li:hover .thumb img {
	transform:scale(1.1)
}
.index-news-box1 .news-bottom-box .bototm-news-ul li .thumb {
	display:block;
	width:34%;
	overflow:hidden;
	border-radius:10px
}
.index-news-box1 .news-bottom-box .bototm-news-ul li .thumb img {
	width:100%;
transition:all .3s
}
.index-news-box1 .news-bottom-box .bototm-news-ul li .thumb-info {
	width:60%
}
.index-news-box1 .news-bottom-box .bototm-news-ul li .time {
	font-size:20px;
	color:#666;
	line-height:31px
}
.index-news-box1 .news-bottom-box .bototm-news-ul li .news-title {
	display:block;
	font-size:30px;
	color:#000;
	line-height:40px;
transition:all .3s;
	margin-top:16px
}
.index-news-box1 .news-bottom-box .bototm-news-ul li .news-title:hover {
	color:#224471
}
.index-news-box1 .news-bottom-box .bototm-news-ul li .news-des {
	font-size:18px;
	color:#000;
	line-height:30px;
	margin-top:22px
}
.index-news-box1 .news-bottom-box .bototm-news-ul li .news-more {
	margin-top:30px
}
.sep-article-banner {
	max-height:300px;
	overflow:hidden
}
.news-detail-box .time {
	font-size:18px;
	text-align:left;
	color:#224471;
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #e6e6e6
}
.lt-page .prev-page {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	margin-bottom:8px
}
.lt-page .prev-title {
	font-size:18px;
	margin-right:6px
}
.lt-page .prev-con {
	font-size:18px
}
.lt-page .prev-con .pro_detail_prev {
	color:#224471
}
.video-list {
	justify-content:space-between
}
.video-list li {
	width:48%;
	margin-bottom:30px
}
.video-list .pro-thumb {
	position:relative
}
.video-list .pro-thumb .thumb {
	display:block;
	overflow:hidden;
	text-align:center;
	min-height:385px;
	position:relative
}
.video-list .pro-thumb .thumb img {
	max-width:100%;
transition:all .3s
}
.video-list .pro-thumb .thumb .play-icon {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.06);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:50px;
	color:#fff;
transition:all .3s
}
.video-list .pro-thumb .thumb .play-icon:hover {
	color:#224471
}
.video-list .pro-info {
	position:relative;
	border-top:1px solid #e6e6e6
}
.video-list .pro-info:hover .thumb-ul {
	opacity:1
}
.video-list .pro-info .pro-show {
	height:100%;
	text-align:center
}
.video-list .pro-info .pro-title {
	font-size:24px;
	color:#292a2a;
	line-height:34px;
transition:all .3s;
	text-align:center;
	display:block;
	padding:20px 14px
}
.video-list .pro-info .pro-title:hover {
	color:#224471
}
.form-group {
	position:relative
}
.sep-pagination {
	text-align:center
}
.sep-pagination .pagination li a {
	color:#224471
}
.sep-pagination .pagination li span {
	color:#224471
}
.sep-video-grid .item {
	margin-bottom:60px
}
.sep-video-grid .item:hover .thumb img {
	transform:scale(1.1)
}
.sep-video-grid .item .box {
	box-shadow:0 3px 20px 0 rgba(0, 0, 0, 0.06)
}
.sep-video-grid .item .box .thumb img {
transition:all .3s
}
.sep-video-grid .item .box .thumb .play {
	width:70px;
	height:70px;
	border-radius:50%;
	background:#fff;
	z-index:100;
	bottom:-35px
}
.sep-video-grid .item .box .thumb .play:hover i {
	background:#231f20
}
.sep-video-grid .item .box .thumb .play i {
	width:60px;
	height:60px;
	background:#224471;
	color:#fff;
	border-radius:50%
}
.sep-video-grid .item .box .info {
	background:#fff;
	height:140px;
	padding-left:20px;
	padding-right:20px;
	padding-top:54px;
	border-top:1px solid #e6e6e6
}
.sep-video-grid .item .box .info .title {
	font-size:18px;
	margin-bottom:20px
}
.sep-video-grid .item .box .info .more {
	font-size:16px;
	color:#224471
}
.sep-video-grid .item .box .info .more:hover {
	color:#231f20
}
.width100 {
	width:100%
}
.flex-center {
	display:flex;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	align-items:center;
	justify-content:center
}
.horizontal-center {
	position:absolute;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%)
}
.relative {
	position:relative
}
.block {
	display:block
}
.overflow {
	overflow:hidden
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color:#224471;
	border-color:#224471;
	color:#fff !important
}
.operation {
	margin-top:30px;
	margin-bottom:40px
}
.operation ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:center
}
.operation ul li {
	margin:0 25px;
	width:auto;
	text-align:left
}
.operation ul li .btn-primary {
	background:#224471;
	padding:10px 30px;
	color:#fff;
	border:1px solid #224471;
transition:all .3s;
	font-size:18px;
	min-width:151px;
	text-align:center
}
.operation ul li .btn-primary:hover {
	background:#fff;
	color:#224471
}
.form-group {
	position:relative
}
.form-group.has-error p {
	color:red;
	text-align:left;
	display:none;
	display:none !important
}
.form-group.has-error .form-control1 {
	border-color:red !important
}
.form-group.has-success.nums:after {
	right:130px
}
.form-group.has-success:after {
	content:'???';
	display:block;
	width:16px;
	height:16px;
	text-align:center;
	font-size:12px;
	color:#fff;
	border-radius:100%;
	background:green !important;
	line-height:16px;
	position:absolute;
	right:30px;
	bottom:12px
}
.table-over {
	overflow-x:auto
}
.search-btns {
	display:flex;
	margin-bottom:30px;
	margin-top:30px;
	flex-wrap:wrap;
	justify-content:center
}
.search-btns a {
	font-size:20px;
	display:inline-block;
	width:220px;
	margin:0 10px;
	background:#f0f0f0;
	color:#323232;
	padding:10px 0;
	font-weight:bold;
	text-align:center;
	border:none;
transition:all .3s;
	outline:none;
	margin-bottom:10px
}
.search-btns a.active {
	background:#224471;
	color:#fff
}
.search-btns a:hover {
	background:#224471;
	color:#fff
}
.sep-resource-list2 {
	text-align:left;
	margin-top:30px
}
.sep-resource-list2 li {
	padding-left:160px;
	position:relative;
	padding-bottom:30px;
	border-bottom:1px solid #afafaf;
	padding-top:5px;
	min-height:152px;
	margin-bottom:30px;
	overflow:hidden
}
.sep-resource-list2 li .thumb {
	display:block;
	position:absolute;
	width:140px;
	overflow:hidden;
	left:0;
	top:0;
	text-align:center;
	font-size:40px
}
.sep-resource-list2 li .thumb img {
	width:100%;
	height:100%;
transition:all .3s
}
.sep-resource-list2 li .thumb img:hover {
	transform:scale(1.1)
}
.sep-resource-list2 li .thumb i {
	font-size:40px
}
.sep-resource-list2 li .title {
	display:block;
	color:#545454;
	font-weight:bold;
	margin-bottom:10px;
transition:all .3s;
	font-size:20px
}
.sep-resource-list2 li .title:hover {
	color:#224471
}
.sep-resource-list2 li .summary {
	display:block;
	color:#545454;
	line-height:1.6em;
	margin-bottom:10px
}
.sep-resource-list2 li .more {
	text-transform:uppercase;
	color:#224471;
	font-size:16px;
	font-weight:bold;
transition:all .3s
}
.sep-resource-list2 li .more:hover {
	color:#231f20
}
.sep-resource-list2 .nothumb {
	padding-left:0
}
.sep-resource-list2 .nothumb .title {
	display:block;
	color:#545454;
	font-weight:bold;
	margin-bottom:10px;
	font-size:20px
}
.sep-resource-list2 .nothumb .summary {
	display:block;
	color:#545454;
	line-height:1.6em;
	margin-bottom:10px
}
.sep-resource-list2 .nothumb .more {
	text-transform:uppercase;
	color:#224471;
	font-size:16px;
	font-weight:bold
}
.inner-padding {
	padding:100px 0
}
.bg-f9 {
	background:#f9f9f9
}
.sep-com-banner {
	position:relative
}
.sep-com-banner .banner {
	position:relative
}
.sep-com-banner .banner::after {
content:'';
display:block;
width:100%;
height:100%;
background:rgba(0, 0, 0, 0.4);
position:absolute;
left:0;
top:0
}
.sep-com-banner .banner .banner-main {
	z-index:2222
}
.sep-com-banner .sep-container {
	padding-bottom:2%;
	position:relative;
	z-index:333
}
.file-box .file-main-box {
	padding:30px;
	box-shadow:0 0 10px #eee;
	background:#fff
}
.file-box .file-main-box .thumb {
	width:22%;
	float:left;
	margin-right:50px;
	margin-bottom:20px
}
.file-box .file-main-box .thumb img {
	width:100%;
transition:all .3s
}
.fact-box .title-des {
	text-align:left
}
.mark-box1-mult_img.mark-box1-mult_img1 {
	margin-right:0;
	justify-content:space-between
}
.mark-box1-mult_img.mark-box1-mult_img1 .mark-box-item {
	width:13.5%;
	margin-right:0
}
.mark-box1-mult_img.mark-box1-mult_img1 .mark-box-item .img {
	border-radius:0
}
.mark-box1-mult_img .mark-box-item {
	width:24%;
	position:relative;
	overflow:hidden;
	margin-right:1.3%;
	margin-bottom:20px
}
.mark-box1-mult_img .mark-box-item:nth-child(4n) {
margin-right:0
}
.mark-box1-mult_img .mark-box-item:hover img {
	transform:scale(1.1)
}
.mark-box1-mult_img .mark-box-item img {
	width:100%;
transition:all .3s
}
.mark-box1-mult_img .mark-box-item .img {
	border-radius:10px;
	overflow:hidden
}
.mark-box1-mult_img .mark-box-item p {
	font-size:18px;
	line-height:32px;
	margin-top:10px;
	text-align:left;
	text-align:center;
	color:#333
}
.com-main-btn .sep-container {
	display:flex;
	justify-content:center
}
.com-main-btn .sep-container a {
	display:inline-block;
	padding:30px 0;
	font-size:18px;
	margin:0 30px
}
.com-main-btn .sep-container a.active {
	border-bottom:2px solid #224471;
	color:#224471
}
.sou-inner-list .th-profile-boxs {
	width:100%;
	overflow:hidden;
	display:flex;
	justify-content:space-between;
	margin-bottom:30px
}
.sou-inner-list .th-profile-boxs h2 {
	margin-top:0
}
.sou-inner-list .th-profile-boxs:nth-child(even) {
flex-direction:row-reverse
}
.sou-inner-list .th-profile-boxs .thumbs {
	width:28%;
	text-align:center;
	overflow:hidden
}
.sou-inner-list .th-profile-boxs .thumbs img {
	max-width:100%;
transition:all .3s;
	width:100%
}
.sou-inner-list .th-profile-boxs .thumbs img:hover {
	transform:scale(1.1)
}
.sou-inner-list .th-profile-boxs .lis-boxs {
	width:68%;
	display:flex;
	flex-direction:column;
	justify-content:center
}
.sou-inner-list .h2x {
	display:block;
	width:100%;
	font-size:28px;
	line-height:normal;
	color:#3d3d3d;
	position:relative;
	margin-bottom:8px;
	margin-bottom:30px;
transition:all .3s
}
.sou-inner-list .h2x:hover {
	color:#224471
}
.sou-inner-list .h2x::before {
content:'';
display:block;
width:0;
height:0;
border:7px solid transparent;
border-left-color:#224471;
position:absolute;
left:0;
top:10px;
display:none
}
.sou-inner-list .title-more {
	display:inline-block;
	width:146px;
	line-height:38px;
	background:#224471;
	border-radius:12px;
	color:#fff;
	font-size:16px;
	margin-top:22px;
	border:1px solid #224471;
transition:all .3s;
	text-align:center
}
.sou-inner-list .title-more:hover {
	background:none;
	color:#224471;
	box-shadow:none
}
.sou-inner-list .title-more:hover i {
	color:#224471
}
.sou-inner-list .title-more i {
	color:#fff;
	margin-left:4px;
	font-size:20px;
	vertical-align:middle
}
.mkn-articals-boxs {
	display:block;
	width:100%
}
.mkn-articals-boxs.ons {
	margin-top:25px
}
.mkn-articals-boxs ul li {
	display:block;
	width:100%;
	padding:15px 0;
	border-bottom:1px solid #ccc
}
.mkn-articals-boxs ul li.nothumbs .lis-boxs {
	width:100%;
	padding-left:0
}
.mkn-articals-boxs ul li .thumbs {
	display:block;
	width:30%;
	float:left;
	overflow:hidden
}
.mkn-articals-boxs ul li .thumbs img {
	max-width:100%
}
.mkn-articals-boxs ul li .lis-boxs {
	display:block;
	width:70%;
	float:left;
	padding-left:20px
}
.mkn-articals-boxs ul li .titles-a {
	font-size:20px;
	color:#333;
	display:block;
	width:100%
}
.mkn-articals-boxs ul li .titles-a:hover {
	text-decoration:underline;
	color:#224471
}
.mkn-articals-boxs ul li .times {
	display:block;
	width:100%;
	font-size:16px;
	color:#224471;
	line-height:24px;
	margin-top:12px
}
.mkn-articals-boxs ul li .c-boxs {
	display:block;
	margin-top:12px
}
.mkn-articals-boxs ul li .c-boxs .lists {
	display:block;
	width:auto;
	float:left;
	padding-right:25px;
	line-height:24px;
	color:#999
}
.mkn-articals-boxs ul li .c-boxs .lists i {
	font-size:16px;
	margin-right:6px;
	color:#999
}
.mkn-articals-boxs ul li .c-boxs .lists:last-child {
	padding-right:0
}
.mkn-articals-boxs ul li .spans {
	display:block;
	width:100%;
	font-size:16px;
	line-height:28px;
	margin-top:10px
}
.mkn-articals-boxs ul li .spans * {
	font-size:14px;
	line-height:24px
}
.mkn-articals-boxs ul li:hover .thumbs img {
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2)
}
.sep-news-banner .banner {
	max-height:700px;
	overflow:hidden
}
.sep-faq-list4 li {
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #dcdada
}
.sep-faq-list4 li:nth-child(1) .faq-answer {
display:block
}
.sep-faq-list4 li.active .faq-question .q {
	background:#224471
}
.sep-faq-list4 li.active .faq-question i {
	transform:rotate(-90deg);
	color:#224471
}
.sep-faq-list4 li .faq-question {
	position:relative;
	min-height:42px;
	padding-left:40px;
	cursor:pointer
}
.sep-faq-list4 li .faq-question .q {
	display:inline-block;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	color:#ebebeb;
	background:#cfcfcf;
	width:42px;
	height:42px;
	border-radius:50%;
	text-align:center;
	line-height:42px;
	font-weight:bold;
	font-size:16px
}
.sep-faq-list4 li .faq-question span.title {
	color:#000;
	padding:12px 15px;
	display:block;
	font-size:18px;
	line-height:30px;
	padding-right:45px;
	background:#f0f0f0;
	margin-left:10px
}
.sep-faq-list4 li .faq-question i {
	position:absolute;
	right:20px;
	top:12px;
	font-size:18px;
transition:all .3s
}
.sep-faq-list4 li .faq-answer {
	color:#28292d;
	font-size:14px;
	line-height:1.8em;
	padding:30px 0;
	padding-bottom:10px;
	display:none;
	padding-left:20px
}
.inner-mater-list {
	justify-content:space-between
}
.inner-mater-list .item {
	width:49%;
	margin-bottom:30px;
	position:relative
}
.inner-mater-list .item:hover .thumb img {
	transform:scale(1.1)
}
.inner-mater-list .item:hover .thumb-title {
	display:none
}
.inner-mater-list .item:hover .thumb-cover {
	opacity:1
}
.inner-mater-list .item .thumb {
	display:block;
	overflow:hidden
}
.inner-mater-list .item .thumb img {
	width:100%;
transition:all .3s
}
.inner-mater-list .item .thumb-title {
	position:absolute;
	width:100%;
	padding:12px;
	text-align:center;
	font-size:18px;
	left:0;
	bottom:0;
	background:rgba(255, 255, 255, 0.7)
}
.inner-mater-list .item .thumb-cover {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	bottom:0;
	background:rgba(255, 255, 255, 0.8);
	padding:30px;
	display:flex;
	flex-direction:column;
	justify-content:center;
transition:all .3s;
	opacity:0
}
.inner-mater-list .item .thumb-title1 {
	text-align:center;
	font-size:18px;
	color:#333;
	display:block;
transition:all .3s
}
.inner-mater-list .item .thumb-title1:hover {
	color:#224471
}
.inner-mater-list .item .thumb-des {
	font-size:16px;
	line-height:28px;
	color:#666;
	margin-top:10px
}
.inner-mater-list .item .thumb-more {
	display:block;
	text-align:center;
	color:#224471;
	margin-top:20px
}
.inner-mater-list .item .thumb-more:hover {
	text-decoration:underline
}
.detail-relate-mater {
	padding-top:90px
}
.detail-relate-mater .inner-mater-list .item {
	width:32%;
	margin-bottom:0
}
.richtext-img {
	width:40%;
	float:right;
	margin-left:40px;
	margin-bottom:20px
}
.richtext-img img {
	width:100%
}
.hot-box .index-pro-ul li {
	position:relative;
	background:#f2f2f2;
	margin-bottom:20px;
	width:32%;
	margin-right:2%
}
.hot-box .index-pro-ul li:nth-child(3n) {
margin-right:0
}
.hot-box .index-pro-ul li .thumb {
	display:block;
	overflow:hidden;
	width:100%
}
.hot-box .index-pro-ul li .thumb img {
	width:100%;
transition:all .3s
}
.hot-box .index-pro-ul li .thumb img:hover {
	transform:scale(1.1)
}
.hot-box .index-pro-ul li .thumb-title {
	position:static;
	color:#fff
}
.hot-box .index-pro-ul li .thumb-title i {
	color:#fff;
	margin-right:8px
}
.hot-box .index-pro-ul li .thumb-title:hover {
	text-decoration:underline
}
.hot-box .index-pro-ul li .thumb-des {
	margin-top:8px;
	font-size:16px;
	color:#666;
	line-height:28px;
	padding-left:32px
}
.hot-box .index-pro-ul li .add {
	display:inline-block;
	position:absolute;
	right:0;
	bottom:0
}
.hot-box .index-pro-ul li .add:hover::after {
border-bottom-color:#333;
z-index:2
}
.hot-box .index-pro-ul li .add:hover+.index-li-cover {
	transform:translateY(0)
}
.hot-box .index-pro-ul li .add::after {
content:'';
display:inline-block;
border-bottom:53px solid #224471;
border-left:53px solid transparent;
position:absolute;
right:0;
bottom:0;
transition:all .3s;
z-index:2
}
.hot-box .index-pro-ul li .add i {
	display:block;
	width:24px;
	height:24px;
	position:absolute;
	right:4px;
	top:-29px;
	z-index:9
}
.hot-box .index-pro-ul li .add i::after {
content:'';
display:block;
width:16px;
height:2px;
background:#fff;
position:absolute;
left:50%;
margin-left:-8px;
top:50%;
margin-top:-1px
}
.hot-box .index-pro-ul li .add i::before {
content:'';
display:block;
width:2px;
height:16px;
background:#fff;
position:absolute;
left:50%;
margin-left:-1px;
top:50%;
margin-top:-8px
}
.hot-box .index-pro-ul li .thumb-title {
	display:flex;
	font-size:24px;
	color:#332c2b;
	position:absolute;
	left:44px;
	bottom:20px;
transition:all .3s;
	align-items:center;
	z-index:111
}
.hot-box .index-pro-ul li .thumb-title:hover {
	color:#224471
}
.hot-box .index-pro-ul li .thumb-title i {
	color:#224471;
	margin-right:10px;
	vertical-align:middle
}
.hot-box .index-pro-ul li .pro-cover {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(2, 105, 184, 0.8);
	padding:50px 23px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding-bottom:100px;
transition:all .3s;
	opacity:0
}
.hot-box .index-pro-ul li .pro-cover .thumb-title {
	position:static;
	color:#fff
}
.hot-box .index-pro-ul li .pro-cover .thumb-title i {
	color:#fff
}
.hot-box .index-pro-ul li .pro-cover .thumb-title:hover {
	text-decoration:underline
}
.hot-box .index-pro-ul li .pro-cover .thumb-des {
	margin-top:8px;
	font-size:16px;
	color:rgba(255, 255, 255, 0.8);
	line-height:28px;
	padding-left:24px
}
.hot-box .index-pro-ul li .pro-cover .thumb-a-box {
	margin-top:22px
}
.hot-box .index-pro-ul li .pro-cover .thumb-a-box a {
	display:block;
	font-size:16px;
	color:#fff;
	padding-left:24px;
	position:relative;
	line-height:30px
}
.hot-box .index-pro-ul li .pro-cover .thumb-a-box a::after {
content:'';
display:block;
width:12px;
height:12px;
background:#f2f2f2;
border-radius:50%;
position:absolute;
left:0;
top:8px
}
.hot-box .index-pro-ul li .pro-cover .thumb-more {
	display:block;
	width:110px;
	line-height:34px;
	border:1px solid #f2f2f2;
	border-radius:10px;
	text-align:center;
	font-size:16px;
	color:#fff;
transition:all .3s;
	position:absolute;
	bottom:23px;
	right:23px
}
.hot-box .index-pro-ul li .pro-cover .thumb-more:hover {
	background:#fff;
	color:#224471
}
.v-list {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between
}
.v-list.video-list1 .i-box:hover a img {
	transform:scale(1)
}
.v-list.video-list1 .i-box:hover .iframe-title a {
	color:#224471
}
.v-list .i-box {
	width:49%;
	margin-bottom:20px
}
.v-list .i-box:hover a img {
	transform:scale(1.1)
}
.v-list .i-box a {
	display:block;
	overflow:hidden;
	position:relative;
	text-align:center
}
.v-list .i-box a img {
	width:auto;
transition:all .3s;
	width:100%
}
.v-list .i-box a .play-icon {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#224471;
	font-size:40px;
transition:all .3s
}
.v-list .i-box a .play-icon:hover {
	color:#323232
}
.v-list .i-box .iframe-title {
	padding:10px
}
.v-list .i-box .iframe-title a {
	color:#323232;
	font-size:18px;
transition:all .3s;
	display:block
}
.v-list .i-box .iframe-title a:hover {
	color:#224471
}
.ifa {
	position:relative;
	margin-bottom:50px;
	margin-top:60px
}
.ifa iframe {
	border:none;
	width:70%;
	min-height:500px;
	margin:0 auto
}
.detail-relate-mater .v-list .i-box {
	width:24%
}
.top-title h1.title {
	font-size:54px;
	line-height:64px
}
.bq-he-hylb-ul-boxs {
	width:100%
}
.bq-he-hylb-ul-boxs.ons {
	margin-top:30px
}
.bq-he-hylb-ul-boxs ul li {
	width:48.67%;
	float:left;
	margin-bottom:38px
}
.bq-he-hylb-ul-boxs ul li:nth-child(even) {
margin-left:2.66%
}
.bq-he-hylb-ul-boxs ul li:hover .thumbs-boxs {
	opacity:1
}
.bq-he-hylb-ul-boxs ul li:hover .thumbs img {
	transform:scale(1.1)
}
.bq-he-hylb-ul-boxs .thumbs {
	width:49.5%;
	float:left;
	position:relative;
	overflow:hidden
}
.bq-he-hylb-ul-boxs .thumbs img {
	max-width:100%;
transition:all .3s
}
.bq-he-hylb-ul-boxs .imgs {
	display:block;
	width:100%;
	position:relative;
	z-index:20;
	overflow:hidden
}
.bq-he-hylb-ul-boxs .imgs.ons {
	height:312px;
	line-height:312px
}
.bq-he-hylb-ul-boxs .lis-boxs {
	width:50.5%;
	float:left;
	padding-top:34px;
	padding-right:10px;
	position:relative;
	box-shadow:0 0 10px rgba(0, 0, 0, 0.1)
}
.bq-he-hylb-ul-boxs .titles-a {
	font-size:20px;
	line-height:32px;
	color:#2b2b2b;
	padding-left:30px;
transition:all .3s;
	display:block
}
.bq-he-hylb-ul-boxs .titles-a:hover {
	color:#224471
}
.bq-he-hylb-ul-boxs .spans {
	font-size:15px;
	line-height:32px;
	color:#343434;
	margin-top:8px;
	padding-left:30px
}
.bq-he-hylb-ul-boxs .spans * {
	font-size:15px;
	line-height:32px;
	color:#343434
}
.bq-he-hylb-ul-boxs .spans.ons {
	height:160px
}
.bq-he-hylb-ul-boxs .mores-boxs {
	width:100%;
	background:#f6f6f6;
	position:absolute;
	left:0;
	bottom:0
}
.bq-he-hylb-ul-boxs .mores-boxs .mores {
	width:100%;
	display:inline-block;
	vertical-align:top;
	font-size:15px;
	line-height:32px;
	color:#224471;
	padding:9px 0;
	padding-left:30px;
transition:all .3s
}
.bq-he-hylb-ul-boxs .mores-boxs .mores i {
	font-size:16px;
	color:#224471;
	vertical-align:middle;
	margin-left:5px
}
.bq-he-hylb-ul-boxs .mores-boxs:hover {
	background:#224471
}
.bq-he-hylb-ul-boxs .mores-boxs:hover .mores {
	color:#fff
}
.bq-he-hylb-ul-boxs .mores-boxs:hover .mores i {
	color:#fff
}
.bq-he-hylb-ul-boxs .thumbs-boxs {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:rgba(0, 0, 0, 0.5);
	align-items:center;
	z-index:24;
	opacity:0;
transition:all .3s
}
.bq-he-hylb-ul-boxs .ul-boxs {
	width:100%;
	padding:0 18px
}
.bq-he-hylb-ul-boxs .ul-boxs .ul-lists {
	display:block;
	width:100%;
	position:relative;
	font-size:15px;
	line-height:36px;
	color:#fff;
	padding-left:18px;
transition:all .3s
}
.bq-he-hylb-ul-boxs .ul-boxs .ul-lists:before {
	content:'';
	display:block;
	width:6px;
	height:6px;
	border-radius:100%;
	background:#224471;
	position:absolute;
	left:0;
	top:15px
}
.bq-he-hylb-ul-boxs .ul-boxs .ul-lists:hover {
	color:#224471
}
.bk-new-contact ul {
	justify-content:space-between;
	flex-wrap:wrap;
	display:flex
}
.bk-new-contact ul li {
	width:24%;
	margin:10px 0;
	border:2px dashed #224471;
	border-radius:10px;
	list-style-type:none !important
}
.bk-new-contact ul li a {
	text-decoration:none;
	color:#224471
}
.bk-new-contact ul li a:hover {
	color:#231f20
}
.bk-new-contact ul li>div {
	background:#fff;
	text-align:center;
	min-height:220px;
	padding:10px;
	padding-top:30px
}
.bk-new-contact ul li>div i {
	font-family:"FontAwesome";
	display:block;
	width:65px;
	height:65px;
	margin:0 auto;
	font-size:30px;
	line-height:65px;
	background:#fff;
	border:1px solid #224471;
	color:#224471;
	border-radius:50%;
	position:relative
}
.bk-new-contact ul li>div i:after {
	content:'';
	pointer-events:none;
	position:absolute;
	width:100%;
	height:100%;
	-webkit-border-radius:inherit;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
	top:0;
	left:0;
	padding:0;
	border-radius:inherit;
	z-index:-1;
	-webkit-box-shadow:0 0 0 2px rgba(255, 255, 255, 0.1);
	box-shadow:0 0 0 2px rgba(255, 255, 255, 0.1);
	opacity:0;
	-webkit-transform:scale(.9);
	-ms-transform:scale(.9);
	transform:scale(.9);
	display:inline-block;
	z-index:9999
}
.bk-new-contact ul li:hover div i {
	background:#224471;
	color:#fff
}
.bk-new-contact ul li:hover div i:after {
	-webkit-animation:fusionSonarEffect 1.3s ease-out 75ms;
	animation:fusionSonarEffect 1.3s ease-out 75ms;
	-webkit-box-shadow:0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #008fd4, 0 0 0 10px rgba(255, 255, 255, 0.5);
	-moz-box-shadow:0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #008fd4, 0 0 0 10px rgba(255, 255, 255, 0.5);
	box-shadow:0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #008fd4, 0 0 0 10px rgba(255, 255, 255, 0.5)
}
.map {
	padding-top:80px
}
.map iframe {
	width:100%;
	height:500px;
	border:none
}
.search-pro-box {
	background:none
}
.search-pro-box .index-pro-ul {
	justify-content:space-between
}
.search-pro-box .index-pro-ul li {
	width:49%;
	margin-right:0;
	box-shadow:0 0 10px #eee
}
.search-pro-box .index-pro-ul li .thumb-title {
	font-size:18px;
	width:85%;
	left:20px
}
.sep-case-banner .sep-container .banner-div {
	padding:30px;
	position:relative
}
.sep-case-banner .sep-container .banner-div::after {
content:'';
display:block;
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
background:rgba(255, 255, 255, 0.3);
filter:blur(3px);
z-index:-1
}
.sep-lx-header-mb {
	display:block;
	width:100%;
	z-index:200
}
.sep-lx-header-mb.onss {
	position:static
}
.sep-lx-header-mb.onss .box-wrap {
	background:rgba(0, 0, 0, 0.5)
}
.sep-lx-header-mb .rt {
	float:right
}
.sep-lx-header-mb .lf {
	float:left
}
.sep-lx-header-mb .sep-bjj-pro-list {
	display:flex;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	position:relative
}
.sep-lx-header-mb .sep-bjj-pro-list>li {
	flex:1
}
.sep-lx-header-mb .sep-bjj-pro-list>li:nth-child(1) a {
background:#11a4a7
}
.sep-lx-header-mb .sep-bjj-pro-list>li>a {
	display:block;
	background:#11b4b7;
	color:#fff;
	font-size:16px;
	text-align:center;
	padding:10px 0
}
.sep-lx-header-mb .sep-bjj-pro-list>li>a i {
	padding-left:5px
}
.sep-lx-header-mb .sep-bjj-pro-list>li>ul {
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	z-index:100000;
	display:none
}
.sep-lx-header-mb .sep-bjj-pro-list>li>ul>li {
	display:block;
	background:#11a4a7;
	color:#fff;
	font-size:16px;
	padding:10px 30px;
	border-top:1px solid #4ab3b5
}
.sep-lx-header-mb .sep-bjj-pro-list>li>ul>li a {
	color:#fff
}
.sep-lx-header-mb .sep-bjj-pro-list>li>ul>li i {
	float:right;
	position:relative;
	top:3px
}
.sep-lx-header-mb .box-wrap {
	padding:10px 20px;
	width:100%;
	z-index:1000;
	display:flex;
	justify-content:space-between;
	align-items:center
}
.sep-lx-header-mb .box-wrap .logo {
	float:none;
	margin:0 auto
}
.sep-lx-header-mb .box-wrap .logo img {
	width:100px
}
.sep-lx-header-mb .box-wrap>ul {
	position:relative;
	top:1px;
	display:flex;
	align-items:center
}
.sep-lx-header-mb .box-wrap>ul>li {
	margin-left:4px;
	width:28px;
	height:38px;
	line-height:38px;
	text-align:center;
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center
}
.sep-lx-header-mb .box-wrap>ul>li .iconfont {
	color:#224471;
	font-size:20px
}
.sep-lx-header-mb .box-wrap>ul>li .person {
	display:flex;
	align-items:center;
	justify-content:center
}
.sep-lx-header-mb .box-wrap>ul>li a {
	display:block
}
.sep-lx-header-mb .box-wrap>ul>li#headerSearch {
	color:#666
}
.sep-lx-header-mb .box-wrap>ul>li#headerSearch i {
	color:#666
}
.sep-lx-header-mb .box-wrap>ul>li#logo {
	border:none;
	float:none;
	margin:0 auto;
	position:absolute;
	left:50%;
	width:auto;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%)
}
.sep-lx-header-mb .box-wrap>ul>li .multi-language {
	position:absolute;
	background:#224471;
	width:157px;
	text-align:center;
	padding:10px 20px;
	z-index:100000;
	top:40px;
	left:-67px;
	display:none;
	border:1px solid #fff
}
.sep-lx-header-mb .box-wrap>ul>li .multi-language li {
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #fff
}
.sep-lx-header-mb .box-wrap>ul>li .multi-language li:last-child {
	border-bottom:none;
	margin-bottom:0
}
.sep-lx-header-mb .box-wrap>ul>li .multi-language li a {
	color:#fff;
	font-size:14px
}
.sep-lx-header-mb .box-wrap>ul>li.active {
	border:1px solid #1f2256;
	background:#1f2256
}
.sep-lx-header-mb .box-wrap>ul>li.active i {
	color:#fff
}
.sep-lx-header-mb .box-wrap>ul>li i {
	color:#224471;
	font-size:20px;
	line-height:normal
}
.sep-lx-header-mb .stock {
	color:#3a3a3a;
	font-size:14px;
	background:#f4f4f4;
	text-align:center;
	padding:8px 0
}
.sep-lx-header-mb .stock .red {
	color:#da2337;
	position:relative;
	padding:0 7px
}
.sep-lx-header-mb .stock .red:before {
	content:"";
	display:block;
	width:2px;
	height:10px;
	background:#da2337;
	position:absolute;
	left:0;
	top:3px
}
.sep-lx-header-mb .stock .red:after {
	content:"";
	display:block;
	width:2px;
	height:10px;
	background:#da2337;
	position:absolute;
	right:0;
	top:3px
}
.sep-lx-header-mb .stock .green {
	color:#13ba07
}
.sep-lx-header-mb .stock span {
	padding:0 5px;
	margin:0 3px
}
.sep-shadow {
	background:rgba(0, 0, 0, 0.5);
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:1000000;
	display:none
}
i.i-searchs {
	display:inline-block;
	width:20px;
	height:20px;
	border-radius:100%;
	border:3px solid #000;
	position:relative
}
i.i-searchs:after {
	content:'';
	display:block;
	width:3px;
	height:8px;
	background:#000;
	position:absolute;
	left:100%;
	top:100%;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
i.i-closes {
	display:inline-block;
	width:25px;
	height:25px;
	position:relative;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg)
}
i.i-closes:before {
	content:'';
	display:block;
	width:17px;
	height:3px;
	background:#000;
	position:absolute;
	left:4px;
	top:11px
}
i.i-closes:after {
	content:'';
	display:block;
	width:3px;
	height:17px;
	background:#000;
	position:absolute;
	left:11px;
	top:4px
}
i.i-closes.ons {
	position:absolute;
	right:31px;
	top:24px;
	cursor:pointer
}
i.i-globals {
	display:inline-block;
	width:22px;
	height:22px;
	border-radius:100%;
	border:1px solid #000;
	position:relative
}
i.i-globals:after {
	content:'';
	display:block;
	width:10px;
	height:20px;
	border:1px solid #000;
	border-radius:50%;
	position:absolute;
	left:5px;
	top:0
}
i.i-globals:before {
	content:'';
	display:block;
	width:1px;
	height:100%;
	position:absolute;
	left:50%;
	top:0;
	background:#000
}
i.i-menus {
	display:inline-block;
	width:18px;
	height:2px;
	position:relative;
	background:#000
}
i.i-menus:before {
	content:'';
	display:block;
	width:100%;
	height:2px;
	background:#000;
	position:absolute;
	left:0;
	top:-5px
}
i.i-menus:after {
	content:'';
	display:block;
	width:100%;
	height:2px;
	background:#000;
	position:absolute;
	left:0;
	top:5px
}
.sep-search-box {
	position:fixed;
	width:100%;
	background:#fff;
	top:66px;
	z-index:10000000;
	padding:44px 31px;
	box-shadow:0 0 12px rgba(0, 0, 0, 0.5);
	display:none
}
.sep-search-box .fa-times {
	color:#000;
	font-size:20px;
	position:absolute;
	right:31px;
	top:24px;
	cursor:pointer
}
.sep-search-box .hd {
	color:#282828;
	font-size:18px;
	font-family:'LATO-BOLD'
}
.sep-search-box form {
	margin-top:10px;
	margin-bottom:25px
}
.sep-search-box form .form-control {
	height:47px;
	border-radius:0
}
.sep-search-box form .btn {
	background:#224471;
	color:#fff;
	display:table;
	margin:0 auto;
	margin-top:17px;
	padding:10px 40px;
	font-size:16px;
	width:100%
}
.sep-search-box form .btn i {
	margin-right:5px;
	border-color:#fff
}
.sep-search-box form .btn i:after {
	background:#fff
}
.sep-search-box .more {
	background:#224471;
	color:#fff;
	display:table;
	margin:0 auto;
	margin-top:17px;
	padding:10px 40px;
	font-size:16px;
	width:100%;
	border:none
}
.sep-search-box .more i {
	padding-right:5px
}
.sep-search-box ul li {
	margin-top:8px
}
.sep-search-box ul li a {
	color:#8c8c8c;
	font-size:14px;
	display:block
}
.logos {
	display:block;
	display:flex;
	align-items:center
}
.logos img {
	max-width:100%;
	max-width:77px
}
#search {
	color:#224471
}
#search i {
	color:#224471 !important
}
.sep-menu-box {
	width:100%;
	position:absolute;
	background:#fff;
	left:0;
	top:0;
	z-index:10000000;
	max-width:310px;
	box-shadow:0 0 12px rgba(0, 0, 0, 0.7);
transition:All .4s ease-in-out;
-webkit-transition:All .4s ease-in-out;
-moz-transition:All .4s ease-in-out;
-o-transition:All .4s ease-in-out;
	-webkit-transform:translateX(-105%);
	-moz-transform:translateX(-105%);
	-ms-transform:translateX(-105%);
	-o-transform:translateX(-105%);
	transform:translateX(-105%)
}
.sep-menu-box.active {
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	transform:translateX(0)
}
.sep-menu-box .top {
	padding:20px 30px;
	text-align:center;
	box-shadow:0 0 12px rgba(145, 145, 145, 0.7);
	position:relative;
	z-index:10000;
	display:flex;
	justify-content:space-between;
	align-items:center
}
.sep-menu-box .top i {
	color:#000;
	font-size:22px;
	position:relative;
	top:3px;
	cursor:pointer
}
.sep-menu-box .bottom {
	visibility:visible
}
.sep-menu-box .bottom.no {
	visibility:hidden
}
.sep-menu-box .bottom .menu-item {
	margin-bottom:20px
}
.sep-menu-box .bottom .menu-item>li {
	border-bottom:1px solid #ddd
}
.sep-menu-box .bottom .menu-item>li:last-child {
	border-bottom:none
}
.sep-menu-box .bottom .menu-item>li.active {
	background:#224471
}
.sep-menu-box .bottom .menu-item>li.active .box {
	border-bottom:1px solid #fff
}
.sep-menu-box .bottom .menu-item>li.active .box a {
	color:#fff
}
.sep-menu-box .bottom .menu-item>li.active .box i {
	color:#fff;
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	background:#fff
}
.sep-menu-box .bottom .menu-item>li.active .box i:after {
	border-top-color:#224471;
	border-right-color:#224471
}
.sep-menu-box .bottom .menu-item>li .box {
	position:relative;
	padding:22px 30px;
	border-bottom:1px solid transparent
}
.sep-menu-box .bottom .menu-item>li .box a {
	color:#282828;
	font-size:18px
}
.sep-menu-box .bottom .menu-item>li .box i {
	display:block;
	width:24px;
	height:24px;
	font-size:20px;
	border-radius:100%;
	background:#224471;
	color:#282828;
	position:absolute;
	right:30px;
	top:26px;
	cursor:pointer;
transition:All .4s ease-in-out;
-webkit-transition:All .4s ease-in-out;
-moz-transition:All .4s ease-in-out;
-o-transition:All .4s ease-in-out
}
.sep-menu-box .bottom .menu-item>li .box i:after {
	content:'';
	display:block;
	width:8px;
	height:8px;
	border:2px solid transparent;
	border-top-color:#fff;
	border-right-color:#fff;
	position:absolute;
	left:50%;
	margin-left:-6px;
	top:50%;
	margin-top:-4px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg)
}
.sep-menu-box .bottom .menu-item>li>ul {
	padding:5px 0;
	display:none
}
.sep-menu-box .bottom .menu-item>li>ul>li {
	padding:4px 20px;
	position:relative
}
.sep-menu-box .bottom .menu-item>li>ul>li a {
	color:#fff;
	font-size:14px
}
.sep-menu-box .bottom .menu-item>li>ul>li i {
	display:block;
	width:24px;
	height:24px;
	font-size:20px;
	border-radius:100%;
	background:#fff;
	color:#282828;
	position:absolute;
	right:30px;
	top:7px;
	cursor:pointer;
transition:All .4s ease-in-out;
-webkit-transition:All .4s ease-in-out;
-moz-transition:All .4s ease-in-out;
-o-transition:All .4s ease-in-out
}
.sep-menu-box .bottom .menu-item>li>ul>li i:after {
	content:'';
	display:block;
	width:8px;
	height:8px;
	border:2px solid transparent;
	border-top-color:#224471;
	border-right-color:#224471;
	position:absolute;
	left:50%;
	margin-left:-6px;
	top:50%;
	margin-top:-4px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg)
}
.sep-menu-box .bottom .menu-item>li .ul2 {
	padding:5px 0;
	display:none
}
.sep-menu-box .bottom .menu-item>li .ul2>li {
	padding:4px 20px;
	position:relative
}
.sep-menu-box .bottom .menu-item>li .ul2>li a {
	color:#fff;
	font-size:14px
}
.sep-menu-box .bottom .menu-item>li .ul2>li i {
	display:block;
	width:24px;
	height:24px;
	font-size:20px;
	border-radius:100%;
	background:#fff;
	color:#282828;
	position:absolute;
	right:30px;
	top:7px;
	cursor:pointer;
transition:All .4s ease-in-out;
-webkit-transition:All .4s ease-in-out;
-moz-transition:All .4s ease-in-out;
-o-transition:All .4s ease-in-out
}
.sep-menu-box .bottom .menu-item>li .ul2>li i:after {
	content:'';
	display:block;
	width:8px;
	height:8px;
	border:2px solid transparent;
	border-top-color:#224471;
	border-right-color:#224471;
	position:absolute;
	left:50%;
	margin-left:-6px;
	top:50%;
	margin-top:-4px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg)
}
.sep-menu-box .bottom-toggle {
	position:absolute;
	width:100%;
	z-index:1000;
	top:64px;
	background:#fff;
transition:All .4s ease-in-out;
-webkit-transition:All .4s ease-in-out;
-moz-transition:All .4s ease-in-out;
-o-transition:All .4s ease-in-out;
	-webkit-transform:translateX(100%);
	-moz-transform:translateX(100%);
	-ms-transform:translateX(100%);
	-o-transform:translateX(100%);
	transform:translateX(100%)
}
.sep-menu-box .bottom-toggle.active {
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	transform:translateX(0)
}
.sep-menu-box .bottom-toggle .toggle {
	display:none
}
.sep-menu-box .bottom-toggle .toggle>ul {
	background:#fff
}
.sep-menu-box .bottom-toggle .toggle>ul>li {
	padding:0 0;
	border-bottom:1px solid #ccc;
	position:relative;
	line-height:60px
}
.sep-menu-box .bottom-toggle .toggle>ul>li:nth-child(1) span {
width:60;
min-width:60px;
height:59px;
line-height:60px;
text-align:center;
display:inline-block;
border-right:1px solid #ccc
}
.sep-menu-box .bottom-toggle .toggle>ul>li:nth-child(1) a {
font-family:'LATO-BOLD'
}
.sep-menu-box .bottom-toggle .toggle>ul>li>ul {
	display:none
}
.sep-menu-box .bottom-toggle .toggle>ul>li>ul>li {
	line-height:40px
}
.sep-menu-box .bottom-toggle .toggle>ul>li>ul>li a {
	font-size:14px
}
.sep-menu-box .bottom-toggle .toggle>ul>li a {
	color:#282828;
	font-size:16px;
	padding-left:30px
}
.sep-menu-box .bottom-toggle .toggle>ul>li a i {
	font-size:20px;
	color:#282828;
	position:absolute;
	right:30px;
	top:21px;
	cursor:pointer
}
.sep-menu-box .contact {
	background:#224471;
	color:#fff;
	display:table;
	margin:0 auto 20px;
	margin-top:0;
	padding:4px 40px;
	font-size:22px;
	border:none;
	border-radius:0
}
.sep-menu-box .contact i {
	padding-right:5px
}
.sep-menu-box .logo img {
	width:59px
}
.gdw-mb-c {
	display:none
}
.sep-banner-mb {
	display:none
}
.sep-banner-mb img {
	width:100%
}
.mb-bottom-wrap {
	padding-bottom:24px;
	background:#131d26
}
.mb-bottom-wrap ul.info {
	padding:28px 37px
}
.mb-bottom-wrap ul.info li {
	margin-bottom:4px;
	position:relative;
	padding-left:36px;
	color:#fff;
	font-size:14px
}
.mb-bottom-wrap ul.info li:last-child {
	margin-bottom:0
}
.mb-bottom-wrap ul.info li i {
	color:#fff
}
.mb-bottom-wrap ul.info li a {
	color:#fff
}
.mb-bottom-wrap ul.info li img {
	position:absolute;
	left:0;
	top:10px
}
.mb-bottom-wrap .bottom-menu>li:last-child {
	border-bottom:1px solid #343e46
}
.mb-bottom-wrap .bottom-menu>li>ul {
	padding:5px 0;
	padding-left:60px;
	border-top:1px solid #343e46;
	display:none
}
.mb-bottom-wrap .bottom-menu>li>ul li {
	padding:5px 0;
	list-style:disc;
	color:#fff
}
.mb-bottom-wrap .bottom-menu>li>ul li a {
	font-size:14px;
	color:#fff
}
.mb-bottom-wrap .bottom-menu>li .box {
	padding:13px 37px;
	border-top:1px solid #343e46;
	position:relative
}
.mb-bottom-wrap .bottom-menu>li .box a {
	color:#fff;
	font-size:14px
}
.mb-bottom-wrap .bottom-menu>li .box i {
	position:absolute;
	right:37px;
	top:17px;
	color:#fff;
	cursor:pointer;
	font-size:14px
}
.mb-bottom-wrap .sep-share {
	display:table;
	margin:0 auto;
	margin-top:24px
}
.mb-bottom-wrap .sep-share li {
	width:28px;
	height:28px;
	line-height:28px;
	text-align:center;
	margin-right:6px;
	background:#1e2c39
}
.mb-bottom-wrap .sep-share li:hover {
	background:#224471;
	border:1px solid #224471
}
.mb-bottom-wrap .sep-share li:hover a i {
	color:#fff
}
.mb-bottom-wrap .sep-share li a i {
	color:#fff;
	font-size:14px
}
@media screen and (min-width:813px) {
.sep-banner-mb {
display:none
}
.sep-search-box, .sep-shadow, .sep-lx-header-mb, .sep-menu-box {
display:none !important
}
}
@media screen and (max-width:813px) {
.sep-banner-pc {
display:none
}
.sep-banner-mb {
display:block
}
}
@media screen and (max-width:1680px) {
.sep-container {
max-width:92%
}
.com-wrap-box .com-box {
max-width:92%
}
}
@media screen and (max-width:1460px) {
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li {
margin:0 28px
}
.case-box .sep-container {
min-height:486px
}
.news-box .news-main .news-ul li {
margin-bottom:30px
}
.news-box .news-main .news-ul li .news-more {
padding:0 40px
}
}
@media screen and (max-width:1366px) {
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li {
margin:0 22px
}
.com-box .com-why-ul li .num span {
font-size:60px
}
.pro-box .pro-item {
padding:50px
}
}
@media screen and (max-width:1280px) {
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li>a {
padding:32px 0
}
.head-cover {
height:129px
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li {
margin:0 12px
}
.sep-header .sep-mainnav .sep-container .nav-list .take {
margin-left:24px
}
.pro-box .pro-item .thumb-info {
width:45%
}
.pro-box .pro-item .thumb {
width:50%
}
.pro-box .pro-item .thumb-info .thumb-title {
font-size:27px
}
.com-box .play-box .play-icon {
width:90px;
height:90px
}
.com-box .play-box .play-icon i {
font-size:48px
}
.news-box .news-main .news-ul li .news-info .news-title {
font-size:20px;
line-height:32px
}
.contact-box .sep-form {
padding:0 50px
}
.case-box .sep-container {
min-height:400px
}
}
@media screen and (max-width:1200px) {
.sep-header .sep-mainnav .sep-container .logo img {
max-width:200px
}
.case-box .left-btn .btn-item {
font-size:24px
}
.padding-120 {
padding:100px 0
}
}
@media screen and (max-width:1024px) {
.sep-header .sep-mainnav .sep-container .nav-list .take {
padding:0 20px
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li {
margin:0 16px
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li>a {
font-size:18px
}
.sep-header .sep-mainnav .sep-container .logo img {
max-width:160px
}
.sep-header .sep-mainnav .sep-container .nav-list .nav-ul>li .ul {
display:none !important
}
.pro-box .pro-swiper .pro-page div.prev {
left:10px
}
.pro-box .pro-swiper .pro-page div.next {
right:10px
}
.vr-box .sep-container .vr-btn-box {
width:60%
}
.vr-box .sep-container .left {
width:35%
}
.vr-box .sep-container .left img {
max-width:100%
}
.vr-box .sep-container .vr-btn-box .icon-btn {
padding:0 30px
}
.offside p {
display:none
}
.offside .tel {
width:50%;
transform:translateX(0)
}
.offside a, .offside div {
line-height:44px
}
#onlineService {
left:0;
bottom:0
}
#onlineService .offside {
width:100%;
display:flex
}
#onlineService .offside li {
flex:1;
height:50px;
background:#224471;
border-radius:0;
border:1px solid rgba(255, 255, 255, 0.2)
}
#onlineService .offside li a {
width:100%;
top:4px
}
#onlineService .offside li a i {
color:#fff;
font-size:20px;
line-height:40px
}
.foot-cover {
height:44px
}
.com-box .play-box .play-btn {
margin-top:30px
}
.com-box .com-why-ul li .num span {
font-size:48px
}
.com-box .com-why-ul li .num-title {
margin-top:5px
}
.case-box .case-swiper {
width:70%
}
.com-why-box .qua-box .qua-swiper {
padding:0 80px
}
.cust-box .cust-swiper {
padding:0 80px
}
.news-box .news-main .news-ul li:nth-child(3) {
display:none
}
.news-box .news-main .news-ul li .news-more {
padding:0 22px;
font-size:18px
}
.padding-120 {
padding:90px 0
}
.contact-box .sep-form {
padding:0
}
.sep-footer>.sep-container .foot-bottom {
padding:26px 0
}
.sep-footer>.sep-container .foot-bottom .logo-title {
margin-top:12px
}
#onlineService .offside li.fold {
display:none !important
}
.cust-box .cust-swiper .qua-item img {
max-width:80px
}
}
@media screen and (max-width:812px) {
.logos img {
max-width:170px
}
.sep-menu-box .bottom .menu-item>li>ul>li a {
font-size:16px !important
}
.pro-box .pro-swiper {
display:none
}
.pro-mb-box {
display:block
}
.pro-mb-box .pro-mb-list li {
align-items:center;
justify-content:space-between;
padding:10px 0;
border-bottom:1px solid #224471;
width:100%
}
.pro-mb-box .pro-mb-list li:nth-child(1) {
border-top:1px solid #224471
}
.pro-mb-box .pro-mb-list li .thumb {
width:30%;
display:block;
overflow:hidden;
border:1px solid #e6e6e6
}
.pro-mb-box .pro-mb-list li .thumb img {
width:100%;
transition:all .3s
}
.pro-mb-box .pro-mb-list li .thumb-info {
width:65%
}
.pro-mb-box .pro-mb-list li .thumb-info .thumb-title {
display:flex;
font-size:18px;
color:#383838;
line-height:32px;
justify-content:space-between;
align-items:center;
transition:all .3s
}
.pro-mb-box .pro-mb-list li .thumb-info .thumb-title:hover {
color:#224471
}
.vr-box .sep-container .left {
width:100%;
text-align:center
}
.vr-box .sep-container .vr-btn-box {
width:100%;
margin-top:30px
}
.com-box {
flex-direction:column-reverse
}
.com-box .com-left {
width:100%;
border-left:none;
padding:40px
}
.com-box .com-why-ul {
justify-content:center;
flex-direction:row
}
.com-box .com-why-ul li {
width:49%
}
.com-box .com-right {
width:100%
}
.padding-100 {
padding:70px 0
}
.case-box .left-btn {
display:none
}
.case-box .case-swiper {
width:100%;
margin-bottom:30px
}
.case-box .swiper-pagination {
display:block;
text-align:center;
width:100%;
margin-top:30px
}
.case-box .swiper-pagination .swiper-pagination-bullet {
margin:0 6px;
opacity:1;
background:rgba(255, 255, 255, 0.4)
}
.case-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background:#224471
}
.case-box .sep-container {
min-height:1px
}
.case-box .case-swiper .case-item .case-title {
font-size:30px;
line-height:40px
}
.case-box .case-swiper .case-item .case-title span {
font-size:40px
}
.case-box .case-swiper .case-item .case-more {
margin-top:40px
}
.ky-more {
padding:0 40px;
font-size:18px
}
.news-box .news-main .thumb {
width:100%
}
.news-box .news-main .news-ul {
width:100%;
margin-top:40px
}
.sep-header {
display:none
}
.head-cover {
display:none
}
.top-title .title {
font-size:28px;
line-height:32px
}
.top-title .title a {
font-size:28px;
line-height:32px
}
.top-title .top-subtitle {
font-size:36px;
line-height:30px
}
.top-title .top-subtitle {
margin-bottom:-18px
}
.padding-120 {
padding:70px 0
}
.swiper-pc {
display:none
}
.swiper-mb {
display:block !important
}
.swiper-mb.swiper-mb2 {
display:none !important
}
.sep-footer .copyRight .main span {
width:100%;
margin:10px 0
}
.sep-footer .sep-container .foot-top {
flex-wrap:wrap
}
.sep-footer .sep-container .foot-top .foot-ul {
width:100% !important
}
.sep-footer .sep-container .foot-top .foot-ul .foot-logo {
display:none
}
.sep-footer .sep-container .foot-top .foot-ul:last-child li {
width:100% !important
}
.sep-footer .sep-container .foot-top .foot-ul:last-child>li:nth-child(2) {
padding-left:0
}
.sep-footer .sep-container .foot-top .foot-ul:last-child>li:nth-child(2)::after {
display:none
}
.sep-footer .sep-container .foot-top .foot-ul:nth-child(3)>li:nth-child(1) {
height:auto
}
.sep-footer .sep-container .foot-top .foot-ul>li {
margin-bottom:20px !important
}
.sep-footer .sep-container .foot-top .foot-ul>li.ons .list-title i::after {
display:none
}
.sep-footer .sep-container .foot-top .foot-ul>li .li-list {
display:none
}
.sep-footer .sep-container .foot-top .foot-ul {
padding-top:0
}
.sep-footer .sep-container .foot-top .foot-ul:nth-child(4)>li:nth-child(2) {
height:auto
}
.sep-footer .sep-container .foot-top .foot-ul:last-child .foot-contact {
margin-top:0
}
.sep-footer .sep-container .foot-top .foot-ul:last-child .foot-contact .li-list {
display:block
}
.sep-footer .sep-container .foot-top .foot-ul::after {
display:none
}
.sep-footer .sep-container .foot-top .foot-ul>li .list-title {
padding:20px 0;
border-bottom:1px solid rgba(255, 255, 255, 0.2)
}
.sep-footer .sep-container .foot-top .foot-ul>li {
margin-bottom:0 !important
}
.sep-footer .sep-container .foot-top .foot-ul>li .list-title::after {
top:27px
}
.sep-footer .sep-container .foot-top .foot-ul>li .list-title {
position:relative
}
.sep-footer .sep-container .foot-top .foot-ul>li .list-title i {
display:block;
width:24px;
height:24px;
position:absolute;
right:0;
top:24px
}
.sep-footer .sep-container .foot-top .foot-ul>li .list-title i:before {
content:'';
display:block;
width:12px;
height:2px;
background:#4d4d4d;
position:absolute;
left:50%;
margin-left:-6px;
top:50%;
margin-top:1px
}
.sep-footer .sep-container .foot-top .foot-ul>li .list-title i:after {
content:'';
display:block;
width:2px;
height:12px;
background:#4d4d4d;
position:absolute;
left:50%;
margin-left:-1px;
top:50%;
margin-top:-4px
}
.sep-footer>.sep-container .foot-top {
padding:50px 0
}
.sep-footer>.sep-container .foot-top .foot-left {
flex-wrap:wrap
}
.sep-footer>.sep-container .foot-top .foot-left .foot-ul {
width:100%
}
.sep-footer .sep-container .foot-top .foot-ul>li .list-title {
border-bottom:1px solid #e6e6e6
}
.sep-footer>.sep-container .foot-top .foot-ul>li .list-title::after {
display:none
}
.sep-footer>.sep-container .foot-top {
border-bottom:none;
padding-bottom:10px
}
.sep-footer .sep-container .foot-top .foot-ul>li .list-title {
padding:15px 0
}
.sep-footer>.sep-container .foot-bottom .left {
width:100%
}
.sep-footer>.sep-container .foot-bottom .right {
width:100%;
margin-top:20px
}
.sep-footer>.sep-container .foot-bottom .right .fo-media {
text-align:left
}
.sep-footer>.sep-container .foot-bottom .right .fo-media a {
margin-left:0;
margin-right:12px
}
.sep-footer .sep-container .foot-top .foot-ul {
margin-right:0
}
.com-box .com-left {
border-bottom:5px solid #224471
}
.sep-footer .sep-container .foot-top .foot-ul>li .li-list {
padding-left:20px
}
.sep-footer .copyRight {
background:none;
border-top:1px solid #e6e6e6
}
.sep-footer .copyRight .main span {
color:#666
}
.sep-footer .copyRight .main span a {
color:#666
}
}
@media screen and (max-width:480px) {
.top-title .title {
font-size:24px;
line-height:32px
}
.top-title .title a {
font-size:24px;
line-height:32px
}
.top-title {
margin-bottom:30px
}
.padding-15 {
padding:10px
}
.padding-120 {
padding:60px 0
}
.vr-box {
padding:60px 0;
margin:10px 0
}
.vr-box .sep-container .left img {
max-width:65%
}
.vr-box .sep-container .logo-title {
font-size:28px;
line-height:34px
}
.vr-box .sep-container .vr-btn-box .icon-title {
font-size:24px;
line-height:32px
}
.vr-box .sep-container .vr-btn-box .vr-icon {
width:74px;
height:74px
}
.vr-box .sep-container .vr-btn-box .vr-icon img {
max-width:84%
}
.vr-box .sep-container .vr-btn-box .icon-subtitle {
display:none
}
.vr-box .sep-container .vr-btn-box .icon-subtitle1 {
display:block
}
.vr-box .sep-container .vr-btn-box .icon-btn {
font-size:16px;
padding:0 20px;
line-height:32px;
margin-right:20px
}
.vr-box .sep-container .vr-btn-box .icon-subtitle {
line-height:30px
}
.vr-box .sep-container .vr-btn-box {
height:auto
}
.com-box .play-box .play-icon {
width:58px;
height:58px
}
.com-box .play-box .play-icon i {
font-size:24px
}
.ky-more {
padding:0 30px;
font-size:16px;
line-height:34px
}
.com-box .com-why-ul {
flex-wrap:wrap
}
.com-box .com-why-ul li {
margin:12px 0
}
.com-box .com-left {
padding:50px 10px
}
.com-why-box .qua-box .qua-swiper {
padding:0
}
.com-why-box .qua-box .qua-swiper {
margin-top:30px
}
.com-why-box .qua-box .qua-swiper .pro-page {
display:none
}
.com-why-box .qua-box .qua-swiper .swiper-pagination {
display:block;
text-align:center;
width:100%;
margin-top:20px;
position:static
}
.com-why-box .qua-box .qua-swiper .swiper-pagination .swiper-pagination-bullet {
margin:0 6px;
opacity:1;
background:#e6e6e6
}
.com-why-box .qua-box .qua-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background:#224471
}
.cust-box .cust-swiper {
padding:0
}
.news-box .news-main .news-ul li .news-info {
width:100%
}
.news-box .news-main .news-ul li .news-more {
margin-top:12px
}
.news-box .news-main .news-ul li .news-info .news-title {
font-size:20px;
line-height:30px
}
.news-box .news-main .news-ul li .news-more {
background:#224471
}
.contact-box .form-group {
width:100%;
margin-bottom:15px
}
.contact-box .btn-box {
margin-top:16px
}
.sep-footer>.sep-container .foot-top .foot-ul>li .list-title a {
font-size:20px;
line-height:30px;
color:#333;
font-family:"Alibaba-PuHuiTi-Regular"
}
.sep-footer .sep-container .foot-top .foot-ul>li .list-title i {
top:15px
}
.padding-100 {
padding:50px 0
}
.case-box .case-swiper .case-item .case-title {
font-size:24px;
line-height:32px
}
.case-box .case-swiper .case-item .case-title span {
font-size:36px
}
.case-box .case-swiper .case-item .case-des {
font-size:16px
}
.case-box .case-swiper .case-item .case-des {
margin-top:12px
}
.news-box .news-main .news-ul li .news-info .news-time {
font-size:18px
}
.contact-box .form-group .form-control {
height:50px
}
.sep-footer>.sep-container .foot-bottom .left img {
max-width:60% !important
}
.vr-box .sep-container .vr-btn-box {
padding-right:30px
}
.vr-box .sep-container .vr-btn-box .icon-title {
font-size:18px;
line-height:28px
}
.vr-box .sep-container .vr-btn-box .icon-btn {
margin-right:0;
margin-top:6px
}
.logos img {
max-width:120px
}
.cust-box .cust-swiper .qua-item img {
max-width:70px
}
.vr-box {
padding-top:0
}
.com-box .com-why-ul li .num span {
font-size:40px
}
.cust-box .cust-swiper .pro-page div {
font-size:22px;
top:65%
}
.cust-box .cust-swiper .pro-page div.prev {
left:-12px
}
.cust-box .cust-swiper .pro-page div.next {
right:-12px
}
.com-why-box .qua-box .qua-swiper .qua-item img {
max-width:70px
}
}
@media screen and (max-width:1920px) {
.index-about-box2 .index-abou2-main .back img {
width:100%
}
}
@media screen and (max-width:1680px) {
.index-main-box .index-main-swiper {
max-width:92%
}
.index-main-box .index-main-swiper .main-item .thumb-title {
font-size:24px;
line-height:32px
}
.index-hot-box .index-hot-swiper {
padding:0 20px
}
.index-hot-box .index-hot-swiper .hot-page div.prev {
left:-20px
}
.index-hot-box .index-hot-swiper .hot-page div.next {
right:-20px
}
.index-hezuo-box .top-title {
width:40%
}
}
@media screen and (max-width:1460px) {
.index-pro-box .index-pro-item .items li .thumb {
padding:24px;
min-height:1px
}
.index-pro-box .index-pro-item .items li .thumb-more {
padding:28px
}
.detail-img-main .detail-img-box img {
max-width:100%
}
.index-about-box .index-about-ul li {
padding:40px 20px
}
.index-about-box2 .index-abou2-main .index-about2-ul>li {
width:15%
}
.index-case-box .pro-ul .thumb-info .thumb-des {
padding-left:60px
}
.index-case-box .pro-ul .thumb-info .thumb-des::after {
width:30px
}
.index-case-box .pro-ul .thumb-info .thumb-more {
margin-left:60px
}
.index-case-box .pro-ul .thumb-info .thumb-title {
font-size:34px;
line-height:48px
}
.inner-top-title .title-des p {
margin-bottom:0 !important
}
.index-about-box2 .index-abou2-main .index-about2-ul {
padding:0 30px
}
.index-about-box2 .index-abou2-main .index-about2-ul>li:nth-child(1) {
top:32%
}
.index-about-box2 .index-abou2-main .index-about2-ul {
height:60%
}
.index-about-box2 .index-abou2-main .index-about2-ul>li {
padding-left:12px
}
}
@media screen and (max-width:1366px) {
.sep-banner .sep-container .banner-title {
font-size:50px;
line-height:64px
}
.detail-img-main .detail-img-box {
align-items:center
}
.index-about-box1 .index-about1-ul li {
width:17%
}
.index-about-box2 .index-abou2-main .index-about2-ul>li .num {
font-size:24px
}
.index-shili-box1 .sep-container .top-title {
width:40%;
margin-right:5%
}
.index-shili-box1 .sep-container .top-title .title-num-box .item .num span {
font-size:38px
}
.index-shili-box1 .sep-container .top-title .title-img {
margin-top:40px
}
.index-shili-box1 .sep-container .top-title .title-num-box {
margin-top:30px
}
.index-shili-box1 .sep-container .top-title .title-des {
padding-right:60px
}
.sep-banner .sep-container .banner-des {
max-width:56%
}
.case-detail-box .sep-container {
max-width:92%
}
.case-detail-box .case-detail-ul li .thumb-info {
width:72%
}
.index-hezuo-box .top-title {
padding:50px 0
}
.index-about-box2 .index-abou2-main .index-about2-ul>li .num-des p {
line-height:28px
}
.index-main-box .index-main-swiper .main-item .thumb-title {
font-size:18px;
line-height:28px
}
.index-main-box .index-main-swiper .main-item .thumb-des p {
font-size:16px;
line-height:28px
}
.table-richtext table {
table-layout:unset
}
}
@media screen and (max-width:1280px) {
.index-pro-box .index-pro-btn ul li {
height:72px
}
.index-pro-box .index-pro-btn ul li .span::after {
bottom:-15px
}
.index-pro-box .index-pro-btn ul li .span {
font-size:20px
}
.index-pro-box .index-pro-btn ul li.active .span {
font-size:26px
}
.index-main-box .index-main-swiper .main-item .thumb {
min-height:1px;
padding-top:40px
}
.detail-spe-box .detail-fea-ul {
padding:40px 20px 0
}
.index-about-box1 .index-about1-ul li {
width:19%
}
.index-about-box2 .index-abou2-main .index-about2-ul {
padding:0 20px
}
.index-about-box2 .index-abou2-main .index-about2-ul>li .num-des p {
line-height:28px
}
.index-about-box2 .index-abou2-main .index-about2-ul>li:nth-child(1) {
top:32%
}
.index-news-box1 .news-top-box .right .thumb-info .news-title {
font-size:21px
}
.index-case-box .pro-ul .thumb-info .thumb-more {
margin-top:10px
}
.index-case-box .pro-ul .thumb-info .thumb-des {
line-height:30px
}
.case-detail-box .case-detail-ul li .thumb-info .thumb-des1 {
margin-top:20px
}
.index-contact-box1 .sep-container .contact-item {
padding-left:50px
}
.index-contact-box1 .sep-container .index-contact-ul::after {
left:-54px
}
.sep-video-grid .item .box .info {
height:185px
}
.index-about-box2 .index-abou2-main .index-about2-ul {
top:-50px
}
.index-main-box .swiper-pagination {
display:block
}
.index-main-box .index-main-swiper {
padding-bottom:60px
}
.index-main-box .index-main-swiper .swiper-pagination-bullet-active {
background:#224471
}
}
@media screen and (max-width:1200px) {
.detail-img-main .detail-img-box .right {
width:39%
}
.index-shili-box .top-title {
padding:0 50px
}
.index-shili-box2 .top-title {
padding:0 80px
}
.index-case-box .pro-ul .thumb-info .thumb-des {
margin-top:12px
}
.index-case-box .pro-ul .num {
display:none
}
.index-contact-box1 .sep-container .contact-item {
padding-left:30px
}
.index-contact-box1 .sep-container .index-contact-ul::after {
left:-38px
}
.index-contact-box1 .sep-container .index-contact-ul li {
min-height:244px
}
}
@media screen and (max-width:1024px) {
.sep-banner .sep-container .banner-des {
display:none
}
.bread {
margin-top:0
}
.detail-img-main .detail-img-box .left .detail-small-swiper {
display:none
}
.detail-img-main .detail-img-box .left .swiper-pagination {
display:block
}
.detail-img-main .detail-img-box .left .swiper-pagination .swiper-pagination-bullet-active {
background:#224471
}
.big_img {
padding-bottom:60px
}
.detail-img-main .detail-img-box .right {
width:100%;
margin-top:30px
}
.detail-img-main .detail-img-box .left {
width:100%
}
.detail-img-main .detail-img-box .right .title1 {
font-size:50px;
line-height:60px
}
.detail-spe-box .detail-fea-ul>li {
width:48%
}
.detail-pdf-box .detail-pdf-ul li {
width:50%
}
.detail-pdf-box .detail-pdf-ul li:nth-child(odd) {
padding-left:0
}
.detail-pdf-box .detail-pdf-ul li:nth-child(odd)::after {
display:block !important
}
.detail-pdf-box .detail-pdf-ul li:nth-child(even)::after {
display:none
}
.detail-relate-box1 .detail-relate-ul li .thumb {
min-height:1px
}
.index-about-box .index-about-ul li {
width:33.33%;
margin-bottom:0
}
.index-about-box .index-about-ul li:nth-child(4), .index-about-box .index-about-ul li:nth-child(5), .index-about-box .index-about-ul li:nth-child(6), .index-about-box .index-about-ul li:nth-child(7), .index-about-box .index-about-ul li:nth-child(8) {
display:none
}
.index-about-box1 .index-about1-ul {
justify-content:flex-start
}
.index-about-box1 .index-about1-ul li {
width:32%;
margin-right:2%
}
.index-about-box1 .index-about1-ul li:nth-child(3n) {
margin-right:0
}
.index-about-box1 .index-about1-ul::after {
display:none
}
.index-about-box1 .index-about1-ul li .num {
display:none
}
.index-about-box2 .index-abou2-main .index-about2-ul {
position:static;
flex-wrap:wrap;
justify-content:flex-start
}
.index-about-box2 .index-abou2-main .index-about2-ul li {
width:32%;
margin-right:2%;
margin-bottom:30px
}
.index-about-box2 .index-abou2-main .index-about2-ul li:nth-child(3n) {
margin-right:0
}
.index-about-box2 .index-abou2-main .back {
display:none
}
.white-bread .sep-container .bread-ul li {
color:#333
}
.white-bread .sep-container .bread-ul li a {
color:#333
}
.white-bread .breadcrumb>li+li:before {
color:#333
}
.index-shili-box2 .team-item {
width:620px
}
.index-shili-box2 .team-item .thumb-title {
font-size:22px;
line-height:30px
}
.index-shili-box3 .cert-page {
display:flex !important
}
.sep-article-banner {
display:none
}
.index-news-box1 .news-top-box .left {
width:100%
}
.index-news-box1 .news-top-box .right {
width:100%;
margin-top:40px;
display:flex;
justify-content:space-between;
flex-wrap:wrap
}
.index-news-box1 .news-top-box .right .news-item {
width:49%;
margin-bottom:0
}
.index-news-box1 .news-bottom-box .bototm-news-ul li .news-title {
font-size:22px;
line-height:32px
}
.richtext img {
width:auto !important;
max-width:100%;
height:auto !important
}
.pro-mb-richtext {
display:block;
padding:50px 0;
background:#fff;
margin-bottom:10px
}
.index-case-box .pro-ul .thumb-info {
padding-left:30px
}
.index-case-box .pro-ul .thumb-info .thumb-des {
padding-left:0
}
.index-case-box .pro-ul .thumb-info .thumb-des::after {
display:none
}
.index-case-box .pro-ul .thumb-info .thumb-more {
margin-left:0
}
.index-case-box .pro-ul li:nth-child(even) .thumb-info {
padding-right:40px
}
.index-case-box .pro-ul li {
margin-bottom:60px
}
.index-case-box .pro-ul .thumb-box::after {
display:none
}
.index-case-box .pro-ul .thumb-info .thumb-more {
font-size:16px;
line-height:44px
}
.index-contact-box1 .sep-container .item-title {
font-size:38px
}
.index-contact-box1 .sep-container .index-contact-ul li .item-title1 {
font-size:28px
}
.richtext h3 {
font-size:20px;
line-height:28px
}
}
@media screen and (max-width:812px) {
.index-pro-box .index-pro-item {
margin-top:50px
}
.index-pro-box .index-pro-item .items.active {
justify-content:space-between
}
.index-pro-box .index-pro-item .items.active li {
width:49%;
margin-right:0;
margin-bottom:20px
}
.index-pro-box .index-pro-item .items li .thumb .thumb-title {
font-size:20px
}
.index-main-box .index-main-swiper .main-item .thumb-title {
font-size:20px
}
.inner-top-title .title::after {
font-size:36px;
margin-top:-45px
}
.sep-banner .sep-container .banner-title {
font-size:44px;
line-height:54px
}
.index-hot-box .index-hot-swiper .hot-item .thumb-title {
font-size:18px;
line-height:30px;
margin-bottom:10px
}
.index-pro-box .index-pro-btn ul li.active .span {
font-size:22px
}
.sep-banner .sep-container .banner-title {
font-size:40px;
line-height:50px
}
.detail-img-main {
padding:30px 0 70px
}
.detail-img-main .detail-img-box .right .title1 {
font-size:32px;
line-height:42px
}
.detail-fea-box .detail-fea-ul {
justify-content:space-between;
padding:20px 0
}
.detail-fea-box .detail-fea-ul li {
width:48%;
margin-right:0;
margin-bottom:20px
}
.inner-top-title {
margin-bottom:50px
}
.detail-spe-box .detail-fea-ul>li .thumb-title1 {
font-size:20px;
line-height:30px
}
.richtext h2 {
font-size:28px;
line-height:32px
}
.table-richtext h2::before {
font-size:36px;
margin-bottom:-20px
}
.table-richtext h2 {
margin-bottom:13px
}
.table-richtext table tr td {
font-size:18px;
padding:11px 0
}
.mt-80 {
margin-top:60px
}
.detail-pdf-box .detail-pdf-ul li .pdf-icon {
font-size:44px;
line-height:54px
}
.detail-pdf-box .detail-pdf-ul li .pdf-title {
font-size:18px;
line-height:32px
}
.detail-pdf-box .detail-pdf-ul {
justify-content:space-between
}
.detail-pdf-box .detail-pdf-ul li {
padding:20px 0;
width:48%
}
.detail-pdf-box .detail-pdf-ul li:nth-child(odd)::after {
display:none !important
}
.detail-pdf-box .detail-pdf-ul li::after {
display:none !important
}
.detail-pdf-box {
padding-bottom:70px
}
.detail-relate-box1 .detail-relate-ul {
justify-content:space-between
}
.detail-relate-box1 .detail-relate-ul li {
width:49%
}
.detail-relate-box1 .detail-relate-ul li:nth-child(2) {
border-right:none
}
.detail-relate-box1 .detail-relate-ul li:nth-child(3) {
display:none
}
.detail-relate-box1 .detail-relate-ul li .thumb-title {
font-size:20px;
line-height:30px
}
.top-title h1.title {
font-size:32px;
line-height:42px
}
.top-title h1.title::after {
margin-top:-50px
}
.index-about-box .index-about-ul li {
width:50%
}
.index-about-box .index-about-ul li .num-title {
font-size:20px
}
.index-about-box1 .index-about1-ul li .icon-title {
font-size:20px
}
.index-about-box2 .index-abou2-main .index-about2-ul>li .num {
font-size:20px
}
.index-shili-box .top-title {
padding:0
}
.index-shili-box1 .sep-container .top-title {
width:100%;
margin-right:0
}
.index-shili-box1 .sep-container .thumb {
width:100%;
margin-top:40px
}
.index-shili-box1 .sep-container {
max-width:92%;
margin:0 auto;
flex-wrap:wrap
}
.index-shili-box1 .sep-container .top-title .title-img {
display:flex;
justify-content:space-between;
flex-wrap:wrap
}
.index-shili-box1 .sep-container .top-title .title-img img {
margin-right:0
}
.index-shili-box1 .sep-container .top-title .title-des {
padding-right:0
}
.index-shili-box2 .top-title {
padding:0
}
.ifa iframe {
width:100%
}
.index-news-box1 .news-top-box .news-item .thumb-info .news-title {
font-size:22px;
line-height:32px
}
.index-news-box1 .news-top-box .news-item .thumb-info .news-des {
font-size:16px
}
.index-case-box .pro-ul .thumb-box {
width:100%
}
.index-case-box .pro-ul .thumb-info {
width:100%;
padding:30px !important;
background:#f7f7f7
}
.index-case-box .pro-ul li {
margin-bottom:30px
}
.index-case-box .pro-ul .thumb-info .thumb-title {
font-size:30px;
line-height:40px
}
.case-detail-box .case-detail-ul li .thumb-info .thumb-title {
font-size:22px;
line-height:32px
}
.case-detail-box .case-detail-ul li .thumb-info .richtext p {
margin-bottom:3px
}
.case-detail-box .case-detail-ul li .thumb-info .thumb-title::after {
line-height:8px
}
.case-detail-box .case-detail-ul li .thumb {
width:40%
}
.case-detail-box .case-detail-ul li .thumb-info {
width:100%;
margin-top:30px
}
.index-daili-box .index-daili-main .thumb {
width:100%
}
.index-daili-box .index-daili-main .thumb-info {
width:100%;
margin-top:40px
}
.index-hezuo-box .top-title {
width:100%;
margin-right:0
}
.index-hezuo-box .sep-container .thumb {
width:100%
}
.index-hezuo-box .sep-container {
max-width:92%;
padding-bottom:40px
}
.index-contact-box1 .sep-container .contact-item {
width:100%;
margin-bottom:40px
}
.index-contact-box1 .sep-container .index-contact-ul li {
min-height:1px;
margin-bottom:30px
}
.index-contact-box1 .sep-container .contact-item {
padding-top:0;
padding-bottom:0
}
.index-contact-box1 .sep-container {
padding:40px 0
}
.index-contact-box1 .sep-container .index-contact-ul::after {
height:0
}
.index-contact-box1 .sep-container .index-contact-ul::after {
display:none
}
.search-btns a {
width:190px;
font-size:18px
}
}
@media screen and (max-width:480px) {
.operation ul li .btn-primary {
min-width:270px;
text-align:center
}
.operation ul li {
margin-right:0;
margin-bottom:20px
}
.sep-inner-banner .sep-container .banner-title {
font-size:32px;
line-height:42px
}
.sep-inner-banner .sep-container {
padding-bottom:0
}
.pro-mb-richtext {
padding:30px 0 16px
}
.index-pro-box .index-pro-btn {
border:none
}
.index-pro-box .index-pro-btn::after {
display:none
}
.index-pro-box .index-pro-btn::before {
display:none
}
.index-pro-box .index-pro-btn ul li {
width:auto;
margin-right:10px
}
.index-pro-box .index-pro-btn ul li .span {
font-size:18px;
display:inline-block;
line-height:40px;
padding:0 20px;
border-radius:40px
}
.index-pro-box .index-pro-btn ul li {
height:auto;
margin-bottom:6px
}
.index-pro-box .index-pro-btn ul li.active .span {
background:#224471;
color:#fff
}
.index-pro-box .index-pro-btn ul li .span::after {
display:none
}
.index-pro-box .index-pro-btn ul li.active .span {
font-size:18px
}
.index-pro-box .index-pro-item {
margin-top:30px
}
.index-pro-box .index-pro-item .items.active li {
width:100%;
margin-bottom:15px
}
.index-pro-box .index-pro-item .items li .thumb .thumb-title {
font-size:18px
}
.index-pro-box .index-pro-item .items li .thumb-more {
font-size:16px;
padding:18px
}
.index-main-box .index-main-swiper .main-item .thumb-des {
margin-top:10px
}
.index-main-box .index-main-swiper .main-item .thumb-des p {
font-size:16px
}
.index-main-box .index-main-swiper .main-item .thumb {
padding-top:20px
}
.index-hot-box .index-hot-swiper .hot-page {
display:block !important
}
.index-hot-box .index-hot-swiper .hot-page div {
font-size:20px
}
.index-pro-box .index-pro-item .items li .thumb .thumb-title {
padding:10px 20px;
top:18px
}
.contact-box .btn-box .btn-primary {
font-size:16px;
padding:0 30px;
line-height:38px
}
.big_img {
padding-bottom:40px !important
}
.detail-img-main .detail-img-box .right .title1 {
font-size:28px;
line-height:32px
}
.top-title .title-des {
margin-top:14px
}
.detail-img-main .detail-img-box .right .detail-span span {
font-size:16px;
margin-right:12px
}
.detail-img-main {
padding-bottom:60px
}
.inner-top-title {
margin-bottom:40px
}
.detail-spe-box .detail-fea-ul {
padding:20px 0 0
}
.richtext .list-paddingleft-2 li p {
font-size:16px;
line-height:32px
}
.detail-spe-box .detail-fea-ul>li {
width:100%;
margin-bottom:20px
}
.detail-fea-box .detail-fea-ul li .thumb-title p {
font-size:16px
}
.detail-fea-box .detail-fea-ul li {
width:100%
}
.mt-80 {
margin-top:40px
}
.richtext h2 {
font-size:24px;
line-height:32px
}
.table-richtext table tr td {
white-space:nowrap
}
.detail-pdf-box .detail-pdf-ul li {
width:100%
}
.detail-pdf-box .detail-pdf-ul li .pdf-title {
font-size:16px
}
.detail-relate-box1 .detail-relate-ul li {
width:100%;
border-right:none;
border-bottom:1px solid #e6e6e6;
padding-bottom:20px
}
.detail-relate-box1 .detail-relate-ul li .thumb-title {
font-size:18px;
margin-top:10px
}
.sep-footer>.sep-container .foot-bottom .left img {
max-width:100%
}
.sep-footer>.sep-container .foot-bottom .logo-title {
font-size:18px;
line-height:30px
}
.index-about-box .index-about-ul li {
width:100%
}
.index-about-box .index-about-ul li {
padding:30px 20px
}
.index-about-box .index-about-ul li .num {
font-size:50px
}
.index-about-box .index-about-thumb {
margin-top:20px
}
.index-about-box1 .index-about1-ul li .about-icon {
width:60px;
height:60px;
font-size:28px
}
.index-about-box1 .index-about1-ul {
justify-content:space-between
}
.index-about-box1 .index-about1-ul li {
width:49%;
margin-right:0
}
.index-about-box1 .index-about1-ul li .icon-title {
font-size:18px;
margin-top:10px
}
.index-about-box2 .index-abou2-main .index-about2-ul li {
width:100%;
margin-bottom:10px
}
.index-about-box2 .index-abou2-main .index-about2-ul li:last-child::before {
display:none
}
.index-about-box .index-about-ul li .num {
font-size:38px
}
.index-shili-box1 .sep-container .top-title .title-num-box .item .num span {
font-size:30px
}
.index-shili-box1 .sep-container .top-title .title-num-box .item .num {
font-size:18px
}
.index-shili-box2 .team-item {
width:100%
}
.index-shili-box2 .team-item .thumb-title {
font-size:20px;
line-height:28px
}
.index-shili-box2 .team-item .thumb-des {
margin-top:14px
}
.index-shili-box3 .cert-page .page-right {
display:none
}
.index-shili-box3 .cert-page .page {
width:50%
}
.index-shili-box3 .cert-page {
margin-top:30px
}
.top-title h1.title {
font-size:28px;
line-height:36px
}
.top-title .title-des {
font-size:16px !important;
line-height:28px !important
}
.top-title .title-des p {
font-size:16px !important;
line-height:28px !important
}
.index-shili-box1 .sep-container .top-title .title-img {
margin-top:20px
}
.index-shili-box1 .sep-container .thumb {
margin-top:24px
}
.sep-video-grid .item {
margin-bottom:20px
}
.ifa iframe {
width:100%;
min-height:350px
}
.ifa {
margin-bottom:0 !important
}
.index-news-box1 .news-top-box .news-item .thumb-info {
padding:20px
}
.index-news-box1 .news-top-box .right .news-item {
width:100%;
margin-bottom:20px
}
.index-news-box1 .news-bottom-box {
margin-top:30px
}
.index-news-box1 .news-bottom-box .bototm-news-ul li {
margin-bottom:20px
}
.index-news-box1 .news-bottom-box .bototm-news-ul li .thumb {
width:100%
}
.index-news-box1 .news-bottom-box .bototm-news-ul li .thumb-info {
width:100%;
padding:20px;
background:#f7f7f7
}
.index-news-box1 .news-bottom-box .bototm-news-ul li .news-des {
font-size:16px
}
.index-case-box .pro-ul .thumb-info {
padding:20px !important
}
.index-case-box .pro-ul .thumb-info .thumb-title {
font-size:20px;
line-height:30px
}
.index-case-box .pro-ul .thumb-info .thumb-more {
padding:0 20px
}
.case-detail-box .case-detail-ul li .thumb {
width:100%
}
.case-detail-box .case-detail-ul li .thumb-info .richtext p {
font-size:18px
}
.case-detail-box .case-detail-ul li {
padding:20px 0
}
.case-detail-box .case-detail-ul li .thumb-info .thumb-title {
font-size:20px
}
.index-daili-box .index-daili-main .thumb-info .list-paddingleft-2 li {
padding-left:30px
}
.index-daili-box .index-daili-main .thumb-info .list-paddingleft-2 li p {
font-size:16px !important
}
.index-contact-box1 .sep-container .contact-item {
padding-left:20px
}
.index-contact-box1 .sep-container .item-title {
font-size:30px;
line-height:40px
}
.index-contact-box1 .sep-container .index-contact-ul li .item-title1 {
font-size:24px;
line-height:28px
}
.index-contact-box1 .sep-container .index-contact-ul li .item-des {
font-size:17px
}
.index-contact-box1 .sep-container .index-contact-ul li .item-des {
margin-bottom:6px
}
.content-404 {
padding-bottom:0
}
.content-404 h1 {
margin-top:-80px !important
}
.operation ul li .btn-primary {
min-width:220px
}
.operation {
margin-bottom:-30px
}
.index-pro-box .index-pro-item .items li .thumb .thumb-title {
top:0
}
.table-richtext table tr td {
padding:10px
}
.content-404 {
padding:40px 0
}
.content-404 h1 {
text-align:center !important;
margin-top:0 !important;
font-size:60px !important;
line-height:80px !important;
padding:0 !important
}
.detail-img-main .detail-img-box .right .detail-span span {
margin-right:3px;
padding:0 12px
}
}
@media screen and (max-width:375px) {
.index-pro-box .index-pro-btn ul li .span {
font-size:16px !important
}
.index-shili-box1 .sep-container .top-title .title-num-box .item {
width:50%;
text-align:left;
margin-bottom:6px
}
.index-shili-box1 .sep-container .top-title .title-num-box .item .num-des {
font-size:16px;
line-height:28px;
margin-top:0
}
}
@media screen and (max-width:320px) {
.index-pro-box .index-pro-btn ul li .span {
padding:0 10px;
line-height:36px
}
.top-title .title {
font-size:22px;
line-height:32px
}
}