body {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
button {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
dd {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
div {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
dl {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
form {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
h1 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
h2 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
h3 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
h4 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
h5 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
h6 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
html {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
img {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
input {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
li {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
ol {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
p {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
ul {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
* {
	-webkit-tap-highlight-color: transparent;
}
body {
	font-family: "sym","Microsoft YaHei","Arial","Helvetica Neue",Helvetica,sans-serif; -ms-overflow-x: hidden; background-color: #fff;
}
button {
	border: 0px currentColor; border-image: none; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); resize: none;
}
textarea {
	border: 0px currentColor; border-image: none; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); resize: none;
}
select {
	border: 0px currentColor; border-image: none; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); resize: none;
}
h1 {
	font-weight: normal;
}
h2 {
	font-weight: normal;
}
h3 {
	font-weight: normal;
}
h4 {
	font-weight: normal;
}
h5 {
	font-weight: normal;
}
h6 {
	font-weight: normal;
}
img {
	border: 0px currentColor; border-image: none; vertical-align: middle; max-width: 100%;
}
.none {
	display: none;
}
.online_x {
	cursor: pointer;
}
button:hover {
	cursor: pointer;
}
input[type=submit]:hover {
	cursor: pointer;
}
button:focus {
	outline: transparent 0px;
}
input:active {
	outline: transparent 0px;
}
input:focus {
	outline: transparent 0px;
}
textarea:focus {
	outline: transparent 0px;
}
a {
	color: rgb(51, 51, 51); display: inline-block;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
li {
	list-style: none;
}
.clear {
	height: 0px; line-height: 0; clear: both; font-size: 0px; visibility: hidden;
}
.clearfix::after {
	display: table; content: "";
}
.clearfix::before {
	display: table; content: "";
}
.clearfix::after {
	clear: both;
}
.clearfix {
	-ms-zoom: 1;
}
.xbg {
	background: rgb(249, 250, 252);
}
.xbg1 {
	background: rgb(245, 245, 245);
}
.conwidth {
	margin: auto; width: 83.33%;
}
.owidth {
	margin: auto; width: 100%; max-width: 1500px;
}
.omain {
	padding-top: 120px;
}
.ovfHiden {
	overflow: hidden;
}
.bg1 {
	background-color: rgb(246, 248, 250);
}
.header {
	margin: auto; padding: 15px 0px; transition:0.5s; left: 0px; top: 0px; width: 100%; right: 0px; position: fixed; z-index: 99; -webkit-transition: all 0.5s ease;
}
.alter.header {
	background: #fff;
}
.white.header {
	background: #fff;
}
.alter.header {
	padding: 0px;
}
.white.header {
	box-shadow: 0px 3px 20px 0px rgba(12,18,107,0.05);
}
.header .content {
	padding-right: 4%; padding-left: 8.33%;
}
.header .box {
	text-align: center; font-size: 0px;
}
.header .logo {
	float: left;
}
.header .logo a {
	height: 90px; line-height: 90px;
}
.header .logo a img {
	
}
.header .logo a img.logo2 {
	display: none;
}
.alter.header .logo a img.logo1 {
	display: none;
}
.white.header .logo a img.logo1 {
	display: none;
}
.alter.header .logo a img.logo2 {
	display: inline-block;
}
.white.header .logo a img.logo2 {
	display: inline-block;
}
.header .nav {
	display: inline-block;
}
.header .nav > ul > li {
	float: left;margin:0 3px;
}
.header .nav > ul > li.other {
	position: relative;
}
.header .nav > ul > li > a {
	color: #fff; line-height: 90px; font-family: "syn"; font-size: 18px;
}
.alter.header .nav > ul > li > a {
	color: rgb(102, 102, 102);
}
.white.header .nav > ul > li > a {
	color: rgb(102, 102, 102);
	padding: 0 20px;
}
.header .nav > ul > li:hover > a {
	color: #fff; position: relative;
}
.header .nav > ul > li.on a:hover {
	color: #fff; position: relative;
}
.alter.header .nav > ul > li:hover > a {
	color: #224c9d;
}
.alter.header .nav > ul > li.on a:hover {
	color: #224c9d;
}
.white.header .nav > ul > li:hover > a {
	color: #fff;
	background:#6bb13f;
}
.white.header .nav > ul > li.on a:hover {
	color: #224c9d;
}
.header .nav > ul > li:hover > a::before {
	background: rgba(247, 247, 247, 0.9); margin: auto; border-radius: 50%; left: 0px; width: 6px; height: 6px; right: 0px; bottom: 20px; position: absolute; content: "";
}
.header .nav > ul > li.on a:hover::before {
	background: rgba(247, 247, 247, 0.9); margin: auto; border-radius: 50%; left: 0px; width: 6px; height: 6px; right: 0px; bottom: 20px; position: absolute; content: "";
}
.alter.header .nav > ul > li:hover > a::before {
	display: none;
}
.alter.header .nav > ul > li.on a:hover::before {
	display: none;
}
.white.header .nav > ul > li:hover > a::before {
	display: none;
}
.white.header .nav > ul > li.on a:hover::before {
	display: none;
}
.navcell {
	left: 50%; top: 105px; width: 100%; border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid; display: none; position: absolute; -ms-overflow-x: hidden; -ms-overflow-y: auto; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%);
}
.alter.header .navcell {
	top: 90px;
}
.navcell .cellbox {
	background: rgba(247, 247, 247, 0.9); overflow: hidden; padding-right: 4%; padding-left: 8.33%; position: relative;
}
.navcell .l-box {
	width: 20%; text-align: right; overflow: hidden; padding-top: 9999px; padding-right: 4.3%; margin-top: -9999px; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.navcell .l-box .txt {
	text-align: left; padding-top: 45px; display: inline-block; max-width: 100%;
}
.navcell .l-box .txt .t1 {
	color: rgb(0, 0, 0); font-family: "΢���ź�"; font-size: 16px; font-weight: bold;
}
.navcell .l-box .txt .t1 a {
	color: rgb(0, 0, 0);
}
.navcell .l-box .txt .t1 a img {
	margin-left: 10px; vertical-align: middle; display: inline-block;
}
.navcell .l-box .txt .t2 {
	color: rgb(153, 153, 153); font-family: "΢���ź�"; font-size: 14px; margin-top: 27px;
}
.navcell .r-box {
	width: 80%; text-align: left; overflow: hidden; padding-top: 9999px; padding-bottom: 20px; padding-left: 3.6%; margin-top: -9999px; border-left-color: rgb(238, 238, 238); border-left-width: 1px; border-left-style: solid; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.navcell .r-box .tit {
	color: rgb(0, 0, 0); padding-top: 42px; padding-left: 18px; font-family: "syb"; font-size: 20px; font-weight: bold;
}
.navcell .r-box ul {
	margin-top: 25px;
}
.navcell .r-box ul {
	width: 33.33%; padding-right: 10px; float: left; box-sizing: border-box; -webkit-box-sizing: border-box;
}
.navcell .r-box ul li {
	margin-bottom: 9px;
}
.navcell .r-box ul li a {
	color: rgb(68, 68, 68); line-height: 1.8; padding-left: 18px; font-family: "΢���ź�"; font-size: 16px; position: relative;
}
.navcell .r-box ul li a::before {
	background: url("xright1.png") no-repeat left 9px / 6px 12px; transition:0.4s; left: 0px; top: 0px; width: 18px; height: 100%; position: absolute; content: ""; opacity: 0; transform: translateX(-100%);
}
.navcell .r-box ul li a:hover::before {
	opacity: 1; transform: translateX(0px);
}
.navcell .r-box ul li a:hover {
	color: #224c9d;
}
.header .drop-down {
	background: rgba(247, 247, 247, 0.9); left: 50%; top: 90px; display: none; position: absolute; min-width: 150px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%);
}
.header .drop-down a {
	padding: 16px; text-align: center;background:#2A4892; color: #fff; line-height: 21px; font-family: "syn"; font-size: 16px; display: block; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.header .drop-down a:hover {
	color: #fff;background:#6bb13f;
}
.header .drop-down a:hover::before {
	background: rgba(247, 247, 247, 0.9); padding: 0px 5px; transition:0.4s; left: 50%; top: 0px; width: 100%; height: 100%; position: absolute; z-index: -1; content: ""; box-shadow: 0px 0px 15px rgba(0,0,0,0.2); transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transition: all 0.4s ease;
}
.header .drop-down a span {
	display: inline-block; position: relative;
}
.header .drop-down a span::after {
	background: url("xright1.png") no-repeat left / 6px 12px; transition:0.4s; left: 0px; top: 0px; width: 15px; height: 100%; position: absolute; content: ""; opacity: 0; transform: translateX(-100%); -webkit-transform: translateX(-100%);
}
.header .drop-down a:hover span::after {
	opacity: 1; transform: translateX(-15px); -webkit-transform: translateX(-15px);
}
.header .drop-down a .t1 {
	padding: 0px 30px; text-align: left; color: rgb(25, 30, 76); line-height: 22px; font-size: 16px;
}
.header .drop-down a .t2 {
	padding: 0px 30px; text-align: left; color: rgb(104, 121, 144); line-height: 20px; font-size: 14px; margin-top: 12px; white-space: nowrap;
}
.head-other {
	float: right;
}
.head-other .call {
	height: 90px; color: #fff; line-height: 90px; font-size: 24px; font-weight: bold; float: left;
}
.alter.header .head-other .call {
	color: #224c9d;
}
.white.header .head-other .call {
	color: #224c9d;
}
.head-other .call img {
	margin-right: 10px; vertical-align: middle; display: inline-block;
}
.head-other .call img.ic2 {
	display: none;
}
.alter.header .head-other .call img.ic1 {
	display: none;
}
.white.header .head-other .call img.ic1 {
	display: none;
}
.alter.header .head-other .call img.ic2 {
	display: inline-block;
}
.white.header .head-other .call img.ic2 {
	display: inline-block;
}
.head-nation {
	margin-left: 30px; float: left; position: relative;
}
.head-nation .current {
	height: 90px; line-height: 90px;
}
.head-nation .current .name {
	background: url("s-triangle.png") no-repeat right; transition:0.3s; color: #fff; line-height: 2; padding-right: 30px; font-family: arial; font-size: 18px; vertical-align: middle; display: inline-block; -webkit-transition: all .3s;
}
.alter.header .head-nation .current .name {
	background: url("s-triangle1.png") no-repeat right; color: rgb(25, 30, 76);
}
.white.header .head-nation .current .name {
	background: url("s-triangle1.png") no-repeat right; color: rgb(25, 30, 76);
}
.head-nation ul {
	left: 50%; top: 80px; text-align: center; padding-top: 10px; padding-bottom: 10px; display: none; position: absolute; z-index: 10; transform: translateX(-50%); background-color: #fff; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%);
}
.head-nation ul li a {
	padding: 0px 15px; text-align: center; color: rgb(102, 102, 102); line-height: 2; font-family: arial; font-size: 16px; display: block; white-space: nowrap; min-width: 90px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.head-nation ul li a:hover {
	color: rgb(43, 51, 170); font-family: "syb";
}
.menubtn {
	background: url("menu-icon1.png") no-repeat right / 30px 30px; width: 50px; height: 60px; float: right; display: none; cursor: pointer; -moz-background-size: 30px 30px; -webkit-background-size: 30px 30px;
}
.white.header .menubtn {
	background: url("menu-icon1.png") no-repeat right / 30px 30px; -moz-background-size: 30px 30px; -webkit-background-size: 30px 30px;
}
.alter.header .menubtn {
	background: url("menu-icon1.png") no-repeat right / 30px 30px; -moz-background-size: 30px 30px; -webkit-background-size: 30px 30px;
}
.on.menubtn {
	background: url("menu-icon2.png") no-repeat right / 30px 30px; -moz-background-size: 30px 30px; -webkit-background-size: 30px 30px;
}
.white.header .on.menubtn {
	background: url("menu-icon2.png") no-repeat right / 30px 30px; -moz-background-size: 30px 30px; -webkit-background-size: 30px 30px;
}
.alter.header .on.menubtn {
	background: url("menu-icon2.png") no-repeat right / 30px 30px; -moz-background-size: 30px 30px; -webkit-background-size: 30px 30px;
}
.m-nav {
	background: #fff; left: 0px; top: 60px; width: 100%; height: calc(100% - 60px); display: none; position: fixed; z-index: 99; -ms-overflow-y: scroll;
}
.m-nav .nav-list {
	padding-top: 30px;
}
.m-nav .nav-list > li {
	padding: 0px 5%; text-align: left;
}
.m-nav .nav-list > li > a {
	height: 50px; color: rgb(102, 102, 102); line-height: 50px; font-family: "syn"; font-size: 18px; display: block;
}
.m-nav .nav-list .one-level {
	height: 50px; color: rgb(102, 102, 102); line-height: 50px; font-family: "syn"; font-size: 18px; display: block;
}
.m-nav .nav-list > li > a:hover {
	color: #224c9d;
}
.m-nav .nav-list .on.one-level {
	color: #224c9d;
}
.m-nav .nav-list .one-level:hover {
	color: #224c9d;
}
.m-nav .nav-list li a .tit {
	color: rgb(34, 34, 34);
}
.m-nav .nav-list li a:hover .tit {
	color: #224c9d;
}
.m-nav .m-subnav {
	display: none;
}
.m-nav .m-subnav ul li > a {
	height: 40px; color: rgb(153, 153, 153); line-height: 40px; padding-left: 15px; font-family: "syn"; font-size: 16px; display: block;
}
.m-nav .m-subnav ul li .two-level {
	height: 40px; color: rgb(153, 153, 153); line-height: 40px; padding-left: 15px; font-family: "syn"; font-size: 16px; display: block;
}
.m-nav .m-subnav ul li a:hover {
	color: #224c9d;
}
.m-nav .subnav_2 {
	padding-left: 30px; display: none;
}
.m-nav .subnav_2 .subnav_2li > a {
	height: 40px; color: rgb(102, 102, 102); line-height: 40px; font-size: 16px; display: block;
}
.m-nav .three {
	height: 40px; color: rgb(102, 102, 102); line-height: 40px; font-size: 16px; display: block;
}
.m-nav .subnav_3 a {
	color: rgb(153, 153, 153); line-height: 2; font-size: 15px; display: block;
}
.m-nav .subnav_3 {
	padding: 0px 15px; display: none;
}
.sidebar {
	right: 20px; bottom: 20%; position: fixed; z-index: 99;
}
.sidebar > ul > li {
	text-align: center; margin-bottom: 10px; position: relative; cursor: pointer;
}
.sidebar ul li:last-child {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.sidebar ul li a {
	background: rgba(247, 247, 247, 0.9); border-radius: 5px; transition:0.4s ease-in-out; width: 60px; height: 60px; text-align: center; overflow: hidden; display: block; position: relative; box-shadow: 0px 1px 25px rgba(0,0,0,0.1); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out;
}
.sidebar ul li a:hover {
	text-decoration: none; background-color: #224c9d;
}
.sidebar ul li a .img {
	transition:0.4s ease-in-out; width: 100%; height: 60px; text-align: center; overflow: hidden; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out;
}
.sidebar ul li .img img {
	margin: auto; padding-top: 10px; display: block; max-width: 35%;
}
.sidebar ul li .img .ic2 {
	display: none;
}
.sidebar ul li:hover .img .ic1 {
	display: none;
}
.sidebar ul li:hover .img .ic2 {
	display: block;
}
.sidebar ul li .img .wt {
	text-align: center; color: rgb(102, 102, 102); line-height: 1.5; font-size: 12px; margin-top: 3px;
}
.sidebar ul li:hover .img .wt {
	color: #fff;
}
.sidebar ul li .secondary {
	background: rgba(247, 247, 247, 0.9); top: 0px; right: 80px; display: none; white-space: nowrap; position: absolute; z-index: 10; min-height: 100%; min-width: 100%; box-sizing: border-box; box-shadow: 0px 1px 25px rgba(0,0,0,0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.sidebar ul li .secondary::before {
	margin: auto; top: 0px; width: 0px; height: 0px; right: -14px; bottom: 0px; border-top-color: transparent; border-bottom-color: transparent; border-left-color: rgb(247, 247, 247); border-top-width: 10px; border-bottom-width: 10px; border-left-width: 14px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; position: absolute; content: ""; opacity: 0.9;
}
.sidebar ul li .txtli {
	padding: 5px 20px; text-align: left; color: #224c9d; line-height: 60px; font-family: "din"; font-size: 20px; min-width: 160px;
}
.sidebar ul li .txtli img {
	margin-right: 10px; display: inline-block;
}
.sidebar .lianxi {
	padding: 20px 20px 15px; text-align: center; white-space: nowrap;
}
.sidebar .lianxi .imgbox {
	width: 100%; text-align: center; overflow: hidden; font-size: 0px; white-space: nowrap;
}
.sidebar .lianxi .imgli {
	width: 120px; vertical-align: top; display: inline-block;
}
.sidebar ul li .imgli img {
	width: 100%; display: block;
}
.sidebar ul li .imgli .t1 {
	color: rgb(34, 34, 34); font-size: 18px; margin-top: 6px;
}
.footer {
	background: #224c9d; padding-top: 60px; padding-bottom: 40px;
}
.footer .foot-top {
	padding-bottom: 30px;
}
.footer .foot-top .foot-logo {
	float: left;
}
.footer .foot-top .foot-logo a {
	
}
.footer .foot-top .foot-logo a img {
	
}
.footer .foot-top .txt {
	text-align: right; float: right;
}
.footer .foot-top .txt .t1 {
	color: #fff; font-family: "syn"; font-size: 24px;
}
.footer .foot-top .txt .t2 {
	color: #fff; font-family: "syn"; margin-top: 10px;
}
.footer .foot-con {
	padding-top: 48px; padding-bottom: 40px; border-top-color: rgb(81, 98, 169); border-top-width: 1px; border-top-style: solid;
}
.footer .foot-con .foot-nav {
	width: 81.25%; overflow: hidden; float: left;
}
.footer .foot-con .foot-nav ul li {
	width: 14.28%; overflow: hidden; float: left;
}
.footer .foot-con .foot-nav ul li .tit {
	color: #fff; font-family: "syn"; font-size: 16px; margin-bottom: 20px;
}
.footer .foot-con .foot-nav ul li .alink a {
	transition:0.4s; color: #dedede; line-height: 2; font-family: "syl"; font-size: 14px; margin-bottom: 5px; display: block; -webkit-transition: all 0.4s ease;
}
.footer .foot-con .foot-nav ul li a:hover {
	color: #fff;
}
.footer .foot-con .foot-code {
	width: 17.5%; float: right;
}
.footer .foot-con .foot-code .txt {
	text-align: right;
}
.footer .foot-con .foot-code .txt .t1 {
	
}
.footer .foot-con .foot-code .txt .t1 a {
	padding: 0px 20px; border-radius: 15px; height: 30px; text-align: center; color: #fff; line-height: 30px; font-family: "syn"; font-size: 14px; display: inline-block; background-color: rgb(255, 106, 0);
}
.footer .foot-con .foot-code .txt .t2 {
	color: #fff; font-family: arial; font-size: 24px; font-weight: bold; margin-top: 20px;
}
.footer .foot-con .foot-code ul {
	overflow: hidden; margin-top: 20px;
}
.footer .foot-con .foot-code ul li {
	width: 42%; text-align: center; margin-right: 16%; float: left;
}
.footer .foot-con .foot-code ul li:last-child {
	margin-right: 0px;
}
.footer .foot-con .foot-code ul li img {
	width: 100%;
}
.footer .foot-con .foot-code ul li .t3 {
	color: #fff; font-family: "syl"; font-size: 14px; margin-top: 10px;
}
.footer .foot-bot {
	padding-top: 25px; border-top-color: rgb(81, 98, 169); border-top-width: 1px; border-top-style: solid;
}
.footer .foot-bot .copyright {
	color: #dedede; line-height: 2; font-family: "syl"; margin-bottom: 10px;
}
.footer .foot-bot .copyright .record {
	color: #dedede;
}
.footer .foot-bot .copyright a {
	color: #dedede;
}
.footer .foot-bot .copyright a:hover { text-decoration:underline; }
.footer .foot-bot .copyright .support {
	color: rgb(83, 102, 181); margin-left: 20px; display: inline-block;
}
.footer .foot-bot .links {
	width: 100%; color: #fff; line-height: 2; overflow: hidden; font-family: "syl"; font-size: 14px;
}
.footer .foot-bot .links a {
	transition:0.4s; color: #fff; -webkit-transition: all 0.4s ease;
}
.footer .foot-bot .links a:hover {
	color: #dedede;
}
.footer .foot-bot .links span {
	margin: 0px 10px; display: inline-block;
}
.footer .link-more {
	background: url("img260.png") no-repeat right; color: #fff; padding-right: 20px; font-family: "syl"; font-size: 14px; margin-top: 10px; display: none;
}
.footer .on.link-more {
	background: url("img260a.png") no-repeat right;
}
.lunbotu {
	width: 100%; overflow: hidden; position: relative;
}
.lunbotu .swiper-slide a {
	width: 100%; display: block;
}
.lunbotu .swiper-slide a > img {
	width: 100%;
}
.oimg2 {
	display: none;
}
.lunbotu .ob-img {
	background-position: center; left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute; background-repeat: no-repeat; background-size: cover;
}
.i-banner {
	left: 50%; top: 30%; position: absolute; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%);
}
.i-banner .box {
	text-align: center;
}
.i-banner .box .t1 {
	color: #fff; font-size: 50px; font-weight: bold; margin-bottom: 20px;
}
.i-banner .box .t2 {
	color: #fff; font-size: 20px;
}
.i-banner .box .btn {
	padding: 0px; text-align: left;
}
.i-banner .box .btn span {
	padding: 0px 35px; border-radius: 30px; transition:0.4s ease-in-out; height: 60px; text-align: center; color: #fff; line-height: 60px; font-family: "microsoft yahei"; font-size: 18px; display: inline-block; background-color: rgb(212, 39, 36); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out;
}
.i-banner .box .btn span:hover {
	background-color: rgb(0, 0, 0);
}
.i-banner .box .btn span img {
	margin-left: 10px; vertical-align: middle; display: inline-block;
}
.lunbotu .swiper-pagination {
	display: inline-block;
}
.swiper-container-horizontal.lunbotu .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0px 8px;
}
.swiper-container-horizontal.lunbotu > .swiper-pagination-bullets {
	left: 0px; width: 100%; bottom: 7%;
}
.lunbotu .swiper-pagination-custom {
	left: 0px; width: 100%; bottom: 7%;
}
.lunbotu .swiper-pagination-fraction {
	left: 0px; width: 100%; bottom: 7%;
}
.lunbotu .swiper-pagination-bullet {
	background: rgb(214, 218, 235); border-radius: 50%; width: 13px; height: 13px; display: inline-block; box-sizing: border-box; opacity: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.lunbotu .swiper-pagination-bullet-active {
	opacity: 1; background-color: #224c9d;
}
.lunbotu .swiper-button-next {
	background-position: center; top: 50%; width: 50px; height: 50px; margin-top: -60px; position: absolute; z-index: 10; cursor: pointer; background-repeat: no-repeat; background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%;
}
.lunbotu .swiper-button-prev {
	background-position: center; top: 50%; width: 50px; height: 50px; margin-top: -60px; position: absolute; z-index: 10; cursor: pointer; background-repeat: no-repeat; background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%;
}
.lunbotu .swiper-button-prev {
	left: 0px; right: auto; background-image: url("img1.png");
}
.lunbotu .swiper-container-rtl .swiper-button-next {
	left: 0px; right: auto; background-image: url("img1.png");
}
.lunbotu .swiper-button-next {
	left: auto; right: 0px; background-image: url("img2.png");
}
.lunbotu .swiper-container-rtl .swiper-button-prev {
	left: auto; right: 0px; background-image: url("img2.png");
}
.lunbotu .swiper-button-disabled.swiper-button-next {
	opacity: 1; background-image: url("img2a.png");
}
.lunbotu .swiper-button-disabled.swiper-button-prev {
	opacity: 1; background-image: url("img1a.png");
}
.banner-video {
	left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; z-index: 1;
}
.obanner {
	width: 100%; overflow: hidden;
}
.obanner > a {
	width: 100%; display: block;
}
.obanner a img {
	width: 100%;
}
.title {
	
}
.title .t1 {
	font-family: "sym"; font-size: 44px;font-weight:bold;
}
.title .t2 {
	font-family: "sym"; font-size: 34px;
}
.title .t3 {
	line-height: 2; font-size: 16px;
}
.title .t4 {
	font-family: "sym"; font-size: 24px;
}
.title .t5 {
	font-family: "sym"; font-size: 30px;
}
.title .t6 {
	font-family: "sym"; font-size: 20px;
}
.title .t7 {
	font-family: "sym"; font-size: 36px;
}
.title .t8 {
	font-family: "syl"; font-size: 14px;
}
.title .t9 {
	font-family: "syr"; font-size: 18px;
}
.title .t10 {
	font-family: "sym"; font-size: 28px;
}
.center {
	text-align: center;
}
.indexpart1 {
	background: #fff; padding-top: 4.7%; padding-bottom: 6.25%;
}
.indexpart1 .wrap {
	width: 100%; overflow: hidden;
}
.indexpart1 .l-wrap {
	width: 50%; overflow: hidden; float: left;
}
.indexpart1 .l-wrap .txt {
	padding: 1.8% 5% 1.8% 3.6%; transition:0.5s; left: 0px; width: 100%; overflow: hidden; position: relative; max-width: 600px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: all 0.5s ease; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.indexpart1 .l-wrap .txt:hover {
	left: -2%;
}
.indexpart1 .l-wrap .txt .t1 {
	color: rgb(56, 76, 153);
	font-weight:bold;
}
.indexpart1 .l-wrap .txt .t2 {
	color: rgb(34, 34, 34); margin-top: 7.5%;
}
.indexpart1 .l-wrap .txt .t3 {
	overflow: hidden; font-family: "syr"; margin-top: 20px; -webkit-box-orient: vertical; -webkit-line-clamp: 5;
}
.indexpart1 .l-wrap .more {
	margin-top: 10%;
}
.indexpart1 .l-wrap .more a {
	margin: 0px auto; padding: 0px 15px; border-radius: 10px; border: 1px solid #224c9d; transition:0.4s; border-image: none; height: 50px; text-align: center; color: #224c9d; line-height: 50px; font-family: "syr"; font-size: 16px; min-width: 160px; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: all 0.4s ease;
}
.indexpart1 .l-wrap .more a:hover {
	color: #fff; background-color: #224c9d;
}
.indexpart1 .r-wrap {
	width: 50%; overflow: hidden; float: left; position: relative;
}
.indexpart1 .r-wrap .i-video {
	width: 100%; overflow: hidden; position: relative;
}
.indexpart1 .r-wrap .bg {
	background-position: center; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-repeat: no-repeat; background-size: cover;
}
.indexpart1 .r-wrap .icon {
	left: 50%; top: 50%; position: absolute; z-index: 2; max-width: 9%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);
}
.indexpart1 .r-wrap .icon .spot {
	animation:spin 5s linear infinite; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; -webkit-animation: spin 5s linear infinite;
}
.indexpart1 .l-box {
	width: 50%; overflow: hidden; float: left;
}
.indexpart1 .l-box a {
	width: 100%; display: block; position: relative;
}
.indexpart1 .l-box .txt {
	background: url("img7.png") no-repeat right 5.7% bottom 15% / 8% auto; transition:0.5s; left: 0px; top: 0px; width: 100%; height: 100%; color: #fff; overflow: hidden; padding-top: 6%; padding-right: 14.2%; padding-left: 7.2%; position: absolute; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease;
}
.indexpart1 .l-box:hover .txt {
	left: -2%;
}
.indexpart1 .l-box .t3 {
	font-family: "syl";
}
.title .t5 {
	margin-bottom: 10px;
}
.indexpart1 .l-box .txt .line {
	background: #fff; width: 20px; height: 2px; margin-top: 15px; margin-bottom: 25px;
}
.indexpart1 .l-box .img {
	width: 100%; overflow: hidden;
}
.indexpart1 .l-box .img {
	
}
.indexpart1 .r-box {
	width: 50%; float: left;
}
.indexpart1 .r-box .img {
	width: 100%; overflow: hidden;
}
.indexpart1 .r-box .img img {
	width: 100%; opacity: 0;
}
.indexpart1 .r-box a {
	width: 100%; display: block; position: relative;
}
.indexpart1 .r-box .txt.title {
	background: url("img8.png") no-repeat right 3% bottom 15% / 8% auto; transition:0.5s; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; padding-top: 6%; padding-right: 14%; padding-left: 10%; position: absolute; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease;
}
.indexpart1 .r-box:hover .title {
	left: 2%;
}
.indexpart1 .r-box .t7 {
	color: rgb(56, 76, 153);
}
.indexpart1 .r-box .t5 {
	color: rgb(34, 34, 34); margin-top: 10px;
}
.indexpart1 .r-box .t6 {
	color: rgb(102, 102, 102); margin-top: 30px;
}
.indexpart2 {
	padding-top: 5.7%; padding-bottom: 5.7%; background-color: #fff;
}
.indexpart2 .title .t1 {
	color: rgb(34, 34, 34);
}
.indexpart2 .box {
	margin-top: 55px;
}
.indexpart2 .switch-tab ul {
	text-align: center; font-size: 0px; border-bottom-color: rgb(238, 243, 248); border-bottom-width: 1px; border-bottom-style: solid;
}
.indexpart2 .switch-tab ul li {
	margin: 0px 3%; width: 14%; padding-bottom: 20px; vertical-align: top; display: inline-block; position: relative;
}
.indexpart2 .switch-tab ul li::before {
	margin: auto; transition:0.5s; left: 0px; width: 0px; height: 2px; right: 0px; bottom: 0px; position: absolute; cursor: pointer; content: ""; background-color: #224c9d; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease;
}
.indexpart2 .switch-tab ul li:hover::before {
	width: 100%;
}
.indexpart2 .switch-tab ul li.on::before {
	width: 100%;
}
.indexpart2 .switch-tab ul li .icon {
	background: url("img14.png") no-repeat center / 100% 100%; margin: 0px auto; transition:1s; width: 101px; height: 110px; text-align: center; line-height: 110px; display: block; cursor: pointer; -webkit-transition: all 1s ease;
}
.indexpart2 .switch-tab ul li:hover .icon {
	background: url("img14a.png") no-repeat center / 100% 100%;
}
.indexpart2 .switch-tab ul li.on .icon {
	background: url("img14a.png") no-repeat center / 100% 100%;
}
.indexpart2 .switch-tab ul li .icon img {
	display: inline-block; max-width: 42%;
}
.indexpart2 .switch-tab ul li .icon .ic2 {
	display: none;
}
.indexpart2 .switch-tab ul li:hover .icon .ic1 {
	display: none;
}
.indexpart2 .switch-tab ul li.on .icon .ic1 {
	display: none;
}
.indexpart2 .switch-tab ul li:hover .icon .ic2 {
	display: inline-block;
}
.indexpart2 .switch-tab ul li.on .icon .ic2 {
	display: inline-block;
}
.indexpart2 .switch-tab ul li .txt {
	transition:0.4s; text-align: center; color: rgb(51, 51, 51); font-family: "syl"; font-size: 18px; -webkit-transition: all 0.4s ease;
}
.indexpart2 .switch-tab ul li:hover .txt {
	color: #224c9d;
}
.indexpart2 .switch-tab ul li.on .txt {
	color: #224c9d;
}
.indexpart2 .switch-box {
	margin-top: 50px;
}
.indexpart2 .switch-li {
	width: 100%; overflow: hidden;
}
.indexpart2 .switch-li .l-wrap {
	border-radius: 10px; width: 40%; overflow: hidden; float: left;
}
.indexpart2 .switch-li .l-wrap a {
	width: 100%; display: block;
}
.indexpart2 .switch-li .l-wrap img {
	width: 100%;
}
.indexpart2 .switch-li .r-wrap {
	width: 54%; overflow: hidden; padding-right: 2.5%; float: right;
}
.indexpart2 .switch-li .r-wrap .txt {
	
}
.indexpart2 .switch-li .r-wrap .txt .t6 {
	color: rgb(34, 34, 34); font-family: "sym";
}
.indexpart2 .switch-li .r-wrap .txt .t6 img {
	margin-right: 12px; display: inline-block;
}
.indexpart2 .switch-li .r-wrap .txt .t3 {
	color: rgb(102, 102, 102); font-family: "syl"; margin-top: 25px;
}
.indexpart2 .switch-li .r-wrap .txt .more {
	text-align: left; margin-top: 30px;
}
.indexpart2 .switch-li .r-wrap .txt .more a {
	color: #224c9d; font-family: "syl"; font-size: 16px;
}
.indexpart2 .switch-li .r-wrap .txt .more a img {
	margin-left: 5px; vertical-align: inherit; display: inline-block;
}
.indexpart2 .switch-li .r-wrap .tit {
	color: rgb(68, 68, 68); font-family: "syr"; font-size: 18px;
}
.indexpart2 .switch-li .r-wrap .wrap1 {
	margin-top: 50px;
}
.indexpart2 .switch-li .r-wrap .wrap1 ul {
	overflow: hidden;
}
.indexpart2 .switch-li .r-wrap .wrap1 ul li {
	border-radius: 5px; border: 1px solid rgb(238, 238, 238); transition:0.4s; border-image: none; height: 50px; text-align: center; color: rgb(110, 115, 133); line-height: 50px; font-family: "syl"; font-size: 16px; margin-top: 20px; margin-right: 20px; float: left; min-width: 180px; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: all 0.4s ease;
}
.indexpart2 .switch-li .r-wrap .wrap1 ul li:hover {
	border: 1px solid #224c9d; border-image: none; color: #fff; background-color: #224c9d;
}
.indexpart2 .switch-li .r-wrap .wrap1 ul li a { display:block;padding: 0px 15px;  }
.indexpart2 .switch-li .r-wrap .wrap1 ul li a:hover{
	color: #fff;
}
.indexpart2 .switch-li .r-wrap .wrap2 {
	margin-top: 40px;
}
.indexpart2 .switch-li .r-wrap .wrap2 ul li {
	border-radius: 5px; border: 1px solid rgb(238, 238, 238); transition:0.4s; border-image: none; width: calc((100% - 100px) /6); overflow: hidden; margin-top: 20px; margin-right: 20px; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: all 0.4s ease;
}
.indexpart2 .switch-li .r-wrap .wrap2 ul li:nth-child(6n) {
	margin-right: 0px;
}
.indexpart2 .switch-li .r-wrap .wrap2 ul li a {
	width: 100%; display: block;
}
.indexpart2 .switch-li .r-wrap .wrap2 ul li img {
	
}
.indexpart2 .m-box {
	margin-top: 40px; display: none;
}
.indexpart2 .m-box ul li {
	border-radius: 10px; border: 1px solid rgb(229, 229, 229); border-image: none; overflow: hidden; padding-top: 10px; padding-right: 12%; padding-bottom: 10px; font-size: 0px; margin-bottom: 20px; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box;
}
.indexpart2 .m-box ul li .icon {
	width: 16%; text-align: center; overflow: hidden; vertical-align: middle; display: inline-block;
}
.indexpart2 .m-box ul li .icon .bg {
	margin: auto; width: 72%; overflow: hidden; position: relative;
}
.indexpart2 .m-box ul li .icon .bg img {
	width: 100%;
}
.indexpart2 .m-box ul li .icon .bg .ic {
	left: 50%; top: 50%; width: 42%; position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);
}
.indexpart2 .m-box ul li .txt {
	width: 84%; color: rgb(34, 34, 34); overflow: hidden; font-family: "syn"; font-size: 18px; vertical-align: middle; display: inline-block;
}
.indexpart2 .m-box ul li i {
	background: url("img261.png") no-repeat center / 14% auto; top: 0px; width: 10%; height: 100%; right: 0px; position: absolute;
}
.allbtn {
	text-align: center; margin-top: 4.25%;
}
.allbtn a {
	margin: 0px 20px; padding: 0px 15px; border-radius: 10px; transition:0.4s; height: 50px; line-height: 50px; font-family: "syr"; font-size: 16px; min-width: 160px; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: all 0.4s ease;
}
.allbtn a.btn1 {
	border: 1px solid #224c9d; border-image: none; color: #224c9d;
}
.allbtn a.btn1:hover {
	color: #fff; background-color: #224c9d;
}
.allbtn a.btn2 {
	border: 1px solid rgb(255, 106, 0); border-image: none; color: rgb(255, 106, 0); display: none;
}
.allbtn a.btn2:hover {
	color: #fff; background-color: rgb(255, 106, 0);
}
.indexpart3 {
	background: url("img23.jpg") no-repeat center / cover; padding-top: 6.7%; padding-bottom: 5.7%;
}
.indexpart3 .box {
	margin: auto; width: 100%; max-width: 1400px;
}
.indexpart3 .title .t1 {
	color: #fff;
}
.indexpart3 .wrap {
	text-align: center; font-size: 0px; margin-top: 40px;
}
.indexpart3 .wrap .bg {
	margin: auto; padding: 5% 0px; width: 50.28%; display: inline-block; position: relative;
}
.indexpart3 .wrap .bg .s1 {
	background: url("img25.png") no-repeat center / 76.84% auto; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.indexpart3 .wrap .bg .s2 {
	background: url("img24.png") no-repeat center / 76.84% auto; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.indexpart3 .wrap .bg .s3 {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 10;
}
.indexpart3 .wrap .bg .s4 {
	background: url("img263.png") no-repeat center / auto 100%; margin: auto; left: 0px; top: 0px; width: 21.5%; height: 22%; right: 0px; bottom: 0px; color: #fff; font-family: "syr"; font-size: 22px; display: flex; position: absolute; z-index: 11; justify-content: center; align-items: center;
}
#sector {
	
}
#sector ul {
	list-style: none; margin: 150px auto; padding: 0px; border-radius: 100%; width: 370px; height: 370px; overflow: hidden; position: relative; transform: rotate(0deg);
}
#sector ul li {
	background: rgba(255, 255, 255, 0.15); transform-origin: 0% 100%; top: 0px; width: 50%; height: 50%; right: 0px; overflow: hidden; position: absolute; cursor: pointer;
}
#sector ul li:hover {
	background: rgb(225, 103, 29);
}
#sector .sector1 {
	transform: rotate(0deg) skewY(-31.999998deg); -webkit-transform: rotate(0deg) skewY(-32deg); -moz-transform: rotate(0deg) skewY(-32deg);
}
#sector .sector2 {
	transform: rotate(60deg) skewY(-31.999998deg); -webkit-transform: rotate(60deg) skewY(-32deg); -moz-transform: rotate(60deg) skewY(-32deg);
}
#sector .sector3 {
	transform: rotate(120deg) skewY(-31.999998deg); -webkit-transform: rotate(120deg) skewY(-32deg); -moz-transform: rotate(120deg) skewY(-32deg);
}
#sector .sector4 {
	transform: rotate(180deg) skewY(-31.999998deg); -webkit-transform: rotate(180deg) skewY(-32deg); -moz-transform: rotate(180deg) skewY(-32deg);
}
#sector .sector5 {
	transform: rotate(240deg) skewY(-31.999998deg); -webkit-transform: rotate(240deg) skewY(-32deg); -moz-transform: rotate(240deg) skewY(-32deg);
}
#sector .sector6 {
	transform: rotate(300deg) skewY(-31.999998deg); -webkit-transform: rotate(300deg) skewY(-32deg); -moz-transform: rotate(360deg) skewY(-32deg);
}
#sector ul li .txt {
	transform-origin: 0% 100%; left: 0px; top: 0px; width: 100%; height: 100%; color: rgba(255, 255, 255, 0.6); font-family: "syr"; font-size: 16px; position: absolute; transform: skewY(0deg) rotate(0deg); -webkit-transform: skewY(0) rotate(0); -moz-transform: skewY(0) rotate(0);
}
#sector ul li .txt .sp {
	left: 0px; width: 120px; height: 60px; bottom: 42px; position: absolute;
}
#sector ul li.sector1 .txt .sp {
	transform: skewY(31.999998deg);
}
#sector ul li.sector2 .txt .sp {
	transform: skewY(31.999998deg) rotate(-60deg);
}
#sector ul li.sector3 .txt .sp {
	transform: skewY(31.999998deg) rotate(-120deg);
}
#sector ul li.sector4 .txt .sp {
	transform: skewY(31.999998deg) rotate(-180deg);
}
#sector ul li.sector5 .txt .sp {
	transform: skewY(31.999998deg) rotate(-240deg);
}
#sector ul li.sector6 .txt .sp {
	transform: skewY(31.999998deg) rotate(-300deg);
}
.deve-list {
	left: 50%; top: 50%; width: 58.53%; height: 58.15%; margin-top: -1%; position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);
}
.deve-list ul li {
	overflow: hidden; position: absolute;
}
.deve-list ul li img {
	width: 100%;
}
.deve-list ul li .im2 {
	display: none;
}
.deve-list ul li:hover .im1 {
	display: none;
}
.deve-list ul li:hover .im2 {
	display: inline-block;
}
.deve-list ul li.column1 {
	left: 7.05%; top: 0px; width: 42.47%;
}
.deve-list ul li.column2 {
	left: 0px; top: 26.5%; width: 49.27%;
}
.deve-list ul li.column3 {
	left: 7.05%; width: 42.47%; bottom: -5.2%;
}
.deve-list ul li.column4 {
	width: 42.47%; right: 7.05%; bottom: -5.2%;
}
.deve-list ul li.column5 {
	top: 26.5%; width: 49.27%; right: 0px;
}
.deve-list ul li.column6 {
	top: 0px; width: 42.47%; right: 7.05%;
}
.deve-list ul li .txt {
	top: 30%; width: 54%; text-align: center; color: rgba(255, 255, 255, 0.7); font-size: 14px; position: absolute;
}
.deve-list ul li.column1 .txt {
	left: 32%; top: 36%;
}
.deve-list ul li.column2 .txt {
	left: 12%; top: 40%;
}
.deve-list ul li.column3 .txt {
	left: 29%; top: 47%; width: 60%;
}
.deve-list ul li.column4 .txt {
	left: 13%; top: 47%; width: 60%;
}
.deve-list ul li.column5 .txt {
	left: 35%; top: 40%;
}
.deve-list ul li.column6 .txt {
	left: 12%; top: 36%; width: 60%;
}
@media only screen and (max-width:1600px)
{
.deve-list ul li.column2 .txt {
	top: 32%;
}
.deve-list ul li.column3 .txt {
	top: 40%;
}
.deve-list ul li.column4 .txt {
	left: 11%; top: 40%;
}
.deve-list ul li.column6 .txt {
	top: 36%;
}
.indexpart3 .wrap .bg .s4 {
	font-size: 20px;
}
}
@media only screen and (max-width:1280px)
{
.deve-list ul li .txt {
	font-size: 12px;
}
}
@media only screen and (max-width:1024px)
{
.indexpart3 .wrap .bg .s3 {
	background: url("img28b.png") no-repeat center / 77.3% auto;
}
.indexpart3 .wrap .bg .s4 {
	display: none;
}
.deve-list {
	display: none;
}
}
.indexpart3 .wrap .w1 {
	float: left;
}
.indexpart3 .wrap .w2 {
	float: right;
}
.indexpart3 .wrap > ul {
	width: 24.85%; overflow: hidden;
}
.indexpart3 .wrap > ul > li {
	font-size: 0px; margin-bottom: 20%;
}
.indexpart3 .wrap > ul.w1 > li {
	text-align: right; padding-right: 10%;
}
.indexpart3 .wrap > ul.w2 > li {
	padding-left: 10%;
}
.indexpart3 .wrap ul li .con {
	width: 100%; text-align: left; display: inline-block; max-width: 230px;
}
.indexpart3 .wrap ul li .con .t1 {
	color: #fff; overflow: hidden; padding-left: 28%; font-family: "sym"; font-size: 24px; margin-bottom: 15px; position: relative;
}
.indexpart3 .wrap ul li .con .t1 .sp {
	left: 0px; top: 6px; width: 28%; text-align: center; color: rgb(117, 142, 199); font-family: arial; font-size: 20px; position: absolute;
}
.indexpart3 .wrap ul li .con .t2 {
	background: url("img29.png") no-repeat center / 100% 100%; width: 100%; height: 108px; color: rgb(191, 208, 245); font-family: "syr"; font-size: 14px; display: table;
}
.indexpart3 .wrap > ul > li:hover .con .t2 {
	background: url("img30.png") no-repeat center / 100% 100%; color: #fff;
}
.indexpart3 .wrap ul li .con .t2 ul {
	padding: 0px 12%; width: 100%; overflow: hidden; vertical-align: middle; display: table-cell; box-sizing: border-box; -webkit-box-sizing: border-box;
}
.indexpart3 .wrap ul li .con .t2 ul li {
	margin: 5px auto; width: 100%; text-align: left; float: left; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; padding-left:5px;
}
.indexpart3 .wrap ul li .con .t2 ul li::before {
	border-radius: 50%; left: 0px; top: 10px; width: 3px; height: 3px; position: absolute; content: ""; background-color: rgb(246, 247, 251);
}
.indexpart4 {
	background: url("img31.png") no-repeat bottom / 100% auto rgb(249, 250, 255); padding-top: 4.2%; padding-bottom: 6.5%;
}
.indexpart4 .box {
	margin: auto; width: 100%; text-align: center; max-width: 1450px;
}
.indexpart4 .box .txt {
	width: 33.33%; text-align: left; color: rgb(34, 34, 34); overflow: hidden; font-size: 40px; float: left; max-width: 240px;
}
.indexpart4 .box .quota {
	width: 33.33%; text-align: center; display: inline-block;
}
.indexpart4 .box .quota .t1 {
	color: rgb(102, 102, 102); line-height: 64px; font-family: "sym"; font-size: 24px; margin-bottom: 15px;
}
.indexpart4 .box .quota .t1 .sp {
	margin: 0px 7px; border-radius: 10px; width: 50px; height: 64px; text-align: center; color: rgb(255, 106, 0); line-height: 64px; font-family: "sym"; font-size: 40px; vertical-align: top; display: inline-block; box-shadow: 0px 7px 9px rgba(0,0,0,0.15); background-color: #fff;
}
.indexpart4 .box .quota .t2 {
	color: rgb(255, 106, 0); font-family: "syr"; font-size: 16px;
}
.indexpart4 .box .btnbox {
	width: 33.33%; text-align: right; overflow: hidden; font-size: 0px; margin-top: 15px; float: right;
}
.indexpart4 .box .btnbox a {
	border-radius: 10px; transition:0.4s; width: 41.4%; height: 50px; text-align: center; color: #fff; line-height: 50px; overflow: hidden; font-family: "sym"; font-size: 18px; margin-right: 8%; display: inline-block; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: all 0.4s ease;
}
.indexpart4 .box .btnbox a:last-child {
	margin-right: 0px;
}
.indexpart4 .box .btnbox a.btn1 {
	background: rgb(59, 79, 163); border: 1px solid rgb(59, 79, 163); border-image: none;
}
.indexpart4 .box .btnbox a.btn2 {
	background: rgb(255, 106, 0); border: 1px solid rgb(255, 106, 0); border-image: none;
}
.indexpart4 .box .btnbox a.btn1:hover {
	background: none; color: rgb(59, 79, 163);
}
.indexpart4 .box .btnbox a.btn2:hover {
	background: none; color: rgb(255, 106, 0);
}
.indexpart5 {
	background: #fff; padding-top: 4.2%; padding-bottom: 5.2%;
}
.indexpart5 .box {
	margin-top: 1.75%;
}
.indexpart5 .box .switch-box {
	
}
.caseli {
	border-radius: 10px; width: 23.12%; margin-top: 2.5%; margin-right: 2.5%; float: left; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-perspective: 1000;min-height: 420px;
}
:nth-child(4n).caseli {
	margin-right: 0px;
}
.m-ul .caseli a {
	width: 100%; display: block;
}
.related .caseli {
	width: 31.73%; margin-right: 2.4%; margin-bottom: 2.4%;
}
.related :nth-child(4n).caseli {
	margin-right: 2.4%;
}
.related :nth-child(3n).caseli {
	margin-right: 0px;
}
.innovation .caseli {
	margin: 0px auto;
}
.caseli .above {
	background: #fff; border-radius: 10px; transition:0.4s ease-out; padding-top: 7%; position: relative; z-index: 24; box-shadow: 0px 5px 38px rgba(0,69,87,0.09); transform: rotateY(0deg); -webkit-transform: rotateX(0deg) rotateY(0deg); -webkit-backface-visibility: hidden; -moz-transform: rotateX(0deg) rotateY(0deg); -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden;
}
.caseli .below {
	background: url("img32.jpg") no-repeat center / cover; border-radius: 10px; transition:0.4s ease-out; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 13; box-shadow: 0px 5px 38px rgba(0,69,87,0.09); transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -webkit-backface-visibility: hidden; -moz-transform: rotateY(-180deg); -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden;
}
.caseli .img {
	width: 100%; overflow: hidden;
}
.caseli .img img {
	transition:0.5s; width: 100%; opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
}
.caseli:hover .img img {
	opacity: 1;
}
.caseli .txt {
	padding: 10%; transition:0.5s; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
}
.caseli .icon {
	transition:0.4s; text-align: center; margin-bottom: 8%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease;
}
.caseli .icon01 {
	transition:0.4s; text-align: center; margin-bottom: 8%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease;
}


.caseli .icon img {
	
}

.caseli .icon01 img {
	
}


.caseli .title {
	
}
.caseli .title .t6 {
	text-align: center; color: rgb(34, 34, 34); overflow: hidden; margin-bottom: 10px; min-height: 60px; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.caseli .title .t6 a:hover { color:#234b9c; }
.caseli .title .t8 {
	color: rgb(102, 102, 102); line-height: 2; min-height: 80px;
}
.caseli .title .t8 li {
	margin-bottom: 5px;
}
.caseli .below .t6 {
	color: #fff;
}
.caseli .below .t8 {
	color: #fff;
}
.caseli .below .title .t6 {
	text-align: center; margin-top: 7%;
}
.caseli .btn {
	transition:0.5s; width: 100%; text-align: center; font-size: 0px; margin-top: 12%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
}
.caseli .btn a {
	padding: 0px 10px; border-radius: 5px; border: 1px solid #fff; border-image: none; height: 40px; line-height: 38px; font-family: "syl"; font-size: 14px; vertical-align: top; display: inline-block; min-width: 38%; box-sizing: border-box; -webkit-box-sizing: border-box;
}
.caseli .btn span {
	padding: 0px 10px; border-radius: 5px; border: 1px solid #fff; border-image: none; height: 40px; line-height: 38px; font-family: "syl"; font-size: 14px; vertical-align: top; display: inline-block; min-width: 38%; box-sizing: border-box; -webkit-box-sizing: border-box;
}
.caseli .btn a.b1 {
	background: #234b9c; color: #fff; margin-right: 6%;
}
.caseli .btn span.b1 {
	background: #fff; color: #224c9d; margin-right: 6%;
}
.caseli .btn a.b2 {
	color: #fff;
}
.caseli .btn span.b2 {
	color: #fff;
}
.caseli .btn a.b1:hover {
	background: #6bb13f; color: #fff;
}
.caseli .btn span.b1:hover {
	background: none; color: #fff;
}
.caseli .btn a.b2:hover {
	background: #fff; border: 1px solid #224c9d; border-image: none; color: #224c9d;
}
.caseli .btn span.b2:hover {
	background: #fff; border: 1px solid #224c9d; border-image: none; color: #224c9d;
}
.alike .switch-tab {
	
}
.alike .switch-tab ul {
	text-align: center; font-size: 0px;
}
.alike .switch-tab ul li {
	padding: 0px 35px; vertical-align: top; display: inline-block; cursor: pointer;
}
.alike .switch-tab ul li p {
	padding: 0px 10px 12px; color: rgb(102, 102, 102); font-family: "syn"; font-size: 16px; display: block; position: relative;
}
.alike .switch-tab ul li span {
	padding: 0px 10px 12px; color: rgb(102, 102, 102); font-family: "syn"; font-size: 16px; display: block; position: relative;
}
.alike .switch-tab ul li:hover p {
	color: #224c9d;
}
.alike .switch-tab ul li.on p {
	color: #224c9d;
}
.alike .switch-tab ul li:hover span {
	color: #224c9d;
}
.alike .switch-tab ul li.on span {
	color: #224c9d;
}
.alike .switch-tab ul li p::before {
	background: #224c9d; margin: auto; transition:0.5s; left: 0px; width: 0px; height: 3px; right: 0px; bottom: 0px; position: absolute; content: ""; -webkit-transition: all 0.5s ease;
}
.alike .switch-tab ul li span::before {
	background: #224c9d; margin: auto; transition:0.5s; left: 0px; width: 0px; height: 3px; right: 0px; bottom: 0px; position: absolute; content: ""; -webkit-transition: all 0.5s ease;
}
.alike .switch-tab ul li:hover p::before {
	width: 100%;
}
.alike .switch-tab ul li.on p::before {
	width: 100%;
}
.alike .switch-tab ul li:hover span::before {
	width: 100%;
}
.alike .switch-tab ul li.on span::before {
	width: 100%;
}
.innovation .switch-box .oth {
	padding: 0px 50px; overflow: hidden; margin-top: 3.1%; position: relative;
}
.innovation .casebox {
	width: 100%; overflow: hidden; position: relative;
}
.innovation .casebox .swiper-slide {
	padding: 20px; box-sizing: border-box;
}
.innovation .casebox .caseli {
	width: 100%; float: none;
}
.innovation .swiper-button-next {
	background-position: center; top: 50%; width: 9px; height: 18px; margin-top: -9px; position: absolute; z-index: 10; cursor: pointer; background-repeat: no-repeat; background-size: 9px 18px; -moz-background-size: 9px 18px; -webkit-background-size: 9px 18px;
}
.innovation .swiper-button-prev {
	background-position: center; top: 50%; width: 9px; height: 18px; margin-top: -9px; position: absolute; z-index: 10; cursor: pointer; background-repeat: no-repeat; background-size: 9px 18px; -moz-background-size: 9px 18px; -webkit-background-size: 9px 18px;
}
.innovation .swiper-button-prev {
	left: 0px; right: auto; background-image: url("img159.png");
}
.swiper-container-rtl .swiper-button-next {
	left: 0px; right: auto; background-image: url("img159.png");
}
.innovation .swiper-button-next {
	left: auto; right: 0px; background-image: url("img160.png");
}
.swiper-container-rtl .swiper-button-prev {
	left: auto; right: 0px; background-image: url("img160.png");
}
.innovation .swiper-button-prev:hover {
	background-image: url("img159a.png");
}
.innovation .swiper-button-next:hover {
	background-image: url("img160a.png");
}
.indexpart6 {
	background: #f3f7ff; padding-top: 4.2%; padding-bottom: 6.25%;
}
.indexpart6 .box {
	margin-top: 40px;
}
.indexpart6 .box .wrap {
	margin-top: 50px;
}
.indexpart6 .box .wrap .l-wrap {
	border-radius: 10px; width: 65.6%; overflow: hidden; padding-right: 34.4%; margin-right: 3.2%; float: left; position: relative; box-sizing: border-box; box-shadow: 0px 2px 29px rgba(10,33,130,0.08); -webkit-box-sizing: border-box;
}
.indexpart6 .box .wrap .l-wrap .bg {
	width: 100%; overflow: hidden;
}
.indexpart6 .box .wrap .l-wrap .bg img {
	transition:0.5s; opacity: 0; -webkit-transition: all 0.5s ease;
}
.indexpart6 .box .wrap .l-wrap > a {
	left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: absolute; box-sizing: border-box; -webkit-box-sizing: border-box;
}
.indexpart6 .box a {
	width: 100%; overflow: hidden; display: block; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box;
}
.indexpart6 .box .img {
	width: 100%; position: relative;
}
.indexpart6 .box .img img {
	transition:0.5s; width: 100%; opacity: 0; -webkit-transition: all 0.5s ease;
}
.indexpart6 .box .r-wrap:hover .img::before {
	background: rgba(61, 80, 159, 1); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: "";
}
.indexpart6 .box .switch-li ul li:hover .img::before {
	background: rgba(61, 80, 159, 1); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: "";
}
.indexpart6 .box .txt {
	left: 0px; top: 0px; width: 100%; height: 100%; padding-top: 7.5%; position: absolute; box-sizing: border-box; -webkit-box-sizing: border-box;
}
.indexpart6 .box .txt .title {
	margin-top: 7%; min-height: 80%;
}
.indexpart6 .box .txt .title .t4 {
	color: #000; overflow: hidden; font-family: "syn"; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.indexpart6 .box .txt .title .t8 {
	color: #666; line-height: 2; overflow: hidden; margin-top: 15px; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.indexpart6 .box .txt .other {
	width: 100%; overflow: hidden;
}
.indexpart6 .box .txt .other .more {
	color: #224c9d; font-family: arial; font-size: 14px; text-decoration: underline; float: left; display: inline-block;
}
.indexpart6 .box .txt .other .date {
	color: rgb(220, 222, 232); font-family: arial; font-size: 18px; float: right;
}
.indexpart6 .box .wrap .l-wrap a {
	padding: 4.78%;
}
.indexpart6 .box .wrap .l-wrap a .txt {
	padding: 0px 6%;
}
.indexpart6 .box .wrap .r-wrap a .txt {
	padding: 9%;
}
.indexpart6 .box .switch-li ul li a .txt {
	padding: 9%;
}
.indexpart6 .box .wrap .l-wrap .img {
	width: 42.1%; overflow: hidden; float: left; position: static;
}
.indexpart6 .box .wrap .l-wrap .img img {
	transition:0.5s; width: 100%; opacity: 1; -webkit-transition: all 0.5s ease;
}
.indexpart6 .box .wrap .l-wrap:hover .img img {
	transform: scale(1.2); -webkit-transform: scale(1.2);
}
.indexpart6 .box .wrap .l-wrap .txt {
	width: 57.9%; overflow: hidden; padding-top: 2.5%; padding-left: 6.3%; float: left; position: relative; z-index: 1; box-sizing: border-box; -webkit-box-sizing: border-box;
}
.indexpart6 .box .wrap .r-wrap {
	border-radius: 10px; width: 31.2%; overflow: hidden; float: left; position: relative; box-sizing: border-box; box-shadow: 0px 2px 29px rgba(10,33,130,0.08); -webkit-box-sizing: border-box;
}
3.indexpart6 .box .switch-li ul {
	font-size: 0px;
}
.indexpart6 .box .switch-li ul li {
	border-radius: 10px; width: 31.2%; overflow: hidden; margin-top: 3.2%; margin-right: 2.2%; vertical-align: top; display: inline-block; box-sizing: border-box; box-shadow: 0px 2px 29px rgba(10,33,130,0.08); -webkit-box-sizing: border-box;max-height: 300px;
}
.indexpart6 .box .switch-li ul li:nth-child(3n) {
	margin-right: 0px;
}
.indexpart6 .box .l-wrap:hover .txt .title .t4 {
	color: #224c9d;
}
.indexpart6 .box .r-wrap:hover .txt .title .t4 {
	color: #fff;
}
.indexpart6 .box .switch-li ul li:hover .txt .title .t4 {
	color: #fff;
}
.indexpart6 .box .r-wrap:hover .txt .title .t8 {
	color: #fff;
}
.indexpart6 .box .switch-li ul li:hover .txt .title .t8 {
	color: #fff;
}
.indexpart6 .box .r-wrap:hover .txt .other .more {
	color: #fff;
}
.indexpart6 .box .r-wrap:hover .txt .other .date {
	color: #fff;
}
.indexpart6 .box .switch-li ul li:hover .txt .other .more {
	color: #fff;
}
.indexpart6 .box .switch-li ul li:hover .txt .other .date {
	color: #fff;
}
.case {
	background: rgb(246, 249, 254); padding-top: 3.9%; padding-bottom: 4.94%;
}
.case .content {
	margin: auto; width: 100%; max-width: 1530px;
}
.case .box {
	padding: 2% 4.2%; box-sizing: border-box; background-color: #fff; -webkit-box-sizing: border-box;
}
.case .box .tit {
	color: rgb(34, 34, 34); line-height: 40px; font-family: "sym"; font-size: 26px; float: left;font-weight:bold;
}

.case .box .tit1 {
	color: rgb(34, 34, 34); line-height: 40px; font-family: "sym"; font-size: 18px;
}

.case .box .search {
	width: 300px; overflow: hidden; float: right;
}
.case .box .search .inputdiv {
	padding: 0px 15px; border-radius: 5px; border: 1px solid rgb(229, 229, 229); border-image: none; width: 76.6%; float: left; box-sizing: border-box; -webkit-box-sizing: border-box;
}
.case .box .search .inputdiv input {
	background: none; border: currentColor; border-image: none; width: 100%; height: 38px; color: rgb(102, 102, 102); line-height: 38px; font-size: 16px;
}
.case .box .search .btn {
	border-radius: 5px; width: 20%; height: 40px; float: right; background-color: #224c9d;
}
.case .box .search .btn input {
	background: none; border: currentColor; border-image: none; width: 100%; height: 38px; color: rgb(246, 248, 250); line-height: 38px; font-family: "syn"; font-size: 18px;
}
.case .box .box2 {
	margin-top: 15px; border-top-color: rgb(230, 230, 230); border-top-width: 1px; border-top-style: solid;
}
.case .box .box2 p {
	padding-top: 20px;
}
.case .box .box2 .a-more {
	text-align: right; color: rgb(102, 102, 102); font-size: 14px; margin-top: 10px;
}
.case .box .box2 ul li {
	margin-right: 50px; float: left;
}
.case .box .box2 ul li a {
	padding: 15px 12px; color: rgb(102, 102, 102); line-height: 2; font-family: "syn"; font-size: 18px; position: relative;
}
.case .box .box2 ul li.on a {
	color: #224c9d;
}
.case .box .box2 ul li:hover a {
	color: #224c9d;
}
.case .box .box2 ul li a::before {
	margin: auto; transition:0.5s; left: 0px; top: 0px; width: 0px; height: 3px; right: 0px; position: absolute; content: ""; background-color: #224c9d; -webkit-transition: all 0.5s ease;
}
.case .box .box2 ul li.on a::before {
	width: 100%;
}
.case .box .box2 ul li:hover a::before {
	width: 100%;
}
.case .wrap > ul {
	margin-bottom: 4.9%;
}
.page {
	width: 100%; text-align: center;
}
.page-list {
	font-size: 0px;
}
.page-list a {
	padding: 0px 10px; border-radius: 5px; height: 40px; text-align: center; color: rgb(102, 102, 102); line-height: 40px; overflow: hidden; font-family: arial; font-size: 20px; margin-right: 24px; margin-bottom: 5px; vertical-align: top; display: inline-block; min-width: 40px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.page-list a:last-child {
	margin-right: 0px;
}
.page-list a.fyprev {
	background: url("img42.png") no-repeat center; border: currentColor; border-image: none;
}
.page-list a.fynext {
	background: url("img43.png") no-repeat center; border: currentColor; border-image: none;
}
.page-list a.fyprev:hover {
	background: url("img42a.png") no-repeat center; border: currentColor; border-image: none;
}
.page-list a.fynext:hover {
	background: url("img43a.png") no-repeat center; border: currentColor; border-image: none;
}
.page-list a:hover {
	color: #fff; background-color: rgb(59, 79, 163);
}
.page-list a.on {
	color: #fff; background-color: rgb(59, 79, 163);
}
.page-list .total {
	color: rgb(102, 102, 102); line-height: 40px; font-family: "syl"; font-size: 16px; margin-left: 10px; vertical-align: top; display: inline-block;
}
.comnav {
	background: #fff; width: 100%; position: relative; z-index: 11; box-shadow: 0px 2px 25px rgba(61,80,159,0.13);
}
.fixed.comnav {
	left: 0px; top: 120px; position: fixed; z-index: 11;
}
.comnav ul {
	text-align: center; font-size: 0px;
}
.comnav ul li {
	margin: 0px 20px; vertical-align: top; display: inline-block;
}
.comnav ul li span {
	padding: 0px 20px; color: rgb(34, 34, 34); line-height: 80px; font-family: "syr"; font-size: 18px; display: block; position: relative; cursor: pointer;
}
.comnav ul li.on span {
	color: #224c9d;
}
.comnav ul li:hover span {
	color: #224c9d;
}
.comnav ul li span::before {
	background: #224c9d; margin: auto; transition:0.5s; left: 0px; width: 0px; height: 3px; right: 0px; bottom: 0px; position: absolute; content: ""; -webkit-transition: all 0.5s ease;
}
.comnav ul li.on span::before {
	width: 100%;
}
.comnav ul li:hover span::before {
	width: 100%;
}
.case-detail {
	padding-top: 3.3%; padding-bottom: 3%;
}
.case-detail .content {
	padding: 3% 0;
}
.case-detail .box {
	margin: auto; width: 100%; position: relative; max-width: 1400px;
}
.service-details .related .box {
	margin: auto; width: 100%; position: relative; max-width: 1400px;
}
.case-detail .l-box {
	width: 280px; height: calc(100vh - 200px); float: left;
}
.case-detail .l-box .w1 {
	background: #fff; border: 1px solid rgb(238, 238, 238); border-image: none; padding-bottom: 30px;
}
.case-detail .l-box .w2 {
	background: #fff; border: 1px solid rgb(238, 238, 238); border-image: none; padding-bottom: 30px;
}
.new-detail .box .r-box .w2 {
	background: #fff; border: 1px solid rgb(238, 238, 238); border-image: none; padding-bottom: 30px;
}
.case-detail .l-box .w1 {
	text-align: center;
}
.case-detail .l-box .w1 .img {
	width: 100%; overflow: hidden; margin-bottom: 25px;
}
.case-detail .l-box .w1 .img img {
	max-width: 100%;
}
.new-detail .box .r-box .w2 {
	margin-top: 35px;
}
.case-detail .l-box .w2 .title .t6 {
	line-height: 60px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.new-detail .box .r-box .w2 .title .t6 {
	line-height: 60px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.case-detail .l-box .w2 .title .t3 {
	font-family: "syl";
}
.new-detail .box .r-box .w2 .title .t3 {
	font-family: "syl";
}
.case-detail .l-box .w2 .title .t3 ul {
	padding: 0px 9%; margin-top: 20px;
}
.new-detail .box .r-box .w2 .title .t3 ul {
	padding: 0px 9%; margin-top: 20px;
}
.case-detail .l-box .w2 .btn {
	margin: 25px auto 0px; width: 82%; text-align: center; overflow: hidden;
}
.new-detail .box .r-box .w2 .btn {
	margin: 25px auto 0px; width: 82%; text-align: center; overflow: hidden;
}
.case-detail .l-box .w2 .btn a {
	border-radius: 5px; transition:0.5s; width: 47.3%; color: #fff; line-height: 38px; overflow: hidden; font-family: "syr"; font-size: 16px; margin-right: 5.4%; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.new-detail .box .r-box .w2 .btn a {
	border-radius: 5px; transition:0.5s; width: 47.3%; color: #fff; line-height: 38px; overflow: hidden; font-family: "syr"; font-size: 16px; margin-right: 5.4%; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.case-detail .l-box .w2 .btn a:nth-child(2n) {
	margin-right: 0px;
}
.new-detail .box .r-box .w2 .btn a:nth-child(2n) {
	margin-right: 0px;
}
.case-detail .l-box .w2 .btn a.btn1 {
	background: #224c9d; border: 1px solid #224c9d; border-image: none;
}
.new-detail .box .r-box .w2 .btn a.btn1 {
	background: #224c9d; border: 1px solid #224c9d; border-image: none;
}
.case-detail .l-box .w2 .btn a.btn2 {
	background: rgb(255, 106, 0); border: 1px solid rgb(255, 106, 0); border-image: none;
}
.new-detail .box .r-box .w2 .btn a.btn2 {
	background: rgb(255, 106, 0); border: 1px solid rgb(255, 106, 0); border-image: none;
}
.case-detail .l-box .w2 .btn a.btn1:hover {
	background: none; color: #224c9d;
}
.new-detail .box .r-box .w2 .btn a.btn1:hover {
	background: none; color: #224c9d;
}
.case-detail .l-box .w2 .btn a.btn2:hover {
	background: none; color: rgb(255, 106, 0);
}
.new-detail .box .r-box .w2 .btn a.btn2:hover {
	background: none; color: rgb(255, 106, 0);
}
.case-detail .r-box {
	width: calc(100% - 280px); overflow: hidden; padding-left: 5%; float: right; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.case-detail .r-box #wrap > li {
	padding-bottom: 50px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.case-detail .r-box #wrap > li:last-child {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.case-detail .r-box #wrap > li .box {
	padding-top: 40px;
}
.case-detail .r-box .text .t7,.case-detail .r-box .text .t1 {
	margin-bottom: 25px;font-weight:bold;
}
.case-detail .r-box .text .t3 {
	font-family: "syl";
	padding-top: 3%;
}
.case-detail .r-box .text ul.t3 {
	border: 1px #999 solid; padding: 3% 3.8%; color: rgb(34, 34, 34); margin-top: 30px;
}
.case-detail .r-box .text ul.t3 li {
	margin-bottom: 5px;
}
.case-detail .r-box .text ul.t3 li:last-child {
	margin-bottom: 0px;
}
.case-detail .r-box .tit {
	color: rgb(34, 34, 34); font-family: "sym"; font-size: 28px; margin-bottom: 20px;
}
.s-module ul li {
	border-radius: 5px; width: auto; overflow: hidden; margin-right: 2.8%; margin-bottom: 15px; float: left; min-width: 22%;
}
.s-module ul li:nth-child(4n) {
	margin-right: 0px;
}
.s-module ul li:last-child {
	margin-right: 0px;
}
.s-module ul li span {
	background: #fff; transition:0.4s; width: 100%; height: 70px; color: rgb(34, 34, 34); line-height: 70px; overflow: hidden; padding-right: 14%; padding-left: 14%; font-family: "syr"; font-size: 16px; display: block; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: all 0.4s ease; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.s-module ul li a {
	background: #fff; transition:0.4s; width: 100%; height: 70px; color: rgb(34, 34, 34); line-height: 70px; overflow: hidden; padding-right: 14%; padding-left: 14%; font-family: "syr"; font-size: 16px; display: block; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: all 0.4s ease; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.s-module ul li span .sp {
	top: 0px; right: 7%; color: rgb(227, 231, 242); font-family: arial; font-size: 16px; font-weight: bold; position: absolute;
}
.s-module ul li a .sp {
	top: 0px; right: 7%; color: rgb(227, 231, 242); font-family: arial; font-size: 16px; font-weight: bold; position: absolute;
}
.s-module ul li:hover span {
	background: rgb(255, 106, 0);
}
.s-module ul li:hover a {
	background: rgb(255, 106, 0);
}
.s-module ul li:hover span {
	color: #fff;
}
.s-module ul li:hover a {
	color: #fff;
}
.s-module ul li:hover span .sp {
	color: rgb(255, 134, 71);
}
.s-module ul li:hover a .sp {
	color: rgb(255, 134, 71);
}
.case-detail .r-box .contract {
	width: 100%; overflow: hidden;
}
.case-detail .r-box .contract .title {
	width: 48%; overflow: hidden; padding-top: 30px; float: left;
}
.case-detail .r-box .contract .title .t3 {
	color: rgb(102, 102, 102); font-family: "syl";
}
.case-detail .r-box .contract .imgbox {
	width: 40%; float: right;
}
.case-detail .r-box .contract .imgbox .img {
	margin: 25px; text-align: center;
}
.case-detail .r-box .contract .imgbox .img img {
	padding: 20px; display: inline-block; box-shadow: 0px 1px 29px rgba(61,80,159,0.15); background-color: #fff;
}
.case-detail .r-box .contract .swiper-container {
	padding-bottom: 25px;
}
.case-detail .r-box .contract .swiper-pagination-bullet {
	background: rgb(216, 220, 236); border-radius: 100%; width: 10px; height: 10px; display: inline-block; opacity: 1;
}
.case-detail .r-box .contract .swiper-pagination-bullet-active {
	background: rgb(255, 106, 0); opacity: 1;
}
.case-detail .r-box .completed .title .t3 {
	color: rgb(102, 102, 102); font-family: "syl";
}
.case-detail .r-box .completed .img {
	margin-top: 40px;
}
.case-detail .r-box .btnbox {
	overflow: hidden; margin-top: 20px;
}
.new-detail .l-box .btnbox {
	overflow: hidden; margin-top: 20px;
}
.new-detail .l-box .btnbox {
	padding-top: 45px; border-top-color: rgb(229, 229, 229); border-top-width: 1px; border-top-style: solid;
}
.case-detail .r-box .btnbox a {
	background: #fff; border-radius: 5px; border: 1px solid rgb(238, 238, 238); transition:0.4s; border-image: none; height: 50px; color: rgb(34, 34, 34); line-height: 48px; overflow: hidden; font-family: "syr"; font-size: 16px; display: inline-block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: all 0.4s ease; -o-box-sizing: border-box; -ms-box-sizing: border-box;padding:0 10px;
}
.new-detail .l-box .btnbox a {
	background: #fff; border-radius: 5px; border: 1px solid rgb(238, 238, 238); transition:0.4s; border-image: none; height: 50px; color: rgb(34, 34, 34); line-height: 48px; overflow: hidden; font-family: "syr"; font-size: 16px; display: inline-block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: all 0.4s ease; -o-box-sizing: border-box; -ms-box-sizing: border-box;padding:0 10px;
}
.new-detail .l-box .btnbox a {
	color: rgb(102, 102, 102); font-family: "syl";
}
.case-detail .r-box .btnbox a:hover {
	background: #224c9d; color: #fff;
}
.new-detail .l-box .btnbox a:hover {
	background: #224c9d; color: #fff;
}
.case-detail .r-box .related {
	margin-top: 6.7%;
}
.aboutbox {
	
}
.abnav {
	margin-top: -50px;
}
.abnav ul {
	text-align: center; font-size: 0px;
}
.abnav ul li {
	background: #fff; margin: 0px 1%; border-radius: 10px; transition:0.4s; width: 16.25%; overflow: hidden; vertical-align: top; display: inline-block; box-shadow: 0px 1px 21px rgba(34,24,21,0.1); -webkit-transition: all 0.4s ease;
}
.abnav ul li:hover {
	background: #224c9d;
}
.abnav ul li.on {
	background: #224c9d;
}
.abnav ul li a {
	width: 100%; height: 100px; color: #224c9d; line-height: 100px; font-family: "syr"; font-size: 20px; display: block;
}
.abnav ul li:hover a {
	color: #fff;
}
.abnav ul li.on a {
	color: #fff;
}
.abnav ul li a img {
	margin-right: 12px; vertical-align: middle; display: inline-block;
}
.abnav ul li a img.ic2 {
	display: none;
}
.abnav ul li:hover a img.ic1 {
	display: none;
}
.abnav ul li.on a img.ic1 {
	display: none;
}
.abnav ul li:hover a img.ic2 {
	display: inline-block;
}
.abnav ul li.on a img.ic2 {
	display: inline-block;
}
.speech {
	padding-top: 6%; padding-bottom: 6%;
}
.speech .box {
	margin: auto; width: 100%; overflow: hidden; max-width: 1450px;
}
.speech .l-box {
	width: 50%; overflow: hidden; padding-right: 5%; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.speech .l-box .title {
	color: rgb(34, 34, 34);
}
.speech .l-box .title .t9 {
	line-height: 2; margin-top: 40px;
}
.speech .l-box .img {
	text-align: right; overflow: hidden; margin-top: 30px;
}
.speech .l-box .img img {
	
}
.speech .r-box {
	width: 50%; overflow: hidden; padding-left: 5%; float: right; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.speech .r-box img {
	max-width: 100%;
}
.about {
	padding-top: 3.9%; padding-bottom: 5.7%;
}
.about .content {
	margin: auto; width: 100%; max-width: 1475px;
}
.aboutbox .a-title {
	
}
.aboutbox .a-title .t1 {
	color: #224c9d; font-family: "syb"; font-size: 44px; margin-bottom: 6px;
}
.aboutbox .a-title .t2 {
	color: rgb(102, 102, 102); text-transform: uppercase; font-family: arial; font-size: 16px;
}
.aboutbox .oth.a-title .t1 {
	color: rgb(34, 34, 34);
}
.about .box {
	margin-top: 3.4%;
}
.about .box .l-box {
	width: 52.88%; overflow: hidden; float: left;
}
.about .box .l-box .title .t9 {
	color: rgb(102, 102, 102); line-height: 2; font-family: "΢���ź�";
}
.about .box .r-box {
	border-radius: 20px; width: 41%; overflow: hidden; float: right; position: relative;
}
.about .box .r-box .videoimg {
	width: 100%; overflow: hidden;
}
.about .box .r-box .videoimg img {
	width: 100%;
}
.about .box .r-box .icon {
	left: 50%; top: 50%; position: absolute; max-width: 12%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);
}
.about .box .r-box .icon img {
	
}
.about .box .r-box .icon .spin {
	animation:spin 2s linear infinite; left: 0px; top: 0px; position: absolute; -webkit-animation: spin 2s linear infinite;
}
.culture {
	margin: 6% auto 0px; width: 100%; max-width: 1500px;
}
.culture ul {
	
}
.culture ul li {
	padding: 0px 25px; border-radius: 10px; border: 1px solid rgb(229, 229, 229); transition:0.4s; border-image: none; width: 31%; height: 145px; overflow: hidden; margin-top: 20px; margin-right: 3.5%; float: left; display: flex; box-sizing: border-box; align-items: center; -webkit-box-sizing: border-box; -webkit-align-items: center; -webkit-transition: all 0.4s ease;
}
.culture ul li:nth-child(3n) {
	margin-right: 0px;
}
.culture ul li:hover {
	box-shadow: 0px 1px 21px rgba(34,24,21,0.15); transform: translateY(-5px); -webkit-transform: translateY(-5px);
}
.culture ul li img {
	width: 70px; height: 70px; margin-right: 15px;
}
.culture ul li .info {
	flex:1 1 0px; color: rgb(102, 102, 102); line-height: 24px; font-family: "΢���ź�"; font-size: 16px; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1;
}
.culture ul li .info .bt {
	color: #224c9d; padding-bottom: 5px; font-size: 22px;
}
.key {
	background: rgb(246, 249, 254); padding-top: 3.9%; padding-bottom: 3.9%;
}
.key .content {
	margin: auto; width: 100%; max-width: 1500px;
}
.key .box {
	margin-top: 50px;
}
.key .box > ul {
	font-size: 0px;
}
.key .box > ul > li {
	background: #fff; border-radius: 10px; transition:0.5s; width: 48.66%; overflow: hidden; font-size: 0px; margin-right: 2.68%; margin-bottom: 3.33%; vertical-align: top; display: inline-block; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
}
.key .box > ul > li:nth-child(2n) {
	margin-right: 0px;
}
.key .box > ul > li::before {
	background: #224c9d; transition:0.5s; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: ""; opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
}
.key .box > ul > li:hover::before {
	opacity: 1;
}
.key .box ul li .img {
	border-radius: 10px; transition:0.5s; width: 39.7%; text-align: center; overflow: hidden; vertical-align: middle; display: inline-block; position: relative; z-index: 1; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.key .box ul li .img img {
	transition:0.5s; width: 100%; position: relative; z-index: 1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
}
.key .box ul li:hover .img img {
	transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -o-transform: scale(1.06);
}
.key .box ul li .img::before {
	border-radius: 50%; border: 200px solid #224c9d; transition:0.5s; border-image: none; left: 50%; top: 50%; width: 100%; height: 100%; position: absolute; z-index: 2; content: ""; opacity: 0; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
}
.key .box ul li:hover .img::before {
	width: 270px; height: 270px; opacity: 1;
}
.key .box ul li .txt {
	width: 60.3%; overflow: hidden; padding-right: 4.8%; padding-left: 5.5%; margin-top: 10px; vertical-align: middle; display: inline-block; position: relative; z-index: 1; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.key .box ul li .txt .tit {
	overflow: hidden; padding-bottom: 15px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.key .box ul li:hover .txt .tit {
	border-bottom-color: rgba(255, 255, 255, 0.4); border-bottom-width: 1px; border-bottom-style: solid;
}
.key .box ul li .txt .tit .t1 {
	color: rgb(34, 34, 34); font-family: "syb"; font-size: 24px; float: left;
}
.key .box ul li .txt .tit .t2 {
	color: rgb(102, 102, 102); line-height: 2.25; font-family: "syl"; font-size: 16px; float: right;
}
.key .box ul li:hover .txt .tit .t1 {
	color: #fff;
}
.key .box ul li:hover .txt .tit .t2 {
	color: #fff;
}
.key .box ul li:hover .txt ul li {
	color: #fff;
}
.key .box ul li .txt ul {
	overflow: hidden; margin-top: 15px; -webkit-box-orient: vertical; -webkit-line-clamp: 4;
}
.key .box ul li .txt ul li {
	color: rgb(102, 102, 102); line-height: 2; padding-left: 25px; font-family: "syl"; font-size: 16px; position: relative;
}
.key .box ul li .txt ul li:last-child {
	margin-bottom: 0px;
}
.key .box ul li .txt ul li::before {
	border-radius: 50%; border: 1px solid rgb(200, 208, 235); border-image: none; left: 0px; top: 13px; width: 4px; height: 4px; position: absolute; content: "";
}
.key .box ul li .txt .see {
	text-align: right; margin-top: 15px;
}
.key .box ul li .txt .see a {
	background: url("img64.png") no-repeat right; text-align: left; color: #224c9d; line-height: 22px; padding-right: 30px; font-family: "syl"; font-size: 14px; text-decoration: underline;
}
.key .box ul li:hover .txt .see a {
	background: url("img65.png") no-repeat right; color: #fff;
}
.key .box .more {
	text-align: center; margin-top: 5%;
}
.key .box .more a {
	border-radius: 5px; border: 1px solid #224c9d; transition:0.5s; border-image: none; height: 42px; color: #224c9d; line-height: 42px; font-family: "syl"; font-size: 14px; display: inline-block; min-width: 130px; -webkit-transition: all 0.5s ease;
}
.key .box .more a:hover {
	background: #224c9d; color: #fff;
}
.strength {
	padding-top: 6.25%; padding-bottom: 4.2%;
}
.strength .box .tabs {
	margin: auto; width: 100%; position: relative; max-width: 1500px;
}
.strength .box .tabs ul li {
	width: 32.66%; margin-right: 1%; float: left; position: relative;
}
.strength .box .tabs ul li:nth-child(3n) {
	margin-right: 0px;
}
.strength .box .tabs ul li a {
	background: rgb(221, 221, 221); border-radius: 10px; transition:0.3s; height: 80px; color: rgb(51, 51, 51); font-size: 24px; display: flex; justify-content: center; align-items: center;
}
.strength .box .tabs ul li.active a {
	background: #224c9d; color: #fff;
}
.strength .box .tabs ul li.active a::after {
	margin: auto; left: 0px; top: 100%; width: 0px; height: 0px; right: 0px; border-top-color: #224c9d; border-right-color: transparent; border-left-color: transparent; border-top-width: 10px; border-right-width: 8px; border-left-width: 8px; border-top-style: solid; border-right-style: solid; border-left-style: solid; position: absolute; content: "";
}
.strength .tabbox {
	margin: 45px auto 0px; width: 100%; position: relative; max-width: 1620px;
}
.swiper-box {
	margin: auto; width: 100%; overflow: hidden; padding-bottom: 40px; position: relative; max-width: 1500px;
}
.swiper-box .wrap {
	width: 100%; overflow: hidden;
}
.swiper-box .wrap .l-wrap {
	width: 48.66%; overflow: hidden; padding-right: 10px; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.swiper-box .wrap .r-wrap {
	width: 100%; overflow: hidden; padding-left: 10px; float: right; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.swiper-box .wrap .r-wrap ul li {
	width: calc((100% - 30px) /3); margin-right: 10px; margin-bottom: 10px; float: left;
}
.swiper-box .wrap .r-wrap ul li:nth-child(2n) {
	
}
.swiper-box .wrap .item {
	width: 100%; overflow: hidden; position: relative;
}
.swiper-box .wrap .item a { display:block; }
.swiper-box .wrap .item img {
	transition:0.3s; width: 100%; height: 100%; object-fit: cover;
}
.swiper-box .wrap .item .mask {
	background: rgba(63, 80, 159, 0.9); padding: 0px 5.4%; transition:0.3s; left: 0px; width: 100%; height: 95px; text-align: left; bottom: -95px; color: #fff; line-height: 95px; overflow: hidden; font-size: 18px; position: absolute; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: .3s; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.swiper-box .wrap .small-img.item .mask {
	height: 70px; bottom: -70px; line-height: 70px;
}
.swiper-box .wrap .item:hover .mask {
	bottom: 0px;
}
.swiper-box .wrap .item .mask .tit {
	background: url("img73.png") no-repeat left; padding-left: 25px;
}
.strength .swiper-button-next {
	background-position: center; top: 50%; width: 50px; height: 50px; margin-top: -65px; position: absolute; z-index: 10; cursor: pointer; background-repeat: no-repeat; background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%;
}
.strength .swiper-button-prev {
	background-position: center; top: 50%; width: 50px; height: 50px; margin-top: -65px; position: absolute; z-index: 10; cursor: pointer; background-repeat: no-repeat; background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%;
}
.strength .swiper-button-prev {
	left: 0px; right: auto; background-image: url("img66.png");
}
.strength .swiper-container-rtl .swiper-button-next {
	left: 0px; right: auto; background-image: url("img66.png");
}
.strength .swiper-button-next {
	left: auto; right: 0px; background-image: url("img67.png");
}
.strength .swiper-container-rtl .swiper-button-prev {
	left: auto; right: 0px; background-image: url("img67.png");
}
.strength .swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 0px;
}
.strength .swiper-pagination-custom {
	bottom: 0px;
}
.swiper-pagination-fraction {
	bottom: 0px;
}
.strength .swiper-pagination-bullet {
	background: rgb(242, 246, 249); width: 14px; height: 14px; opacity: 1;
}
.strength .swiper-pagination-bullet-active {
	background: #224c9d; opacity: 1;
}
.bigPicLayer {
	padding: 10px; top: 40% !important; width: 1000px; height: 556px; margin-top: -180px; display: none; position: fixed; z-index: 1000;
}
.bigPicLayer iframe {
	width: 1000px; height: 556px;
}
.bigPicLayer .close {
	background: url("m5_off.png") no-repeat; top: -50px; width: 38px; height: 38px; right: -50px; display: block; position: absolute; z-index: 1000;
}
.bigPicLayer .close em {
	background: rgb(0, 150, 144); left: 50%; top: 100%; width: 1px; height: 50px; margin-left: -0.5px; display: none; position: absolute;
}
.bigPicLayer .imgDiv {
	text-align: center;
}
.bigPicLayer .imgDiv img {
	width: 100%;
}
.bigPicLayer .imgDiv span {
	left: 0px; top: 100%; width: 100%; text-align: center; color: #fff; font-size: 18px; font-weight: bold; margin-top: 16px; display: block; position: absolute;
}
.video_all {
	left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 999; opacity: 0.5; background-color: rgb(0, 0, 0); -moz-opacity: 0.5;
}
@media screen and (max-width:1440px)
{
.bigPicLayer {
	padding: 10px; top: 40% !important; width: 600px; height: 350px; margin-top: -100px; display: none; position: fixed; z-index: 1000;
}
.bigPicLayer iframe {
	width: 100%; height: 388px;
}
.bigPicLayer .close {
	background: url("m5_off.png") no-repeat; top: -50px; width: 38px; height: 38px; right: -50px; display: block; position: absolute; z-index: 222;
}
.bigPicLayer .close em {
	background: rgb(10, 68, 141); left: 50%; top: 100%; width: 1px; height: 50px; margin-left: -0.5px; display: none; position: absolute;
}
.bigPicLayer .imgDiv {
	text-align: center;
}
.bigPicLayer .imgDiv img {
	width: 100%;
}
.bigPicLayer .imgDiv span {
	left: 0px; top: 100%; width: 100%; text-align: center; color: #fff; font-size: 18px; font-weight: bold; margin-top: 16px; display: block; position: absolute;
}
}
@media screen and (max-width:1004px)
{
.bigPicLayer {
	padding: 10px; top: 40% !important; width: 100%; margin-top: -100px; margin-left: -10px; display: none; position: fixed; z-index: 1000; box-sizing: border-box; -webkit-box-sizing: border-box;
}
.bigPicLayer .close {
	background: url("m5_off.png") no-repeat; top: -50px; width: 48px; height: 48px; right: 40px; display: block; position: absolute; z-index: 222;
}
.bigPicLayer .close em {
	background: rgb(10, 68, 141); left: 50%; top: 100%; width: 1px; height: 20px; margin-left: -0.5px; display: none; position: absolute;
}
.bigPicLayer .wrap {
	margin: 0px auto; text-align: center;
}
#CuPlayer iframe {
	width: 60%; height: 380px;
}
.bigPicLayer .imgDiv {
	height: 169px;
}
}
@media screen and (max-width:640px)
{
.bigPicLayer .close {
	right: 10px;
}
}
.letter {
	padding-top: 5.2%; padding-bottom: 3.6%;
}
.letter ul li {
	background: #fff; border-radius: 10px; width: 48.7%; overflow: hidden; margin-right: 2.6%; margin-bottom: 2.6%; float: left; cursor: pointer; box-shadow: 0px 3px 25px rgba(0,0,0,0.09);
}
.letter ul li:nth-child(2n) {
	margin-right: 0px;
}
.letter ul li .part1 {
	width: 100%; overflow: hidden; font-size: 0px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.letter ul li .part1 .w1 {
	width: 24.65%; text-align: center; overflow: hidden; vertical-align: middle; display: inline-block;
}
.letter ul li .part1 .w1 .spot {
	margin: auto; border-radius: 50%; width: 90px; height: 90px; line-height: 90px; display: block;
}
.letter ul li:nth-child(2n+1) .part1 .w1 .spot {
	background: #224c9d;
}
.letter ul li:nth-child(2n) .part1 .w1 .spot {
	background: rgb(255, 106, 0);
}
.letter ul li .part1 .w1 .spot img {
	max-width: 34.45%;
}
.letter ul li .part1 .w1 .tit {
	color: #224c9d; font-family: "sym"; font-size: 22px; margin-top: 10px;
}
.letter ul li:nth-child(2n+1) .part1 .w1 .tit {
	color: #224c9d;
}
.letter ul li:nth-child(2n) .part1 .w1 .tit {
	color: rgb(255, 106, 0);
}
.letter ul li .part1 .w2 {
	padding: 5% 8% 5% 6%; width: 75.35%; overflow: hidden; vertical-align: middle; border-left-color: rgb(238, 238, 238); border-left-width: 1px; border-left-style: solid; display: inline-block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.letter ul li .part1 .w2 .t1 {
	color: rgb(34, 34, 34); font-family: "syb"; font-size: 26px;
}
.letter ul li .part1 .w2 .t2 {
	color: rgb(102, 102, 102); line-height: 2; font-family: "sy1"; font-size: 16px; margin-top: 10px;
}
.letter ul li .part2 {
	width: 100%; height: 70px; line-height: 70px; overflow: hidden; padding-right: 4%; padding-left: 6%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.letter ul li .part2 .view {
	color: #224c9d; font-family: "syl"; font-size: 16px; float: left;
}
.letter ul li .part2 .icon {
	float: right;
}
.letter ul li:nth-child(2n+1) .part2 .view {
	color: #224c9d;
}
.letter ul li:nth-child(2n) .part2 .view {
	color: rgb(255, 106, 0);
}
.concept {
	background: rgb(248, 249, 251); padding-top: 5.2%; padding-bottom: 2.5%;
}
.concept .box {
	margin-top: 4%;
}
.concept .box ul li {
	background: #fff; transition:0.4s; width: 23.5%; text-align: center; padding-top: 3.6%; padding-bottom: 3.6%; margin-right: 2%; margin-bottom: 2%; float: left; position: relative; -webkit-transition: all 0.4s ease;
}
.concept .box ul li:nth-child(4n) {
	margin-right: 0px;
}
.concept .box ul li::before {
	background: url("img81.png") no-repeat right top; transition:0.4s; top: 0px; width: 38.3%; height: 45%; right: -40%; position: absolute; content: ""; -webkit-transition: all 0.4s ease;
}
.concept .box ul li:hover::before {
	right: 0px;
}
.concept .box ul li:hover {
	background: #224c9d;
}
.concept .box ul li .icon {
	border-radius: 50%; width: 102px; height: 102px; text-align: center; line-height: 102px; display: inline-block; position: relative;
}
.concept .box ul li .icon img {
	position: relative; z-index: 2; max-width: 45.56%;
}
.concept .box ul li .icon::before {
	background: rgb(246, 249, 254); border-radius: 50%; transition:0.4s; left: 50%; top: 50%; width: 90px; height: 90px; position: absolute; z-index: 2; content: ""; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transition: all 0.4s ease;
}
.concept .box ul li .icon::after {
	background: rgba(255, 255, 255, 0.35); border-radius: 50%; transition:0.4s; left: 50%; top: 50%; width: 100%; height: 100%; position: absolute; z-index: 1; content: ""; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transition: all 0.4s ease;
}
.concept .box ul li:hover .icon::before {
	width: 66px; height: 66px;
}
.concept .box ul li:hover .icon::after {
	width: 78px; height: 78px;
}
.concept .box ul li .title {
	padding: 15px;
}
.concept .box ul li .title .t4 {
	transition:0.4s; color: rgb(34, 34, 34); -webkit-transition: all 0.4s ease;
}
.concept .box ul li .title .t3 {
	transition:0.4s; color: rgb(102, 102, 102); font-family: "syl"; -webkit-transition: all 0.4s ease;
}
.concept .box ul li:hover .title .t4 {
	color: #fff;
}
.concept .box ul li:hover .title .t3 {
	color: #fff;
}
.package {
	background: #fff; padding-top: 4.68%; padding-bottom: 5.7%;
}
.package .box {
	margin-top: 4%;
}
.package .box ul li {
	background: #fff; border-radius: 6px; width: 48%; overflow: hidden; margin-right: 4%; float: left; box-shadow: 0px 1px 25px rgba(0,0,0,0.1);
}
.package .box ul li:nth-child(2n) {
	margin-right: 0px;
}
.package .box ul li .img {
	width: 100%; overflow: hidden;
}
.package .box ul li .img img {
	transition:0.4s; width: 100%; -webkit-transition: all 0.4s ease;
}
.package .box ul li:hover .img img {
	transform: scale(1.2); -webkit-transform: scale(1.1);
}
.package .box ul li .title {
	padding: 7% 8.4%; border-radius: 6px; overflow: hidden; background-color: #fff;
}
.package .box ul li .title .t10 {
	color: rgb(34, 34, 34);
}
.package .box ul li .title .t9 {
	color: rgb(102, 102, 102); line-height: 2; margin-top: 15px;
}
.recruit {
	background: rgb(246, 249, 254); padding-top: 3.65%; padding-bottom: 5.2%;
}
.recruit .box {
	background: #fff; margin-top: 4.5%;
}
.recruit .box ul {
	border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid;
}
.recruit .box ul li {
	transition:0.4s; border-right-color: rgb(238, 238, 238); border-bottom-color: rgb(238, 238, 238); border-left-color: rgb(238, 238, 238); border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; -webkit-transition: all 0.4s ease;
}
.recruit .box ul li:hover {
	box-shadow: 0px 1px 25px rgba(0,0,0,0.1);
}
.recruit .box ul li .cont {
	padding: 2.66% 6.66%; color: rgb(34, 34, 34); line-height: 1.7; overflow: hidden; font-family: "sy1"; font-size: 16px;
}
.recruit .box ul li .t1 {
	background: url("img84.png") no-repeat left 8px; width: 30%; color: rgb(34, 34, 34); overflow: hidden; padding-left: 40px; font-family: "sym"; font-size: 18px; margin-top: 6px; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.recruit .box ul li .t2 {
	width: 23%; margin-top: 5px; float: left;
}
.recruit .box ul li .t3 {
	width: 23%; margin-top: 5px; float: left;
}
.recruit .box ul li .t4 {
	width: 24%; text-align: right; float: left;
}
.recruit .box ul li .t4 .open {
	background: #224c9d; border-radius: 6px; transition:0.4s; width: 120px; height: 40px; text-align: center; color: rgb(254, 254, 254); line-height: 40px; font-family: "΢���ź�"; font-size: 14px; display: inline-block; cursor: pointer; -webkit-transition: all 0.4s ease;
}
.recruit .box ul li .t4 .open:hover {
	background: rgb(255, 106, 0);
}
.mCSB_scrollTools {
	width: 6px;
}
.mCSB_scrollTools.mCS-greenbar .mCSB_dragger .mCSB_dragger_bar {
	background-color: rgb(255, 106, 0);
}
.mCSB_scrollTools.mCS-greenbar .mCSB_draggerRail {
	background-color: rgb(229, 229, 229);
}
.mCSB_scrollTools.mCS-greenbar .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
}
.mCSB_inside > .mCSB_container {
	margin-right: 6px;
}
.zpbg {
	background: rgba(0, 0, 0, 0.3); margin: auto; left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; bottom: 0px; display: none; position: fixed; z-index: 999;
}
.imgpopup {
	background: rgba(0, 0, 0, 0.3); margin: auto; left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; bottom: 0px; display: none; position: fixed; z-index: 999;
}
.r-detail {
	margin: auto; left: 0px; top: 0px; width: 80%; right: 0px; bottom: 0px; overflow: auto; position: absolute; max-height: 80%; max-width: 1300px; background-color: #fff;
}
.recruit-detail {
	padding: 3.85% 7.3%; box-sizing: border-box; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.recruit-detail .r-d-t {
	padding: 0px 20px 20px; overflow: hidden; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.r-d-t .t1 {
	width: calc(100% - 100px); color: rgb(34, 34, 34); font-family: "sym"; font-size: 24px; float: left;
}
.r-d-t .t2 {
	border: 1px solid rgb(238, 238, 238); border-image: none; text-align: center; color: rgb(34, 34, 34); line-height: 38px; font-family: "syr"; font-size: 16px; float: right; cursor: pointer; min-width: 88px;
}
.rd-describe {
	padding: 0px 20px; width: 100%; overflow: hidden; margin-bottom: 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.rd-describe-t {
	color: rgb(34, 34, 34); font-family: "sym"; font-size: 16px; margin-top: 20px;
}
.rd-describe-p {
	color: rgb(102, 102, 102); line-height: 2; font-family: "syr"; font-size: 16px; margin-top: 20px;
}
.rd-mark {
	padding: 10px 20px; border-radius: 6px; color: #fff; line-height: 1.5; font-family: "syl"; font-size: 14px; margin-right: 20px; margin-bottom: 15px; vertical-align: middle; display: inline-block; background-color: #224c9d;
}
.upload {
	margin-bottom: 15px; vertical-align: middle; display: inline-block;
}
.upload a {
	border-radius: 6px; width: 100px; height: 40px; text-align: center; color: #fff; line-height: 40px; font-family: "syl"; font-size: 14px; display: inline-block; background-color: rgb(255, 106, 0);
}
@media screen and (max-width:1024px)
{
.hot-r-con {
	padding: 0px 4%; width: 96%;
}
.hot-r .box {
	padding-top: 130px;
}
.hot-r-table td {
	padding: 0px; font-size: 16px;
}
.rd-describe-p {
	font-size: 15px;
}
.r-detail {
	padding: 20px 0px;
}
.mCSB_scrollTools .mCSB_dragger {
	display: none !important; opacity: 0;
}
.mCSB_scrollTools.mCS-greenbar .mCSB_draggerRail {
	display: none !important; opacity: 0;
}
.zp_close {
	right: 5%;
}
.recruit-detail {
	padding: 3% 4%;
}
.r-d-t .t1 {
	line-height: 40px; font-size: 20px;
}
.r-d-t .t2 {
	font-size: 15px;
}
}
@media screen and (max-width:768px)
{
.hot-r .box {
	padding-top: 80px;
}
.r-detail {
	width: 90%;
}
.r-d-t {
	padding: 0px 15px 15px;
}
.r-d-t .t1 {
	font-size: 18px;
}
.rd-describe-t {
	margin-top: 15px;
}
.r-d-t .t2 {
	font-size: 14px;
}
}
@media screen and (max-width:640px)
{
.r-d-t {
	padding-right: 0px;
}
.r-d-t .t1 {
	line-height: 32px; font-size: 16px;
}
.r-d-t .t2 {
	line-height: 30px; min-width: 70px;
}
.rd-describe-p {
	line-height: 26px; font-size: 14px;
}
}
@media screen and (max-width:414px)
{
.hot-r {
	margin-top: 30px;
}
.hot-r .conwidth {
	padding: 0px 3%;
}
.hot-r .a-title {
	padding-top: 20px;
}
.hot-r .box {
	padding-top: 40px;
}
.hot-r-table td {
	padding: 0px; height: 60px; font-size: 14px;
}
.hot-r-table thead tr td {
	height: 70px; font-size: 15px;
}
.a-recruit-con {
	margin-top: 20px;
}
.a-recruit-p {
	line-height: 28px; font-size: 15px;
}
.zp_close {
	top: 5%; right: 0px;
}
.zp_close img {
	width: 30px;
}
.recruit-detail {
	width: 100%; max-height: 80%;
}
.r-d-o {
	margin: 15px auto; padding: 0px 10px;
}
.r-d-t {
	line-height: 45px; font-size: 16px;
}
.r-d-oli {
	font-size: 14px;
}
.rd-describe {
	margin: 15px auto; padding: 0px 10px;
}
.recruit-detail .r-d-t {
	padding: 0px 10px 20px;
}
.mCSB_inside > .mCSB_container {
	margin-right: 0px;
}
.rd-describe-t {
	font-size: 14px; margin-bottom: 10px;
}
.rd-mark {
	line-height: 26px; font-size: 14px;
}
.rd-apply {
	height: 36px; line-height: 36px;
}
.rd-apply a {
	font-size: 14px;
}
}
.certificate {
	background: rgb(246, 248, 250); padding-top: 4.2%; padding-bottom: 3.6%;
}
.certificate .content {
	margin-bottom: 2%;
}
.certificate :last-child.content {
	margin-bottom: 0px;
}
.certificate .box {
	margin-top: 2%;
}
.certificate ul {
	font-size: 0px;
}
.certificate ul li {
	width: 23.5%; text-align: center; overflow: hidden; margin-right: 2%; margin-bottom: 2%; vertical-align: top; display: inline-block; position: relative; z-index: 1; background-color: #fff;
}
.certificate ul li:nth-child(4n) {
	margin-right: 0px;
}
.certificate ul li::before {
	background: #224c9d; margin: auto; transition:0.5s; left: 0px; width: 0px; height: 5px; right: 0px; bottom: 0px; position: absolute; content: ""; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
}
.certificate ul li:hover::before {
	width: 100%;
}
.certificate ul li a {
	width: 100%; padding-bottom: 10%; display: block;
}
.certificate ul li .imgbox {
	padding: 10% 10% 0px; overflow: hidden; position: relative;
}
.certificate ul li .imgbox img {
	transition:0.5s; max-width: 100%; -webkit-transition: all 0.5s ease;
}
.certificate ul li:hover .imgbox img {
	transform: scale(1.05); -webkit-transform: scale(1.05);
}
.certificate ul li .txtbox {
	text-align: left; overflow: hidden; padding-right: 12%; padding-left: 12%; margin-top: 20px; position: relative; z-index: 3; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.certificate ul li .txtbox .txt {
	width: 100%; color: rgb(34, 34, 34); overflow: hidden; font-family: "syr"; font-size: 20px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.certificate ul li:hover .txtbox .txt {
	color: #224c9d;
}
.certificate ul li .txtbox .icon {
	background: url("img93.png") no-repeat right / 100% auto; top: 0px; width: 5.2%; height: 100%; right: 6%; position: absolute;
}
.team {
	background: #fff; padding-top: 6.25%; padding-bottom: 7.5%;
}
.team .box ul li {
	width: 100%; overflow: hidden; margin-bottom: 10px;
}
.team .box ul li .img {
	width: 48.75%; overflow: hidden; float: left;
}
.team .box ul li:nth-child(2n) .img {
	float: right;
}
.team .box ul li .img img {
	transition:0.5s; width: 100%; -webkit-transition: all 0.5s ease;
}
.team .box ul li:hover .img img {
	transform: scale(1.2); -webkit-transform: scale(1.2);
}
.team .box ul li .txt {
	width: 48.75%; overflow: hidden; padding-top: 6.25%; padding-right: 6.25%; padding-left: 6.25%; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.team .box ul li .txt .title .t2 {
	color: rgb(34, 34, 34);
}
.team .box ul li .txt .title .t9 {
	color: rgb(102, 102, 102); margin-top: 15px; min-height: 170px;
}
.team .box ul li .txt .title .t5 {
	color: rgb(235, 235, 237); font-family: arial; font-weight: bold; margin-top: 15px;
}
.othnav {
	background: #fff; width: 100%; position: relative; z-index: 11; box-shadow: 0px 2px 25px rgba(61,80,159,0.13);
}
.fixed.othnav {
	left: 0px; top: 90px; position: fixed; z-index: 11;
}
.othnav ul {
	text-align: left; font-size: 0px;
}
.othnav ul li {
	margin-right: 5%; vertical-align: top; display: inline-block;
}
.othnav ul li span {
	padding: 0px 10px; color: rgb(34, 34, 34); line-height: 80px; font-family: "syr"; font-size: 18px; display: block; position: relative; cursor: pointer;
}
.othnav ul li a {
	padding: 0px 10px; color: rgb(34, 34, 34); line-height: 80px; font-family: "syr"; font-size: 18px; display: block; position: relative; cursor: pointer;
}
.othnav ul li.on span {
	color: #224c9d;
}
.othnav ul li:hover span {
	color: #224c9d;
}
.othnav ul li.on a {
	color: #224c9d;
}
.othnav ul li:hover a {
	color: #224c9d;
}
.othnav ul li span::before {
	background: #224c9d; margin: auto; transition:0.5s; left: 0px; width: 0px; height: 3px; right: 0px; bottom: 0px; position: absolute; content: ""; -webkit-transition: all 0.5s ease;
}
.othnav ul li a::before {
	background: #224c9d; margin: auto; transition:0.5s; left: 0px; width: 0px; height: 3px; right: 0px; bottom: 0px; position: absolute; content: ""; -webkit-transition: all 0.5s ease;
}
.othnav ul li.on span::before {
	width: 100%;
}
.othnav ul li:hover span::before {
	width: 100%;
}
.othnav ul li.on a::before {
	width: 100%;
}
.othnav ul li:hover a::before {
	width: 100%;
}
.new {
	background: rgb(245, 245, 245); padding-top: 3.9%; padding-bottom: 4.7%;
}
.related.new {
	padding-top: 4.8%; padding-bottom: 5.7%;
}
.related.new .tit {
	color: rgb(59, 79, 163); font-family: "sym"; font-size: 40px;
}
.related.new .box {
	margin-top: 3%;
}
.new .tit {
	width: 100%;
}
.new .tit .title {
	float: left;
}
.new .tit .title .t7 {
	color: rgb(34, 34, 34); font-family: "΢���ź�";
}
.new .tit .screen {
	line-height: 35px; overflow: hidden; float: right;
}
.new .tit .screen .t1 {
	color: rgb(34, 34, 34); font-family: "΢���ź�"; font-size: 20px; float: left;
}
.new .tit .screen .t2 {
	overflow: hidden; margin-left: 30px; float: left;
}
.new .tit .screen .t2 ul li {
	margin-right: 40px; float: left;
}
.new .tit .screen .t2 ul li:last-child {
	margin-right: 0px;
}
.new .tit .screen .t2 ul li a {
	color: rgb(153, 153, 153); font-family: "΢���ź�"; font-size: 16px;
}
.new .tit .screen .t2 ul li.all a {
	color: rgb(34, 34, 34);
}
.new .tit .screen .t2 ul li.on a {
	color: rgb(34, 34, 34);
}
.new .other {
	width: 100%; overflow: hidden; margin-top: 3.2%;
}
.new .other .major {
	width: 49.06%; overflow: hidden; float: left;
}
.new .other .major a {
	width: 100%; overflow: hidden; display: block; position: relative;
}
.new .other .major a::before {
	background: url("img99.png") no-repeat bottom / 100% auto; transition:0.5s; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 2; content: ""; opacity: 1; -webkit-transition: all 0.5s ease;
}
.new .other .major .img {
	width: 100%; overflow: hidden; position: relative; z-index: 1;
}
.new .other .major .img img {
	transition:0.5s; width: 100%; -webkit-transition: all 0.5s ease;
}
.new .other .major:hover .img img {
	width: 100%; transform: scale(1.1);
}
.new .other .major .title {
	padding: 0px 6%; left: 0px; width: 100%; bottom: 6.3%; overflow: hidden; position: absolute; z-index: 10; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.new .other .major .title .t3 {
	color: #fff; font-family: "syl";
}
.new .other .major .title .t3 .date {
	font-family: arial;
}
.new .other .major .title .t4 {
	color: #fff; font-family: "syr"; margin-top: 10px;
}
.new .other .w1 {
	width: 23.67%; margin-left: 1.8%; float: left;
}
.new .box ul {
	margin-bottom: 5.6%;
}
.related.new .box ul {
	margin-bottom: 0px;
}
.new .box ul li {
	width: 23.65%; margin-top: 1.8%; margin-right: 1.75%; float: left; background-color: #fff;
}
.new .box ul li:nth-child(4n) {
	margin-right: 0px;
}
.related.new .box ul li {
	margin-top: 1%; margin-bottom: 1%;
	height:250px;
}
.newli {
	background: #fff; padding: 20px 20px 25px; width: 100%; overflow: hidden; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.newli .img {
	width: 100%; overflow: hidden;
}
.newli .img img {
	transition:0.5s; width: 100%; -webkit-transition: all 0.5s ease;
}
.newli:hover .img img {
	width: 100%; transform: scale(1.1);
}
.new .newli .title {
	
}
.new .newli .title .t3 {
	color: rgb(153, 153, 153); line-height: 1.7; font-family: "syl";
}
.new .newli .title .t4 {
	transition:0.4s; color: rgb(34, 34, 34); overflow: hidden; font-family: "syr"; margin-top: 10px; margin-bottom: 15px; -webkit-box-orient: vertical; -webkit-transition: all 0.4s ease; -webkit-line-clamp: 2;
}
.new .newli:hover .t4 {
	color: #224c9d;
}
.new .newli .oth {
	overflow: hidden; padding-top: 25px; margin-top: 20px; border-top-color: rgb(229, 229, 229); border-top-width: 1px; border-top-style: solid;
}
.new .newli .oth .more {
	color: rgb(153, 153, 153); font-family: "syl"; float: left;
}
.new .newli .oth .time {
	color: rgb(153, 153, 153); font-family: arial; float: right;
}
.news-list {
	padding-top: 75px; padding-bottom: 40px;
}
.news-list .box {
	padding-top: 20px; padding-bottom: 60px; background-color: #fff;
}
.news-list .lead-news {
	
}
.news-list .lead-news a {
	padding: 50px; width: 100%; overflow: hidden; display: block; box-sizing: border-box; -webkit-box-sizing: border-box;
}
.news-list .lead-news .txt {
	width: 74%; overflow: hidden; padding-right: 5%; float: left; box-sizing: border-box; -webkit-box-sizing: border-box;
}
.news-list .lead-news .txt .t1 {
	color: #224c9d; font-family: arial; font-size: 18px;
}
.news-list .lead-news .txt .t2 {
	color: #224c9d; font-size: 30px; margin-top: 20px;
}
.news-list .lead-news .txt .t3 {
	color: rgb(153, 153, 153); line-height: 1.8; font-size: 16px; margin-top: 15px;
}
.news-list .lead-news .txt .btn {
	margin-top: 30px;
}
.news-list .lead-news .txt .btn span {
	border-radius: 5px; border: 1px solid #224c9d; transition:0.4s; border-image: none; height: 50px; text-align: center; color: #fff; line-height: 48px; font-family: "syr"; font-size: 16px; display: inline-block; min-width: 140px; background-color: #224c9d; -webkit-transition: all 0.4s ease;
}
.news-list .lead-news .txt .btn span:hover {
	color: #224c9d; background-color: #fff;
}
.news-list .lead-news .img {
	width: 26%; overflow: hidden; float: right; max-width: 340px;
}
.news-list .lead-news .img img {
	transition:0.5s; width: 100%; -webkit-transition: all 0.5s ease;
}
.news-list .lead-news:hover .img img {
	transform: scale(1.2); -webkit-transform: scale(1.2);
}
.news-list ul {
	margin-bottom: 35px;
}
.news-list ul li {
	
}
.news-list ul li a {
	padding: 0px 50px; transition:0.5s; width: 100%; overflow: hidden; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: all 0.5s ease;
}
.news-list ul li:hover a {
	background: #224c9d;
}
.news-list ul li .text {
	padding: 40px 0px; border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid; position: relative;
}
.news-list ul li:last-child .text {
	border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.news-list ul li:hover .text {
	border-top-color: #224c9d; border-top-width: 1px; border-top-style: solid;
}
.news-list ul li:last-child:hover .text {
	border-bottom-color: #224c9d; border-bottom-width: 1px; border-bottom-style: solid;
}
.news-list ul li .text .date {
	width: 130px; text-align: center; overflow: hidden; float: left;
}
.news-list ul li .text .date .t1 {
	color: rgb(68, 68, 68); font-family: arial; font-size: 38px;
}
.news-list ul li .text .date .t2 {
	color: rgb(102, 102, 102); font-family: arial; font-size: 16px; margin-top: 8px;
}
.news-list ul li:hover .text .date .t1 {
	color: #fff;
}
.news-list ul li:hover .text .date .t2 {
	color: #fff;
}
.news-list ul li .text .txt {
	width: 74%; overflow: hidden; float: left;
}
.news-list ul li .text .txt .t1 {
	color: rgb(34, 34, 34); line-height: 1.6; overflow: hidden; font-size: 22px; margin-bottom: 10px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.news-list ul li:hover .text .txt .t1 {
	color: #fff;
}
.news-list ul li .text .txt .t2 {
	color: rgb(153, 153, 153); line-height: 1.8; overflow: hidden; font-size: 16px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.news-list ul li:hover .text .txt .t2 {
	color: rgb(179, 188, 224);
}
.news-list ul li .text .icon {
	background: url("img272.png") no-repeat center / 100% auto; transition:0.5s; top: 0px; width: 40px; height: 100%; right: 40px; position: absolute; transform: translateX(40px); -webkit-transform: translateX(40px); -webkit-transition: all 0.5s ease;
}
.news-list ul li:hover .text .icon {
	background: url("img272a.png") no-repeat center / 100% auto; transform: translateX(0px); -webkit-transform: translateX(0);
}
@media only screen and (max-width:1680px)
{
.news-list .lead-news .txt .t2 {
	font-size: 27px;
}
}
@media only screen and (max-width:1440px)
{
.othnav ul li span {
	line-height: 70px;
}
.othnav ul li a {
	line-height: 70px;
}
.news-list .lead-news .txt .t2 {
	font-size: 24px;
}
.news-list .lead-news .txt .btn span {
	height: 45px; line-height: 43px;
}
.news-list ul li .text .date .t1 {
	font-size: 32px;
}
.news-list ul li .text .txt .t1 {
	font-size: 20px;
}
.news-list ul li .text .date .t2 {
	font-size: 15px;
}
.news-list .lead-news .txt .t3 {
	font-size: 15px;
}
.news-list ul li .text .txt .t2 {
	font-size: 15px;
}
.news-list .lead-news .txt .btn span {
	font-size: 15px;
}
.news-list ul li .text .icon {
	right: 20px; transform: translateX(20px); -webkit-transform: translateX(20px);
}
.news-list ul li:hover .text .icon {
	transform: translateX(0px); -webkit-transform: translateX(0);
}
}
@media only screen and (max-width:1024px)
{
.fixed.othnav {
	top: 60px;
}
.othnav ul {
	white-space: nowrap; -ms-overflow-x: scroll; -ms-overflow-y: hidden;
}
.othnav ul li {
	margin-right: 40px;
}
.othnav ul li span {
	line-height: 60px;
}
.othnav ul li a {
	line-height: 60px;
}
.news-list {
	padding-top: 50px;
}
.news-list .box {
	padding-top: 0px;
}
.news-list .lead-news a {
	padding: 40px;
}
.news-list .lead-news .txt {
	width: 64%;
}
.news-list .lead-news .txt .t1 {
	font-size: 16px;
}
.news-list .lead-news .txt .t2 {
	line-height: 1.5; font-size: 20px; margin-top: 10px;
}
.news-list .lead-news .img {
	width: 36%; max-width: 36%;
}
.news-list ul li a {
	padding: 0px 40px;
}
.news-list ul li .text {
	padding: 30px 0px;
}
.news-list ul li .text .date .t1 {
	font-size: 28px;
}
.news-list ul li .text .txt {
	width: 70%;
}
.news-list ul li .text .txt .t1 {
	line-height: inherit; margin-bottom: 10px;
}
}
@media only screen and (max-width:768px)
{
.othnav ul li {
	margin-right:10px;
}
.othnav ul li span {
	font-size: 16px;
}
.othnav ul li a {
	font-size: 16px;
}
.news-list {
	padding-top: 40px;
}
.news-list .lead-news a {
	padding: 35px;
}
.news-list ul li a {
	padding: 0px 35px;
}
.news-list .lead-news .txt .t2 {
	font-size: 18px;
}
.news-list ul li .text .date {
	width: 100px;
}
.news-list ul li .text .date .t2 {
	font-size: 14px;
}
.news-list .lead-news .txt .t3 {
	font-size: 14px;
}
.news-list ul li .text .txt .t2 {
	font-size: 14px;
}
.news-list .lead-news .txt .btn span {
	font-size: 14px;
}
.news-list ul li .text .txt .t1 {
	font-size: 18px;
}
.news-list ul li .text .icon {
	width: 30px;
}
}
@media only screen and (max-width:640px)
{
.news-list {
	padding-top: 30px;
}
.news-list .lead-news .img {
	width: 100%; float: none; max-width: 100%;
}
.news-list .lead-news .txt {
	width: 100%; padding-top: 30px; padding-right: 0px; float: none;
}
.news-list ul li .text {
	padding: 25px 0px;
}
.news-list ul li .text .date {
	width: 100%; text-align: left; overflow: hidden; float: none;
}
.news-list ul li .text .date .t1 {
	display: inline-block;
}
.news-list ul li .text .date .t2 {
	display: inline-block;
}
.news-list ul li .text .txt {
	width: 100%; margin-top: 10px; float: none;
}
.news-list ul li .text .icon {
	display: none;
}
.news-list ul li .text .date .t1 {
	font-size: 24px;
}
.news-list ul li .text .txt .t1 {
	margin-bottom: 6px;
}
.news-list .lead-news a {
	padding: 25px;
}
.news-list ul li a {
	padding: 0px 25px;
}
}
@media only screen and (max-width:576px)
{
.news-list .box {
	padding-bottom: 50px;
}
.news-list .lead-news .txt {
	padding-top: 20px;
}
.news-list .lead-news .txt .t2 {
	font-size: 17px;
}
.news-list .lead-news .txt .t3 {
	margin-top: 10px;
}
.news-list .lead-news .txt .btn {
	margin-top: 25px;
}
.news-list .lead-news .txt .btn span {
	height: 42px; line-height: 40px; min-width: 120px;
}
.news-list ul li .text .txt .t1 {
	font-size: 17px;
}
}
.new-detail {
	background: #fff; padding-top: 3.3%;
}
.position {
	text-align: left;
}
.service-details .position {
	padding: 20px 0px 20px 20px;
}
.service-details .position .owidth {
	max-width: 1400px;
}
.position a {
	color: rgb(102, 102, 102); line-height: 1.7; font-family: "syl"; font-size: 14px;
}
.position span {
	color: rgb(102, 102, 102); line-height: 1.7; font-family: "syl"; font-size: 14px;
}
.position a:hover {
	color: rgb(0, 0, 0);
}
.new-detail .box {
	margin-top: 3.5%;
}
.new-detail .box .l-box {
	width: 74.4%; overflow: hidden; padding-right: 7.4%; padding-bottom: 12%; border-right-color: rgb(238, 238, 238); border-right-width: 1px; border-right-style: solid; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.new-detail .box .l-box .title {
	
}
.new-detail .box .l-box .title .t7 {
	color: #000;font-weight: bold;
}
.new-detail .box .l-box .title .infor {
	width: 100%; overflow: hidden; margin-top: 20px;
}
.new-detail .box .l-box .title .t8 {
	width: 85%; color: rgb(153, 153, 153); line-height: 28px; overflow: hidden; font-family: "syl"; float: left;
}
.new-detail .box .l-box .title .t8 span {
	margin-right: 8%; float: left; display: inline-block;
}
.new-detail .box .l-box .title .t8 span:last-child {
	margin-right: 0px;
}
.new-detail .box .l-box .title .size {
	color: rgb(34, 34, 34); font-family: arial; font-size: 20px; float: right;
}
.new-detail .box .l-box .title .size div {
	margin-right: 30px; vertical-align: middle; display: inline-block; cursor: pointer; -moz-user-select: none;
}
.new-detail .box .l-box .title .size div:last-child {
	margin-right: 0px;
}
.new-detail .box .l-box .title .t3.details {
	color: rgb(102, 102, 102); padding-top: 30px; padding-bottom: 40px; font-family: "syl"; margin-top: 20px; border-top-color: rgb(229, 229, 229); border-top-width: 1px; border-top-style: solid;
}
.new-detail .box .l-box .title .details img {
	margin: 0px auto; display: block; max-width: 100%;
}
.new-detail .box .r-box {
	width: 25.6%; overflow: hidden; padding-left: 3.6%; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.new-detail .box .r-box .wrap {
	width: 100%; overflow: hidden; max-width: 310px;
}
.pagebox ul li {
	margin-bottom: 30px;
}
.pagebox ul li a {
	width: 100%; line-height: 2; font-family: "syl"; font-size: 16px; display: block;
}
.pagebox ul li .t1 {
	color: rgb(102, 102, 102);
}
.pagebox ul li .t2 {
	color: rgb(34, 34, 34); margin-top: 10px;
}
.sharebox ul li {
	margin-right: 10px; float: left;
}
.sharebox ul li a {
	border-radius: 50%; width: 40px; height: 40px; text-align: center; line-height: 40px; background-color: rgb(238, 238, 238);
}
.new-detail .box .r-box .img {
	margin-top: 50px;
}
.new-detail .box .r-box .img img {
	width: 100%;
}
.contact {
	background: rgb(246, 248, 250); padding-top: 5.2%; padding-bottom: 3.6%;
}
.contact .box {
	margin: auto; width: 100%; max-width: 1400px;
}
.contact .box > ul > li {
	padding: 3.6%; width: 48.5%; overflow: hidden; margin-right: 3%; margin-bottom: 3%; float: left; min-height: 270px; box-sizing: border-box; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.contact .box ul li:nth-child(2n) {
	margin-right: 0px;
}
.contact .box ul li .l-box {
	width: 30%; overflow: hidden; padding-right: 3%; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.contact .box ul li .l-box .t1 {
	transition:0.3s; color: rgb(34, 34, 34); font-family: "syb"; font-size: 34px; -webkit-transition: all 0.3s;
}
.contact .box > ul > li:hover .t1 {
	color: #224c9d;
}
.contact .box ul li .l-box .t2 {
	margin-top: 10px;
}
.contact .box ul li .l-box .t2 a {
	color: #224c9d; font-family: "syr"; font-size: 16px; text-decoration: underline;
}
.contact .box ul li .r-box {
	width: 70%; overflow: hidden; float: left;
}
.contact .box ul li .r-box ul li {
	color: rgb(102, 102, 102); line-height: 2; font-family: arial; font-size: 18px; margin-bottom: 5px;
}
.solution {
	background: rgb(246, 249, 254); padding-top: 4.4%; padding-bottom: 3.6%;
}
.solution .wrap {
	margin: auto; width: 100%;
}
.solution .title .t1 {
	text-align: center; color: rgb(34, 34, 34); font-family: "sym";
}
.solution .box {
	margin-top: 4.5%;
}
.solution .box ul {
	font-size: 0px;
}
.solution .box ul li {
	border-radius: 4px; transition:0.5s; width: 18.4%; overflow: hidden; margin-right: 2%; margin-bottom: 2%; vertical-align: top; display: inline-block; background-color: #fff; -webkit-transition: all 0.5s ease;
}
.solution .box ul li:nth-child(5n) {
	margin-right: 0px;
}
.solution .box ul li:hover {
	box-shadow: 0px 1px 29px rgba(18,27,67,0.15);
}
.solution .box ul li a {
	width: 100%; display: block;
}
.solution .box ul li .img {
	width: 100%; overflow: hidden;
}
.solution .box ul li .img img {
	transition:0.5s; width: 100%; -webkit-transition: all 0.5s ease;
}
.solution .box ul li:hover .img img {
	transform: scale(1.1); -webkit-transform: scale(1.1);
}
.solution .box ul li .txt {
	padding: 20px;
}
.solution .box ul li .txt .icon {
	background: rgb(244, 245, 250); border-radius: 50%; transition:0.5s; width: 46px; height: 46px; text-align: center; line-height: 46px; -webkit-transition: all 0.5s ease;
}
.solution .box ul li:hover .txt .icon {
	background: #224c9d;
}
.solution .box ul li .txt .icon img {
	width: 52%;
}
.solution .box ul li .txt .icon .ic2 {
	display: none;
}
.solution .box ul li:hover .txt .icon .ic1 {
	display: none;
}
.solution .box ul li:hover .txt .icon .ic2 {
	display: inline-block;
}
.solution .box ul li .txt .title .t6 {
	transition:0.4s; text-align: center; color: rgb(34, 34, 34); overflow: hidden; font-family: "sym"; white-space: nowrap; -ms-text-overflow: ellipsis; -webkit-transition: all 0.4s ease;
}
.solution .box ul li .txt .title .t6 {
	color: rgb(59, 79, 163);
}
.solution .box ul li .txt .title .t3 {
	color: rgb(153, 153, 153); line-height: 1.6; overflow: hidden; font-family: "syl"; margin-top: 15px; white-space: nowrap; -ms-text-overflow: ellipsis; min-height: 30px;
}
.solution .box ul li .txt .title .t8 {
	color: rgb(153, 153, 153); padding-top: 15px; font-family: "syl"; margin-top: 15px; border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid;
}
.sernav {
	background: #fff; width: 100%; position: relative; z-index: 11; box-shadow: 0px 2px 25px rgba(61,80,159,0.13);
}
.fixed.sernav {
	left: 0px; top: 120px; position: fixed; z-index: 11;
}
.sernav ul {
	text-align: left; font-size: 0px;
}
.sernav ul li {
	margin-right: 70px; vertical-align: top; display: inline-block;
}
.sernav ul li span {
	padding: 0px 5px; color: rgb(34, 34, 34); line-height: 80px; font-family: "syr"; font-size: 18px; display: block; position: relative; cursor: pointer;
}
.sernav ul li.on span {
	color: #224c9d;
}
.sernav ul li:hover span {
	color: #224c9d;
}
.sernav ul li.on span {
	background: url("img139.png") no-repeat 5px; padding-left: 36px;
}
.sernav ul li span::before {
	background: #224c9d; margin: auto; transition:0.5s; left: 0px; width: 0px; height: 2px; right: 0px; bottom: 0px; position: absolute; content: ""; -webkit-transition: all 0.5s ease;
}
.sernav ul li.on span::before {
	width: 100%;
}
.sernav ul li:hover span::before {
	width: 100%;
}
.commitment .title .t1 {
	text-align: center; color: rgb(34, 34, 34); font-family: "sym";
}
.mechanism {
	background: url("img144.png") no-repeat bottom rgb(249, 250, 252); padding-top: 4.7%; padding-bottom: 5.2%;
}
.mechanism .box {
	margin-top: 3.33%;
}
.mechanism .box > ul > li {
	width: 31.6%; margin-right: 2.6%; float: left;
}
.mechanism .box > ul > li:nth-child(3n) {
	margin-right: 0px;
}
.mechanism .box ul li .cont {
	background: #fff; border-radius: 5px; transition:0.4s; text-align: center; padding-top: 75px; padding-right: 40px; padding-left: 40px; margin-top: 55px; position: relative; min-height: 245px; -webkit-transition: all 0.4s ease;
}
.mechanism .box ul li:hover .cont {
	box-shadow: 0px 2px 30px 0px rgba(0,0,0,0.05);
}
.mechanism .box ul li .icon {
	background: #fff; margin: 0px auto 20px; border-radius: 50%; left: 50%; top: -55px; width: 110px; height: 110px; text-align: center; line-height: 110px; position: absolute; box-shadow: 0px 10px 35px 0px rgba(0,0,159,0.05); transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%);
}
.mechanism .box ul li .icon img {
	max-width: 46.4%;
}
.mechanism .box ul li .icon .coil {
	background: url("img140.png") no-repeat center / 86% auto; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.mechanism .box ul li .title {
	margin: 0px auto; display: inline-block;
}
.mechanism .box ul li .title .t10 {
	color: rgb(34, 34, 34); font-family: "sym";
}
.mechanism .box ul li .title .t3 {
	text-align: left; color: rgb(102, 102, 102); font-family: "syl"; margin-top: 20px;
}
.mechanism .box ul li .title .t3 .sp {
	color: rgb(255, 126, 35); display: inline-block;
}
.mechanism .box ul li .title li {
	padding-left: 25px; margin-bottom: 6px; position: relative;
}
.mechanism .box ul li .title li::before {
	border-radius: 50%; border: 1px solid rgb(137, 151, 184); border-image: none; left: 0px; top: 13px; width: 5px; height: 5px; position: absolute; content: "";
}
.position-support {
	background: #fff; padding-top: 5.2%; padding-bottom: 2.6%;
}
.position-support .box {
	margin-top: 4%;
}
.position-support .box > ul > li {
	border-radius: 5px; width: 48%; overflow: hidden; margin-right: 4%; margin-bottom: 3.12%; float: left; position: relative;
}
.position-support .box > ul > li:nth-child(2n) {
	margin-right: 0px;
}
.position-support .box ul li .img {
	width: 100%; overflow: hidden;
}
.position-support .box ul li .img img {
	width: 100%;
}
.position-support .box ul li .title {
	background: rgb(235, 238, 243); padding: 5%; border-radius: 5px; transition:0.5s; left: 0px; width: 100%; bottom: 0px; overflow: hidden; position: absolute; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: all 0.5s ease; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.position-support .box > ul > li:hover .title {
	background: #224c9d;
}
.position-support .box ul li .title .t2 {
	text-align: center; color: rgb(34, 34, 34); font-family: "syr"; font-size: 28px;
}
.position-support .box ul li:hover .title .t2 {
	width: 36.5%; color: rgb(254, 254, 254); font-size: 34px; float: left;
}
.position-support .box ul li .title .t9 {
	width: 63.5%; color: #fff; font-family: "syl"; float: left; display: none;
}
.position-support .box ul li:hover .title .t9 {
	display: block;
}
.position-support .box ul li .title .t9 ul {
	padding-left: 6%;
}
.position-support .box ul li .title .t9 ul li {
	padding-left: 30px; margin-bottom: 5px; position: relative;
}
.position-support .box ul li .title .t9 ul li::before {
	background: url("img149.png") no-repeat center; left: 0px; top: 8px; width: 5px; height: 10px; position: absolute; content: "";
}
.added {
	background: url("img150.png") no-repeat top / 100% auto; padding-top: 4.7%; padding-bottom: 3.1%;
}
.added .box {
	margin-top: 4%;
}
.added .box ul {
	text-align: center; font-size: 0px;
}
.added .box ul li {
	padding: 3.33% 2% 2.5%; border-radius: 10px; transition:0.4s; width: 30.2%; overflow: hidden; margin-right: 4.7%; margin-bottom: 3.33%; vertical-align: top; display: inline-block; box-sizing: border-box; background-color: rgb(235, 238, 243); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: all 0.4s ease; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.added .box ul li:nth-child(3n) {
	margin-right: 0px;
}
.added .box ul li:hover {
	background-color: rgb(255, 126, 35);
}
.added .box ul li .icon {
	margin-bottom: 12px;
}
.added .box ul li .icon img {
	
}
.added .box ul li .icon .ic2 {
	display: none;
}
.added .box ul li:hover .icon .ic1 {
	display: none;
}
.added .box ul li:hover .icon .ic2 {
	display: inline-block;
}
.added .box ul li .title {
	
}
.added .box ul li .title .t6 {
	color: rgb(34, 34, 34); font-family: "sym";
}
.added .box ul li .title .t9 {
	color: rgb(102, 102, 102); line-height: 2; font-family: "syl"; margin-top: 5px;
}
.added .box ul li:hover .title .t6 {
	color: #fff;
}
.added .box ul li:hover .title .t9 {
	color: #fff;
}
.process {
	background: rgb(244, 246, 249); padding-top: 4.2%; padding-bottom: 4.2%;
}
.process .box {
	background: #fff; margin-top: 3.2%; box-shadow: 0px 3px 25px rgba(0,0,0,0.04);
}
.process .box .img {
	width: 100%; height: 90px; text-align: center; line-height: 90px; overflow: hidden; border-bottom-color: rgb(240, 242, 245); border-bottom-width: 1px; border-bottom-style: solid;
}
.process .box .img img {
	max-width: 50%;
}
.process .box ul {
	
}
.process .box ul li {
	padding: 3.2% 3.3% 2%; width: 25%; text-align: center; overflow: hidden; float: left; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.process .box ul li::before {
	background: url("img157.png") no-repeat center / auto 80%; top: 0px; width: 2px; height: 100%; right: 0px; position: absolute; content: "";
}
.process .box ul li:nth-child(4n)::before {
	background: none;
}
.process .box ul li .title .tit {
	color: #224c9d; font-family: "itc"; font-size: 46px; margin-bottom: 5px;
}
.process .box ul li .title .tit .sp {
	font-size: 30px;
}
.process .box ul li .title .t9 {
	color: rgb(34, 34, 34); font-family: "syr"; margin-bottom: 20px;
}
.process .box ul li .title .t3 {
	color: rgb(153, 153, 153); font-family: "syl";
}
.process .consult {
	text-align: center; margin-top: 4%;
}
.process .consult a {
	background: #224c9d; border-radius: 10px; border: 1px solid #224c9d; transition:0.4s; border-image: none; height: 45px; color: #fff; line-height: 43px; overflow: hidden; font-family: "syl"; font-size: 16px; display: inline-block; min-width: 140px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: all 0.4s ease; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.process .consult a:hover {
	background: #fff; color: #224c9d;
}
.u-service {
	background: rgb(246, 249, 254); padding-top: 5.6%; padding-bottom: 5.6%;
}
.u-service .box ul li {
	padding: 5px; width: 25%; overflow: hidden; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.u-service .box ul li a:hover {
	
}
.u-service .box ul li a {
	background: #fff; border-radius: 10px; transition:0.4s; width: 100%; height: 220px; overflow: hidden; display: block; position: relative; -webkit-transition: all 0.4s ease;
}
.u-service .box ul li a::before {
	background: url("img177.png") no-repeat right top / 100% auto; transition:0.5s; top: 0px; width: 37%; height: 100%; right: -30%; position: absolute; content: ""; opacity: 0; -webkit-transition: all 0.5s ease;
}
.u-service .box ul li a:hover {
	background: rgb(255, 106, 0);
}
.u-service .box ul li a:hover::before {
	right: 0px; opacity: 1;
}
.u-service .box ul li .txt {
	transition:0.7s; left: 0px; top: 50%; width: 100%; text-align: center; margin-top: 21px; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transition: all 0.7s ease;
}
.u-service .box ul li:hover .txt {
	margin-top: 0px;
}
.u-service .box ul li .txt .icon {
	text-align: center; margin-bottom: 12px;
}
.u-service .box ul li .txt .icon .ic2 {
	display: none;
}
.u-service .box ul li:hover .txt .icon .ic1 {
	display: none;
}
.u-service .box ul li:hover .txt .icon .ic2 {
	display: inline-block;
}
.u-service .box ul li .txt .title .tit {
	 color: rgb(34, 34, 34); font-family: "sym"; font-size: 22px;
	width:100%;
}
.u-service .box ul li:hover .txt .title .tit {
	color: #fff;
}
.u-service .box ul li .txt .title .t8 {
	transition:0.5s; color: #fff; font-family: "syl"; margin-top: 20px; opacity: 0; -webkit-transition: all 0.5s ease;
}
.u-service .box ul li:hover .txt .title .t8 {
	opacity: 1;
}
.u-service .box ul li .txt .title .t8 img {
	margin-left: 5px; vertical-align: baseline; display: inline-block;
}
.u-process {
	background: url("img178.jpg") no-repeat top / cover; padding-top: 6%; padding-bottom: 3.9%;
}
.u-process .title {
	text-align: center;
}
.u-process .title .t9 {
	margin: 20px auto 0px; width: 100%; color: rgb(34, 34, 34); font-family: "syl"; max-width: 800px;
}
.u-process .imgbox {
	width: 100%; text-align: center; overflow: hidden; margin-top: 4%;
}
.u-process .imgbox img {
	max-width: 100%;
}
.u-process .btn {
	text-align: center; margin-top: 4%;
}
.u-process .btn a {
	background: rgb(246, 85, 13); padding: 0px 15px; border-radius: 5px; border: 1px solid rgb(246, 85, 13); transition:0.5s; border-image: none; height: 46px; color: #fff; line-height: 44px; overflow: hidden; font-family: "syl"; font-size: 14px; display: inline-block; min-width: 130px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: all 0.5s ease; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.u-process .btn a:hover {
	background: #fff; color: rgb(246, 85, 13);
}
.u-solution {
	background: rgb(246, 249, 254); padding-top: 6.5%; padding-bottom: 6.5%;
}
.u-solution .title .t1 {
	text-align: center;
}
.u-solution .switch-tab {
	margin-top: 3.75%;
}
.u-solution .switch-tab ul li {
	padding: 0px 23px; position: relative; cursor: pointer;
}
.u-solution .switch-tab ul li i {
	background: rgb(225, 229, 248); transition:0.5s; top: 2px; width: 1px; height: 21px; right: 0px; position: absolute; cursor: pointer; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease;
}
.u-solution .switch-tab ul li span {
	padding: 0px 3px 12px;
}
.u-solution .box .swiper-container {
	padding-bottom: 4.7%; margin-top: 2.8%;
}
.u-solution .box .swiper-slide {
	opacity: 0.4;
}
.u-solution .box .swiper-slide-active {
	opacity: 1;
}
.u-solution .box .boxli {
	background: #fff; border-radius: 10px; width: 100%; overflow: hidden; display: block; box-shadow: 0px 1px 22px rgba(61,80,159,0.07);
}
.u-solution .box .boxli .img {
	width: 43%; overflow: hidden; float: left;
}
.u-solution .box .boxli .img img {
	width: 100%;
}
.u-solution .box .boxli .title {
	padding: 2% 5.3%; width: 57%; overflow: hidden; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.u-solution .box .boxli .title .t4 {
	color: rgb(34, 34, 34); font-family: "syr"; margin-bottom: 10px;
}
.u-solution .box .boxli .title .t3 {
	color: rgb(102, 102, 102); font-family: "sy1";
}
.u-solution .box .boxli .title .oth.t3 {
	color: rgb(255, 126, 35);
}
.u-solution .box .boxli .title .oth.t3 .tit {
	color: rgb(102, 102, 102);
}
.u-solution .box .boxli .title .oth.t3 ul li {
	margin-right: 36px; display: inline-block;
}
.u-solution .box .boxli .title .oth.t3 ul li:last-child {
	margin-right: 0px;
}
.u-solution .box .boxli .title .btn {
	margin-top: 30px;
}
.u-solution .box .boxli .title .btn span {
	padding: 0px 10px; border-radius: 5px; border: 1px solid rgb(255, 126, 35); border-image: none; height: 30px; color: rgb(255, 126, 35); line-height: 28px; overflow: hidden; font-family: "syl"; font-size: 14px; display: inline-block; min-width: 80px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.u-solution .box .boxli .title .btn span:hover {
	background: rgb(255, 126, 35); color: #fff;
}
.u-solution .swiper-pagination-bullet {
	background: none; margin: 0px 40px !important; width: 16px; height: 16px; vertical-align: middle; position: relative; opacity: 1;
}
.u-solution .swiper-pagination-bullet .dot {
	background: rgb(190, 198, 229); border-radius: 50%; width: 8px; height: 8px; margin-top: 4px; margin-left: 4px; display: block;
}
.u-solution .swiper-pagination-bullet .line {
	background: rgb(190, 198, 229); left: 8px; top: 7px; width: 94px; height: 2px; position: absolute;
}
.u-solution :last-child.swiper-pagination-bullet .line {
	background: none;
}
.u-solution .swiper-pagination-bullet .line span {
	background: #224c9d; transform-origin: left 50%; left: 0px; top: 0px; width: 94px; height: 2px; position: absolute; z-index: 3; transform: scaleX(0); transition-timing-function: linear;
}
.u-solution .swiper-pagination-bullet-active .dot {
	background: none; border: 1px solid #224c9d; border-image: none; width: 16px; height: 16px; overflow: hidden; margin-top: 0px; margin-left: 0px; position: relative; z-index: 1; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.swiper-pagination-bullet:hover .dot {
	background: none; border: 1px solid #224c9d; border-image: none; width: 16px; height: 16px; overflow: hidden; margin-top: 0px; margin-left: 0px; position: relative; z-index: 1; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.u-solution .swiper-pagination-bullet-active .dot span {
	background: #224c9d; border-radius: 50%; left: 50%; top: 50%; width: 9px; height: 9px; display: inline-block; position: absolute; z-index: 1; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);
}
.swiper-pagination-bullet:hover .dot span {
	background: #224c9d; border-radius: 50%; left: 50%; top: 50%; width: 9px; height: 9px; display: inline-block; position: absolute; z-index: 1; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);
}
.u-solution .swiper-pagination-bullet-active .line span {
	animation:middle 6s;
}
.u-solution :first-child.swiper-pagination-bullet-active.swiper-pagination-bullet .line span {
	animation:first 6s forwards;
}
.u-solution :last-child.swiper-pagination-bullet-active.swiper-pagination-bullet .line span {
	animation:last 6s;
}
.course {
	background: rgb(246, 249, 254); padding-top: 3.3%; padding-bottom: 3.1%;
}
.course .box ul li {
	background: #fff; border-radius: 10px; width: 48.7%; overflow: hidden; margin-right: 2.6%; margin-bottom: 2.6%; float: left;
}
.course .box ul li:nth-child(2n) {
	margin-right: 0px;
}
.course .box ul li a {
	padding: 25px; width: 100%; overflow: hidden; display: block; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.course .box ul li .img {
	border-radius: 10px; width: 44.6%; overflow: hidden; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;
}
.course .box ul li .img img {
	transition:0.5s; width: 100%; -webkit-transition: all 0.5s ease;
}
.course .box ul li:hover .img img {
	transform: scale(1.1); -webkit-transform: scale(1.1);
}
.course .box ul li .tag {
	background: rgb(255, 126, 35); padding: 0px 9px; border-radius: 5px; left: 15px; top: 45px; height: 28px; color: #fff; line-height: 28px; font-family: "syr"; font-size: 14px; position: absolute; z-index: 2;
}
.course .box ul li .title {
	width: 55.4%; overflow: hidden; padding-top: 10px; padding-right: 2%; padding-left: 6.8%; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.course .box ul li .title .t6 {
	transition:0.4s; color: rgb(34, 34, 34); font-family: "syr"; -webkit-transition: all 0.4s ease;
}
.course .box ul li:hover .title .t6 {
	color: rgb(255, 126, 35);
}
.course .box ul li .title .t8 {
	background: url("img183.png") no-repeat left; color: rgb(153, 153, 153); padding-left: 25px; font-family: "syr"; margin-top: 12px;
}
.course .box ul li .title .oth.t8 {
	background: none; width: 100%; overflow: hidden; padding-left: 0px; margin-top: 25px;
}
.course .box ul li .title .oth.t8 .see {
	color: rgb(153, 153, 153); float: left;
}
.course .box ul li .title .oth.t8 .free {
	color: rgb(255, 126, 35); float: right;
}
.course .wrap {
	margin-top: 2.6%;
}
.course .wrap .tit {
	overflow: hidden; padding-bottom: 25px; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid;
}
.course .wrap .tit .bt {
	color: rgb(34, 34, 34); font-family: "sym"; font-size: 40px; margin-right: 70px; vertical-align: baseline; display: inline-block;
}
.course .wrap .tit ul {
	overflow: hidden; vertical-align: baseline; display: inline-block;
}
.course .wrap .tit ul li {
	margin-right: 25px; vertical-align: top; display: inline-flex;
}
.course .wrap .tit ul li:last-child {
	margin-right: 0px;
}
.course .wrap .tit ul li a {
	padding: 0px 16px; border-radius: 18px; transition:0.5s; height: 35px; color: rgb(34, 34, 34); line-height: 35px; font-family: "syr"; font-size: 20px; -webkit-transition: all 0.5s ease;
}
.course .wrap .tit ul li.on a {
	background: rgb(255, 126, 35); color: #fff;
}
.course .wrap .tit ul li:hover a {
	background: rgb(255, 126, 35); color: #fff;
}
.course .wrap .tit ul li a .sp {
	font-size: 14px;
}
.course .wrap .screen {
	color: rgb(102, 102, 102); font-family: "syl"; font-size: 14px; margin-top: 2%;
}
.course .wrap .screen a {
	vertical-align: middle; display: inline-block;
}
.course .wrap .screen span {
	vertical-align: middle; display: inline-block;
}
.course .wrap .screen a {
	margin: 0px 20px; color: rgb(102, 102, 102);
}
.course .wrap .screen a:hover {
	color: rgb(255, 126, 35);
}
.course .wrap .screen a.on {
	color: rgb(255, 126, 35);
}
.course .wrap .cont {
	margin-top: 2%;
}
.course .wrap .cont ul {
	margin-bottom: 4.3%;
}
.course .wrap .cont ul li {
	background: #fff; border-radius: 10px; transition:0.4s; width: 23.5%; overflow: hidden; margin-right: 2%; margin-bottom: 2%; float: left; position: relative; -webkit-transition: all 0.4s ease;
}
.course .wrap .cont ul li:nth-child(4n) {
	margin-right: 0px;
}
.course .wrap .cont ul li:hover {
	box-shadow: 0px 2px 25px rgba(60,81,159,0.18);
}
.course .wrap .cont ul li .tag {
	background: rgb(255, 126, 35); padding: 0px 9px; border-radius: 5px; left: 16px; top: 16px; height: 28px; color: #fff; line-height: 28px; font-family: "syr"; font-size: 14px; position: absolute; z-index: 2;
}
.course .wrap .cont ul li .img {
	width: 100%; overflow: hidden;
}
.course .wrap .cont ul li .img img {
	transition:0.5s; width: 100%; -webkit-transition: all 0.5s ease;
}
.course .wrap .cont ul li:hover .img img {
	transform: scale(1.2); -webkit-transform: scale(1.2);
}
.course .wrap .cont ul li .title {
	padding: 30px;
}
.course .wrap .cont ul li .title .txt {
	min-height: 120px;
}
.course .wrap .cont ul li .title .t6 {
	color: rgb(34, 34, 34); overflow: hidden; font-family: "syr"; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.course .wrap .cont ul li .title .t8 {
	background: url("img183.png") no-repeat left; color: rgb(153, 153, 153); padding-left: 25px; font-family: "syr"; margin-top: 10px;
}
.course .wrap .cont ul li .title .price.t8 {
	background: none; color: rgb(255, 126, 35); padding-left: 0px;
}
.course .wrap .cont ul li .title .btn {
	border-radius: 5px; border: 1px solid rgb(223, 229, 241); border-image: none; overflow: hidden; margin-top: 30px;
}
.course .wrap .cont ul li .title .btn a {
	transition:0.3s; width: 50%; height: 36px; text-align: center; color: rgb(153, 153, 153); line-height: 36px; overflow: hidden; font-family: "syr"; font-size: 14px; float: left; -webkit-transition: all 0.3s ease;
}
.course .wrap .cont ul li .title .btn a.b2 {
	background-color: rgb(243, 244, 246);
}
.course .wrap .cont ul li:hover .title .btn {
	border: 1px solid rgb(255, 126, 35); border-image: none;
}
.course .wrap .cont ul li:hover .title .btn .b1 {
	color: rgb(255, 126, 35);
}
.course .wrap .cont ul li:hover .title .btn .b2 {
	background: rgb(255, 126, 35); color: #fff;
}
.series {
	background: rgb(242, 245, 252); padding-top: 2%; padding-bottom: 5.2%;
}
.series .title .t7 {
	color: rgb(34, 34, 34); font-family: "sym";
}
.series ul.list > li {
	padding-top: 50px;
}
.series ul.list li .box ul {
	margin-top: 2.66%;
}
.series ul.list li .box ul li {
	background: #fff; padding: 20px; border-radius: 10px; transition:0.4s; width: 18.4%; text-align: center; overflow: hidden; margin-right: 2%; margin-bottom: 2%; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: all 0.4s ease; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.series ul.list li .box ul li:nth-child(5n) {
	margin-right: 0px;
}
.series ul.list li .box ul li:hover {
	box-shadow: 0px 2px 25px rgba(61,80,159,0.18);
}
.series ul.list li .box ul li .img {
	width: 100%; overflow: hidden;
}
.series ul.list li .box ul li .img img {
	transition:0.4s; max-width: 100%; -webkit-transition: all 0.4s ease;
}
.series ul.list li .box ul li:hover .img img {
	transform: scale(1.2);
}
.series ul.list li .box ul li .txt {
	color: rgb(34, 34, 34); font-family: "syr"; font-size: 20px; margin-top: 20px;
}
.series .exhibition {
	margin-top: 3.4%;
}
.series .exhibition .swiper-container {
	width: 100%; overflow: hidden; margin-top: 2.66%; position: relative;
}
.series .exhibition .img {
	border-radius: 10px; overflow: hidden;
}
.series .exhibition .img img {
	width: 100%;
}
.operate {
	text-align: center; margin-top: 4%; position: relative;
}
.operate .swiper-button-next {
	background-position: center; margin: 0px 20px; width: 7px; height: 14px; vertical-align: middle; display: inline-block; position: static; background-repeat: no-repeat; background-size: 7px 14px; -moz-background-size: 7px 14px; -webkit-background-size: 7px 14px;
}
.operate .swiper-button-prev {
	background-position: center; margin: 0px 20px; width: 7px; height: 14px; vertical-align: middle; display: inline-block; position: static; background-repeat: no-repeat; background-size: 7px 14px; -moz-background-size: 7px 14px; -webkit-background-size: 7px 14px;
}
.operate .swiper-button-prev {
	background-image: url("img232.png");
}
.operate .swiper-container-rtl .swiper-button-next {
	background-image: url("img232.png");
}
.operate .swiper-button-next {
	background-image: url("img233.png");
}
.operate .swiper-container-rtl .swiper-button-prev {
	background-image: url("img233.png");
}
.operate .swiper-button-prev:hover {
	background-image: url("img232a.png");
}
.operate .swiper-container-rtl .swiper-button-next:hover {
	background-image: url("img232a.png");
}
.operate .swiper-button-next:hover {
	background-image: url("img233a.png");
}
.operate .swiper-container-rtl .swiper-button-prev:hover {
	background-image: url("img233a.png");
}
.operate .swiper-pagination {
	text-align: center; vertical-align: middle; display: inline-block; position: static;
}
.operate .swiper-pagination-bullet {
	background: rgb(178, 183, 206); margin: 0px 10px; border-radius: 100%; width: 10px; height: 10px; display: inline-block; opacity: 1;
}
.operate .swiper-pagination-bullet-active {
	background: #224c9d; opacity: 1;
}
.service-details {
	background: rgb(246, 249, 254); padding-top: 3.3%;
}
.service-details .box {
	margin: auto; width: 100%; max-width: 1400px;
}
.service-details .l-box {
	width: 290px; height: calc(100vh - 120px); float: left;
}
.service-details .l-box .s-plate {
	text-align: left; overflow: hidden;
}
.service-details .l-box .s-plate .icon {
	padding-top: 30px; margin-bottom: 25px;
}
.service-details .l-box .s-plate .icon img {
	max-width: 34.5%;
}
.service-details .l-box .s-plate .title .t4 {
	color: rgb(34, 34, 34); font-family: "sym";
}
.service-details .l-box .s-plate .title .t8 {
	color: rgb(153, 153, 153); font-family: arial; margin-top: 5px;
}
.service-details .l-box .s-plate .title .btn {
	text-align: left; margin-top: 20px;
}
.service-details .l-box .s-plate .title .btn a {
	background: rgb(255, 106, 0); padding: 0px 15px; border-radius: 4px; transition:0.4s; height: 40px; text-align: center; color: #fff; line-height: 40px; overflow: hidden; font-family: "syr"; min-width: 140px; max-width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: all 0.4s ease; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.service-details .l-box .d-nav {
	margin-top: 30px;
}
.service-details .l-box .d-nav ul li {
	border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid; position: relative;
}
.service-details .l-box .d-nav ul li::before {
	background: #224c9d; margin: auto; transition:0.4s; top: 0px; width: 3px; height: 0px; right: 0px; bottom: 0px; position: absolute; content: ""; -webkit-transition: all 0.4s ease;
}
.service-details .l-box .d-nav ul li.on::before {
	height: 100%;
}
.service-details .l-box .d-nav ul li:hover::before {
	height: 100%;
}
.service-details .l-box .d-nav ul li span {
	width: 100%; color: rgb(68, 68, 68); line-height: 1.7; overflow: hidden; padding-top: 15px; padding-bottom: 15px; padding-left: 35px; font-family: "syr"; font-size: 16px; display: block; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.service-details .l-box .d-nav ul li:hover span {
	background: url("img236.png") no-repeat right / cover; color: #224c9d;
}
.service-details .l-box .d-nav ul li.on span {
	background: url("img236.png") no-repeat right / cover; color: #224c9d;
}
.service-details .l-box .d-nav ul li span i {
	background: url("img235.png") no-repeat center; left: 5px; top: 24px; width: 8px; height: 8px; position: absolute;
}
.service-details .r-box {
	width: calc(100% - 290px); padding-left: 6.4%; border-left-color: rgb(229, 229, 229); border-left-width: 1px; border-left-style: solid; float: right; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.service-details .r-box .text {
	margin-top: 5.4%;
}
.service-details .r-box .text .tit {
	color: rgb(34, 34, 34); font-family: "sym"; font-size: 40px;
}
.service-details .r-box .text .txt {
	line-height: 1.7; font-family: "syl"; font-size: 16px; margin-top: 10px;
}
.service-details .r-box .list > li {
	padding-top: 35px; padding-bottom: 20px; margin-top: 30px; border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid;
}
.service-details .r-box .related {
	padding-top: 35px; padding-bottom: 20px; margin-top: 30px; border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid;
}
.service-details .r-box .related {
	padding-bottom: 12%;
}
.service-details .r-box .list li .title .t10 {
	color: rgb(34, 34, 34); font-family: "sym";
}
.service-details .r-box .list li .part1 .title .t3 {
	font-family: "syl"; margin-top: 30px;
}
.service-details .r-box .list li .part2 {
	
}
.service-details .r-box .list li .part2 .atlas {
	margin-top: 30px; margin-bottom: 30px;
}
.service-details .r-box .list li .part2 .atlas ul li {
	width: 31.66%; margin-right: 2.5%; margin-bottom: 2.5%; float: left;
}
.service-details .r-box .list li .part2 .atlas ul li:nth-child(3n) {
	margin-right: 0px;
}
.service-details .r-box .list li .part2 .atlas ul li a {
	width: 100%; overflow: hidden; display: block; position: relative;
}
.service-details .r-box .list li .part2 .atlas ul li .img {
	width: 100%; overflow: hidden;
}
.service-details .r-box .list li .part2 .atlas ul li img {
	width: 100%;
}
.service-details .r-box .list li .part2 .atlas ul li .st {
	padding: 0px 20px; left: 0px; width: 100%; bottom: 25px; color: #fff; overflow: hidden; font-family: "syr"; font-size: 18px; position: absolute; z-index: 10; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.service-details .r-box .list li .part2 .atlas ul li:hover .st {
	display: none;
}
.service-details .r-box .list li .part2 .atlas ul li .txt {
	padding: 0px 20px; left: 0px; top: 50%; width: 100%; text-align: center; position: absolute; z-index: 10; box-sizing: border-box; opacity: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.service-details .r-box .list li .part2 .atlas ul li:hover .txt {
	opacity: 1;
}
.service-details .r-box .list li .part2 .atlas ul li .txt .t1 {
	color: #fff; font-family: "syr"; font-size: 14px;
}
.service-details .r-box .list li .part2 .atlas ul li .txt .t2 img {
	width: 16px; height: 12px;
}
.service-details .r-box .list li .part2 .atlas ul li .mask {
	border-radius: 50%; border: 100px solid transparent; transition:0.5s; border-image: none; left: 50%; top: 50%; width: 214px; height: 214px; position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transition: all 0.5s ease;
}
.service-details .r-box .list li .part2 .atlas ul li .ring {
	background: rgba(61, 80, 159, 0.26); border-radius: 50%; border: 150px solid rgba(255, 255, 255, 0.04); border-image: none; left: 50%; top: 50%; width: 120px; height: 120px; position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);
}
.service-details .r-box .list li .part2 .atlas ul li:hover .mask {
	border: 100px solid rgba(61, 80, 159, 0.9); border-image: none;
}
.service-details .r-box .list li .part2 .atlas ul li:hover .ring {
	background: rgba(61, 80, 159, 0.9); border: currentColor; border-image: none;
}
.service-details .r-box .list li .part3 .content {
	margin-top: 45px;
}
.service-details .r-box .list li .part3 .content ul li {
	width: 15.5%; float: left; position: relative;
}
.service-details .r-box .list li .part3 .content ul li:nth-child(7n) {
	width: 7%;
}
.service-details .r-box .list li .part3 .content ul li:last-child {
	width: 7%;
}
.service-details .r-box .list li .part3 .content ul li .con {
	text-align: center; display: inline-block; max-width: 100%;
}
.service-details .r-box .list li .part3 .content ul li .icon {
	margin: auto; border-radius: 50%; border: 2px solid rgb(255, 106, 0); border-image: none; width: 55px; height: 55px; text-align: center; line-height: 55px;
}
.service-details .r-box .list li .part3 .content ul li .arrow {
	background: url("img254.png") no-repeat center; margin: auto; top: 0px; width: calc(100% - 59px); height: 55px; text-align: center; right: 0px; line-height: 55px; position: absolute;
}
.service-details .r-box .list li .part3 .content ul li .txt {
	margin-top: 10px;
}
.service-details .r-box .list li .part3 .content ul li .txt .t1 {
	color: rgb(255, 106, 0); font-family: "syr"; font-size: 16px; margin-bottom: 5px; white-space: nowrap;
}
.service-details .r-box .list li .part3 .content ul li .txt .t2 {
	color: rgb(255, 106, 0); font-family: arial; font-size: 12px;
}
.service-details .r-box .list li .part4 .content {
	overflow: hidden; margin-top: 25px; border-top-color: rgb(238, 238, 238); border-right-color: rgb(238, 238, 238); border-left-color: rgb(238, 238, 238); border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid;
}
.service-details .r-box .list li .part4 .content ul li {
	width: 50%; height: 58px; overflow: hidden; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid; float: left; display: flex; position: relative; align-items: center;
}
.service-details .r-box .list li .part4 .content ul li::before {
	width: 1px; height: 100%; right: 0px; border-right-color: rgb(238, 238, 238); border-right-width: 1px; border-right-style: solid; position: absolute; content: "";
}
.service-details .r-box .list li .part4 .content ul li a {
	width: 100%; color: rgb(34, 34, 34); overflow: hidden; padding-right: 30px; padding-left: 40px; font-family: "syl"; font-size: 16px; display: block; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.service-details .r-box .list li .part4 .content ul li a i {
	border-radius: 50%; border: 1px solid rgb(255, 117, 18); border-image: none; left: 18px; top: 10px; width: 4px; height: 4px; position: absolute;
}
.service-details .related .caseli {
	box-shadow: none;
}
.service-details .related .caseli > a {
	width: 100%; display: block;
}
@media only screen and (max-width:1680px)
{
.header .content {
	padding-left: 4%;
}
.header .nav > ul > li {
	
}
.header .nav > ul > li > a {
	font-size: 17px;
}
.head-other .call {
	font-size: 22px;
}
.head-other .call img {
	width: 40px;
}
.head-nation .current .name {
	font-size: 17px;
}
.head-nation ul li a {
	font-size: 17px;
}
.i-banner .box .t1 {
	font-size: 44px;
}
.i-banner .box .t2 {
	font-size: 18px;
}
.title .t1 {
	font-size: 40px;
}
.title .t2 {
	font-size: 30px;
}
.title .t4 {
	font-size: 21px;
}
.title .t5 {
	font-size: 26px;
}
.title .t6 {
	font-size: 18px;
}
.title .t7 {
	font-size: 32px;
}
.title .t9 {
	font-size: 16px;
}
.indexpart1 .l-wrap .txt .t2 {
	margin-top: 3.5%;
}
.indexpart1 .l-wrap .more {
	margin-top: 5%;
}
.indexpart1 .l-wrap .more a {
	height: 45px; line-height: 45px; min-width: 140px;
}
.indexpart1 .r-box .t6 {
	margin-top: 20px;
}
.indexpart1 .l-box .txt .line {
	margin-top: 10px; margin-bottom: 15px;
}
.indexpart2 .switch-tab ul li {
	margin: 0px 2%; width: 16%;
}
.indexpart2 .switch-tab ul li .txt {
	font-size: 16px;
}
.indexpart4 .box .txt {
	font-size: 36px;
}
.indexpart4 .box .quota .t1 {
	font-size: 22px;
}
.indexpart4 .box .quota .t1 .sp {
	font-size: 36px;
}
.indexpart4 .box .btnbox a {
	width: 36%;
}
.caseli .txt {
	padding-top: 5%;
}
.caseli .icon img {
	
}

.caseli .icon01 img {
	
}


.caseli .title .t6 {
	margin-bottom: 5px; min-height: 54px;
}
.caseli .title .t8 li {
	margin-bottom: 0px;
}
.abnav {
	margin-top: -45px;
}
.abnav ul li a {
	height: 90px; line-height: 90px;
}
.aboutbox .a-title .t1 {
	font-size: 40px;
}
.key .box ul li:hover .img::before {
	width: 240px; height: 240px;
}
.key .box ul li .txt .tit .t1 {
	font-size: 22px;
}
.new .newli .title .t4 {
	margin-bottom: 10px;
}
}
@media only screen and (max-width:1620px)
{
.swiper-box {
	width: 83.33%;
}
.strength .swiper-button-next {
	margin-top: -68px;
}
.strength .swiper-button-prev {
	margin-top: -68px;
}
.strength .swiper-button-prev {
	left: 3.5%;
}
.strength .swiper-container-rtl .swiper-button-next {
	left: 3.5%;
}
.strength .swiper-button-next {
	right: 3.5%;
}
.strength .swiper-container-rtl .swiper-button-prev {
	right: 3.5%;
}
}
@media only screen and (max-width:1536px)
{
.title .t1 {
	font-size: 36px;
}
.title .t2 {
	font-size: 26px;
}
.title .t4 {
	font-size: 19px;
}
.title .t5 {
	font-size: 22px;
}
.title .t7 {
	font-size: 28px;
}
.indexpart3 .wrap > ul > li {
	margin-bottom: 6%;
}
.indexpart3 .wrap ul li .con .t1 {
	font-size: 22px;
}
.indexpart4 .box .txt {
	font-size: 32px;
}
.indexpart4 .box .quota .t1 {
	font-size: 20px;
}
.indexpart4 .box .quota .t1 .sp {
	height: 56px; line-height: 56px; font-size: 32px;
}
.indexpart4 .box .btnbox a {
	height: 45px; line-height: 45px; font-size: 16px;
}
.abnav {
	margin-top: -40px;
}
.abnav ul li a {
	height: 80px; line-height: 80px;
}
.aboutbox .a-title .t1 {
	font-size: 36px;
}
.key .box ul li:hover .img::before {
	width: 220px; height: 220px;
}
.key .box ul li .txt .tit {
	padding-bottom: 10px;
}
.key .box ul li .txt .tit .t2 {
	font-size: 15px;
}
.key .box ul li .txt ul li {
	font-size: 15px;
}
.strength .box .tabs ul li a {
	font-size: 22px;
}
.new .newli .title .t4 {
	overflow: hidden; margin-bottom: 15px; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.new .tit .screen .t1 {
	font-size: 18px;
}
.letter ul li .part1 .w1 .tit {
	font-size: 20px;
}
.letter ul li .part1 .w2 .t1 {
	font-size: 24px;
}
.letter ul li .part1 .w2 .t2 {
	font-size: 15px;
}
.u-solution .box .boxli .title .t3 {
	overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3;
}
.u-solution .box .boxli .title .oth.t3 {
	margin-top: 15px;
}
.u-solution .box .boxli .title .oth.t3 ul li {
	margin-right: 20px;
}
.u-solution .box .boxli .title .btn {
	margin-top: 20px;
}
.service-details .r-box {
	padding-left: 4%;
}
.service-details .r-box .list li .part2 .atlas ul li .mask {
	width: 180px; height: 180px;
}
.service-details .r-box .list li .part2 .atlas ul li .ring {
	border: 130px solid rgba(255, 255, 255, 0.04); border-image: none; width: 110px; height: 110px;
}
.service-details .r-box .list li .part3 .content ul li .arrow {
	width: calc(100% - 63px);
}
}
@media only screen and (max-width:1440px)
{
.header .logo a img {
	max-width: 180px;
}
.header .nav > ul > li > a {
	font-size: 16px;
}
.head-other .call {
	font-size: 20px;
}
.head-nation .current .name {
	font-size: 16px;
}
.head-nation ul li a {
	font-size: 16px;
}
.i-banner .box .t1 {
	font-size: 40px;
}
.title .t1 {
	font-size: 32px;
}
.title .t2 {
	font-size: 24px;
}
.title .t3 {
	font-size: 15px;
}
.title .t5 {
	font-size: 20px;
}
.title .t6 {
	font-size: 17px;
}
.title .t7 {
	font-size: 26px;
}
.title .t9 {
	font-size: 15px;
}
.title .t10 {
	font-size: 26px;
}
.indexpart1 .l-box .txt {
	padding-top: 4%;
}
.indexpart1 .r-box .txt.title {
	padding-top: 4%;
}
.indexpart2 .switch-tab ul li .icon {
	width: 90px; height: 98px; line-height: 98px;
}
.indexpart2 .switch-li .r-wrap .tit {
	font-size: 16px;
}
.indexpart2 .switch-li .r-wrap .wrap1 {
	margin-top: 40px;
}
.indexpart2 .switch-li .r-wrap .wrap1 ul li {
	height: 45px; line-height: 45px; font-size: 15px;
}
.indexpart2 .switch-li .r-wrap .wrap2 {
	margin-top: 30px;
}
.allbtn a {
	height: 45px; line-height: 45px; min-width: 140px;
}
.indexpart3 {
	padding-top: 5%;
}
.indexpart3 .wrap ul li .con .t1 {
	font-size: 20px;
}
.caseli .title .t8 {
	min-height: 90px;
}
.caseli .btn a {
	height: 36px; line-height: 34px;
}
.alike .switch-tab ul li {
	padding: 0px 30px;
}
.indexpart6 .box .txt .title {
	margin-top: 0px; min-height: 90%;
}
.indexpart6 .box .txt .other .date {
	font-size: 16px;
}
.abnav {
	margin-top: -35px;
}
.abnav ul li a {
	height: 70px; line-height: 70px;
}
.culture ul li .info {
	font-size: 15px;
}
.culture ul li .info .bt {
	font-size: 20px;
}
.key .box ul li:hover .img::before {
	width: 200px; height: 200px;
}
.key .box ul li .txt ul li {
	line-height: 1.7; padding-left: 20px; font-size: 14px; margin-bottom: 5px;
}
.key .box ul li .txt ul li::before {
	top: 8px;
}
.strength .swiper-pagination-bullet {
	width: 12px; height: 12px;
}
.aboutbox .a-title .t1 {
	font-size: 32px;
}
.swiper-box .wrap .item .mask {
	height: 80px; bottom: -80px; line-height: 80px;
}
.swiper-box .wrap .small-img.item .mask {
	height: 60px; bottom: -60px; line-height: 60px;
}
.swiper-box .wrap ul li:hover .item .mask {
	bottom: 0px;
}
.contact .box > ul > li {
	min-height: 240px;
}
.contact .box ul li .l-box .t1 {
	font-size: 30px;
}
.contact .box ul li .l-box .t2 a {
	font-size: 15px;
}
.contact .box ul li .r-box ul li {
	line-height: 1.7; font-size: 16px;
}
.certificate ul li::before {
	height: 4px;
}
.certificate ul li .txtbox .txt {
	font-size: 18px;
}
.team .box ul li .txt .title .t9 {
	min-height: 150px;
}
.case .box .box2 ul li {
	margin-right: 40px;
}
.case .box .box2 ul li a {
	padding: 12px; font-size: 17px;
}
.page-list a {
	height: 36px; line-height: 36px; font-size: 18px; min-width: 36px;
}
.page-list .total {
	line-height: 36px;
}
.s-module ul li span {
	height: 60px; line-height: 60px;
}
.s-module ul li a {
	height: 60px; line-height: 60px;
}
.related.new .tit {
	font-size: 36px;
}
.letter ul li .part1 .w2 .t1 {
	font-size: 22px;
}
.recruit .box ul li .cont {
	padding: 2.66% 4.5%;
}
.position-support .box ul li .title .t2 {
	font-size: 26px;
}
.position-support .box ul li:hover .title .t2 {
	font-size: 32px;
}
.course .wrap .tit .bt {
	font-size: 36px;
}
.course .wrap .tit ul li a {
	font-size: 18px;
}
.course .wrap .cont ul li .title {
	padding: 20px;
}
.service-details .r-box .text .tit {
	font-size: 36px;
}
.service-details .r-box .list li .part3 .content {
	margin-top: 30px;
}
.service-details .r-box .list li .part3 .content ul li .icon {
	width: 50px; height: 50px; line-height: 50px;
}
.service-details .r-box .list li .part3 .content ul li .arrow {
	width: calc(100% - 66px);
}
.service-details .r-box .list li .part4 .content ul li {
	height: 75px;
}
.service-details .r-box .list li .part4 .content ul li a {
	font-size: 15px;
}
.solution .box ul li .txt .icon {
	width: 42px; height: 42px; line-height: 42px;
}
}
@media only screen and (max-width:1280px)
{
.header .logo a img {
	max-width: 160px;
}
.header .nav > ul > li {
	padding: 0px 8px;
}
.header .nav > ul > li > a {
	font-size: 15px;
}
.head-other .call {
	font-size: 18px;
}
.head-nation .current .name {
	font-size: 15px;
}
.head-nation ul li a {
	font-size: 15px;
}
.header .drop-down a {
	padding: 10px 15px; font-size: 15px;
}
.navcell .l-box .txt .t1 {
	font-size: 15px;
}
.navcell .r-box .tit {
	font-size: 18px;
}
.navcell .r-box ul li a {
	font-size: 15px;
}
.i-banner .box .t1 {
	font-size: 32px;
}
.title .t6 {
	font-size: 16px;
}
.title .t10 {
	font-size: 24px;
}
.indexpart4 .box .txt {
	font-size: 28px;
}
.indexpart4 .box .quota .t1 {
	font-size: 18px;
}
.indexpart4 .box .quota .t1 .sp {
	width: 45px; height: 50px; line-height: 50px; font-size: 28px;
}
.alike .switch-tab ul li {
	padding: 0px 20px;
}
.strength .box .tabs ul li a {
	font-size: 20px;
}
.key .box ul li:hover .img::before {
	width: 180px; height: 180px;
}
.key .box ul li .txt .tit {
	padding-bottom: 5px;
}
.key .box ul li .txt ul {
	margin-top: 10px;
}
.key .box ul li .txt .see {
	margin-top: 10px;
}
.contact .box > ul > li {
	min-height: 200px;
}
.contact .box ul li .l-box .t1 {
	font-size: 28px;
}
.team .box ul li .txt .title .t9 {
	min-height: 130px;
}
.case .box .box2 ul li {
	margin-right: 30px;
}
.case .box .box2 ul li a {
	padding: 10px 12px; font-size: 16px;
}
.case-detail .r-box .tit {
	font-size: 24px;
}
.case-detail .r-box #wrap > li {
	padding-bottom: 40px;
}
.s-module ul li span {
	padding-right: 40px; padding-left: 15px;
}
.s-module ul li a {
	padding-right: 40px; padding-left: 15px;
}
.related.new .tit {
	font-size: 32px;
}
.sernav ul li span {
	line-height: 70px;
}
.position-support .box ul li .title .t2 {
	font-size: 24px;
}
.position-support .box ul li:hover .title .t2 {
	font-size: 28px;
}
.u-service .box ul li .txt .title .tit {
	font-size: 20px;
}
.course .box ul li .title .oth.t8 {
	margin-top: 20px;
}
.course .wrap .tit .bt {
	font-size: 32px; vertical-align: middle;
}
.course .wrap .tit ul {
	vertical-align: middle;
}
.course .wrap .tit ul li a {
	font-size: 16px;
}
.series ul.list li .box ul li .txt {
	font-size: 18px; margin-top: 15px;
}
.service-details .r-box .list > li {
	padding-top: 30px; margin-top: 20px;
}
.service-details .r-box .related {
	padding-top: 30px; margin-top: 20px;
}
.service-details .r-box .list li .part2 .atlas ul li .mask {
	width: 160px; height: 160px;
}
.service-details .r-box .list li .part2 .atlas ul li .ring {
	border: 120px solid rgba(255, 255, 255, 0.04); border-image: none; width: 100px; height: 100px;
}
.service-details .r-box .text .tit {
	font-size: 32px;
}
.service-details .r-box .list li .part3 .content ul li .txt .t1 {
	font-size: 15px;
}
.service-details .l-box {
	width: 260px;
}
.service-details .r-box {
	width: calc(100% - 260px);
}
}
@media only screen and (max-width:1200px)
{
.main {
	padding-top: 60px;
}
.omain {
	padding-top: 60px;
}
.menubtn {
	display: block;
}
.header {
	background: #fff; padding: 0px;
}
.header .logo a {
	height: 60px; line-height: 60px;
}
.header .logo a img {
	max-height: 50px;
}
.header .logo a img.logo1 {
	display: none;
}
.header .logo a img.logo2 {
	display: inline-block;
}
.header .nav {
	display: none;
}
.head-other {
	display: none;
}
.conwidth {
	width: 100%; padding-right: 3%; padding-left: 3%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.footer .foot-con .foot-nav {
	width: 100%; padding-bottom: 30px; border-bottom-color: rgb(81, 98, 169); border-bottom-width: 1px; border-bottom-style: solid; float: none;
}
.footer .foot-con .foot-nav ul li {
	width: auto; margin-right: 5%;
}
.footer .foot-con .foot-nav ul li .alink {
	display: none;
}
.footer .foot-con .foot-code {
	width: 100%; text-align: left; overflow: hidden; padding-top: 20px; float: none;
}
.footer .foot-con .foot-code .txt {
	width: 52%; text-align: left; margin-top: 5%; margin-right: 0px; float: left;
}
.footer .foot-con .foot-code ul {
	float: left;
}
.i-banner {
	top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);
}
.i-banner .box .t1 {
	padding: 0px 50px;
}
.lunbotu .swiper-button-next {
	margin-top: -25px;
}
.lunbotu .swiper-button-prev {
	margin-top: -25px;
}
.title .t1 {
	font-size: 30px;
}
.title .t2 {
	font-size: 22px;
}
.title .t4 {
	font-size: 18px;
}
.title .t5 {
	font-size: 18px;
}
.indexpart1 {
	padding-top: 70px; padding-bottom: 70px;
}
.indexpart1 .l-wrap .txt .t3 {
	overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3;
}
.indexpart1 .l-wrap .more a {
	height: 40px; line-height: 40px; font-size: 15px; min-width: 120px;
}
.allbtn a {
	margin: 0px 15px; height: 40px; line-height: 40px; font-size: 15px; min-width: 120px;
}
.indexpart6 .box .txt .other .date {
	font-size: 14px;
}
.strength .conwidth {
	padding: 0px; width: 83.33%;
}
.aboutbox .a-title .t1 {
	font-size: 30px;
}
.newli {
	padding-bottom: 20px;
}
.new .newli .title {
	
}
.new .newli .title .t4 {
	
}
.new .newli .oth {
	padding-top: 15px;
}
}
@media only screen and (max-width:1024px)
{
.oimg1 {
	display: none;
}
.oimg2 {
	display: block;
	height: auto;
}
.banner-video {
	display: none;
}
.indexpart2 {
	padding-top: 70px; padding-bottom: 70px;width: 100%;overflow: hidden;
}
.indexpart2 .box {
	margin-top: 40px;
}
.indexpart2 .switch-box {
	margin-top: 40px;
}
.indexpart2 .switch-tab ul li .icon {
	width: 80px; height: 87px; line-height: 87px;
}
.indexpart2 .switch-tab ul li .txt {
	font-size: 15px;
}
.indexpart2 .switch-li .r-wrap {
	width: 100%; float: none;
}
.indexpart2 .switch-li .l-wrap {
	display: none;
}
.indexpart2 .switch-li .r-wrap .wrap1 {
	margin-top: 30px;
}
.indexpart2 .switch-li .r-wrap .wrap2 ul li {
	width: 18%; margin-right: 2.5%;
}
.indexpart2 .switch-li .r-wrap .wrap2 ul li:nth-child(6n) {
	margin-right: 2.5%;
}
.indexpart2 .switch-li .r-wrap .wrap2 ul li:nth-child(5n) {
	margin-right: 0px;
}
.allbtn {
	margin-top: 50px;
}
.allbtn a.btn2 {
	display: inline-block;
}
.indexpart2 .switch-tab ul {
	white-space: nowrap; -ms-overflow-x: scroll; -ms-overflow-y: hidden;
}
.alike .switch-tab ul {
	white-space: nowrap; -ms-overflow-x: scroll; -ms-overflow-y: hidden;
}
.indexpart2 .switch-tab ul li {
	width: auto; padding-right: 2%; padding-bottom: 2%; padding-left: 2%;
}
.indexpart3 {
	padding-top: 70px; padding-bottom: 70px;
}
.indexpart3 .wrap .bg {
	padding-top: 10%;
}
.indexpart3 .wrap ul li .con .t1 {
	font-size: 18px;
}
.indexpart3 .wrap ul li .con .t1 .sp {
	font-size: 18px;
}
.indexpart3 .wrap ul li .con .t2 {
	height: 100px; font-size: 15px;
}
.indexpart4 {
	padding-top: 70px; padding-bottom: 70px;
}
.indexpart4 .box .txt {
	
}
.indexpart4 .box .quota .t1 {
	
}
.indexpart4 .box .quota .t1 .sp {
	width: 40px; height: 45px; line-height: 45px;
}
.indexpart4 .box .quota .t2 {
	font-size: 15px;
}
.indexpart4 .box .btnbox a {
	height: 40px; line-height: 40px; font-size: 15px;
}
.indexpart5 {
	padding-top: 70px; padding-bottom: 70px;
}
.indexpart5 .box {
	margin-top: 50px;
}
.indexpart5 .box .switch-box {
	margin-top: 20px;
}
.caseli {
	width: 31%; margin-right: 3.5%;
}
:nth-child(4n).caseli {
	margin-right: 3.5%;
}
:nth-child(3n).caseli {
	margin-right: 0px;
}
.caseli .btn a {
	padding: 0px; width: 48%; max-width: 48%; box-sizing: border-box; -webkit-box-sizing: border-box;
}
.caseli .btn a.b1 {
	margin-right: 4%;
}
.case-detail .r-box .related .caseli .title .t6 {
	height: auto; overflow: hidden; display: block; white-space: nowrap; -ms-text-overflow: ellipsis; min-height: 1px;
}
.service-details .related .caseli .title .t6 {
	height: auto; overflow: hidden; display: block; white-space: nowrap; -ms-text-overflow: ellipsis; min-height: 1px;
}
.case-detail .r-box .related .caseli .title .t8 {
	line-height: 1.6; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4;
}
.service-details .related .caseli .title .t8 {
	line-height: 1.6; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4;
}
.case-detail .r-box .related .caseli .btn a {
	height: 32px; line-height: 30px;
}
.service-details .related .caseli .btn a {
	height: 32px; line-height: 30px;
}
.related.new .box {
	margin-top: 30px;
}
.indexpart6 {
	padding-top: 70px; padding-bottom: 70px;
}
.abnav {
	padding-top: 50px; margin-top: 0px;
}
.abnav ul {
	white-space: nowrap; -ms-overflow-x: scroll; -ms-overflow-y: hidden;
}
.abnav ul li {
	padding: 0px 25px; width: auto; margin-top: 15px; margin-bottom: 15px;
}
.abnav ul li a {
	height: 60px; line-height: 60px; font-size: 18px;
}
.aboutbox .a-title .t1 {
	font-size: 28px;
}
.about {
	padding-top: 50px; padding-bottom: 70px;
}
.about .box .l-box {
	width: auto; overflow: inherit; float: none;
}
.about .box .r-box {
	width: 50%; padding-left: 3%; margin-bottom: 3%;
}
.culture ul li {
	height: 130px;
}
.culture ul li .info {
	font-size: 14px;
}
.culture ul li .info .bt {
	font-size: 18px;
}
.culture ul li img {
	width: 60px; height: 60px;
}
.key {
	padding-top: 70px; padding-bottom: 70px;
}
.key .box {
	margin-top: 40px;
}
.key .box ul li:hover .img::before {
	width: 160px; height: 160px;
}
.key .box ul li .txt .tit .t1 {
	font-size: 20px;
}
.strength {
	padding-top: 70px; padding-bottom: 70px;
}
.strength ul {
	white-space: nowrap; -ms-overflow-x: scroll; -ms-overflow-y: hidden;
}
.strength .box .tabs ul li {
	width: auto; padding-bottom: 10px; min-width: 32.66%;
}
.strength .box .tabs ul li a {
	height: 60px;
}
.strength .box .tabs ul li.active a::after {
	top: auto; bottom: 0px;
}
.strength .tabbox {
	margin-top: 40px;
}
.strength .swiper-button-prev {
	left: 1.5%;
}
.strength .swiper-container-rtl .swiper-button-next {
	left: 1.5%;
}
.strength .swiper-button-next {
	right: 1.5%;
}
.strength .swiper-container-rtl .swiper-button-prev {
	right: 1.5%;
}
.swiper-box .wrap .item .mask {
	font-size: 16px;
}
.swiper-box .wrap .item .mask {
	height: 70px; bottom: -70px; line-height: 70px;
}
.swiper-box .wrap .small-img.item .mask {
	height: 50px; bottom: -50px; line-height: 50px;
}
.key .box ul li .txt .see {
	margin-top: 5px;
}
.speech {
	padding-top: 70px; padding-bottom: 70px;
}
.speech .l-box {
	padding-right: 0px;
}
.speech .l-box .title .t9 {
	margin-top: 20px;
}
.contact {
	padding-top: 70px; padding-bottom: 50px;
}
.contact .box ul li .l-box .t1 {
	font-size: 24px;
}
.contact .box ul li .r-box ul li {
	font-size: 15px;
}
.package {
	padding-top: 70px; padding-bottom: 60px;
}
.package .box {
	margin-top: 40px;
}
.certificate ul li::before {
	height: 3px;
}
.certificate ul li .txtbox .txt {
	font-size: 16px;
}
.case {
	padding-top: 50px; padding-bottom: 70px;
}
.case .box {
	padding: 30px;
}
.case .box .search .btn input {
	font-size: 16px;
}
.case .wrap > ul {
	margin-bottom: 60px;
}
.case .box .box2 ul li {
	margin-right: 20px;
}
.case .box .box2 ul li a {
	font-size: 16px;
}
.page-list a {
	height: 36px; line-height: 36px; font-size: 18px; margin-right: 16px; min-width: 36px;
}
.case-detail {
	padding-bottom: 70px;
}
.case-detail .content {
	padding-top: 40px;
}
.comnav ul {
	white-space: nowrap; -ms-overflow-x: scroll; -ms-overflow-y: hidden;
}
.comnav ul li {
	margin: 0px 10px;
}
.comnav ul li span {
	line-height: 70px;
}
.case-detail .r-box .btnbox .prev {
	display: none;
}
.new-detail .l-box .btnbox .prev {
	display: none;
}
.case-detail .r-box .btnbox .next {
	display: none;
}
.new-detail .l-box .btnbox .next {
	display: none;
}
.new {
	padding-top: 50px; padding-bottom: 70px;
}
.new .box ul {
	margin-bottom: 50px;
}
.new .box ul li {
	width: 31%; margin-top: 3.5%; margin-right: 3.5%;
}
.new .box ul li:nth-child(4n) {
	margin-right: 3.5%;
}
.new .box ul li:nth-child(3n) {
	margin-right: 0px;
}
.new-detail .box .l-box {
	width: 100%; padding-right: 0px; padding-bottom: 60px; border-right-color: currentColor; border-right-width: medium; border-right-style: none; float: none;
}
.new-detail .box .r-box {
	width: 100%; padding-bottom: 30px; padding-left: 0px; float: none;
}
.new-detail .box .r-box .wrap {
	max-width: 100%;
}
.pagebox {
	width: 50%; padding-top: 5%; float: left;
}
.pagebox ul li {
	margin-bottom: 10px;
}
.pagebox ul li a {
	overflow: hidden;
}
.pagebox ul li .t1 {
	width: 70px; float: left;
}
.pagebox ul li .t2 {
	width: calc(100% - 80px); margin-top: 0px;
}
.sharebox {
	margin-top: 30px; display: none;
}
.new-detail .box .r-box .img {
	display: none;
}
.new-detail .box .r-box .w2 {
	width: 40%; margin-top: 0px; float: right;
}
.related.new {
	padding-bottom: 70px;
}
.related.new .tit {
	font-size: 30px;
}
.new-detail .box .l-box .title .size {
	display: none;
}
.letter ul li .part1 .w1 .spot {
	width: 80px; height: 80px; line-height: 80px;
}
.letter ul li .part1 .w1 .tit {
	font-size: 18px;
}
.letter ul li .part1 .w2 .t1 {
	font-size: 20px;
}
.letter ul li .part1 .w2 .t2 {
	font-size: 14px;
}
.letter ul li .part2 {
	height: 60px; line-height: 60px;
}
.letter ul li .part2 .view {
	font-size: 15px;
}
.concept .box ul li {
	min-height: 290px; box-sizing: border-box; -webkit-box-sizing: border-box;
}
.package .box ul li .title {
	min-height: 180px;
}
.recruit {
	padding-top: 50px; padding-bottom: 70px;
}
.recruit .box ul li .t1 {
	font-size: 16px;
}
.recruit .box ul li .cont {
	padding: 20px; font-size: 15px;
}
.sernav ul {
	white-space: nowrap; -ms-overflow-x: scroll; -ms-overflow-y: hidden;
}
.sernav ul li {
	margin-right: 50px;
}
.sernav ul li span {
	line-height: 60px; font-size: 16px;
}
.mechanism {
	padding-top: 70px; padding-bottom: 70px;
}
.mechanism .box ul li .cont {
	padding-top: 70px; padding-right: 30px; padding-left: 30px; min-height: 200px;
}
.mechanism .box ul li .icon {
	top: -50px; width: 100px; height: 100px; line-height: 100px;
}
.position-support {
	padding-top: 70px; padding-bottom: 50px;
}
.position-support .box {
	margin-top: 50px;
}
.position-support .box ul li .title .t2 {
	font-size: 22px;
}
.position-support .box ul li:hover .title .t2 {
	font-size: 24px;
}
.added {
	padding-top: 70px; padding-bottom: 50px;
}
.added .box {
	margin-top: 50px;
}
.added .box ul li {
	width: 31%; margin-right: 3.5%;
}
.process {
	padding-top: 70px; padding-bottom: 70px;
}
.process .box {
	margin-top: 40px;
}
.process .box ul li .title .tit {
	font-size: 40px;
}
.process .consult {
	margin-top: 50px;
}
.u-service {
	padding-top: 70px; padding-bottom: 70px;
}
.u-service .box ul li {
	padding: 10px; width: 33.33%;
}
.u-service .box ul li .txt .title .tit {
	font-size: 18px;
}
.u-process {
	padding-top: 70px; padding-bottom: 70px;
}
.u-process .imgbox {
	margin-top: 40px;
}
.u-solution {
	padding-top: 70px; padding-bottom: 70px;
}
.u-solution .box {
	padding-right: 4%; padding-left: 4%;
}
.u-solution .box .swiper-container {
	padding-bottom: 60px; margin-top: 50px;
}
.dotbox {
	display: none;
}
.u-solution .swiper-pagination-bullet {
	background: #224c9d; margin: 0px 5px !important; width: 8px; height: 8px; opacity: 0.5;
}
.u-solution .swiper-pagination-bullet-active {
	opacity: 1;
}
.course {
	padding-top: 40px; padding-bottom: 70px;
}
.course .box ul li .title .oth.t8 {
	margin-top: 15px;
}
.course .wrap .tit {
	padding-bottom: 20px;
}
.course .wrap .tit .bt {
	font-size: 30px;
}
.course .wrap .screen {
	margin-top: 20px;
}
.course .wrap .cont {
	margin-top: 20px;
}
.course .wrap .cont ul {
	margin-bottom: 30px;
}
.course .wrap .cont ul li {
	width: 31%; margin-right: 3.5%; margin-bottom: 3.5%;
}
.course .wrap .cont ul li:nth-child(4n) {
	margin-right: 3.5%;
}
.course .wrap .cont ul li:nth-child(3n) {
	margin-right: 0px;
}
.series {
	padding-bottom: 70px;
}
.series ul.list li .box ul {
	margin-top: 35px;
}
.series ul.list li .box ul li {
	width: 23.5%;
}
.series ul.list li .box ul li:nth-child(5n) {
	margin-right: 2%;
}
.series ul.list li .box ul li:nth-child(4n) {
	margin-right: 0px;
}
.series .exhibition {
	margin-top: 50px;
}
.series .exhibition .swiper-container {
	margin-top: 40px;
}
.service-details .l-box {
	width: 230px;
}
.service-details .l-box .s-plate .title .btn a {
	font-size: 15px; min-width: 120px;
}
.service-details .l-box .d-nav ul li span {
	padding-top: 10px; padding-bottom: 10px; padding-left: 35px;
}
.service-details .l-box .d-nav ul li::before {
	width: 2px;
}
.service-details .r-box {
	width: calc(100% - 230px);
}
.service-details .r-box .text .tit {
	font-size: 28px;
}
.service-details .r-box .text .txt {
	font-size: 15px;
}
.service-details .r-box .list li .part2 .atlas ul li {
	width: 48%; margin-right: 4%; margin-bottom: 4%;
}
.service-details .r-box .list li .part2 .atlas ul li:nth-child(3n) {
	margin-right: 4%;
}
.service-details .r-box .list li .part2 .atlas ul li:nth-child(2n) {
	margin-right: 0px;
}
.s-module ul li span {
	height: 50px; line-height: 50px; font-size: 15px;
}
.s-module ul li a {
	height: 50px; line-height: 50px; font-size: 15px;
}
.service-details .r-box .list li .part3 .content ul li .icon {
	width: 45px; height: 45px; line-height: 45px;
}
.service-details .r-box .list li .part2 .atlas ul li .ring {
	border: 150px solid rgba(255, 255, 255, 0.04); border-image: none;
}
.service-details .r-box .list li .part2 .atlas ul li:hover .mask {
	border: 120px solid rgba(61, 80, 159, 0.9); border-image: none;
}
.service-details .r-box .list li .part3 .content ul li .txt .t1 {
	font-size: 14px;
}
.service-details .r-box .list li .part3 .content ul li {
	width: 27%; margin-top: 110px;
}
.service-details .r-box .list li .part3 .content ul li:nth-child(4n) {
	width: 19%;
}
.service-details .r-box .list li .part3 .content ul li:last-child {
	width: 19%;
}
.service-details .r-box .list li .part3 .content ul li:nth-child(4n) .arrow {
	display: none;
}
.service-details .r-box .list li .part3 .content ul li:nth-child(1) {
	margin-top: 0px;
}
.service-details .r-box .list li .part3 .content ul li:nth-child(2) {
	margin-top: 0px;
}
.service-details .r-box .list li .part3 .content ul li:nth-child(3) {
	margin-top: 0px;
}
.service-details .r-box .list li .part3 .content ul li:nth-child(4) {
	margin-top: 0px;
}
.service-details .r-box .list li .part3 .content ul li:nth-child(5)::before {
	background: url("img254a.png") no-repeat center; left: 4px; top: -110px; width: 50px; height: 110px; position: absolute; content: "";
}
.solution {
	padding-top: 70px; padding-bottom: 70px;
}
.solution .box {
	margin-top: 50px;
}
.solution .box ul li {
	width: 31%; margin-right: 3.5%; margin-bottom: 3.5%;
}
.solution .box ul li:nth-child(5n) {
	margin-right: 3.5%;
}
.solution .box ul li:nth-child(3n) {
	margin-right: 0px;
}
.solution .box ul li .txt {
	
}
.team {
	padding-top: 70px; padding-bottom: 70px;
}
.team .box ul li .txt {
	padding-top: 4%; padding-right: 4%; padding-left: 4%;
}
.team .box ul li .txt .title .t9 {
	min-height: 110px;
}
}
@media only screen and (max-width:991px)
{
.case-detail .l-box {
	width: 100%; height: auto; margin-top: 30px; float: none;
}
.case-detail .l-box .w2 .btn {
	text-align: center; font-size: 0px;
}
.new-detail .box .r-box .w2 .btn {
	text-align: center; font-size: 0px;
}
.case-detail .l-box .w2 .btn a {
	float: none; display: inline-block; max-width: 120px;
}
.new-detail .box .r-box .w2 .btn a {
	float: none; display: inline-block; max-width: 120px;
}
.case-detail .r-box {
	width: 100%; padding-left: 0px; float: none;
}
.comnav ul li span {
	line-height: 60px; font-size: 16px;
}
.case-detail .r-box .btnbox a {
	height: 42px; line-height: 40px;
}
.new-detail .l-box .btnbox a {
	height: 42px; line-height: 40px;
}
.case-detail .l-box .w2 .title .t3 ul {
	overflow: hidden;
}
.new-detail .box .r-box .w2 .title .t3 ul {
	overflow: hidden;
}
.case-detail .l-box .w2 .title .t3 ul li {
	width: 48%; margin-top: 5px; margin-right: 4%; margin-bottom: 5px; float: left;
}
.new-detail .box .r-box .w2 .title .t3 ul li {
	width: 48%; margin-top: 5px; margin-right: 4%; margin-bottom: 5px; float: left;
}
.case-detail .l-box .w2 .title .t3 ul li:nth-child(2n) {
	margin-right: 0px;
}
.new-detail .box .r-box .w2 .title .t3 ul li:nth-child(2n) {
	margin-right: 0px;
}
.service-details {
	padding-top: 0px;
}
.service-details .conwidth {
	padding-right: 0px; padding-left: 0px;
}
.service-details .l-box {
	background: #fff; width: 100%; height: auto; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid; float: none; position: relative; z-index: 12;
}
.service-details .l-box .s-plate .icon {
	display: none;
}
.service-details .l-box .s-plate .title {
	display: none;
}
.service-details .l-box .d-nav {
	padding: 0px 3%; margin-top: 0px;
}
.d-nav ul {
	white-space: nowrap; -ms-overflow-x: scroll; -ms-overflow-y: hidden;
}
.service-details .l-box .d-nav ul li {
	margin-right: 40px; vertical-align: top; border-top-color: currentColor; border-top-width: medium; border-top-style: none; display: inline-block;
}
.service-details .l-box .d-nav ul li span {
	line-height: 60px; padding-top: 0px; padding-bottom: 0px; padding-left: 25px;
}
.service-details .l-box .d-nav ul li:hover span {
	background: none;
}
.service-details .l-box .d-nav ul li.on span {
	background: none;
}
.service-details .l-box .d-nav ul li span i {
	top: 25px;
}
.service-details .l-box .d-nav ul li::before {
	display: none;
}
.service-details .r-box {
	width: 100%; padding-right: 3%; padding-left: 3%; border-left-color: currentColor; border-left-width: medium; border-left-style: none; float: none; box-sizing: border-box; -webkit-box-sizing: border-box;
}
.service-details .r-box .text .tit {
	font-size: 26px;
}
.service-details .r-box .related {
	padding-bottom: 70px;
}
.service-details .r-box .list li .part2 .atlas ul li:hover .mask {
	border: 150px solid rgba(61, 80, 159, 0.9); border-image: none;
}
}
@media only screen and (max-width:768px)
{
.footer .foot-top .foot-logo {
	max-width: 100%;text-align: center;
}
.footer .foot-top .txt .t1 {
	font-size: 20px;
}
.i-banner .box .t1 {
	font-size: 28px; margin-bottom: 15px;
}
.i-banner .box .t2 {
	font-size: 16px;
}
.swiper-container-horizontal.lunbotu .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0px 5px;
}
.lunbotu .swiper-pagination-bullet {
	width: 10px; height: 10px;
}
.lunbotu .swiper-button-next {
	width: 45px; height: 45px; margin-top: -23px;
}
.lunbotu .swiper-button-prev {
	width: 45px; height: 45px; margin-top: -23px;
}
.title .t1 {
	font-size: 28px;
}
.title .t2 {
	font-size: 20px;
}
.title .t7 {
	font-size: 24px;
}
.title .t10 {
	font-size: 22px;
}
.indexpart1 {
	padding-top: 60px; padding-bottom: 60px;
}
.indexpart1 .l-wrap {
	width: 100%; margin-bottom: 8%; float: none;
}
.indexpart1 .l-wrap .txt {
	padding: 0px; max-width: 100%;
}
.indexpart1 .r-wrap {
	width: 100%; float: none;
}
.indexpart1 .l-box {
	background: url("img6.jpg") 0px; width: 100%; margin-top: 4.4%; margin-bottom: 4.4%; float: none;
}
.indexpart1 .r-box {
	width: 100%; float: none;
}
.indexpart1 .r-box .img {
	display: none;
}
.indexpart1 .l-box .img {
	display: none;
}
.indexpart1 .l-box .txt {
	background: url("img7.png") no-repeat right 5.7% bottom 15% / 8% auto; padding: 30px 14.2% 30px 7.2%; position: static; transform: none;
}
.indexpart1 .r-box .txt.title {
	background: url("img7.png") no-repeat right 5.7% bottom 15% / 8% auto; padding: 30px 14.2% 30px 7.2%; position: static; transform: none;
}
.indexpart1 .r-box .txt.title {
	background: url("img8.png") no-repeat right 5.7% bottom 15% / 8% auto;
}
.indexpart1 .r-box .img {
	padding-top: 4%; padding-bottom: 4%;
}
.indexpart2 {
	padding-top: 60px; padding-bottom: 60px;
}
.indexpart2 .switch-li .r-wrap .wrap2 ul li {
	width: 23.5%; margin-right: 2%;
}
.indexpart2 .switch-li .r-wrap .wrap2 ul li:nth-child(6n) {
	margin-right: 2%;
}
.indexpart2 .switch-li .r-wrap .wrap2 ul li:nth-child(5n) {
	margin-right: 2%;
}
.indexpart2 .switch-li .r-wrap .wrap2 ul li:nth-child(4n) {
	margin-right: 0px;
}
.indexpart3 {
	padding-top: 60px; padding-bottom: 60px;
}
.indexpart3 .wrap {
	margin-top: 30px;
}
.indexpart3 .wrap ul li .con .t1 {
	font-size: 16px;
}
.indexpart3 .wrap ul li .con .t1 .sp {
	top: 3px; font-size: 16px;
}
.indexpart3 .wrap ul li .con .t2 {
	height: 80px; font-size: 14px;
}
.indexpart4 {
	padding-top: 60px; padding-bottom: 60px;
}
.indexpart4 .box .txt {
	width: 100%; text-align: center; float: none; max-width: 100%;
}
.indexpart4 .box .quota {
	width: 100%; text-align: center; margin-top: 30px; float: none;
}
.indexpart4 .box .quota .t1 {
	font-size: 16px;
}
.indexpart4 .box .btnbox {
	width: 100%; text-align: center; margin-top: 30px; float: none;
}
.indexpart4 .box .btnbox a {
	width: auto; margin-right: 20px; min-width: 120px;
}
.indexpart5 {
	padding-top: 60px; padding-bottom: 60px;
}
.indexpart5 .box {
	margin-top: 40px;
}
.indexpart5 .box .switch-box {
	margin-top: 15px;
}
.caseli .icon img {
	
}


.caseli .icon01 img {
	
}

.indexpart6 {
	padding-top: 60px; padding-bottom: 60px;
}
.indexpart6 .box .wrap {
	margin-top: 40px;
}
.indexpart6 .box .wrap .l-wrap {
	width: 48%; padding-right: 0px; margin-right: 4%;
}
.indexpart6 .box .wrap .l-wrap .bg {
	
}
.indexpart6 .box .wrap .l-wrap:hover .bg img {
	opacity: 1;
}
.indexpart6 .box .wrap .l-wrap a {
	
}
.indexpart6 .box .l-wrap:hover .txt .title .t4 {
	color: #fff;
}
.indexpart6 .box .l-wrap:hover .txt .title .t8 {
	color: #fff;
}
.indexpart6 .box .l-wrap:hover .txt .other .more {
	color: #fff;
}
.indexpart6 .box .wrap .l-wrap .img {
	width: 100%; float: none; display: none;
}
.indexpart6 .box .wrap .l-wrap a .txt {
	padding: 20px; width: 100%; float: none;
}
.indexpart6 .box .wrap .r-wrap {
	width: 48%;
}
.indexpart6 .box .switch-li ul li {
	width: 48%; margin-right: 4%;
}
.indexpart6 .box .switch-li ul li:nth-child(3n) {
	margin-right: 4%;
}
.indexpart6 .box .switch-li ul li:nth-child(2n) {
	margin-right: 0px;
}
.indexpart6 .box .img {
	display: none;
}
.indexpart6 .box .wrap .l-wrap .bg {
	display: none;
}
.indexpart6 .box .txt {
	position: static;
}
.indexpart6 .box .wrap .l-wrap a {
	padding: 0px; width: 100%; display: block; position: static;
}
.indexpart6 .box .wrap .l-wrap .txt {
	position: static;
}
.indexpart6 .box .wrap .l-wrap a .txt {
	padding: 9%;
}
.indexpart6 .box .txt .title .t8 {
	margin-bottom: 20px;
}
.indexpart6 .box .txt .title .t4 {
	height: 50px;
}
.indexpart6 .box .txt .title .t8 {
	height: 56px;
}
.indexpart6 .wrap a:hover {
	background: #224c9d;
}
.indexpart6 .box a:hover {
	background: #224c9d;
}
.indexpart6 .box .switch-li ul li:hover a {
	background: #224c9d;
}
.indexpart6 .box .wrap .r-wrap:hover {
	background: #224c9d;
}
.indexpart6 .box .wrap .l-wrap:hover {
	background: #224c9d;
}
.aboutbox .a-title .t1 {
	font-size: 26px;
}
.abnav {
	padding-top: 40px;
}
.abnav ul li a {
	font-size: 16px;
}
.about {
	padding-top: 40px; padding-bottom: 60px;
}
.culture ul li {
	width: 48%; margin-right: 4%;
}
.culture ul li:nth-child(3n) {
	margin-right: 4%;
}
.culture ul li:nth-child(2n) {
	margin-right: 0px;
}
.key {
	padding-top: 60px; padding-bottom: 60px;
}
.key .box > ul > li {
	width: 100%; margin-right: 0px; float: none;
}
.key .box ul li .img {
	width: 200px;
}
.key .box ul li .txt {
	width: calc(100% - 200px);
}
.key .box ul li .txt .tit {
	padding-bottom: 5px;
}
.key .box ul li .txt ul {
	margin-top: 10px;
}
.strength {
	padding-top: 60px; padding-bottom: 60px;
}
.strength .box .tabs ul li a {
	font-size: 18px;
}
.strength .tabbox {
	margin-top: 30px;
}
.swiper-box .wrap .l-wrap {
	width: 100%; padding-right: 0px; margin-bottom: 20px; float: none;
}
.swiper-box .wrap .r-wrap {
	width: 100%; padding-left: 0px; float: none;
}
.strength .swiper-button-next {
	width: 45px; height: 45px; margin-top: -44px;
}
.strength .swiper-button-prev {
	width: 45px; height: 45px; margin-top: -44px;
}
.speech {
	padding-top: 60px; padding-bottom: 60px;
}
.speech .l-box {
	width: 100%; margin-bottom: 30px; float: none;
}
.speech .r-box {
	width: 100%; text-align: center; padding-left: 0px; float: none;
}
.contact {
	padding-top: 60px; padding-bottom: 40px;
}
.contact .box > ul > li {
	padding: 20px 20px 15px;
}
.contact .box ul li .l-box .t1 {
	font-size: 22px;
}
.certificate {
	padding-top: 50px; padding-bottom: 50px;
}
.certificate .content {
	margin-bottom: 40px;
}
.certificate .box {
	margin-top: 30px;
}
.certificate ul li {
	width: 31%; margin-right: 3.5%; margin-bottom: 3.5%;
}
.certificate ul li:nth-child(4n) {
	margin-right: 3.5%;
}
.certificate ul li:nth-child(3n) {
	margin-right: 0px;
}
.case {
	padding-top: 40px; padding-bottom: 60px;
}
.case .box .box2 ul li a {
	padding: 10px 12px 0px;
}
.new {
	padding-top: 40px; padding-bottom: 60px;
}
.new .tit .title {
	width: 100%; float: none;
}
.new .tit .screen {
	width: 100%; margin-top: 15px; float: none;
}
.new .tit .screen .t1 {
	font-size: 16px;
}
.new .tit .screen .t2 {
	width: calc(100% - 120px);
}
.new .other .major {
	width: 100%; margin-bottom: 4%; float: none;
}
.new .other .w1 {
	width: 48%; margin-right: 4%; margin-left: 0px;
}
.new .other :last-child.w1 {
	margin-right: 0px;
}
.new .box ul li {
	width: 48%; margin-top: 4%; margin-right: 4%;
}
.new .box ul li:nth-child(4n) {
	margin-right: 4%;
}
.new .box ul li:nth-child(3n) {
	margin-right: 4%;
}
.new .box ul li:nth-child(2n) {
	margin-right: 0px;
}
.new-detail .box .l-box .title .t8 span {
	margin-right: 25px;
}
.new-detail .box .l-box .title .t3.details {
	padding-bottom: 30px;
}
.pagebox {
	width: 100%; padding-top: 0px;
}
.new-detail .box .r-box .w2 {
	width: 100%; margin-top: 20px;
}
.related.new {
	padding-top: 40px; padding-bottom: 60px;
}
.related.new .box {
	
}
.related.new .tit {
	font-size: 28px;
}
.letter ul li {
	width: 100%; margin-right: 0px; margin-bottom: 30px; float: none;
}
.letter ul li .part1 .w2 {
	padding: 20px;
}
.letter ul li .part2 {
	height: 50px; line-height: 50px;
}
.concept {
	padding-top: 50px; padding-bottom: 40px;
}
.concept .box {
	margin-top: 30px;
}
.concept .box ul li {
	width: 48%; margin-right: 4%; margin-bottom: 4%; min-height: 1px;
}
.concept .box ul li:nth-child(4n) {
	margin-right: 4%;
}
.concept .box ul li:nth-child(2n) {
	margin-right: 0px;
}
.package {
	padding-top: 50px; padding-bottom: 50px;
}
.package .box ul li .title .t9 {
	margin-top: 10px;
}
.recruit .box ul li .t1 {
	width: 45%; padding-left: 30px;
}
.recruit .box ul li .t2 {
	width: 16%;
}
.recruit .box ul li .t3 {
	width: 16%;
}
.recruit .box ul li .t4 {
	width: 21%;
}
.sernav ul li {
	margin-right: 40px;
}
.mechanism {
	padding-top: 60px; padding-bottom: 50px;
}
.mechanism .box ul li .cont {
	padding-top: 65px; padding-right: 20px; padding-left: 20px;
}
.mechanism .box > ul > li {
	width: 48%; margin-right: 4%; margin-bottom: 4%;
}
.mechanism .box > ul > li:nth-child(3n) {
	margin-right: 4%;
}
.mechanism .box > ul > li:nth-child(2n) {
	margin-right: 0px;
}
.mechanism .box ul li .icon {
	top: -45px; width: 90px; height: 90px; line-height: 90px;
}
.mechanism .box ul li .title .t3 {
	margin-top: 15px;
}
.position-support {
	padding-top: 60px; padding-bottom: 50px;
}
.position-support .box {
	margin-top: 40px;
}
.position-support .box ul li .title .t2 {
	font-size: 20px;
}
.position-support .box ul li:hover .title .t2 {
	font-size: 20px;
}
.position-support .box ul li .title .t9 ul li {
	padding-left: 25px;
}
.added {
	padding-top: 60px; padding-bottom: 40px;
}
.added .box {
	margin-top: 40px;
}
.added .box ul li {
	width: 48%; margin-right: 4%; margin-bottom: 4%;
}
.added .box ul li:nth-child(3n) {
	margin-right: 4%;
}
.added .box ul li:nth-child(2n) {
	margin-right: 0px;
}
.process {
	padding-top: 60px; padding-bottom: 60px;
}
.process .box {
	margin-top: 40px;
}
.process .box ul li {
	padding: 30px 20px; width: 50%;
}
.process .box ul li .title .t9 {
	margin-bottom: 15px; min-height: 45px;
}
.process .box ul li .title .tit {
	font-size: 36px;
}
.process .box ul li:nth-child(2n)::before {
	display: none;
}
.process .box ul li::after {
	background: url("img157a.png") no-repeat center / 80% auto; left: 0px; width: 100%; height: 1px; bottom: 0px; position: absolute; content: "";
}
.process .consult {
	margin-top: 40px;
}
.innovation .switch-box .oth {
	padding: 0px 40px;
}
.innovation.indexpart5 ul {
	margin-bottom: 40px;
}
.u-service {
	padding-top: 60px; padding-bottom: 60px;
}
.u-service .box ul li .txt .title .tit {
	font-size: 16px;
}
.u-service .box ul li .txt .title .t8 {
	margin-top: 15px;
}
.u-process {
	padding-top: 60px; padding-bottom: 60px;
}
.u-solution {
	padding-top: 60px; padding-bottom: 60px;
}
.u-solution .box .swiper-container {
	margin-top: 40px;
}
.course {
	padding-bottom: 60px;
}
.course .box ul li {
	width: 100%; margin-right: 0px; margin-bottom: 30px;
}
.course .wrap .tit .bt {
	font-size: 28px;
}
.course .wrap .cont ul li {
	width: 48%; margin-right: 4%; margin-bottom: 4%;
}
.course .wrap .cont ul li:nth-child(4n) {
	margin-right: 4%;
}
.course .wrap .cont ul li:nth-child(3n) {
	margin-right: 4%;
}
.course .wrap .cont ul li:nth-child(2n) {
	margin-right: 0px;
}
.course .wrap .cont ul li .title .txt {
	min-height: 90px;
}
.series {
	padding-bottom: 60px;
}
.series ul.list > li {
	padding-top: 40px;
}
.series ul.list li .box ul {
	margin-top: 30px;
}
.series ul.list li .box ul li {
	width: 31%; margin-right: 3.5%; margin-bottom: 3.5%;
}
.series ul.list li .box ul li:nth-child(5n) {
	margin-right: 3.5%;
}
.series ul.list li .box ul li:nth-child(4n) {
	margin-right: 3.5%;
}
.series ul.list li .box ul li:nth-child(3n) {
	margin-right: 0px;
}
.series .exhibition {
	margin-top: 40px;
}
.series .exhibition .swiper-container {
	margin-top: 30px;
}
.service-details .r-box .related {
	padding-bottom: 60px;
}
.solution {
	padding-top: 60px; padding-bottom: 60px;
}
.solution .box {
	margin-top: 40px;
}
.solution .box ul li .txt {
	padding: 20px;
}
.team {
	padding-top: 60px; padding-bottom: 60px;
}
.team .box ul li .txt {
	padding-top: 10px;
}
.team .box ul li .txt .title .t9 {
	margin-top: 10px; min-height: 1px;
}
.page-list a {
	margin-right: 10px;
}
}
@media only screen and (max-width:767px)
{
.indexpart3 .wrap .bg {
	width: 100%; padding-top: 5%; margin-bottom: 40px; display: none;
}
.indexpart3 .wrap .bg > img {
	opacity: 0;
}
.indexpart3 .wrap > ul {
	width: 48%;
}
.indexpart3 .wrap ul li .con .t2 {
	font-size: 15px;
}
.indexpart3 .wrap ul li .con .t2 ul li {
	margin-top: 0px; margin-bottom: 0px;font-size: 14px;line-height: 22px;
}
.indexpart3 .wrap .bg .s1 {
	background: url("img25.png") no-repeat center / 85% auto;
}
.indexpart3 .wrap .bg .s2 {
	background: url("img24.png") no-repeat center / 85% auto;
}
.indexpart3 .wrap .bg .s3 {
	background: url("img28.png") no-repeat center / 80% auto;
}
.indexpart3 .wrap .bg .s4 {
	background: url("img27.png") no-repeat center / 22% auto;
}
.caseli {
	width: 48%; margin-top: 4%; margin-right: 4%;
}
:nth-child(4n).caseli {
	margin-right: 4%;
}
:nth-child(3n).caseli {
	margin-right: 4%;
}
:nth-child(2n).caseli {
	margin-right: 0px;
}
.service-details .l-box .d-nav ul li span {
	line-height: 50px;
}
.service-details .l-box .d-nav ul li span i {
	top: 19px;
}
.service-details .r-box .text .tit {
	font-size: 24px;
}
.service-details .r-box .list li .part2 .atlas ul li .st {
	bottom: 20px; font-size: 16px;
}
.page-list a {
	height: 32px; min-width: 32px;
}
}
@media only screen and (max-width:640px)
{
.footer .foot-top .txt {
	text-align: center;padding-top: 5%;
}
.footer .foot-con {
	padding-top: 30px; padding-bottom: 30px;
}
.footer .foot-con .foot-nav {
	padding-bottom: 15px;
}
.footer .foot-con .foot-nav ul li {
	width: 25%; margin-right: 0px;
}
.footer .foot-con .foot-code {
	padding-top: 15px;
}
.footer .foot-con .foot-code ul {
	width: 48%; float: right;
}
.sidebar ul li a {
	width: 50px; height: 50px;
}
.sidebar ul li a .img {
	height: 50px; line-height: 50px;
}
.sidebar ul li .txtli {
	line-height: 50px;
}
.sidebar ul li .txtli img {
	max-width: 22px;
}
.i-banner .box .t1 {
	font-size: 26px; margin-bottom: 10px;
}
.i-banner .box .t2 {
	font-size: 15px;
}
.title .t1 {
	font-size: 24px;
}
.title .t2 {
	font-size: 18px;
}
.title .t5 {
	font-size: 16px;
}
.title .t7 {
	font-size: 22px;
}
.title .t10 {
	font-size: 20px;
}
.indexpart1 {
	padding-top: 50px; padding-bottom: 50px;
}
.indexpart1 .l-box .txt {
	padding: 25px 14.2% 25px 20px;
}
.indexpart1 .r-box .txt.title {
	padding: 25px 14.2% 25px 20px;
}
.indexpart1 .r-wrap .icon {
	display: none;
}
.indexpart2 {
	padding-top: 50px; padding-bottom: 50px;
}
.indexpart2 .box {
	
}
.indexpart2 .m-box {
	display: block;
}
.allbtn {
	margin-top: 30px;
}
.indexpart4 {
	padding-top: 50px;
}
.indexpart4 .box .txt {
	font-size: 24px;
}
.indexpart4 .box .quota .t1 .sp {
	font-size: 24px;
}
.alike .switch-tab ul li {
	padding: 0px 10px;
}
.caseli .icon img {
	
}

.caseli .icon01 img {
	
}

.indexpart5 {
	padding-top: 50px;
}
.indexpart5 .box .switch-box > ul {
	margin-bottom: 50px;
}
.indexpart6 {
	padding-top: 50px; padding-bottom: 50px;
}
.indexpart6 .box .wrap {
	margin-top: 30px;
}
.indexpart6 .box .wrap .l-wrap {
	width: 100%; margin-right: 0px; margin-bottom: 20px;
}
.indexpart6 .box .wrap .l-wrap .bg {
	display: none;
}
.indexpart6 .box .wrap .l-wrap a {
	position: static;
}
.indexpart6 .box .txt .title {
	margin-bottom: 20px; min-height: 80%;
}
.indexpart6 .box .l-wrap:hover .txt .title .t4 {
	color: #224c9d;
}
.indexpart6 .box .l-wrap:hover .txt .other .more {
	color: #224c9d;
}
.indexpart6 .box .l-wrap:hover .txt .title .t8 {
	color: rgb(153, 153, 153); overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4;
}
.indexpart6 .box .wrap .l-wrap .img {
	width: 100%; float: none; display: block;
}
.indexpart6 .box .wrap .l-wrap a .txt {
	padding: 30px 0px 0px; width: 100%; float: none;
}
.indexpart6 .box .wrap .r-wrap {
	width: 100%;
}
.indexpart6 .box .wrap .l-wrap a {
	padding: 30px;
}
.indexpart6 .box .wrap .r-wrap a .txt {
	padding: 30px;
}
.indexpart6 .box .switch-li ul li a .txt {
	padding: 30px;
}
.indexpart6 .box .switch-li ul li {
	width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 20px;
}
.indexpart6 .box .wrap .l-wrap:hover {
	background: #fff;
}
.indexpart6 .box .wrap .l-wrap a:hover {
	background: #fff;
}
.indexpart6 .box .txt .title .t4 {
	height: auto;
}
.indexpart6 .box .txt .title .t8 {
	height: auto;
}
.aboutbox .a-title .t1 {
	font-size: 24px;
}
.abnav ul li a {
	height: 50px; line-height: 50px;
}
.about {
	padding-bottom: 50px;
}
.about .box {
	margin-top: 30px;
}
.about .box .r-box {
	width: 100%; padding-left: 0px; margin-bottom: 30px; float: none;
}
.culture ul li {
	width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 20px;
}
.culture ul li:last-child {
	margin-bottom: 0px;
}
.key {
	padding-top: 50px; padding-bottom: 50px;
}
.key .box {
	margin-top: 30px;
}
.key .box ul li .txt .tit .t1 {
	font-size: 18px;
}
.strength {
	padding-top: 50px; padding-bottom: 50px;
}
.strength .swiper-button-next {
	width: 40px; height: 40px; margin-top: -44px;
}
.strength .swiper-button-prev {
	width: 40px; height: 40px; margin-top: -44px;
}
.strength .swiper-pagination-bullet {
	width: 10px; height: 10px;
}
.speech {
	padding-top: 50px; padding-bottom: 50px;
}
.certificate {
	padding-top: 40px;
}
.certificate .content {
	margin-bottom: 30px;
}
.certificate ul li {
	width: 48%; margin-right: 4%; margin-bottom: 4%;
}
.certificate ul li:nth-child(4n) {
	margin-right: 4%;
}
.certificate ul li:nth-child(3n) {
	margin-right: 4%;
}
.certificate ul li:nth-child(2n) {
	margin-right: 0px;
}
.case {
	padding-top: 30px; padding-bottom: 50px;
}
.case .box {
	padding: 20px;
}
.case .box .tit {
	width: 100%; line-height: 1.6; float: none;
}
.case .box .search {
	width: 100%; margin-top: 15px;
}
.case .box .search .btn input {
	font-size: 15px;
}
.case .box .box2 ul li a {
	font-size: 15px;
}
.case-detail {
	padding-bottom: 60px;
}
.case-detail .r-box #wrap > li {
	padding-bottom: 30px;
}
.case-detail .r-box #wrap > li .box {
	padding-top: 30px;
}
.case-detail .r-box .tit {
	font-size: 20px;
}
.case-detail .r-box .contract .title {
	width: 100%; padding-top: 0px; margin-bottom: 20px; float: none;
}
.case-detail .r-box .contract .imgbox {
	width: 100%; float: none;
}
.s-module ul li span {
	height: 50px; line-height: 50px; font-size: 15px;
}
.s-module ul li a {
	height: 50px; line-height: 50px; font-size: 15px;
}
.s-module ul li span .sp {
	font-size: 15px;
}
.s-module ul li a .sp {
	font-size: 15px;
}
.related .caseli {
	width: 48%; margin-top: 0px; margin-right: 4%; margin-bottom: 4%;
}
.related :nth-child(2n).caseli {
	margin-right: 0px;
}
.case-detail .r-box .btnbox a {
	font-size: 15px;
}
.new-detail .l-box .btnbox a {
	font-size: 15px;
}
.contact {
	padding-top: 50px; padding-bottom: 30px;
}
.contact .box > ul > li {
	padding: 20px; width: 100%; margin-right: 0px; margin-bottom: 25px; float: none; min-height: 1px;
}
.contact .box ul li .l-box {
	
}
.contact .box ul li .r-box {
	
}
.contact .box ul li .l-box .t1 {
	font-size: 20px;
}
.new-detail .box .l-box {
	padding-bottom: 50px;
}
.new-detail .box .l-box .title .t8 span {
	margin-right: 15px;
}
.new-detail .box .l-box .title .size {
	font-size: 18px;
}
.new-detail .box .l-box .title .size div {
	margin-right: 20px;
}
.related.new .tit {
	font-size: 26px;
}
.recruit .box ul li .t1 {
	width: 70%;
}
.recruit .box ul li .t2 {
	width: 30%; text-align: right; float: right;
}
.recruit .box ul li .t3 {
	width: 40%; margin-top: 15px;
}
.recruit .box ul li .t4 {
	width: 60%; margin-top: 10px;
}
.recruit .box ul li .t4 .open {
	width: auto; height: 36px; line-height: 36px; min-width: 100px;
}
.team {
	padding-top: 50px; padding-bottom: 50px;
}
.mechanism {
	padding-top: 50px; padding-bottom: 40px;
}
.position-support {
	padding-top: 50px; padding-bottom: 40px;
}
.added {
	padding-top: 50px; padding-bottom: 40px;
}
.process {
	padding-top: 50px; padding-bottom: 50px;
}
.innovation .switch-box .oth {
	padding: 0px 35px;
}
.innovation.indexpart5 ul {
	margin-bottom: 30px;
}
.u-service {
	padding-top: 50px; padding-bottom: 50px;
}
.u-service .box ul li {
	padding: 12px; width: 50%;
}
.u-process {
	padding-top: 50px; padding-bottom: 50px;
}
.u-solution {
	padding-top: 50px; padding-bottom: 50px;
}
.u-solution .box .swiper-container {
	margin-top: 30px;
}
.course .wrap .tit .bt {
	width: 100%; font-size: 24px; margin-right: 0px; margin-bottom: 15px; display: block;
}
.course .wrap .tit ul {
	width: 100%; display: block;
}
.series {
	padding-bottom: 50px;
}
.series ul.list li .box ul li {
	width: 48%; margin-right: 4%; margin-bottom: 4%;
}
.series ul.list li .box ul li:nth-child(5n) {
	margin-right: 4%;
}
.series ul.list li .box ul li:nth-child(4n) {
	margin-right: 4%;
}
.series ul.list li .box ul li:nth-child(3n) {
	margin-right: 4%;
}
.series ul.list li .box ul li:nth-child(2n) {
	margin-right: 0px;
}
.series ul.list li .box ul li .txt {
	font-size: 16px;
}
.operate .swiper-pagination-bullet {
	margin: 0px 6px; width: 8px; height: 8px;
}
.operate .swiper-button-next {
	margin: 0px 12px;
}
.operate .swiper-button-prev {
	margin: 0px 12px;
}
.service-details .r-box .related {
	padding-bottom: 50px;
}
.service-details .r-box .text {
	margin-top: 40px;
}
.service-details .r-box .text .tit {
	font-size: 22px;
}
.service-details .r-box .list li .part4 .content ul li {
	width: 100%; height: auto; min-height: 60px;
}
.service-details .related .box {
	margin-top: 30px;
}
.service-details .r-box .list li .part3 .content ul li {
	width: 33.33%; text-align: center; margin-top: 30px;
}
.service-details .r-box .list li .part3 .content ul li .arrow {
	display: none;
}
.service-details .r-box .list li .part3 .content ul li:nth-child(4n) {
	width: 33.33%;
}
.service-details .r-box .list li .part3 .content ul li:nth-child(4) {
	margin-top: 30px;
}
.service-details .r-box .list li .part3 .content ul li:nth-child(5)::before {
	display: none;
}
.service-details .r-box .list li .part3 .content ul li:last-child {
	width: 33.33%;
}
.solution {
	padding-top: 50px; padding-bottom: 50px;
}
.solution .box {
	margin-top: 30px;
}
.solution .box ul li {
	width: 48%; margin-right: 4%; margin-bottom: 4%;
}
.solution .box ul li:nth-child(4n) {
	margin-right: 4%;
}
.solution .box ul li:nth-child(3n) {
	margin-right: 4%;
}
.solution .box ul li:nth-child(2n) {
	margin-right: 0px;
}
.solution .box ul li .txt .title .t3 {
	margin-top: 10px;
}
}
@media only screen and (max-width:576px)
{
.footer {
	padding-top: 50px;
}
.footer .foot-con .foot-code .txt {
	width: 50%;
}
.footer .foot-con .foot-code ul {
	width: 50%;
}
.footer .foot-con .foot-code ul li {
	width: 46%; margin-right: 8%;
}
.footer .foot-con .foot-nav ul li .tit {
	font-size: 15px;
}
.footer .foot-con .foot-code .txt .t2 {
	font-size: 21px;
}
.i-banner .box .t1 {
	font-size: 22px;
}
.i-banner .box .t2 {
	font-size: 14px;
}
.lunbotu .swiper-button-next {
	width: 40px; height: 40px; margin-top: -20px;
}
.lunbotu .swiper-button-prev {
	width: 40px; height: 40px; margin-top: -20px;
}
.title .t1 {
	font-size: 21px;
}
.title .t2 {
	font-size: 17px;
}
.title .t7 {
	font-size: 20px;
}
.indexpart1 {
	padding-top: 40px; padding-bottom: 40px;
}
.indexpart2 {
	padding-top: 40px;
}
.indexpart2 .m-box {
	margin-top: 30px;
}
.indexpart2 .m-box ul li .txt {
	font-size: 16px;
}
.caseli .icon {
	margin-bottom: 5px;
}
.caseli .icon img {
	
}
.caseli .title .t6 {
	overflow: hidden; font-size: 14px; display: block;  -ms-text-overflow: ellipsis; min-height: 1px;
}
.caseli .title .t8 {
	line-height: 1.7; overflow: hidden; font-size: 14px; min-height: 65px; -webkit-box-orient: vertical; -webkit-line-clamp: 3;
}
.caseli .title .t8 ul li {
	overflow: hidden; -ms-text-overflow: ellipsis;
}
.caseli .btn a {
	height: 30px; line-height: 28px; font-size: 12px;
}
.caseli .btn a.b1 {
	margin-right: 4%;
}
.innovation .caseli .title .t6 {
	font-size: 18px;
}
.innovation .caseli .title .t8 {
	font-size: 14px; margin-top: 15px;
}
.indexpart5 {
	padding-bottom: 50px;
}
.indexpart5 .box {
	margin-top: 30px;
}
.indexpart6 {
	padding-top: 40px; padding-bottom: 40px;
}
.indexpart6 .box {
	margin-top: 30px;
}
.aboutbox .a-title .t1 {
	font-size: 18px;
}
.aboutbox .a-title .t2 {
	font-size: 15px;
}
.contact .box ul li .l-box .t2 a {
	font-size: 14px;
}
.contact .box ul li .r-box ul li {
	font-size: 14px;
}
.about {
	padding-top: 30px; padding-bottom: 40px;
}
.key {
	padding-top: 40px; padding-bottom: 40px;
}
.key .box ul li {
	margin-bottom: 30px;
}
.key .box ul li .img {
	width: 100%; float: none;
}
.key .box ul li .txt {
	padding: 20px; width: 100%; margin-top: 0px; float: none;
}
.key .box ul li:hover .img::before {
	display: none;
}
.key .box ul li .txt ul {
	margin-bottom: 15px;
}
.key .box .more a {
	height: 40px; line-height: 40px; min-width: 120px;
}
.strength {
	padding-top: 40px;
}
.strength .box .tabs ul li a {
	height: 50px; font-size: 16px;
}
.strength .tabbox {
	margin-top: 20px;
}
.swiper-box .wrap .r-wrap ul li {
	width: 100%; margin-right: 0px;
}
.swiper-box .wrap .r-wrap ul li:last-child {
	margin-bottom: 0px;
}
.swiper-box .wrap .item .mask {
	height: 50px; bottom: -50px; line-height: 50px;
}
.case .box .box2 ul li {
	margin-right: 10px;
}
.case .box .box2 ul li a {
	padding: 10px 8px 0px; font-size: 14px;
}
.case .box .box2 ul li a::before {
	height: 2px;
}
.page-list a {
	height: 32px; line-height: 32px; font-size: 16px; margin-right: 10px; min-width: 32px;
}
.page-list .total {
	line-height: 32px; font-size: 15px;
}
.speech {
	padding-top: 40px;
}
.contact {
	padding-top: 40px;
}
.contact .box ul li .l-box .t1 {
	font-size: 20px;
}
.certificate {
	padding-top: 30px;
}
.certificate ul li .txtbox .txt {
	font-size: 15px;
}
.case-detail {
	padding-bottom: 50px;
}
.case-detail .content {
	padding-top: 30px;
}
.comnav ul li span {
	line-height: 50px; font-size: 15px;
}
.case-detail .r-box .related .caseli .btn a {
	height: 28px; line-height: 26px;
}
.service-details .related .caseli .btn a {
	height: 28px; line-height: 26px;
}
.case-detail .l-box .w2 .title .t3 ul li {
	width: 100%; margin-right: 0px;
}
.new-detail .box .r-box .w2 .title .t3 ul li {
	width: 100%; margin-right: 0px;
}
.case-detail .l-box .w2 .btn a {
	font-size: 15px;
}
.new-detail .box .r-box .w2 .btn a {
	font-size: 15px;
}
.new {
	padding-bottom: 50px;
}
.new .tit .screen .t1 {
	width: 100%; float: none;
}
.new .tit .screen .t2 {
	width: 100%; margin-left: 0px; float: none;
}
.new .tit .screen .t2 ul li {
	margin-right: 25px;
}
.new .tit .screen .t2 ul li a {
	font-size: 15px;
}
.new .other .major {
	margin-bottom: 20px;
}
.new .other .w1 {
	width: 100%; margin-right: 0px; margin-bottom: 20px;
}
.new .box ul {
	margin-bottom: 40px;
}
.new .box ul li {
	width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 20px;
}
.related.new .box ul li {
	margin-bottom: 20px;
}
.new .newli .title .t3 {
	font-size: 14px;
}
.new .other .major .title .t4 {
	line-height: 1.7; font-size: 16px; margin-top: 4px;
}
.new .newli .title .t4 {
	margin-bottom: 10px;
}
.related.new {
	padding-bottom: 40px;
}
.new-detail .box .l-box {
	padding-bottom: 40px;
}
.new-detail .box .l-box .title .t8 {
	width: 100%; float: none;
}
.pagebox ul li a {
	font-size: 15px;
}
.related.new .tit {
	font-size: 24px;
}
.letter ul li .part1 .w1 .spot {
	width: 70px; height: 70px; line-height: 70px;
}
.letter ul li .part1 .w1 .tit {
	font-size: 16px;
}
.letter ul li .part1 .w2 .t1 {
	font-size: 18px;
}
.concept {
	padding-top: 40px;
}
.concept .box ul {
	font-size: 0px;
}
.concept .box ul li {
	vertical-align: top; float: none; display: inline-block;
}
.concept .box ul li .icon::before {
	width: 80px; height: 80px; line-height: 80px;
}
.package {
	padding-top: 40px; padding-bottom: 30px;
}
.package .box {
	margin-top: 30px;
}
.package .box ul li {
	width: 100%; margin-right: 0px; margin-bottom: 25px; float: none;
}
.package .box ul li .title {
	padding: 20px;
}
.recruit {
	padding-top: 40px; padding-bottom: 60px;
}
.team {
	padding-top: 30px; padding-bottom: 40px;
}
.team .box ul li {
	margin-bottom: 30px;
}
.team .box ul li .img {
	width: 100%; float: none;
}
.team .box ul li .txt {
	width: 100%; padding-top: 25px; padding-right: 20px; padding-left: 20px; float: none;
}
.mechanism {
	padding-top: 40px; padding-bottom: 30px;
}
.mechanism .box > ul > li {
	width: 100%; margin-right: 0px; margin-bottom: 25px;
}
.mechanism .box ul li .title .t3 {
	margin-top: 10px;
}
.position-support {
	padding-top: 40px; padding-bottom: 30px;
}
.position-support .box {
	margin-top: 30px;
}
.position-support .box > ul > li {
	width: 100%; margin-right: 0px; margin-bottom: 25px;
}
.position-support .box ul li .title .t2 {
	font-size: 18px;
}
.position-support .box ul li:hover .title .t2 {
	font-size: 18px;
}
.added {
	padding-top: 40px; padding-bottom: 30px;
}
.added .box {
	margin-top: 30px;
}
.added .box ul li {
	width: 100%; margin-right: 0px; margin-bottom: 25px;
}
.process {
	padding-top: 40px; padding-bottom: 40px;
}
.process .box {
	margin-top: 30px;
}
.process .box ul li {
	padding: 25px 20px;
}
.innovation .switch-box .oth {
	padding: 0px 40px;
}
.innovation .swiper-slide {
	padding: 15px; box-sizing: border-box; -webkit-box-sizing: border-box;
}
.u-service {
	padding-top: 40px; padding-bottom: 40px;
}
.u-service .box ul li {
	padding: 10px;
}
.u-service .box ul li .txt .title .t8 {
	margin-top: 10px;
}
.u-process {
	padding-top: 40px; padding-bottom: 40px;
}
.u-process .title .t9 {
	margin-top: 15px;
}
.u-process .imgbox {
	margin-top: 30px;
}
.u-solution {
	padding-top: 40px; padding-bottom: 40px;
}
.u-solution .box .boxli .img {
	width: 100%; float: none;
}
.u-solution .box .boxli .title {
	padding: 20px; width: 100%; float: none;
}
.course {
	padding-bottom: 50px;
}
.course .box ul li .img {
	width: 100%; margin-bottom: 20px; float: none;
}
.course .box ul li .title {
	padding: 0px; width: 100%; float: none;
}
.course .wrap .tit {
	padding-bottom: 15px;
}
.course .wrap .tit .bt {
	font-size: 22px;
}
.course .wrap .screen {
	margin-top: 25px;
}
.course .wrap .cont {
	margin-top: 25px;
}
.course .wrap .cont ul {
	margin-bottom: 20px;
}
.course .wrap .cont ul li {
	width: 100%; margin-right: 0px; margin-bottom: 30px; float: none;
}
.series {
	padding-bottom: 40px;
}
.series ul.list li .box ul {
	margin-top: 25px;
}
.sernav ul li {
	margin-right: 30px;
}
.sernav ul li span {
	line-height: 50px; font-size: 15px;
}
.service-details .l-box .d-nav ul li {
	margin-right: 30px;
}
.service-details .l-box .d-nav ul li span {
	font-size: 15px;
}
.service-details .r-box .text .tit {
	font-size: 20px;
}
.service-details .r-box .list li .part2 .atlas {
	margin-top: 20px;
}
.service-details .r-box .list li .part2 .atlas ul li {
	width: 100%; margin-right: 0px; margin-bottom: 25px; float: none;
}
.service-details .r-box .list li .part2 .atlas ul li .mask {
	width: 200px; height: 200px;
}
.service-details .r-box .list li .part2 .atlas ul li .ring {
	border: 200px solid rgba(255, 255, 255, 0.04); border-image: none; width: 120px; height: 120px;
}
.s-module ul li span {
	height: 45px; line-height: 45px;
}
.s-module ul li a {
	height: 45px; line-height: 45px;
}
.solution {
	padding-top: 40px; padding-bottom: 40px;
}
.solution .box ul li {
	width: 100%; margin-right: 0px; margin-bottom: 25px;
}
}
.photo {
	background-position: center; transition:0.4s; width: 100%; overflow: hidden; background-repeat: no-repeat; background-size: cover; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s;
}
.activity ul li.w2 .photo {
	margin-bottom: 30px;
}
.team-list ul li .photo {
	margin-bottom: 30px;
}
.activity ul li.w2 :last-child.photo {
	margin-bottom: 0px;
}
.team-list ul li :last-child.photo {
	margin-bottom: 0px;
}
a:hover .photo {
	transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2);
}
.casediv:hover .photo {
	transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2);
}
.search-result-list .box > ul > li:hover .photo {
	transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2);
}
.photo img {
	width: 100%; opacity: 0;
}
@media only screen and (max-width:375px)
{
.footer .foot-con .foot-code .txt .t2 {
	font-size: 18px;
}
}
#c-followDot {
	border-radius: 50%; left: 0px; top: 0px; width: 4px; height: 4px; position: fixed; z-index: 999; pointer-events: none; background-color: #224c9d;
}
#c-followDot .c-default {
	border-radius: 50%; border: 1px solid rgb(156, 156, 156); transition:0.6s; border-image: none; left: -18px; top: -18px; width: 40px; height: 40px; position: absolute; z-index: 99; box-sizing: border-box; opacity: 0.2; -webkit-transition: all 0.6s;
}
#c-followDot .c-hover {
	border-radius: 50%; transition:0.6s; left: -38px; top: -38px; width: 80px; height: 80px; position: absolute; z-index: 98; box-sizing: border-box; opacity: 0.12; transform: scale(0); background-color: rgb(187, 187, 187); -webkit-transform: scale(0, 0); -webkit-transition: all 0.6s;
}
.c-active#c-followDot .c-default {
	transform: scale(0); -webkit-transform: scale(0, 0);
}
.c-active#c-followDot .c-hover {
	transform: scale(1); -webkit-transform: scale(1, 1);
}
.scheme-form {
	background: url("img273.png") no-repeat top / cover; padding-top: 5.2%; padding-bottom: 5.2%;
}
.scheme-form .box {
	background: url("img274.png") no-repeat left top / 28% auto #fff; margin: auto; border-radius: 20px; width: 100%; overflow: hidden; position: relative; max-width: 1400px;
}
.scheme-form .box::before {
	background: rgb(239, 242, 244); top: 0px; width: 43.6%; height: 100%; right: 0px; position: absolute; content: "";
}
.scheme-form .box .l-box {
	width: 56.4%; overflow: hidden; padding-bottom: 6%; padding-left: 6%; float: left; box-sizing: border-box; -webkit-box-sizing: border-box;
}
.scheme-form .box .l-box .tit {
	margin-top: 21%;
}
.scheme-form .box .l-box .tit .t1 {
	color: #224c9d; font-size: 36px;
}
.scheme-form .box .l-box .tit .t2 {
	color: rgb(34, 34, 34); font-size: 16px; margin-top: 40px; margin-bottom: 20px;
}
.scheme-form .box .l-box ul {
	padding: 15px 0px; color: rgb(102, 102, 102); line-height: 2; overflow: hidden; font-size: 16px; border-top-color: rgb(244, 244, 244); border-top-width: 1px; border-top-style: solid;
}
.scheme-form .box .l-box ul li {
	width: 31%; margin-top: 7px; margin-right: 3.5%; margin-bottom: 7px; float: left;
}
.scheme-form .box .l-box ul li:nth-child(3n) {
	margin-right: 0px;
}
.scheme-form .box .l-box ul.oth li {
	width: 48.5%; margin-right: 3%;
}
.scheme-form .box .l-box ul.oth li:nth-child(3n) {
	margin-right: 3%;
}
.scheme-form .box .l-box ul.oth li:nth-child(2n) {
	margin-right: 0px;
}
.scheme-form .box .l-box ul li label {
	
}
.scheme-form .box .l-box ul li input {
	margin-right: 8px;
}
.scheme-form .box .l-box ul li input {
	
}
.scheme-form .box .r-box {
	padding: 3.6% 5% 5%; width: 43.6%; overflow: hidden; float: left; position: relative; z-index: 10; box-sizing: border-box; -webkit-box-sizing: border-box;
}
.scheme-form .box .r-box .subtit {
	color: rgb(34, 34, 34); font-size: 24px; margin-bottom: 30px;
}
.scheme-form .box .r-box form {
	width: 100%; overflow: hidden;
}
.scheme-form .box .r-box .inputli {
	margin-bottom: 15px;
}
.scheme-form .box .r-box .inputli .half {
	width: calc((100% - 20px) /2); margin-right: 20px; float: left;
}
.scheme-form .box .r-box .inputli :nth-child(2n).half {
	margin-right: 0px;
}
.scheme-form .box .r-box .inputli .t1 {
	color: rgb(68, 68, 68); padding-left: 15px; font-size: 16px; margin-bottom: 15px; position: relative;
}
.scheme-form .box .r-box .inputli .must {
	left: 0px; top: 0px; color: rgb(202, 0, 0); font-size: 24px; position: absolute;
}
.scheme-form .box .r-box .inputli .t2 {
	
}
.scheme-form .box .r-box .inputli select {
	background: url("img275.png") no-repeat right 20px center #fff; border-radius: 5px; border: 1px solid rgb(238, 238, 238); border-image: none; width: 100%; height: 46px; color: rgb(102, 102, 102); line-height: 46px; padding-right: 35px; padding-left: 20px; font-size: 16px; display: inline-block; -moz-appearance: none; -webkit-appearance: none; appearance: none;
}
.scheme-form .box .r-box .inputli input {
	background: #fff; padding: 0px 20px; border-radius: 5px; border: 1px solid rgb(238, 238, 238); border-image: none; width: 100%; height: 46px; color: rgb(102, 102, 102); line-height: 46px; font-size: 16px; box-sizing: border-box; -webkit-box-sizing: border-box;
}
.scheme-form .box .r-box .inputli input:-ms-input-placeholder {
	color: rgb(153, 153, 153);
}
.scheme-form .box .r-box .btn {
	background: #224c9d; border-radius: 5px; height: 60px; margin-top: 30px;
}
.scheme-form .box .r-box .btn input {
	background: none; border: currentColor; border-image: none; width: 100%; height: 60px; color: rgb(250, 251, 255); line-height: 60px; font-size: 20px; font-weight: bold;
}
@media only screen and (max-width:1440px)
{
.scheme-form .box .l-box .tit .t1 {
	font-size: 30px;
}
.scheme-form .box .l-box ul {
	font-size: 15px;
}
.scheme-form .box .r-box .inputli .t1 {
	font-size: 15px;
}
.scheme-form .box .r-box .inputli input {
	font-size: 15px;
}
.scheme-form .box .r-box .inputli select {
	font-size: 15px;
}
.scheme-form .box .r-box .btn {
	height: 52px;
}
.scheme-form .box .r-box .btn input {
	height: 52px; line-height: 52px; font-size: 18px;
}
}
@media only screen and (max-width:1280px)
{
.scheme-form .box .l-box {
	padding-left: 4%;
}
.scheme-form .box .r-box {
	padding-right: 4%; padding-left: 4%;
}
}
@media only screen and (max-width:1024px)
{
.scheme-form .box::before {
	display: none;
}
.scheme-form .box .l-box {
	width: 100%; padding-right: 6%; padding-bottom: 5%; padding-left: 6%; float: none;
}
.scheme-form .box .l-box .tit {
	margin-top: 15%;
}
.scheme-form .box .l-box .tit .t1 {
	font-size: 28px;
}
.scheme-form .box .r-box {
	padding: 0px 6% 70px; width: 100%; float: none;
}
.scheme-form .box .r-box .inputli .half {
	width: 48%; margin-right: 4%;
}
.scheme-form .box .r-box .btn {
	margin: 50px auto 0px; display: block; max-width: 240px;
}
}
@media only screen and (max-width:1024px)
{
.scheme-form {
	padding-top: 70px; padding-bottom: 70px;
}
.scheme-form .box .l-box .tit .t2 {
	margin-top: 30px;
}
.scheme-form .box .r-box .subtit {
	font-size: 22px;
}
.scheme-form .box .l-box ul li {
	width: auto; min-width: 31%;
}
.scheme-form .box .l-box ul.oth li {
	width: auto; min-width: 48.5%;
}
}
@media only screen and (max-width:768px)
{
.scheme-form {
	padding-top: 60px; padding-bottom: 60px;
}
.scheme-form .box .l-box .tit {
	margin-top: 90px;
}
.scheme-form .box .l-box .tit .t1 {
	font-size: 24px;
}
.scheme-form .box .r-box .btn {
	max-width: 200px;
}
}
@media only screen and (max-width:640px)
{
.scheme-form {
	padding-top: 50px; padding-bottom: 50px;
}
.scheme-form .box .r-box {
	padding-bottom: 60px;
}
.scheme-form .box .l-box .tit {
	margin-top: 80px;
}
.scheme-form .box .r-box .subtit {
	font-size: 20px;
}
.scheme-form .box .r-box .btn input {
	font-size: 16px;
}
.scheme-form .box .r-box .inputli {
	margin-bottom: 25px;
}
.scheme-form .box .r-box .inputli .half {
	width: 100%; margin-right: 0px; margin-bottom: 25px;
}
.scheme-form .box .r-box .inputli :last-child.half {
	margin-bottom: 0px;
}
.scheme-form .box .r-box .btn {
	max-width: 180px;
}
}
@media only screen and (max-width:576px)
{
.scheme-form {
	padding-top: 40px; padding-bottom: 40px;
}
.scheme-form .box .l-box .tit .t1 {
	font-size: 22px;
}
.scheme-form .box .r-box {
	padding-bottom: 50px;
}
.scheme-form .box .r-box .subtit {
	font-size: 18px;
}
.scheme-form .box .r-box .btn {
	height: 48px; margin-top: 40px; max-width: 160px;
}
.scheme-form .box .r-box .btn input {
	height: 48px; line-height: 48px;
}
}
@media only screen and (max-width:1024px)
{
.sidebar {
	display: none;
}
.m-hide {
	
}
}
.case-swiper {
	width: 100%; overflow: hidden; display: none; position: relative;
}
.case-swiper .swiper-pagination {
	display: none;
}
.case-swiper .swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 0px;
}
.case-swiper .swiper-pagination-custom {
	bottom: 0px;
}
.swiper-pagination-fraction {
	bottom: 0px;
}
.m-sidebar {
	margin: auto; border-radius: 50px; transition:0.5s; left: 0px; width: 100%; bottom: 0px; display: none; position: fixed; background-color: #fff; -webkit-transition: all 0.5s ease;z-index: 20;
}
.on.m-sidebar {
	border-radius: 0px; left: 0px; width: 100%;
}
.m-sidebar ul {
	padding: 0px 25px; overflow: hidden;
}
.m-sidebar ul li {
	width: 25%; text-align: center; overflow: hidden; float: left;
}
.m-sidebar ul li a {
	padding: 6% 5% 5%; width: 100%; display: block; box-sizing: border-box; -webkit-box-sizing: border-box;
}
.m-sidebar ul li .icon {
	width: 100%; overflow: hidden;
}
.m-sidebar ul li .icon img {
	
}
.m-sidebar ul li .icon .ic2 {
	display: none;
}
.m-sidebar ul li:hover .icon .ic1 {
	display: none;
}
.m-sidebar ul li.on .icon .ic1 {
	display: none;
}
.m-sidebar ul li:hover .icon .ic2 {
	display: inline-block;
}
.m-sidebar ul li.on .icon .ic2 {
	display: inline-block;
}
.m-sidebar ul li .txt {
	color: rgb(102, 102, 102); font-size: 16px; margin-top: 4px;
}
.m-sidebar ul li:hover .txt {
	color: #224c9d;
}
.related ul.m-ul {
	display: none;
}
.indexpart5 .switch-box ul.m-ul {
	display: none;
}
.case .wrap > ul.m-ul {
	display: none;
}
.m-caseli {
	display: none;
}
.m-caseli > a {
	width: 100%; display: block;
}
.table {
	width: 100% !important; box-sizing: border-box; -webkit-box-sizing: border-box;
}
.table tbody {
	width: 100% !important; box-sizing: border-box; -webkit-box-sizing: border-box;
}
.table tr td {
	box-sizing: border-box; -webkit-box-sizing: border-box;
}
.table tr th {
	box-sizing: border-box; -webkit-box-sizing: border-box;
}
.table tr th:first-child {
	padding: 10px; text-align: center; min-width: 70px;
}
.table tr td:first-child {
	padding: 10px; text-align: center; min-width: 70px;
}
.strength .m-box.box {
	display: none;
}
.strength .m-tabbox-li {
	margin: 40px auto 0px; width: 100%; display: inline-block; visibility: hidden; position: absolute; z-index: -1; opacity: 0;
}
.strength .on.m-tabbox-li {
	visibility: visible; position: relative; z-index: 1; opacity: 1;
}
.switch-box .switch-li {
	display: inline-block; visibility: hidden; position: absolute; z-index: -1; opacity: 0;
}
.switch-box .on.switch-li {
	width: 100%; visibility: visible; position: relative; z-index: 1; opacity: 1;
}
.strength .m-tabbox-li .swiper-container {
	width: 83.33%; padding-bottom: 40px;
}
.strength .m-tabbox-li .swiper-container .item {
	width: 100%; overflow: hidden; position: relative;
}
.strength .m-tabbox-li .swiper-container .item img {
	width: 100%;
}
.strength .m-tabbox-li .swiper-container .item .mask {
	background: rgba(63, 80, 159, 0.9); padding: 0px 5.4%; transition:0.3s; left: 0px; width: 100%; height: 50px; text-align: left; bottom: -50px; color: #fff; line-height: 50px; overflow: hidden; font-size: 18px; position: absolute; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: .3s; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.strength .m-tabbox-li .swiper-container .item:hover .mask {
	bottom: 0px;
}
.strength .m-tabbox-li .swiper-container .item .mask .tit {
	background: url("img73.png") no-repeat left; padding-left: 25px;
}
@media only screen and (max-width:1024px)
{
.case-swiper {
	padding-bottom: 30px; margin-top: 20px; display: block;
}
.case-swiper .swiper-pagination {
	display: block;
}
.case-swiper .swiper-pagination-bullet-active {
	background: #224c9d;
}
.related ul {
	display: none;
}
.indexpart5 .switch-box > ul li {
	width: 48%;
}
.case .wrap > ul {
	
}
.related ul.m-ul {
	display: block;
}
.indexpart5 .switch-box ul.m-ul {
	display: block;
}
.case .wrap > ul.m-ul {
	display: block;
}
.case-swiper .caseli {
	padding: 10px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box;
}
.case-swiper .caseli > a {
	width: 100%; display: block;
}
.innovation .caseli {
	display: none;
}
.m-caseli.caseli {
	display: block;
}
.caseli .above {
	
}
.caseli:hover .above {
	transform: none;
}
.caseli .below {
	
}
.caseli:hover .below {
	display: none;
}
.m-pad {
	background: #224c9d; padding-top: 56px;
}
.m-sidebar {
	display: block;
}
.strength .box {
	display: none;
}
.strength .m-box.box {
	display: block;
}
}
@media only screen and (max-width:768px)
{
.m-sidebar ul li {
	padding-top: 5px; padding-bottom: 5px;
}
.m-sidebar ul li .txt {
	font-size: 15px;
}
.indexpart5 .caseli {
	width: 48%; margin-right: 4%; margin-bottom: 4%;
}
.indexpart5 :nth-child(3n).caseli {
	margin-right: 4%;
}
.indexpart5 :nth-child(2n).caseli {
	margin-right: 0px;
}
.indexpart5 .case-swiper .caseli {
	width: 100%; margin-right: 0px;
}
.strength .m-tabbox-li {
	margin-top: 30px;
}
}
@media only screen and (max-width:576px)
{
.m-sidebar ul li .txt {
	font-size: 14px;
}
.caseli {
	width: 100%; margin-top: 20px;
}
.indexpart5 .caseli {
	width: 100%; margin-top: 20px;
}
.caseli .icon {
	margin-bottom: 15px;
}
.caseli .txt {
	padding-top: 0px;
}
.caseli .title .t6 {
	font-size: 18px; margin-bottom: 15px;
}
.strength .m-tabbox {
	margin: auto; width: 94%;
}
.strength .m-tabbox-li {
	margin-top: 20px;
}
.strength .m-tabbox-li .swiper-container {
	width: 100%;
}
.strength .swiper-button-prev {
	left: 0px;
}
.strength .swiper-container-rtl .swiper-button-next {
	left: 0px;
}
.strength .swiper-button-next {
	right: 0px;
}
.strength .swiper-container-rtl .swiper-button-prev {
	right: 0px;
}
.strength .m-tabbox-li .swiper-container .item .mask {
	font-size: 16px;
}
.indexpart3 {
	padding-bottom: 40px;
}
}
.indexpart3 .w3 {
	display: none;
}
@media only screen and (max-width:767px)
{
.indexpart3 .wrap .w1 {
	display: none;
}
.indexpart3 .wrap .w2 {
	display: none;
}
.indexpart3 .w3 {
	display: block;
}
.indexpart3 .wrap > ul {
	width: 100%; margin-right: 0px; float: none;
}
.indexpart3 .wrap ul li .con .t2 ul { padding: 0px 5%; }
.indexpart3 .w3 li {
	width: 47%; margin-right: 5%; float: left;
}
.indexpart3 .w3 li:nth-child(2n) {
	margin-right: 0px;
}
}
.lunbotu .bannerbg {
	background-position: center; width: 100%; height: 650px; background-repeat: no-repeat; background-size: cover;
}
@media only screen and (max-width:1680px)
{
.lunbotu .bannerbg {
	height: 650px;
}
}
@media only screen and (max-width:1536px)
{
.lunbotu .bannerbg {
	height: 600px;
}
}
@media only screen and (max-width:1440px)
{
.lunbotu .bannerbg {
	height: 550px;
}
}
@media only screen and (max-width:1366px)
{
.lunbotu .bannerbg {
	height: 550px;
}
}
@media only screen and (max-width:1280px)
{
.lunbotu .bannerbg {
	height: 500px;
}
	.head-other { display:none; }
}
@media only screen and (max-width:1200px)
{
.lunbotu { padding-top:0px!important; }
}
@media only screen and (max-width:1024px)
{
.lunbotu .bannerbg {
	display: none;
}
.lunbotu .swiper-button-next {
	display: none;
}
.lunbotu .swiper-button-prev {
	display: none;
}
}

.active a { color:#fff!important;background: #6bb13f; }
.zzli .icon img { max-height:175px; }
.indexpart1 .l-wrap .txt .t3 span { color: #214c9d;font-weight: bold; }
.foot-logo p { color:#fff;padding-top: 10px;font-size: 20px; }
.yqlj { color:#dedede; }
.yqlj a { color:#dedede;padding-right:5px; }
.yqlj a:hover { text-decoration:underline; }
.lunbotu { padding-top:120px; }
.caseli .txt a { display:block; }
.page-list ul li { float: left;width: auto; }
.case-detail .l-box .w1 .title .t4,.new-detail .r-box .w1 .title .t4 { line-height: 80px;background: #214c9d;color: #fff;text-align: center; }
.case-detail .l-box .w1 .title ul li,.new-detail .r-box .w1 .title ul li { line-height: 60px;background: #6f6f6f;border-top: 1px #868686 solid;text-align: center; }
.case-detail .l-box .w1 .title ul li a,.new-detail .r-box .w1 .title ul li a { display: block;color: #fff; }
.case-detail .l-box .w1 .title ul li a:hover,.new-detail .r-box .w1 .title ul li a:hover { background: #6bb13f; }
.hp h1 { font-size: 30px;font-weight: bold;line-height: 50px; }
.hp p { line-height: 30px;padding: 10px 0 }
.new-detail .box .l-box .title .t3.details p { margin-top: 20px;font-size: 16px;line-height: 26px;color: #333;text-align: justify;text-indent: 2em; }
.new-detail .box .l-box .title .t3.details img { display:block;width:600px; }
.proli { min-height:300px!important; }
.pdb p { line-height: 23px;padding: 5px 0; }
.pdb p span { color: #f00; }
.case-detail .r-box .text ul.t3 h3 { font-size: 24px;font-weight: bold;margin: 10px 0;text-indent: 10px;border-left: 5px #d21b39 solid; }