@charset "utf-8";
body, html {
	min-width: 1200px;
	overflow-x: hidden;
	font-family: "Roboto-Regular", Arial, sans-serif;
}
* {
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
body, p, h1, h2, h3, h4, h5, table, ul, li, form, input {
	margin: 0;
	padding: 0;
	color: #000;
}
body, p {
	font-size: 14px;
	border: none;
	color: #000;
}
a {
	font-size: 14px;
	color: #000;
	text-decoration: none;
	border: none;
	padding: 0;
	margin: 0;
}
table {
	border-collapse: collapse;
}
img {
	border: 0;
	margin: 0;
	padding: 0;
}
ul, li {
	list-style: none;
	border: 0;
	margin: 0;
	padding: 0;
}
dl, dt, dd {
	margin: 0;
	padding: 0;
	-webkit-margin-start: 0;
}
h1, h2, h3, h4, h5 {
	font-weight: normal;
	font-size: 12px;
	display: block;
}
strong, b {
	font-weight: normal;
}
table, tr, td {
	border-spacing: 0;
}
em, i, b {
	font-style: normal;
}
p {
	line-height: 170%;
	color: #555;
	font-size: 14px;
}
input {
	border: none;
	background: none;
}
figcaption {
	display: block;
}
input:focus {
	outline: none;
}
::-webkit-input-placeholder { /* WebKit browsers */
font-size:14px;
color: #dfdfdf;
}
::-ms-input-placeholder { /* Internet Explorer 10+ */
font-size:14px;
color: #dfdfdf;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.clearfix {
*zoom:1;
}
.clearfix:before, .clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}
.clearfix:after {
	clear: both;
}
.box {
	padding: 80px 85px;
}
.inner {
	width: 1200px;
	margin: 0px auto;
}
a:hover {
	color: #5c8ef0
}
@font-face {
	font-family: "Roboto-Regular";
	src: url("../fonts/Roboto-Regular.ttf");
}
@font-face {
	font-family: "Roboto-Bold";
	src: url("../fonts/Roboto-Bold.ttf")
}
@font-face {
	font-family: "Roboto-Light";
	src: url("../fonts/Roboto-Light.ttf")
}
/*导航*/
.barwrap {
	padding: 0 85px;
	height: 100px;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	z-index: 333;
	display: flex;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -ms-flexbox;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	align-items: center;
}
.barwrap .logo {
	display: block; width:12%
}
.barwrap .logo img {
	width: 120px
}
.barwrap .logo img.lw {
	display: none
}
.barwrap.on .logo img.ls {
	display: none
}
.barwrap.on .logo img.lw {
	display: block
}
.navbar {
	display: flex;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -ms-flexbox;
	justify-content: center;
	flex: 2;
	justify-content: flex-end;
	padding: 0px 6%; width:60%
}
.navbar li {
	padding: 0 30px;
	line-height: 100px;
	position: relative
}
.navbar li a {
	color: #9b9bb5;
	font-size: 16px;
	position: relative;
	display: block;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease; text-transform:uppercase
}
.navbar li a b {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: #5c8ef0;
	display: block;
	z-index: 33;
	width: 0;
	transition: all 0.6s;
	width: 100%;
	transform: scale(0);
}
.navbar li:hover a b, .navbar li.on a b {
	transform: scale(1);
}
.navbar li:hover a, .navbar li.on a {
	color: #5c8ef0;
}
.barwrap .div2 {
	display: flex;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -ms-flexbox;
	align-items: center;
	 width:16%
}
.barwrap .div2 h3 {
	font-size: 20px;
	color: #000;
}
.barwrap .div2 h3 img {
	display: inline-block;
	margin-right: 20px;
	vertical-align: middle;
}
.barwrap .div2 strong {
	display: block;
	font-size: 16px;
	color: #fff;
	padding-bottom: 10px;
	line-height: 1;
}
.barwrap .div2 b {
	display: block;
	font-size: 22px;
	color: #5c8ef0;
	;
	line-height: 1;
}
.barwrap.on {
	animation-name: down;
	animation-duration: 1s;
	background: #5c8ef0;
	border-bottom: none;
	position: fixed
}
.barwrap.on .div2 b {
	color: #fff;
}
.barwrap.on .navbar li:hover a, .barwrap.on .navbar li.on a {
	color: #252733;
}
.barwrap.on .navbar li a b, .barwrap.on .navbar li.on a b {
	background: #252733;
}
.barwrap.on li a {
	color: #fff;
}
.navbar li dl {
	position: absolute;
	left: 0;
	top: 100px;
	width:950px;
	z-index: 100;
	display: none;
	opacity: 0;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	padding: 0px 0px;
	background-color: #ffffff;
	
	box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
	margin: 0px;
}
.navbar li > dl dt {
	position: relative;
	width:48%;
	border-bottom: 1px solid #f4f2f2; float:left; margin:0px 1%
}
.navbar li > dl dt a{ font-weight:bold; color:#5c8ef0;; font-size:16px; border-bottom:1px solid #5c8ef0; line-height:80px}
.navbar li > dl dt .xmenu{ }
.navbar li > dl dt .xmenu  a{ font-weight:500; color:#333;; font-size:16px; border-bottom:1px solid #e1eeff;height:60px; line-height:60px;}
.navbar li > dl dt .xmenu  a:hover{ color:#5c8ef0}
.navbar li dl > dt:last-child {
	border-bottom: none;
}
.navbar li dl > dt > a {
	position: relative;
	display: block;
	
}
.navbar li:hover dl {
	display: block;
	opacity: 1
}
/*搜索*/
.barwrap .zoom {
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	margin-left: 60px;
}
.search-close {
	position: fixed;
	top: 30px;
	right: 30px;
	cursor: pointer;
}
.search-box {
	background: #fff;
	position: fixed;
	top: 0px;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.8);
	z-index: 333;
	bottom: 0;
	display: flex;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -ms-flexbox;
	align-items: center;
	transform-origin: bottom center;
	transform: scaleY(0);
	transition: transform .3s .5s;
}
.search-box .div {
	width: 800px;
	margin: 0 auto;
	transition: all .5s .3s;
	filter: alpha(opacity=0);
	opacity: 0;
	transform: translate(0px, 20px);
}
.search-box .in {
	background: #fff;
	height: 50px;
	width: 700px;
	padding-left: 20px;
	font-size: 16px;
}
.search-box .sub {
	background: #5c8ef0;
	height: 50px;
	width: 100px;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
}
.search-box p {
	padding: 30px 0 0 0;
}
.search-box p a {
	display: inline-block;
	padding: 0 20px;
	font-size: 14px;
	color: #fff;
	opacity: 0.8;
	filter: alpha(opacity=80);
	transition: all 0.36s;
}
.search-box p strong {
	display: inline-block;
	font-size: 16px;
	color: #fff;
}
.search-box p a:hover {
	color: #5c8ef0;
}
.search-box .div.on {
	opacity: 1;
	transform: translate(0, 0);
	filter: alpha(opacity=100);
}
.search-box.active {
	transform-origin: top center;
	transform: scaleY(1);
	transition: transform .3s;
}
/*banner滚动*/
.banner {
	position: relative;
	overflow: hidden;
	width: 100%;
}
.banner .bannerfix >li {
	height: 100%;
	line-height: 0;
	opacity: 0;
	transition: opacity 1000ms linear;
	-webkit-transition: opacity 1000ms linear;
	float: left;
	position: relative;
}
.banner .bannerfix >li .bimg {
	line-height: 0;
	width: 100%;
	position: relative;
	transition: transform 5s ease;
	-webkit-transition: transform 5s ease;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
}
.banner .bannerfix >li.imgIn {
	opacity: 1;
	z-index: 10;
	display: block;
}
.banner .bannerfix >li.imgIn .bimg {
	transform: matrix(1, 0, 0, 1, 0, 0);
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
}
.banner .flex-control-nav {
	width: 100%;
	height: 20px;
	position: absolute;
	left: 0;
	bottom: 50px;
	text-align: center;
	z-index: 20;
}
.banner .flex-control-nav li {
	display: inline-block;
	position: relative;
	margin-right: 15px;
	width: 5px;
	height: 20px;
}
.banner .flex-control-nav li:last-child {
	margin-right: 0;
}
.banner .flex-control-nav li span {
	display: block;
	text-indent: 999px;
	overflow: hidden;
	width: 5px;
	height: 8px;
	position: absolute;
	background: #ccc;
	transition: 320ms;
	left: 0;
	top: 6px;
}
.banner .flex-control-nav li a.flex-active span {
	height: 20px;
	top: 0;
	background: #5c8ef0;
}
.banner .txt {
	position: absolute;
	top: 30%;
	left: 0;
	width: 700px;
	padding-left: 85px
}
.banner .txt h1 {
	font-size: 36px;
	color: #000;
	line-height: 1.5;
	font-weight: bold
}
.banner .txt p {
	font-size: 16px;
	color: #888;
	line-height: 1.5;
	margin-top: 20px
}
.banner .txt img {
	display: block;
	max-width: 100%;
}
.banner .txt .t2 {
	padding-top: 30px;
}
.banner li.flex-active-slide .t1 {
	animation-name: fadeInUp;
	animation-duration: 1s;
	transition-delay: 0.5s
}
.banner li.flex-active-slide .t2 {
	animation-name: fadeInUp;
	animation-duration: 1.5s;
	transition-delay: 1s;
}
/*banner优势条*/
.index-sec1 {
	background: #f3f3f3;
}
.index-sec1 .ul1 li {
	float: left;
	width: 20%;
	background: #fff;
	border-right: 1px solid #d8d8d8;
	transition: all 0.6s;
	position: relative;
	z-index: 33;
	word-break: break-all;
}
.index-sec1 .ul1 li:last-child {
	border-right: none;
}
.index-sec1 .ul1 li a {
	display: flex;
	display: -ms-flexbox;
	display: -moz-flex;
	padding: 30px 10px;
	justify-content: center;
	align-items: center;
}
.index-sec1 .ul1 li h3 {
	font-size: 16px;
	color: #000;
	margin-bottom: 10px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}
.index-sec1 .ul1 li p {
	font-size: 12px;
	color: #cccccc;
	text-transform: uppercase;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}
.index-sec1 .ul1 li img {
	transition: all 0.6s;
	display: block;
	margin-right: 10px;
}
.index-sec1 .ul1 li:hover img {
	transform: rotateY(180deg);
}
.index-sec1 .ul1 li:hover {
	box-shadow: 3px 0px 5px rgba(0,0,0,0.1);
	transform: translateY(-20px);
}
/*公司介绍*/
.sec1-intro {
	position: relative;
	padding: 50px 0 0 0;
}
.sec1-intro .intro-cont {
	position: relative;
	z-index: 3;
	width: 100%;
	margin-left: 18%;
	background: #fff url(../img/bg1.png) no-repeat bottom right;
	padding: 30px;
	display: flex;
	background-size: contain;
	justify-content: space-between;
	background-attachment: fixed;
}
.sec1-intro .left {
	flex: 2.5;
	position: relative;
}
.sec1-intro .left .div1 {
	background: #5c8ef0;
	display: flex;
	display: -ms-flexbox;
	display: -moz-flex;
	padding: 20px 30px;
	align-items: center;
	position: absolute;
	bottom: 0;
	left: 0;
	border: 40px solid #fff;
	border-left: none;
}
.sec1-intro .left .spanline {
	width: 60px;
}
.sec1-intro .left span {
	display: block;
	height: 3px;
	background: #fff;
	animation: load1 1s infinite ease-in-out;
	width: 23px;
	margin: 12px 0;
	animation-delay: -0.16s;
}
.sec1-intro .left .span2 {
	animation-delay: -0.32s;
}
.sec1-intro .left .span3 {
	animation-delay: -0.46s;
}
.sec1-intro .left h3 {
	color: #fff;
	font-size: 22px;
}
.sec1-intro .left p {
	color: #fff;
	font-size: 14px;
	;
	letter-spacing: 1px;
	padding-top: 5px;
}
.sec1-intro .left strong {
	display: block;
	font-size: 70px;
	color: #fff;
	;
	padding: 0 15px;
}
.sec1-intro .right {
	flex: 3;
}
.sec1-intro .left img {
	display: block;
	max-width: 100%;
}
.color-bg {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 50%;
	background: #252733;
	z-index: 0;
	background-attachment: fixed;
	background-size: contain;
}
.sec1-intro .intro-cont .right {
	padding-right: 20%;
	padding-left: 3%;
}
.sec1-intro .tit {
	padding-top: 50px;
	position: relative;
}
.sec1-intro .tit h2 {
	font-size: 34px;
	color: #000;
	padding-top: 25px;
}
.sec1-intro .tit b {
	display: block;
	background: #5c8ef0;
	height: 37px;
	width: 3px;
	margin: 50px 0;
	transition: all 0.36s;
	top: 0;
	left: 0;
}
.sec1-intro .right h3 {
	color: #000;
	font-size: 22px;
	padding-bottom: 30px;
}
.sec1-intro .right p {
	font-size: 14px;
	line-height: 45px;
	color: #666;
}
.sec1-intro .btn-3 {
	border: 1px solid currentColor;
	position: relative;
	display: block;
	border: 10px solid #000;
	height: 100px;
	width: 300px;
	margin-top: 50px;
	overflow: hidden;
	background: #fff;
	text-transform: uppercase;
	text-align: center;
	line-height: 82px;
	font-size: 20px;
	z-index: 333;
	transition: all 0.36s;
	margin-left: 0;
}
/*案例中心*/
.title img {
	display: block;
	margin: 0 auto;
}
.title h3 {
	color: #000;
	font-size: 48px;
	font-weight: bold;
	font-family: "Roboto-Bold";
}
.index-sec2 {
}
.index-sec2.box {
	padding: 0px 85px 80px 85px
}
.index-sec2 .tab-bd {
	padding-top: 35px;
}
.index-sec2 figure {
	position: relative;
	padding: 20px 20px
}
.index-sec2 figure .p1 {
	position: absolute;
	top: 30px;
	left: 30px;
	color: #fff;
	width: 100px;
	font-size: 14px;
	transition: all 0.6s;
	background: #d31129;
	height: 25px;
	line-height: 25px;
	text-align: center;
	border-radius: 3px
}
.index-sec2 figure img {
	display: block;
	max-width: 100%;
}
.index-sec2 .p2 {
	margin-top: 20px; min-height:110px
}
.index-sec2 .p2 h2 {
	font-size: 16px;
	
	color: #777;
	line-height: 2;
}
.index-sec2 .p2 h3 {
	font-size: 20px;
	color: #333
}
.index-sec2 .mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	transition: all 0.6s;
}
.index-sec2 .mask span {
	background: #fff;
	height: 95px;
	width: 95px;
	background: #5c8ef0;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 50% auto 10px auto;
	transition: all 0.6s;
	opacity: 0;
	transform: translateY(-30px);
}
.index-sec2 .mask span i {
	color: #fff;
	font-size: 24px;
	border-radius: 100%;
	height: 40px;
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.6s;
}
.index-sec2 .mask .p3 {;
	color: #fff;
	text-align: center;
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	width: 100%;
	transition: all 0.6s;
	opacity: 0;
	transform: translateY(20px);
}
.index-sec2 .mask-bg {
	position: absolute;
	top: 0%;
	right: 0;
	bottom: 0%;
	left: 0;
	background: rgba(92,142,240,0.5);
	z-index: -1;
	transition: all 1s ease-in-out;
	opacity: 0;
	height: 100%;
}
.index-sec2 ul li img {
	display: block;
	width: 100%;
}
.index-sec2 ul li:hover .p1 {
	top: -5%;
	opacity: 0;
}
.index-sec2 ul li:hover .mask-bg {
	opacity: 1;
	height: 100%;
}
.index-sec2 ul li:hover .mask span {
	opacity: 1;
	transform: none;
}
.index-sec2 ul li:hover .mask .p3 {
	opacity: 1;
	transform: none;
}
.index-sec2 ul li {
	width: 23.5%;
	margin-right: 2%;
	float: left;
	margin: 2% 2% 2% 0
}
.index-sec2 ul li:nth-child(4n) {
	margin-right: 0
}
.index-sec2 ul li a {
	border: 1px solid #e4e4e4;
	display: block;
}
.index-sec2 .title h3 {
	float: left
}
.index-sec2 .title a {
	float: right;
	color: #444;
	font-size: 15px;
	padding-top: 20px
}
.index-sec2 .title a:hover {
	color: #5c8ef0
}
.index-sec2 .title a i {
	float: right;
	margin-left: 18px;
	color: #5c8ef0;
	transition: all 0.6s;
}
.index-sec2 .title a:hover i {
	margin-left: 9px;
	margin-right: 9px
}
/*优势*/
.index-sec3 {
	position: relative;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
	background: #fff;
	margin: -300px 85px 80px 85px;
	border-radius: 20px;
}
.index-sec3 .title h3 {
	color: #000;
}
.index-sec3 .padd {
	padding: 65px 85px
}
.index-sec6 ul {
	display: flex;
	display: -ms-flexbox;
	display: -moz-flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.index-sec6 ul li {
	width: 33.333%;
	padding: 40px 35px;
	position: relative;
	overflow: hidden;
	z-index: 3;
}
.index-sec3 .sec_left {
	width: 100%;
	
}
.index-sec3 .sec_left .tit {
	width: 120px;
	height: 40px;
	text-align: center;
	border-radius: 20px;
	background: #cdeffa;
	line-height: 40px;
	color: #555;
	font-size: 18px
}
.index-sec3 .sec_left .tit i {
	color: #5c8ef0;
	margin-right: 10px
}
.index-sec3 .sec_left h1 {
	color: #000;
	font-size: 48px;
	font-weight: bold;
	font-family: "Roboto-Bold";
	margin: 30px 0px
}
.index-sec3 .sec_left p {
	color: #777;
	font-size: 18px;
	line-height: 2;
}
.index-sec6 li h2 {
	font-size: 25px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: "Roboto-Bold"; text-transform:uppercase
}
.index-sec6 li h4 {
	font-size: 12px;
	color: #666666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-top: 10px;
}
.index-sec6 li p {
	font-size: 16px;
	color: #555;
	margin-top: 25px;
	line-height: 1.8;
}
.index-sec6 li .div1 {
	height: 60px;
	overflow: hidden;
	line-height: 60px;
	float: right;
	position: absolute;
	top: 45px;
	right: 20px
}
.index-sec6 li .div1 strong, .index-sec6 li .div1 b {
	display: block;
	line-height: 60px;
	height: 60px;
	font-size: 60px;
	transition: all 0.6s;
}
.index-sec6 li b {
	color: #5c8ef0;
}
.index-sec6 li:hover b {
	margin-top: 0px;
}
.index-sec6 li:hover strong {
	margin-top: -60px;
}
.index-sec6 li .cir {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	background: #F4F4F4;
	height: 200%;
	width: 100%;
	transform: scale(0);
	transition: all 0.6s;
	z-index: -1;
}
.index-sec6 li:hover .cir {
	transform: scale(1);
	background: #5c8ef0;
	opacity: 0.3;
}
.index-sec6 li i {
	width: 70px;
	height: 70px;
	border-radius: 35px;
	background: #1c58ef;
	display: block;
	text-align: center;
	line-height: 70px;
	color: #fff;
	font-size: 40px;
	margin-bottom: 30px
}
/*横幅*/
.index-sec4 {
	background-size: cover;
	background-repeat: no-repeat;
	background-color: rgba(0, 0, 0, 0);
	background-image: url(../images/index-sec4_bg.jpg);
	height: 650px;
	width: 100%;
	position: relative;
}
.index-sec4 .sec4-cont {
	align-items: center;
	justify-content: space-between;
	width: 750px
}
.index-sec4 h3 {
	color: #fcf5e7;
	font-size: 48px;
	font-weight: bold;
	font-family: "Roboto-Bold";
}
.index-sec4 .div1 p {
	font-size: 26px;
	color: #fcf5e7;
	margin: 30px 0px
}
.index-sec4 .div2 p {
	color: #fcf5e7;
	font-size: 18px;
	margin-bottom: 10px
}
.index-sec4 .div2 {
	display: flex;
}
.index-sec4 .div2 .div2_left {
	margin-right: 40px
}
.index-sec4 .div2 h1 {
	color: #fcf5e7;
	padding-bottom: 20px;
	font-size: 30px;
	font-weight: bold;
	font-family: "Roboto-Bold";
}
.index-sec4 .div2 h1 a {
	color: #fcf5e7;
	padding-bottom: 20px;
	font-size: 30px;
	font-weight: bold;
	font-family: "Roboto-Bold";
}
.index-sec4 .div2 h1 a:hover {
	color: #fff;
}
.index-sec4 .div2 h1 i {
	font-size: 30px;
	font-weight: normal;
	margin-right: 10px;
	color: #5c8ef0
}
.index-sec4 img{ width:100%}
/*新闻*/

.index-sec5 .title h3 {
	color: #000;
}
.index-sec6 .title h3 {
	    color: #000;
    font-size: 48px;
    font-weight: bold;
    font-family: "Roboto-Bold"; text-align:center; margin-bottom:10px
}
.index-sec6 .title h4 {
	  font-size: 18px;
    text-align: center;
    margin-bottom: 30px;
}
.index-sec5 .title h3 {
	float: left
}
.index-sec5 .title a {
	float: right;
	color: #444;
	font-size: 15px;
	padding-top: 20px
}
.index-sec5 .title a:hover {
	color: #5c8ef0
}
.index-sec5 .title a i {
	float: right;
	margin-left: 18px;
	color: #5c8ef0;
	transition: all 0.6s;
}
.index-sec5 .title a:hover i {
	margin-left: 9px;
	margin-right: 9px
}
.index-sec5 ul {
	display: flex;
	justify-content: space-between;
	padding-top: 50px;
}
.index-sec5 ul li {
	width: 22.9%;
	overflow: hidden;
	border-radius: 20px;
	padding: 20px;
	background-color: #ffffff;
	box-shadow: 0px 4px 20px rgb(0 0 0 / 4%);
}
.index-sec5 ul li figure {
	border-radius: 10px;
	overflow: hidden
}
.index-sec5 ul li figure img {
	max-width: 100%;
	transition: all 0.6s;
}
.index-sec5 li figcaption {
	transition: all 0.36s;
	background: #fff;
	border-top: none;
}
.index-sec5 li h5 {
	font-size: 14px;
	color: #788094;
	letter-spacing: 2px;
	margin-bottom: 10px;
	margin-top: 15px;
}
.index-sec5 li p {
	font-size: 24px;
	color: #000D44;
	line-height: 1.417;
	overflow: hidden;
	margin: 15px 0;
}
.index-sec5 li .div1 {
	justify-content: space-between;
	align-items: center;
}
.index-sec5 li .div1 b {
	display: block;
	height: 1px;
	background: #aeaeae;
	width: 70%;
}
.index-sec5 li .div1 span {
	font-size: 14px;
	color: #5c8ef0;
	text-transform: uppercase;
}
.index-sec5 li:hover figcaption {
}
.index-sec5 li:hover figure img {
	display: block;
	transform: scale(1.1);
}
.index-sec5 li .th-btn {
	position: relative;
	z-index: 2;
	overflow: hidden;
	vertical-align: middle;
	display: inline-block;
	border: none;
	text-transform: uppercase;
	text-align: center;
	color: #000;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	padding: 18px 30px;
	min-width: 170px;
	border-radius: 30px;
}
.index-sec5 li .th-btn:before {
	content: "";
	position: absolute;
	height: 56%;
	top: 1px;
	left: 10px;
	width: calc(100% - 20px);
	filter: blur(2px);
	z-index: -1;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	border-radius: inherit;
}
.index-sec5 li .th-btn:before {
	background: linear-gradient(180deg, #F9FAFD 0%, rgba(249, 250, 253, 0) 78.65%)
}
.index-sec5 li .th-btn {
	background: linear-gradient(180deg, #C2D4FF 37.5%, #F0F4FF 100%);
	box-shadow: 0px 2px 10px rgb(184 191 208 / 50%);
}
.btn-3 {
	position: relative;
	display: block;
	border: 3px solid #5c8ef0;
	width: 200px;
	margin-top: 20px;
	overflow: hidden;
	background: #fff;
	text-transform: uppercase;
	text-align: center;
	line-height: 55px;
	font-size: 14px;
	z-index: 33;
	transition: all 0.36s;
	border-radius: 50px
}
.btn-3:before {
	content: '';
	width: 0;
	height: 0;
	-webkit-transform: rotate(360deg);
	border-style: solid;
	border-width: 0;
	border-color: transparent transparent transparent #5c8ef0;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all 0.6s;
	z-index: -1;
}
.btn-3:after {
	content: '';
	width: 0;
	height: 0;
	-webkit-transform: rotate(360deg);
	border-style: solid;
	border-width: 0;
	border-color: transparent #5c8ef0 transparent transparent;
	position: absolute;
	top: 0;
	right: 0;
	transition: all 0.6s;
	z-index: -1;
}
.btn-3 span:before {
	content: '';
	width: 0;
	height: 0;
	-webkit-transform: rotate(360deg);
	border-style: solid;
	border-width: 0;
	border-color: transparent transparent #5c8ef0 transparent;
	position: absolute;
	right: 0;
	bottom: 0;
	transition: all 0.6s;
	z-index: -1;
}
.btn-3 span:after {
	content: '';
	width: 0;
	height: 0;
	-webkit-transform: rotate(360deg);
	border-style: solid;
	border-width: 0;
	border-color: #5c8ef0 transparent transparent transparent;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.6s;
	z-index: -1;
}
.btn-3:hover {
	color: #fff;
}
.btn-3:hover:before {
	border-width: 180px 0 0 180px
}
.btn-3:hover:after {
	border-width: 0 180px 180px 0
}
.btn-3:hover span:before {
	border-width: 0 0 180px 180px
}
.btn-3:hover span:after {
	border-width: 180px 180px 0 0
}
/*合作伙伴*/

.index-sec6 {
	background: #eceff6;
	padding-top: 50px;
	padding-bottom: 350px;
}

/*底部*/
.footer {
	background: #4e97fd;
	padding: 30px 80px;
}
.footer .div1 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #5ea4fb;
	padding-bottom: 20px;
}
.footer .div1 p a {
	color: #fff;
	font-size: 18px;
	display: inline-block;
	padding-left: 80px;
	transition: all 0.6s;
	font-family: "Roboto-Bold";
	opacity: 0.8
}
.footer .div1 p a:hover {
	transform: translateY(5px);
	opacity: 1
}
.footer .div1 img {
	width: 200px
}
.footer .div2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 35px;
}
.footer .div2 p a {
	color: #fff;
	font-size: 16px;
	display: inline-block;
	padding-right: 40px;
	transition: all 0.6s;
}
.footer .div2 p a:hover {
	transform: translateY(5px);
	color: #5c8ef0;
}
.footer .div2 p {
	color: #535353;
	font-size: 14px;
	line-height: 36px;
}
.footer .div2 .p2 {
	margin-top: 20px;
}
.footer .div2 .divabout {
	width: 40%
}
.footer .div2 .divabout h3 {
	color: #fff;
	font-size: 18px;
	;
	line-height: 1.8;
}
.footer .div2 .divabout .link {
	display: flex;
	margin-top: 15px
}
.footer .div2 .divabout .link a {
	background: #cee2fb;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 25px;
	text-align: center;
	margin-right: 10px
}
.footer .div2 .divcontact {
	width: 38%;
	float: right
}
.footer .div2 .divcontact p {
	font-size: 16px;
	color: #c3dffe;
	line-height: 1.5;
	margin: 10px 0px;
	overflow: hidden
}
.footer .div2 .divcontact p i {
	color: #fff;
	margin-right: 10px;
	;
	display: block;
	float: left
}

.footer .divcontact div {
	margin-left: 15px;
}
.copyright {
	text-align: center;
	font-size: 14px;
	color: #fff;
	background: #5ea4fb;
	padding: 20px 80px;
}
.copyright p {
	color: #fff;
}
.copyright p a {
	color: #fff;
}
/*内页banner*/
.pbanner {
	position: relative;
	overflow: hidden;
}
.pbanner figure {
	display: block;
	line-height: 0;
	overflow: hidden;
}
.pbanner figure img {
	display: block;
	width: 100%;
	height: auto;
	line-height: 0;
	position: relative;
}
.pcomm {
	position: absolute;
	left: 50%;
	margin-left: -600px;
	top: 50%;
	text-align: center;
	margin-top: -157px;
	z-index: 20;
}
.pcomm small {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 43px;
	text-transform: uppercase;
	line-height: 1;
	margin-bottom: 16px;
}
.pcomm strong {
	display: block;
	text-align: center;
	line-height: 1;
	color: #fff;
	font-size: 24px;
	font-weight: normal;
}
.ph3 {
	margin: auto;
	display: inline-block;
	width: 30px;
	padding: 45px 42px;
	position: relative;
	margin-bottom: 30px;
	box-sizing: content-box;
}
.pbanner span {
	display: block;
	position: absolute;
	background: rgba(255,255,255,0.36);
	background: #fff\9;
	filter: alpha(opacity=36);
}
.pbanner span.line1 {
	width: 100%;
	height: 10px;
	left: 0;
	top: -10px;
}
.pbanner span.line3 {
	width: 100%;
	height: 10px;
	right: 0;
	bottom: -16px;
}
.pbanner span.line2 {
	width: 10px;
	height: 214px;
	right: 0;
	top: 0;
}
.pbanner span.line4 {
	width: 10px;
	height: 214px;
	left: 0;
	bottom: 0px;
	top: 0;
}
.pbanner span.line2 {
	height: 240px;
}
.ph4 span.line4 {
	height: 240px;
}
.ph3 strong {
	display: block;
	position: relative;
	color: #fff;
	font-size: 30px;
	text-align: center;
	line-height: 1.2;
	font-weight: normal;
}
.pcomm.article-block small {
	opacity: 0;
	transform: translateY(-50px);
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	transition: 0.54s 0s;
}
.pcomm.articleShow small {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
}
.pcomm.article-block strong {
	opacity: 0;
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	transition: 0.5s;
}
.pcomm.articleShow strong {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
}
.pcomm.article-block .ph3 span.line1, .pcomm.article-block .ph3 span.line3 {
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	transition: 0.26s 0.1s;
	transform-origin: 0 top;
}
.pcomm.article-block .ph3 span.line3 {
	transition: 0.26s 0.8s;
	transform-origin: right top;
}
.pcomm.articleShow .ph3 span.line1, .pcomm.articleShow .ph3 span.line3 {
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
}
.pcomm.article-block .ph3 span.line2, .pcomm.article-block .ph3 span.line4 {
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleX(0);
	transition: 0.45s 0.36s;
	transform-origin: 0 top;
}
.pcomm.articleShow .ph3 span.line2, .pcomm.articleShow .ph3 span.line4 {
	transform: scaleY(1);
	-webkit-transform: scaleY(1);
	-moz-transform: scaleX(1);
}
.pcomm.article-block .ph3 span.line4 {
	transform-origin: 0 bottom;
	transition: 0.45s 1s;
}
.pbanner figure.article-block {
	opacity: 0.4;
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transition: 1s ease-in-out;
}
.pbanner figure.articleShow {
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
}
/*新闻页面*/
.nei-box {
	padding: 50px 10%;
}
.casepage ul {
	display: flex;
	flex-wrap: wrap;
	margin-right: -1%;
}
.casepage li {
	width: 24%;
	margin-bottom: 35px;
	overflow: hidden;
	margin-right: 1%;
}
.casepage li figure {
	position: relative;
	overflow: hidden;
}
.casepage li figure .mask {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	bottom: 50%;
	background: rgba(208,143,46,0.7);
	transition: all 0.36s;
	transition: all 0.6s cubic-bezier(.4, 0, .2, 1);
	transform-origin: bottom;
	transform: scale(1, 0);
}
.casepage li figure span {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -97px;
	transition: all 0.6s;
	transition-delay: 0.36s;
	opacity: 0;
	transform: translateY(10px);
}
.casepage li figure, .casepage li figure img {
	display: block;
	width: 100%;
	transition: all 0.36s;
}
.casepage li p {
	font-size: 16px;
	color: #000;
	border-bottom: 2px solid #555;
	height: 70px;
	line-height: 70px;
	position: relative;
}
.casepage li p i {
	display: block;
	background: #000;
	height: 2px;
	background: #5c8ef0;
	position: absolute;
	left: 0;
	bottom: -2px;
	right: 0;
	z-index: 5;
	transform-origin: 100%;
	-webkit-transform-origin: 100%;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.4, 0, .2, 1);
	transition: -webkit-transform .4s cubic-bezier(.4, 0, .2, 1);
	transition: transform .4s cubic-bezier(.4, 0, .2, 1);
	transition: transform .4s cubic-bezier(.4, 0, .2, 1), -webkit-transform .4s cubic-bezier(.4, 0, .2, 1);
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	visibility: hidden\9;
}
.casepage li:hover p i {
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	transform-origin: 0;
	-webkit-transform-origin: 0;
	visibility: visible\9;
}
.casepage li:hover .mask {
	transform: none;
	top: 0;
	bottom: 0;
}
.casepage li:hover span {
	opacity: 1;
	transform: none;
}
.casepage li:hover img {
	transform: scale(1.1);
}
.fenye {
	height: 80px;
	display: flex;
	display: -ms-flexbox;
	display: -moz-flex;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
}
.fenye a {
	display: block;
	height: 40px;
	width: 40px;
	border-radius: 100%;
	background: #F5F5F5;
	text-align: center;
	line-height: 40px;
	margin: 0 20px;
	transition: all 0.6s;
}
.fenye a.on, .fenye a:hover {
	background: #5c8ef0 !important;
	color: #fff;
}
.fenye span {
	display: block;
	font-size: 16px;
	color: #666;
	margin: 0 20px;
}
/*新闻页面*/
.news-top a {
	display: flex;
	border: 1px solid #E0E0E0;
	align-items: center;
	background: #fff;
	transition: all 0.36s;
}
.news-top figure {
	flex: 1;
	overflow: hidden;
	padding: 20px;
}
.news-top figure img {
	display: block;
	width: 100%;
}
.news-top figcaption {
	flex: 2;
	padding: 0 30px;
	transition: all 0.6s;
}
.news-top .btn-3 {
	border: 0px solid #000;
	height: 50px;
	line-height: 50px;
	width: 180px;
	margin: 20px 0;
	font-size: 16px;
	background: #5c8ef0;
	color: #fff;
}
.news-top h4 {
	color: #999;
	font-size: 16px;
	letter-spacing: 1px;
}
.news-top h2 {
	color: #5c8ef0;
	font-size: 18px;
	padding: 20px 0;
}
.news-top p {
	line-height: 36px;
	color: #555;
	height: 72px;
	overflow: hidden;
}
.news-top a:hover {
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.news-top a:hover .btn-3 {
	transform: translateX(15px);
}
.newspage-wrap {
	background: #f5f5f5;
}
.newspage ul {
	
	
}
.newspage ul li { width:100%;


	position: relative;
	overflow: hidden;
	transition: all 0.6s;
}

.newspage li a {
	display: flex; background:#fff;
	
	align-items: center;
	
	padding:40px 10%;
}.newspage ul li:nth-child(2n) a {
    background-color: #f5f5f5;
}
.newspage ul li a .date{ padding-left:20px; padding-right:20px;-ms-flex-negative:0;border-right:1px solid #cbcbcb;color:#333;-webkit-flex-shrink:0;flex-shrink:0;font-size:20px;font-weight:700;margin-top:40px;text-align:center;width:180px; padding-bottom:40px}
.newspage ul li a .date em{color:#0064ff;display:block;font-size:30px;font-style:normal;line-height:2}
.newspage li figure {
	flex: 1;
	overflow: hidden;
}
.newspage li h2 {
	color: #000;
	font-size:30px;
	padding: 15px 0 10px 0;
	transition: all 0.6s;font-family: "Roboto-Bold";
}
.newspage li figure img {
	display: block;
	width: 100%;
	transition: all 0.6s;
}
.newspage li figcaption {
	flex: 2;
	padding: 0 20px;
}
.newspage li p {
	  font-size:18px; 
	line-height: 32px;
	color: #555;
	
	overflow: hidden;
}
.newspage li:hover figure img {
	display: block;
	transform: scale(1.1);
}
.newspage li b {
	position: absolute;
	top: 0;
	left: -20%;
	width: 100%;
	height: 150%;
	background: rgba(92,142,240,0.1);
	content: '';
	-webkit-transition: -webkit-transform 1.2s;
	transition: transform 1.2s;
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -200%, 0);
	transform: scale3d(1.9, 1.5, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -200%, 0);
}
.newspage li:hover b {
	-webkit-transform: scale3d(1.9, 1.5, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}
.newspage li:hover h2 {
	color: #5c8ef0;
}
.newspage li:hover {

}
.newspage-wrap .fenye a {
	background: #fff;
}
.newspage-wrap .fenye {
	padding-top: 30px;
}
/*详情页面*/
.detailwrap {
	background: #f5f5f5;
}
.detailpage {
	padding: 50px 20px 50px 20px;
	background: #fff;
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}
.detailpage .box {
	background: #fff;
	padding: 30px;
}
.stace h1 {
	font-size: 24px;
	font-weight: bold;
	line-height: 36px;
	overflow: hidden;
}
.stace strong {
	display: block;
	overflow: hidden;
	padding: 20px 0;
	overflow: hidden;
	margin-bottom: 20px;
	border-bottom: 1px #e0e0e0 solid;
}
.stace strong span {
	display: inline-block;
	color: #999;
	padding-right: 30px;
}
.stace .cont {
	width: 100%;
	overflow: hidden;
}
.stace .cont p {
	color: #333;
	line-height: 34px;
	margin-top: 15px;

}
.stace .cont img {
	display: block;
	max-width: 100%;
	margin: auto;
}
.stace .zjlj {
	width: 100%;
	overflow: hidden;
	margin-top: 60px;
	border: 1px #e0e0e0 solid;
	border-left: none;
	border-right: none;
	line-height: 40px;
	position: relative;
	padding: 20px 0;
}
.stace .zjlj a {
	display: block;
	overflow: hidden;
	color: #666;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	transition: all 0.6s;
}
.stace .zjlj a i {
	color: #000;
}
.stace .zjlj a:hover {
	color: #5c8ef0;
}
.detailpage .backlist {
	display: block;
	width: 170px;
	height: 50px;
	line-height: 50px;
	background: #5c8ef0;
	color: #fff;
	font-size: 16px;
	text-align: center;
	margin-top: 35px;
	float: right;
	cursor: pointer;
	transition: all 0.6s;
}
.detailpage .backlist:hover {
	transform: translateX(-10px);
	border-radius: 5px;
}
.detail-left {
	width: 75%;
	padding-right: 50px;
}
.detail-right {
	width: 25%;
}
.tade .zxsj {
	position: relative;
	z-index: 10;
}
.tade .zxsj input.text {
	width: 100%;
	color: #555;
	padding-left: 10px;
	line-height: 40px;
	height: 40px;
	border: 1px solid #E0E0E0;
	background: #fff;
	margin-top: 15px;
	border-radius: 4px;
}
.tade .zxsj input.sub {
	border: none;
	width: 100%;
	line-height: 43px;
	height: 43px;
	background: #fff;
	color: #fff;
	font-size: 16px;
	margin-top: 15px;
	border-radius: 4px;
	cursor: pointer;
	background: #5c8ef0;
}
.tade .zxsj p {
	color: #fff;
	font-size: 12px;
	text-align: center;
	margin-top: 8px;
}
.tade .ming {
	width: 100%;
	height: 36px;
	line-height: 36px;
	border-bottom: 1px #e0e0e0 solid;
	margin-top: 20px;
}
.tade .ming h1 {
	float: left;
	height: 36px;
	border-bottom: 1px #5c8ef0 solid;
	font-size: 16px;
}
.tade .ming a {
	color: #5c8ef0;
	float: right;
}
.tade .rmal {
	width: 100%;
	overflow: hidden;
}
.tade .rmal a {
	display: block;
	width: 100%;
	overflow: hidden;
	margin-top: 15px;
}
.tade .rmal a em {
	display: block;
	overflow: hidden;
}
.tade .rmal a em img {
	display: block;
	width: 100%;
	-webkit-transition: all 0.4s linear;
	height: 200px;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.tade .rmal a:hover em img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.tade .rmal a h1 {
	font-size: 14px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 15px 0;
}
/*联系我们*/
.ctapanel {
	background: #f5f5f5;
	padding-top: 15px;
}
.ctapanel .w1300 {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}
.ctapanel .ctas {
	padding: 0 20px;
}
#map {
	background: url(../img/map.jpg) no-repeat center top;
	height: 555px;
}
.ctas a {
	padding: 40px 0;
	display: block;
	width: 33.33%;
	float: left;
	text-align: center;
	color: #646464;
	font-size: 16px;
	cursor: auto;
}
.ctas .ico {
	height: 60px;
	margin-bottom: 15px;
	display: block;
}
.ctas .x {
	padding: 0 5px;
}
.ctas .email .ico {
	background: url(../img/email.png) no-repeat center center;
}
.ctas .addr .ico {
	background: url(../img/addr.png) no-repeat center center;
}
.ctas .call .ico {
	background: url(../img/call.png) no-repeat center center;
}
.index-footer-form .text {
}
.index-footer-form {
	background: #ffffff;
	padding: 3% 4%;
	box-sizing: border-box;
}
.index-footer-form .title {
	margin-bottom: 30px;
}
.index-footer-form .title p {
	font-size: 20px;
	color: #141418;
}
.index-footer-form input {
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-indent: 10px;
	border: 1px solid #d8d8d8;
	color: #666666;
	margin-bottom: 30px;
	text-indent: 45px;
}
.index-footer-form textarea {
	width: 100%;
	height: 135px;
	padding-top: 10px;
	font-size: 14px;
	text-indent: 10px;
	border: 1px solid #d8d8d8;
	color: #666666;
	margin-bottom: 20px;
}
.index-footer-form .sub {
	background: #dab96a;
	color: #ffffff;
	margin-top: 20px;
	border: none;
	margin-bottom: 10px;
	width: 100%;
	text-indent: 0;
	border-radius: 25px;
	font-size: 16px;
	transition: all 0.6s;
	height: 50px;
	line-height: 50px;
}
.index-footer-form .sub:hover {
	background: #333333;
}
 
/*动画*/

@-webkit-keyframes criss-cross-left {
 0% {
 left:-20px
}
 50% {
 left:50%;
 width:20px;
 height:20px
}
 100% {
 left:50%;
 width:375px;
 height:375px
}
}
@keyframes criss-cross-left {
 0% {
 left:-20px
}
 50% {
 left:50%;
 width:20px;
 height:20px
}
 100% {
 left:50%;
 width:375px;
 height:375px
}
}
@-webkit-keyframes criss-cross-right {
 0% {
 right:-20px
}
 50% {
 right:50%;
 width:20px;
 height:20px
}
 100% {
 right:50%;
 width:375px;
 height:375px
}
}
@keyframes criss-cross-right {
 0% {
 right:-20px
}
 50% {
 right:50%;
 width:20px;
 height:20px
}
 100% {
 right:50%;
 width:375px;
 height:375px
}
}
 @-webkit-keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 50%, 0);
 transform: translate3d(0, 50%, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
 @keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 50%, 0);
 -ms-transform: translate3d(0, 50%, 0);
 transform: translate3d(0, 50%, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 -ms-transform: none;
 transform: none
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
 @-webkit-keyframes load1 {
 0%, 80%, 100% {
 width: 13px;
}
 40% {
 width: 60px;
}
}
 @keyframes down {
 from {
transform: translateY(-100%);
opacity: 0;
}
to {
	transform: none;
	opacity: 1;
}
}


/*媒体查询*/


.headtop {
	padding: 0px 85px;
	border-bottom: 1px solid #eee
}
.headtop .top-bar-left {
	width: 70%;
	float: left
}
.headtop .top-bar-right {
	width: 30%;
	float: right
}
.headtop .top-bar-left p {
	padding: 15px 0px
}
.headtop .top-bar-left p span {
	color: #5c8ef0
}
.headtop .top-bar-left p i {
	color: #e4573d;
	float: left;
	margin-right: 10px
}
.top-bar-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: -15px;
	margin-right: -15px;
	min-height: 40px;
}
.top-bar-right .top-bar-wrap {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.top-bar-center .top-bar-wrap {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.top-bar-info .info-list {
	margin: 0;
}
.top-bar-info .info-item {
	position: relative;
	padding-bottom: 3px;
	padding-top: 2px;
	display: inline-block;
	line-height: 1;
	margin-right: 15px;
}
.top-bar-info .info-item:last-child {
	margin-right: 0;
}
.top-bar-info .info-item a {
	font-weight: 500;
	line-height: 1;
}
.top-bar-info .info-item a i{ float:left; margin-right:10px; line-height:35px}
.top-bar-info .info-item + .info-item {
	padding-left: 15px;
}
.top-bar-info .info-item + .info-item:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 1px;
	height: 20px;
	background: #dedfe2;
}
.top-bar-wrap > * + *:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 1px;
	height: 20px;
	background: #dedfe2;
}
.top-bar-wrap > * + * {
	position: relative;
	padding-left: 15px;
}
.top-bar-wrap > * {
	padding: 7px 15px;
}
.top-bar-info .info-icon {
	font-size: 14px;
	margin-right: 5px;
	vertical-align: middle;
}
.top-bar-info .info-text {
	vertical-align: middle; font-size:16px; line-height:35px
}
.switcher-language-wrapper .wpml-ls, .switcher-language-wrapper .wpml-ls > ul, .switcher-language-wrapper .wpml-ls > ul > li {
	height: 100%;
}
.switcher-language-wrapper .wpml-ls > ul > li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
}
.switcher-language-wrapper .wpml-ls-legacy-dropdown .wpml-ls-flag {
	width: 35px;
	height: auto;
	vertical-align: middle;
}
.switcher-language-wrapper .wpml-ls {
	width: auto;
}
.switcher-language-wrapper .wpml-ls > ul {
	position: relative;
	padding: 0;
	margin: 0 !important;
	list-style-type: none;
}
.switcher-language-wrapper .wpml-ls .wpml-ls-slot-shortcode_actions:hover .wpml-ls-sub-menu {
	visibility: visible !important;
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
.switcher-language-wrapper .wpml-ls .wpml-ls-item-toggle {
	position: relative;
	background: none !important;
	border: 0;
	
	padding: 10px;
}
.switcher-language-wrapper .wpml-ls .wpml-ls-item-toggle span {
	font-size: 16px;
}

.switcher-language-wrapper .wpml-ls .wpml-ls-native {
	position: relative;
	top: -1px;
	vertical-align: middle;
	margin-right: 5px;
	text-transform: none;
	font-weight: 500;
	font-size: 14px;
}
.switcher-language-wrapper .wpml-ls .wpml-ls-flag + span {
	margin-left: 15px;
}
.switcher-language-wrapper .wpml-ls .wpml-ls-sub-menu {
	min-width: 200px;
	border: 0;
	border-radius: 5px;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	padding: 20px 0;
	margin: 0;
	list-style-type: none;
	z-index: 1020;
	box-shadow: 0 -3px 23px rgba(0, 0, 0, 0.06);
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
	background: #fff;
}
.switcher-language-wrapper .wpml-ls .wpml-ls-sub-menu.hover-back {
	right: 0;
	left: auto;
}
.switcher-language-wrapper .wpml-ls .wpml-ls-sub-menu li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.switcher-language-wrapper .wpml-ls .wpml-ls-sub-menu a {
	display: block;
	text-decoration: none;
	padding: 10px 20px;
	border: 0;
	background: #fff;
	font-size: 15px;
	font-weight: 400;
	color: #696969;
	line-height: 1;
	text-transform: uppercase;
}
.switcher-language-wrapper .wpml-ls .wpml-ls-sub-menu a:hover {
	background: #eee;
	color: #333;
}
.switcher-language-wrapper .wpml-ls .wpml-ls-sub-menu a img {
	width: 24px;
	height: auto;
}
.header-search-form {
	max-width: 100%;
}
.header-search-form .search-form {

	border-radius: 30px;
	background: #f5f5f5;
}
.header-search-form .search-form {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.header-search-form .search-field {
	color: #696969;
	border-color: #f5f5f5;
	background: #f5f5f5; border-radius:30px; overflow:hidden
}
.header-search-form .search-field {
	min-height: 48px;
	padding-right: 50px;
	margin-left: 30px
}
.header-search-form .search-submit {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	font-size: 16px;
	width: 48px;
	height: 48px;
	line-height: 50px;
	padding: 0;
	border: 0;
	border-radius: 0 5px 5px 0;
	background: none;
}
.header-search-form .search-btn-text {
	display: none;
}
.index-sec0 {
	padding: 80px 0px
}
.index-sec0 .index_proSlide_hd ul{      position: relative;
 
    padding-top: 25px;
  
 
    justify-content: center;
    display: flex; margin-bottom:30px}
.index-sec0 .index_proSlide_hd ul li{position: relative;
    float: left;
    height: 55px;
    padding: 0 20px; border:1px solid #e1eeff;
   
    font-size: 16px;
    cursor: pointer; line-height:55px;  background:#f8f8f8; border-radius:30px; margin:0px 10px}
	

	.index-sec0 .index_proSlide_hd ul li.on{ background:#5c8ef0; color:#fff; border:1px solid #5c8ef0}
.index-sec0 .index_proSlide_bd ul li {
	width: 32%;
	float: left;
	margin-right: 2%;
	padding: 50px 0px;
	text-align: center
}
.index-sec0 .index_proSlide_bd ul li h1 {
	color: #333;
	font-size: 30px;
	font-weight: bold; min-height:80PX
}
.index-sec0 .index_proSlide_bd ul li:nth-child(3) {
	margin-right: 0
}
.index-sec0 .index_proSlide_bd ul li:nth-child(1) {
	background: #edf7fb;
}
.index-sec0 .index_proSlide_bd ul li:nth-child(2) {
	background: #f8f8f8;
}
.index-sec0 .index_proSlide_bd ul li:nth-child(3) {
	background: #f3f8ff;
}
.index-sec0 .index_proSlide_bd ul li:nth-child(4) {
	background: #f4ede7;
}
.index-sec0 .index_proSlide_bd ul li .btn-3 {
	margin: 0px auto
}
.index-sec0 .index_proSlide_bd ul li .pic {
	width: 300px;
	height:300px;
	border-radius: 150px;
	margin:30px auto 50px auto
}
.index-sec0 .index_proSlide_bd ul li .pic img {
	transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
}
.index-sec0 .index_proSlide_bd ul li:nth-child(2) .pic {
	
}
.index-sec0 .index_proSlide_bd ul li:nth-child(1) .pic {
	
}
.index-sec0 .index_proSlide_bd ul li:nth-child(3) .pic {
	
}


.index-sec0 .index_proSlide_bd.proSlide2 ul li:nth-child(1) .pic {
	background: #e1eeff
}
.index-sec0 .index_proSlide_bd.proSlide2 ul li:nth-child(2) .pic {
	background: #f7f0f0
}
.index-sec0 .index_proSlide_bd.proSlide2 ul li:nth-child(5) .pic {
	background: #e1eeff
}


.index-sec0 .index_proSlide_bd ul li:hover .pic img {
	transform: scale3D(0.8, 0.8, 1);
}
.page-title {
	position: relative;
	padding: 150px 0px 150px;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	background-position: center center;
}
.page-title:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	background-color: rgba(11,9,9,0.30);
}
.page-title h1 {
	position: relative;
	color: #ffffff;
	font-size: 48px;
	font-weight: 700;
	line-height: 1.2em;
	margin-bottom: 10px;
	text-transform: capitalize;
}
.page-title .text {
	position: relative;
	color: #ffe361;
	font-size: 21px;
	margin-top: 0px;
}
.breadcrumb {
	background: none;
	color: #fff;
	margin: 0;
	padding: 0;
}
.breadcrumb a {
	color: #fff;
	position: relative;
	padding: 0 10px;
	position: relative;
	text-transform: uppercase;
}
.breadcrumb a:after {
	position: absolute;
	content: '';
	width: 2px;
	height: 10px;
	margin-left: 0;
	top: 3px;
	right: -2px;
	display: inline-block;
	background: #fff;
	-webkit-transform: skew(-30deg);
	transform: skew(-30deg);
}
.breadcrumb a:last-child::after {
	display: none;
}
.sidebar__search {
	background: #5c8ef0;
	padding: 3% 5%;
	border-radius: 2px;
	position: relative
}
.sidebar__search input[type=search] {
	display: block;
	border: none;
	outline: none;
	font-size: 16px;
	font-weight: 500;
	height: 50px;
	
	color: #333;
	opacity:1; padding-left:30px
}
.sidebar__search button[type=submit] {
	background-color: transparent;
	color: #5c8ef0;
	font-size: 22px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 72px;
	outline: none;
	border: none;
	display: flex;
	align-items: center;
	padding: 0
}
.sidebar__post {
	width: 80%;
	padding: 5% 10%;
	border-radius: 2px;
	background: #fcf5f3;
	margin-top: 20px
}
.sidebar__post h3 {
	font-size: 24px;
	margin-bottom: 20px
}
.sidebar__post .sidebar__post-image {
	width: 40%;
}
.sidebar__post .sidebar__post-image img {
	width: 100%;
}
.sidebar__post .sidebar__post-content {
	width: 55%
}
.sidebar__post ul li {
	margin-bottom: 10px
}
.sidebar__post .sidebar__post-content h3 span {
	display: block;
	font-size: 14px;
	font-weight: normal;
	color: #777
}
.sidebar__post .sidebar__post-content h3 a {
	font-weight: 700;
	font-size: 16px;
	color: #333;
}
.sidebar__contact {
	width: 80%;
	padding: 5% 10%;
	border-radius: 2px;
	background: #fcf5f3;
	margin-top: 20px
}
.sidebar__contact h3 {
	font-size: 24px;
	margin-bottom: 20px
}
.sidebar__contact p {
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 32px;
}
.sidebar__contact p i {
	float: left;
	margin-right: 10px;
	line-height: 32px;
	font-size: 24px;
}
.Products-section .list-portfolio {
	overflow: hidden
}
.Products-section .list-portfolio.sidebar__left {
	width: 68%
}
.sidebar {
	width: 29%
}
.pccp{ display: flex;
    flex-wrap: wrap;
     }
.Products-section .project-one__single {
	 flex: 0 0 calc(100% / 3);  padding: 10px;
    
	position: relative;
	
}
.Products-section .pccp .project-one__single:nth-child(3n) {
	margin-right: 0px
}
.project-one__image {
	position: relative;
	border-radius: 3px;
	overflow: hidden;
	z-index: 1;
	border: 1px solid #f0f0f0
}
.Products-section .project-one__single:hover .project-one__image:before {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}
.Products-section .project-one__image img {
	position: relative;
	width: 100%;
	display: block;
}
.project-four__overlay-box {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	padding: 15px 20px;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}
.project-one__image:hover .project-four__overlay-box {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
}
.project-four__overlay-box:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0.3;
	background-color: #000;
}
.project-four__content {
	position: absolute;
	left: 20px;
	bottom: 40px;
	padding-left: 20px;
	border-left: 4px solid #fff;
}
.project-four__sub-title {
	position: relative;
	font-size: 20px;
	color: #5c8ef0;
}
.project-four__title {
	position: relative;
	font-weight: 700;
	font-size: 20px;
	margin-top: 5px;
}
.project-four__title {
	position: relative;
	color: #fff;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}
.project-four__title:hover {
	color: #5c8ef0;
}
.project-four__arrow {
	position: relative;
	width: 46px;
	height: 31px;
	line-height: 31px;
	text-align: center;
	display: inline-block;
	font-size: 20px;
	color: #fff;
	margin-top: 5px;
	border-radius: 3px 50px 50px 3px;
	background-color: #5c8ef0;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}
.sidebar__left {
	width: 68%;
}
.project-four__arrow:hover {
	color: #fff;
	background-color: #1c58ef;
}
.cp {
	position: relative
}
.sidtop .zt{ float:left; width:60%}
.sidtop .section-title{float: right; width:38%}
.sidtop .section-title h1{ font-size:30px; font-weight:bold; margin-bottom:10px}
.sidtop .section-title  p{ font-size:16px; line-height:1.8; margin-bottom:5px; color:#555; background: }
.sidtop .section-title  p strong{ font-size:20px; font-weight:bold;; color:#333; margin-bottom:5px}

#zoom_pic {
	width: 98%;
	text-align: center;
	border: 1px solid #ccc;
}
#zoom_pic img {
	max-width: 100%;
}
.thumb_pic {
	width: 100%;
}
.thumb_pic ul li {
	border: 1px solid #ccc;
	display: block;
	width: 82px;
	margin: 10px 5px 10px 0px;
	float: left; text-align:center
}
.thumb_pic ul li:last-child {
	margin-right: 0px;
	text-align: center
}
.thumb_pic ul li.hover {
	border: 1px solid #5c8ef0
}
.Products-section .section-title {
	color: #333;
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 30px
}
.Products-section .section-title h3 {
	color: #333;
	font-size: 30px;
	font-weight: 700;
}
.Products-section .tab {
	margin-top: 20px;
}
.Products-section .tab h3.tit {
	font-size: 20px;
	background-color: #5c8ef0;
	display: inline-block;
	padding: 10px 20px;
	color: #fff
}
.Products-section .text h2{ font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;}
.Products-section .text {
	background: #f6f6f6;
	padding: 30px 20px;
	min-height: 500px
}
.Products-section .text_name h1{ font-size:16px;
    font-weight: bold;
    color: #5c8ef0;
    margin-bottom: 5px;}
.Products-section .text_name h2{ font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;}
.Products-section .text_name {
	background: #f6f6f6;
	padding: 10px 20px;
	
}
.Products-section .text table { border: 1px solid #efefef; width:100% }

.Products-section .text table  thead tr th {
    padding: 5px 20px;
    background-color: blue;
    font-weight: 400;
    color: #fff;
}
.Products-section .text table  tbody tr td {
    padding: 10px 10px;
    border:  1px solid #ccc ; word-break:keep-all !important; font-size: 14px; vertical-align:middle; line-height:1.8; text-align:center
}

.Products-section .text table  tbody tr td strong{ color:#5c8ef0}
.Products-section .text table  .firstRow td strong{ color:#fff}
.Products-section .text table  tr:first-child td {  
font-weight:bold;
 text-align:center; height:78px; padding:0px; border:none 
} .Products-section .text table  tr:first-child td{ }
 .Products-section .text table  tr:first-child td:first-child{ border-width:0;border-top-left-radius:10px;  overflow:hidden; }
  .Products-section .text table  tr:first-child td:last-child{border-top-right-radius:10px; overflow:hidden}

 

 
 
.Products-section .text table  tbody tr td p{
    font-size: 14px;
}

.Products-section .text table  .firstRow td{ background:#5c8ef0 !important; font-size:14px; color:#fff;}

.Products-section .text p {
	font-size: 18px;
	;
	line-height: 1.8;
}
.Products-section .text img {
	max-width: 100%
}
#pages {
	height: 40px;
	color: #999;
	font-family: Arial;
	font-size: 14px;
	line-height: 40px
}
#pages a {
	padding: 8px 15px;
	box-sizing: border-box;
	float: left;
	border-radius: 6px;
	background: #f8f9fb;
	border: 1px solid #dfe0e1;
	margin-right: 10px
}
#pages li {
}
#pages .active a {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #5c8ef0;
	color: #fff;
	font-size: 18px;
	border: 1px solid #5c8ef0
}
#prolist {
	width: 90%;
	;
	float: left;
	overflow: hidden;
	height: 68px;
	position: relative;
	margin: 10px 0 0 0;
}
#prolist ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: 20000px;
	position: relative;
}
#prolist ul li {
	float: left;
	cursor: pointer;
	position: relative;
	border: 1px solid #ccc;
	height: 62px;
	width: 80px;
	margin: 0px 5px;
}
#prolist ul li img {
	width: 100%;
	text-align: center;
	padding: 0px;
	border: 0;
}
#prolist .hover {
	border: 1px solid #e63f64;
	height: 62px;
}
.shop_big a {
	border: 1px solid #ccc;
	display: block
}
.shop_plist {
	margin-top: 10px;
	margin-bottom: 20px
}
.shop_big img {
	text-align: center
}
.shop_plist a.prev {
	float: left;
	width: 5%;
	height: 68px;
	display: block;
	outline: none;
	background: url(../images/ico_left.gif) no-repeat center;
	line-height: 68px;
	margin-top: 10px;
}
.shop_plist a.next {
	float: left;
	width: 5%;
	height: 68px;
	display: block;
	outline: none;
	background: url(../images/ico_right.gif) no-repeat center;
	margin-top: 10px;
}
#goodsshow .right {
	width: 350px;
}
#goodsshow .right h1 {
	font-size: 18px;
	font-family: microsoft yahei;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0;
}
#goodsshow .right .intro {
	color: #999;
	min-height: 80px;
}
#goodsshow .right .sno {
	border-bottom: 1px solid #eee;
	line-height: 35px;
}
#goodsshow .right .price {
	color: #999;
	line-height: 30px;
	padding: 10px 0;
}
#goodsshow .right .price span {
	color: #f60;
	font-size: 16px;
}
.service-details__category {
	margin-top: 20px
}
.sidebar-widget__content {
	position: relative;
	border-radius: 5px;
	padding: 40px 35px 60px;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.07);
	background-color: #e3ecfd;
}
.sidebar-widget__content:before {
	position: absolute;
	content: '';
	left: 10px;
	top: 10px;
	bottom: 10px;
	right: 10px;
	border-radius: 3px;
	border: 1px solid #ccc;
}
.service-details__title {
	position: relative;
	font-weight: 700;
	line-height: 32px;
	font-size: 34px;
	;
	margin-bottom: 30px;
	padding-bottom: 20px;
}
.service-details__title::before {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	width: 65px;
	height: 3px;
	background-color: #1c58ef;
}
.service-details__title::after {
	position: absolute;
	content: '';
	left: 68px;
	bottom: 0px;
	width: 20px;
	height: 3px;
	background-color: #5c8ef0;
}
/* Service Details Cagegory List */

.service-details__cagegory-list {
	position: relative;
}
.service-details__cagegory-list li {
	position: relative;
	margin-bottom: 10px;
}
.service-details__cagegory-list li:last-child {
	margin-bottom: 10px;
}
.service-details__cagegory-list li a {
	position: relative;
	font-weight: 600;
	display: block;
	font-size: 20px;
	padding: 16px 20px 16px 25px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	color: #fff;
	border-left: 2px solid transparent;
	background-color: #5c8ef0;
}
.service-details__cagegory-list li.active a, .service-details__cagegory-list li a:hover {
	border-color: #1c58ef;
}
.service-details__cagegory-list li.active .arrow, .service-details__cagegory-list li:hover .arrow {
	color: #000;
	background-color: #fff;
}

.service-details__cagegory-list li dl dt.hover a {
	background: #1c58ef; color:#fff;
	border-color: #1c58ef;
}
.service-details__cagegory-list li dl dt{}
.service-details__cagegory-list li dl dt a {
	color: #555;
	font-size: 18px;background: #edf7fb
	
}
.service-details__cagegory-list li dl dt p{ border-bottom:1px solid #edf7fb}
.service-details__cagegory-list li dl dt p a{ background:#fff !important; font-size:16px; font-weight:normal; padding:10px 20px 16px 25px; color:#555 !important}
.service-details__cagegory-list li dl dt p.on a{ background: #1c58ef; color:#fff;
	border-color: #1c58ef;}



.service-details__cagegory-list .arrow {
	position: absolute;
	right: 20px;
	width: 36px;
	top: 14px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-radius: 50px;
	font-weight: 600;
	font-size: 14px;
	display: inline-block;
	color: #fff;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
.service-details__cagegory-list li .numbering {
	position: absolute;
	right: 70px;
	font-weight: 600;
	font-size: 20px;
	color: #333;
}
.about-image-left-wrapper {
	position: relative;
	margin-right: -30px;
}
.about-image-left-wrapper .review-area {
	position: absolute;
	right: 0;
	bottom: 0;
	background: #fff;
	padding: 15px 20px;
	border-radius: 10px 0 0 0;
}
.about-image-left-wrapper .review-area .stars-area {
	margin-top: 13px;
}
.about-image-left-wrapper .review-area .stars-area .wrapper {
	display: flex;
	align-items: center;
	gap: 2px;
	margin-bottom: 10px;
}
.about-image-left-wrapper .review-area .stars-area .wrapper .single {
	height: 24px;
	width: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #00B67A;
}
.about-image-left-wrapper .review-area .stars-area .wrapper .single i {
	color: #fff;
	font-size: 14px;
}
.about-image-left-wrapper .review-area .stars-area .content {
	color: #111032;
}
.about-image-left-wrapper .review-area .stars-area .content span {
	font-size: 14px;
	color: #111032;
}
.title-wrapper-left {
	text-align: left;
}
.title-wrapper-left .pre {
	border-radius: 30px;
	padding: 5px 16px;
	color: #615EFC;
	margin-bottom: 21px;
	display: block;
	max-width: max-content;
	border: 1px solid rgba(97, 94, 252, 0.2);
}
.title-wrapper-left .title {
	text-align: left;
	font-size: 40px;
	margin-bottom: 20PX
}
.about-content-wrapper-right p.disc {
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 10PX
}
.ts-counter-area .NEI-BOX {
	padding: 0PX 280PX 50PX 280PX
}
.counter-area-main-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
@media only screen and (max-width: 991px) {

}
@media only screen and (max-width: 767px) {

}
.counter-area-main-wrapper .single-counter {
	position: relative;
}
.counter-area-main-wrapper .single-counter:last-child::after {
	display: none;
}
.counter-area-main-wrapper .single-counter::after {
	position: absolute;
	content: "";
	right: -150px;
	height: 100%;
	top: 0;
	width: 1px;
	background: rgba(97, 94, 252, 0.2);
}
@media only screen and (max-width: 991px) {

}
.counter-area-main-wrapper .single-counter .icon-area {
	margin-bottom: 0;
}
.counter-area-main-wrapper .single-counter .icon-area I {
	font-size: 50PX;
	color: #5c8ef0
}
.counter-area-main-wrapper .single-counter .title {
	margin-top: 20px;
	margin-bottom: 16px;
	font-size: 40px;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 1px;
	-webkit-text-stroke-color: #000;
	font-family: "Roboto-Bold";
}
.wid48 {
	width: 48%
}
.wid100 {
	width: 100%
}
.fl {
	float: left
}
.fr {
	float: right
}
.nsec01 h3 {
	color: #5c8ef0;
	font-size: 20px;
	text-transform: uppercase;
	text-decoration: underline;
	letter-spacing: .5px;
	font-family: "Roboto-Bold";
	margin: 20px 0px
}
.nsec01 h1 {
	color: #121F45;
	font-size: 38px;
	font-weight: bold;
	font-family: "Roboto-Bold";
}
.nsec01 p {
	line-height: 1.8;
	font-size: 17px;
	
	margin-top: 10px
}
.nsec01 ul {
	display: flex;
	border-top: 1px solid #D9DDEA;
	border-bottom: 1px solid #D9DDEA
}
.nsec01 ul li {
	padding: 20px
}
.nsec01 ul li h2 {
	color: #121F45;
	font-size: 48px;
	font-weight: bold;
	font-family: "Roboto-Bold";
	margin-bottom: 20px
}
.nsec01 ul li p {
	margin-bottom: 0
}
.nsec02 {
	background: url(../images/nsec02_bg.jpg) no-repeat top;
}
.nsec02 ul {
	display: flex
}
.nsec02 ul li {
	width: 32%;
	margin-right: 2%;
	float: left;
	text-align: center;
	box-shadow: 0 15px 40px rgb(18 31 69 / 6%);
	background-color: #fff;
	margin-bottom: 30px;
	position: relative
}
.nsec02 ul li:nth-child(3) {
	margin-right: 0px
}
.nsec02 h3 {
	text-align: center;
	color: #5c8ef0;
	font-size: 20px;
	text-transform: uppercase;
	text-decoration: underline;
	letter-spacing: .5px;
	font-family: "Roboto-Bold";
	margin: 20px 0px
}
.nsec02 h1 {
	text-align: center;
	color: #121F45;
	font-size: 48px;
	font-weight: bold;
	font-family: "Roboto-Bold";
	margin-bottom: 90px
}
.nsec02 h2 {
	text-align: center;
	color: #121F45;
	font-size: 24px;
	font-weight: bold;
	font-family: "Roboto-Bold";
	margin-bottom: 10px
}
.nsec02 .text {
	padding: 15px 25px 10px 25px
}
.nsec02 p {
	font-size: 17px;
	line-height: 30px;
	color: #676F86;
}
.nsec02 ul li img {
	max-width: 100%;
	z-index: 8;
	position: relative
}
.nsec02 ul li i {
	height: 80px;
	width: 80px;
	background-color: #5c8ef0;
	color: #fff;
	font-size: 40px;
	line-height: 80px;
	text-align: center;
	display: block;
	margin: -40px auto 0px auto;
	z-index: 9;
	position: relative;
	border-radius: 40px
}
.nsec03 {
	display: flex
}
.nsec03 .ln01 {
	background: #172875;
	width: 50%;
	float: left;
	padding: 80px 4% 80px 10%
}
.nsec03 h3 {
	color: #5c8ef0;
	font-size: 20px;
	text-transform: uppercase;
	text-decoration: underline;
	letter-spacing: .5px;
	font-family: "Roboto-Bold";
	margin: 20px 0px
}
.nsec03 h1 {
	color: #121F45;
	font-size: 48px;
	font-weight: bold;
	font-family: "Roboto-Bold";
}
.nsec03 .ln01 h1 {
	color: #fff;
	font-size: 30px
}
.nsec03 .ln01 p {
	color: #fff;
}
.nsec03 p {
	font-size: 17px;
	line-height: 30px;
	color: #676F86;
}
.nsec03 .ln02 {
	background: #ccf0ff;
	width: 50%;
	padding: 80px 10% 80px 4%;
	text-align: center
}
.nsec03 .ln02 img{ max-width:100%}
.nsec04 h3 {
	color: #5c8ef0;
	font-size: 20px;
	text-transform: uppercase;
	text-decoration: underline;
	letter-spacing: .5px;
	font-family: "Roboto-Bold";
	margin-bottom: 30px;
	text-align: center
}
.nsec04 ul li {
	width: 19.2%;
	margin-right: 1%;
	float: left
}
.nsec04 ul li img {
	width: 100%
}
.nsec04 ul li:nth-child(5) {
	margin-right: 0
}
.ser01 {
	background: #fff
}
.ser01 h3 {
	color: #5c8ef0;
	font-size: 20px;
	text-transform: uppercase;
	text-decoration: underline;
	letter-spacing: .5px;
	font-family: "Roboto-Bold";
	margin-bottom: 30px;
	text-align: center
}
.ser01 h1 {
	color: #121F45;
	font-size: 48px;
	font-weight: bold;
	font-family: "Roboto-Bold";
	margin-bottom: 20px
}
.ser01 p {
	font-size: 17px;
	line-height: 25px;
	color: #676F86;
}
.FWNR01 {
	width: 43%;
}
.FWNR02 {
	width: 50%;
}
.FWNR02 img {
	max-width: 100%
}
.ser01 ul {
	display: flex;
	
	padding: 0px 10% 80px 10%;
}
.ser01 ul li {
	padding: 0px 40px;
	text-align: center
}
.ser01 ul li i {

	font-size: 50px;
	color: #5c8ef0; margin-bottom:20px; display:block
}
.ser01 ul li p {
	font-size: 20px;
	color: #121F45
}
.index-box-4 {
	background:#eff3fe 
}
.index-title-box h3 {
	color: #5c8ef0;
	font-size: 20px;
	text-transform: uppercase;
	text-decoration: underline;
	letter-spacing: .5px;
	font-family: "Roboto-Bold";
	margin-bottom: 30px; text-align:center
}
.index-box-4 .nei-box {
	position: relative;
}
.index-box-4 .info {
	padding-top: 10px;
}
.index-box-4 .pic {
	position: relative;
	height: 100%;
}
.index-box-4 .pic ul {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 10;
}
.index-box-4 .pic img {
	width: 100%;
	display: block;
	transition: transform 0.8s ease;
	-webkit-transition: transform 0.8s ease;
	-moz-transition: transform 0.8s ease;
	-ms-transition: transform 0.8s ease;
	-o-transition: transform 0.8s ease;
}
.index-box-4 .pic li {
	position: absolute;
	z-index: 1;
	display: inline-block;
	width: 40px;
	height: 40px;
}
.index-box-4 .pic li:before, .index-box-4 .pic li:after {
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0;
}
.index-box-4 .pic li:before {
	z-index: 0;
	animation: iconScale2 1.8s linear infinite;
	background-color: rgba(6, 105, 178, 0.4);
}
.index-box-4 .pic li:after {
	background-image: linear-gradient(-90deg, #0b59c3 0%, #082c7e 100%);
	background-blend-mode: normal, normal;
	z-index: 1;
	transform: scale(0.375);
	-webkit-transform: scale(0.375);
	-moz-transform: scale(0.375);
	-ms-transform: scale(0.375);
	-o-transform: scale(0.375);
}
.index-box-4 .pic li:first-child {
	left: 23%;
	top: 28%;
}
.index-box-4 .pic li:nth-child(2) {
	left: 47%;
	top: 39%;
}
.index-box-4 .pic li:nth-child(3) {
	right: 465%;
	top: 15%;
}
.index-box-4 .pic li:nth-child(4) {
	left: 18%;
	bottom: 37%;
}
.index-box-4 .pic li:nth-child(5) {
	right: 25%;
	bottom: 62%;
}
.index-box-4 .pic li:nth-child(6) {
	right: 47%;
	top: 15%;
}
.index-box-4 .title {
	font-size: 48px;
	font-weight: 700;
	line-height: 62px; text-align:center; text-transform:uppercase
}
.index-box-4 .title b, .index-box-4 .title em {
	color: #082c7e;
}
.index-box-4 .title em {
	font-style: normal;
}
.index-box-4 .title b {
	font-size: 55px;
	margin-right: 10px;
	font-family: "Roboto-Bold";
}
.index-box-4 .data {
	margin-top: 30px;
	z-index: 10;
}
.index-box-4 .data ul {
	display: flex;
	display: -webkit-box;
	/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
	display: -moz-box;
	/* Firefox 17- */
	display: -webkit-flex;
	/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
	display: -moz-flex;
	/* Firefox 18+ */
	display: -ms-flexbox;
	/* IE 10 */
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.index-box-4 .data p {
	line-height: 24px;
}
.index-box-4 .data .num {
	font-size: 36px;
	line-height: 36px;
	height: 36px;
	background-image: -webkit-linear-gradient(#03236b, #0036d6);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
}
.index-box-4 .data .num span {
	font-family: "Roboto-Bold";
}
.index-box-4 .data em, .index-box-4 .data i {
	display: inline-block;
	font-style: normal;
}
.index-box-4 .data i {
	font-weight: 700;
	font-size: 24px;
	line-height: 20px;
	background-image: -webkit-linear-gradient(#03236b, #0036d6);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-left: 0.15rem;
	position: relative;
	vertical-align: top;
	top: 2px;
}
.index-box-4 .data p {
	margin-top: 18px;
	line-height: 24px;
}
@keyframes iconScale2 {
 from {
 transform: scale(0);
 -webkit-transform: scale(0);
 -moz-transform: scale(0);
 -ms-transform: scale(0);
 -o-transform: scale(0);
 opacity: 1;
}
to {
	transform: scale(1.7);
	-webkit-transform: scale(1.7);
	-moz-transform: scale(1.7);
	-ms-transform: scale(1.7);
	-o-transform: scale(1.7);
	opacity: 0;
}
}
.lh-talent1-main .lh-cd-text {
	position: relative;
	z-index: 2;
	top: 20px;
}
.talent-text {
	font-size: 67px;
	color: #EEE;
	line-height: 67px;
	text-transform: uppercase;
	transform: rotate(-90deg);
	position: absolute;
	left: 260px;
	bottom: 320px;
}
.lh-cd-text h3 {
	color: #fff;
	font-size: 48px;
	font-family: "Roboto-Bold";
}
.lh-talent1-bg {
	height: 430px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.lh-talent1-main {
	margin-top: -300px;
}
.lh-talent1-banner {
	width: 1280px;
	height: 740px;
	position: relative;
	overflow: hidden;
	margin: 0px auto
}
.lh-talent1-banner .bd .img {
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.lh-talent1-banner .bd .text {
	background: rgba(14,30,92,.9);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 80px;
}
.lh-talent1-banner .bd .text h3 {
	color: #5c8ef0;
	font-size: 20px;
	text-transform: uppercase;
	text-decoration: underline;
	letter-spacing: .5px;
	font-family: "Roboto-Bold";
	margin-bottom: 30px;
}
.lh-talent1-banner .bd .text p {
	line-height: 30px;
	color: #dfe4ed;
	margin: 20px 0;
}
.lh-talent1-btn {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
}
.lh-merchants2-input li.width100 {
	width: 100%;
}
.lc-uploads:hover .lc-uploads-btn span {
	color: #fff;
}
.lc-uploads .img.imgFile {
	text-indent: inherit !important;
}
.lh-merchants1-item li>div {
	position: relative;
	border-bottom: 1px solid #C5C6C7;
}
.lh-merchants1-item li input, .lh-merchants1-item li select {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	border: none;
	padding: 0 0 0 90px;
	color: #88887D;
	z-index: 2;
}
.lh-merchants1-item li.noborer>div {
	border: none;
}
.lh-merchants1-item li i {
	position: absolute;
	right: 10px;
	top: 0;
}
.lh-merchants1-item li select {
	color: #88887D;
}
.lh-merchants1-input>a {
	width: 103px;
	height: 103px;
	background: #5c8ef0;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	float: right;
	margin-top: 50px;
}
.lh-merchants1-input>a:hover {
	background: #B89B73;
}
.lh-merchants1-input>a i {
	display: block;
	margin-top: 5px;
	font-size: 18px;
}
.lh-merchants2 {
	height: 800px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
	z-index: 2;
}
.lh-merchants2-l {
	width: 43%;
	display: flex;
	align-items: flex-end;
	height:800px;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
}
.lh-merchants2-l>div {
	width: 100%;
}
.lh-merchants2-l .info {
	padding: 0 0 10vh 5.2vw;
	position: relative;
}
.lh-merchants2-l .info h3 {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	font-family: "Roboto-Bold";
}
.lh-merchants2-l .info h4 {
	font-size: 36px;
	line-height: 40px;
	;
	margin-top: 10px;
	color: #fff;
	font-family: "Roboto-Bold";
}
.lh-merchants2-l .info a {
	width: 139px;
	height: 139px;
	background: #5c8ef0;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: absolute;
	right: 0;
	bottom: 0;
}
.lh-merchants2-l .info a .icon {
	width: 39px;
	margin: 0 auto 10px;
}
.lh-merchants2-contact {
	padding: 7.5vh 0 7.5vh 4.6vw;
	background: #2D3450;
}
.lh-merchants2-contact li {
	width: 50%;
	float: left;
	line-height: 24px;
}
.lh-merchants2-contact li i {
	font-size: 24px;
	float: left;
	margin: 13px 20px 0 0;
	color: #fff;
}
.lh-merchants2-contact li h3 {
	color: #fff;
	font-size: 18px; text-transform:uppercase
}
.lh-merchants2-contact li h4 {
	color: #fff;
	font-size: 20px;
	font-family: "Roboto-Bold";
}
.lh-merchants2-r {
	width: 57%;
	background: #fff;
	height:720px;
	position: relative;
	top:80px;
	padding: 30px 50px
}
.lh-merchants2-r h2 {
	font-size: 40px;
	color: #2d3450;
	position: relative;
	margin-bottom: 30px;
	font-family: "Roboto-Bold";
}
.lh-merchants2-r h2 b {
	color: #000;
}
.lh-merchants2-r h2:after {
	content: '';
	display: block;
	width: 30px;
	height: 3px;
	background: #5c8ef0;
	position: absolute;
	left: 0;
	bottom: -20px;
}
.lh-merchants2-r p {
	line-height: 28px;
	color: #666666;
	overflow: hidden;
	font-size: 14px;
}
.lh-merchants2-sq {
	margin-top: 20px;
}
.lh-merchants2-sq>h3 {
	color: #5c8ef0;
	font-size: 20px;
	text-transform: uppercase;
	text-decoration: underline;
	letter-spacing: .5px;
	font-family: "Roboto-Bold";
	margin-bottom: 30px;
}
.lh-merchants2-input {
	margin: 10px 0 20px;
}
.lh-merchants2-input li {
	width: 50%;
	float: left;
	height: 60px;
	line-height: 60px;
}
.lh-merchants2-input li>div {
	width: 100%;
	height: 100%;
	border-bottom: 1px solid #DCDCDC;
	position: relative;
}
.lh-merchants2-input li.noborder>div {
	border: none;
}

.lh-merchants2-input li:nth-child(1) input {
	padding-left: 80px
}

.lh-merchants2-input li:nth-child(2) input {
	padding-left: 105px
}
.lh-merchants2-input li:nth-child(3) input {
	padding-left: 135px
}
.lh-merchants2-input li:nth-child(4) input {
	padding-left: 90px
}

.lh-merchants2-input li:nth-child(5) input {
	padding-left:50px
}
.lh-merchants2-input li:nth-child(6) input {
	padding-left: 70px
}
.lh-merchants2-input li input, .lh-merchants2-input li select {
	position: absolute;
	left: 0;
	top: 0;
	width: 90%;
	height: 100%;
	padding: 0 30px 0 70px;
	color: #88887D;
	border: none;
	z-index: 2;
}
.lh-merchants2-input li i {
	position: absolute;
	right: 10px;
	top: 0;
	color: #88887D;
}
.lh-btn2 BUTTON {
	display: block;
	width: 130px;
	height: 38px;
	border: 2px solid #5c8ef0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	line-height: 38px;
	color: #5c8ef0;
	font-size: 12px;
}
.lh-btn2 i {
	margin-left: 10px;
}
.lh-btn2 BUTTON:hover {
	background: #5c8ef0;
	color: #fff;
}
.lh-merchants2-hx {
	margin-top: 40px;
}
.lh-merchants2-hx h3 {
	font-size: 18px;
	font-weight: bold;
}
.lh-merchants2-hx pre {
	line-height: 30px;
	color: #666666;
	margin: 20px 0;
}
.lh-merchants2-hx a {
	display: block;
	width: 124px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	background: #2D3450;
	color: #fff;
	font-size: 12px;
	margin-top: 30px;
}
.lh-merchants2-hx a:hover {
	background: #000;
}
.lh-merchants3 {
	padding: 260px 0 220px 10vw;
	background: #EEE;
	position: relative;
}
.lh-merchants3:before {
	content: '';
	display: block;
	width: 20.885416666666668vw;
	height: 14.21875vw;
	background: url(/style/img/lc-a1.png) no-repeat center;
	background-size: cover;
	position: absolute;
	left: 18.75vw;
	top: -5.2vw;
}
.lh-merchants3-l {
	width: 690px;
}
.lh-merchants3-l .mj {
	font-size: 27px;
	line-height: 48px;
	font-weight: bold;
	position: relative;
}
.lh-merchants3-l .mj em {;
	font-size: 40px;
}
.lh-merchants3-l .mj em:first-child {
	left: -40px;
	top: -10px;
	position: absolute;
}
.lh-merchants3-l .mj em:last-child {
	display: inline-block;
	margin-left: 40px;
	transform: perspective(400px) rotateX(180deg);
}
.lh-merchants3-l .ccont {
	line-height: 30px;
	color: #2f2f2f;
	margin: 40px 0;
	height: 150px;
	overflow: hidden;
	max-width: 562px;
}
.lh-merchants3-yy>h2 {
	font-size: 16px;
	font-weight: bold;
}
.lh-merchants3-yy .lh-merchants2-input {
	margin-left: -2vw;
}
.lh-merchants3-yy .lh-merchants2-input li {
	padding-left: 2vw;
}
.join-logo {
	background: #eceff6;
	padding-bottom: 80px
}
.join-logo h3 {
	color: #5c8ef0;
	font-size: 20px;
	text-transform: uppercase;
	text-decoration: underline;
	letter-spacing: .5px;
	font-family: "Roboto-Bold";
	margin-bottom: 30px;
	text-align: center
}
.join-logo ul {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: -40px;
}
.join-logo li {
	width: calc(100%/6);
	border-left: 1px solid #DEDEDF;
	border-top: 1px solid #DEDEDF;
	border-bottom: 1px solid #DEDEDF;
	padding: 40px 0px
}
.join-logo li:nth-child(6n) {
	border-right: 1px solid #DEDEDF
}
.join-logo li a {
	display: flex;
	align-items: center;
}
.join-logo li img {
	display: block;
	margin: 0 auto;
	transition: all 1.2s;
	max-height: 66px;
	overflow: hidden;
}
.join-logo li:hover img {
	transform: rotateY(360deg);
}
.sty_pc {
	display: block
}
.global_distributor_network_body .r4 .map_svg_case .map_svg_box, .global_distributor_network_body .r4 .map_svg_case .map_svg_box img {
	width: 100%;
}
.sty_m {
	display: none;
}
.global_case {
	-ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 40px;
    display: -ms-flexbox;
    display: flex;
}
.global_case .global_list {
	width: 100%;
min-height:200px;
border-radius:20px;
margin-top:30px;
	margin-bottom: 0;
padding:40px 20px ; margin:20px 20px
}



.global_case .global_list {
	
	
	text-align: center;
	background: #fff;
	
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	
	display: -ms-flexbox;
	display: flex
}
.global_case .global_list .pub_img_box {
	
	display: none
}
.global_case .global_list .pub_img_box:before {
	margin-top: 75.6757%
}
.global_case .global_list .pub_title_h3 {
	color:#0b59c3 ;
	letter-spacing: 2px;
	font-size: 30px;
	font-weight: 800;
	line-height: 1.5
}
.global_case .global_list .pub_title_h3 span {
	color:#000 ;
	
	font-weight: 900;font-family: "Roboto-Bold"; font-weight:bold
}

 .content-form {overflow: hidden;}
.content-form li{list-style: none;margin: 0 0 30px 0;padding: 0;font-size: 0;}
.content-form li .input2 {border: 1px solid #ededed;background: #f5f5f7;padding: 10px 20px;width:50%;height:60px;font-size: 0.6rem;font-weight: normal;box-sizing: border-box; float:left; }
.content-form li .input2:first-child {margin-right: 1%;width:49%;}
.content-form li .textarea1 {width:100%;height:130px;font-size: 14px;border: 1px solid #ededed;background: #f5f5f7;padding: 20px 20px;box-sizing: border-box;}
.content-form li .submit1 {background: #4e97fd;color: #fff;font-size:18px;width: 100%;height:58px;cursor: pointer; width:300px; border:none; text-transform:uppercase }
.content-form li .submit1:hover {background: #4e97fd;}
.nei-contact .lx01{}
.nei-contact .lx02{ width:62%;}
.nei-contact .lx02 img{ max-width:100%}
.nei-contact .lx01 ul{ display:flex}
.nei-contact .lx01 ul li{ border-left: 1px solid #ECEEF3;border-top: 1px solid #ECEEF3; border-bottom: 1px solid #ECEEF3; text-align:center; padding:50px 0px; margin-bottom:20px; width:25%; }
.nei-contact .lx01 ul li:nth-child(4){border-right: 1px solid #ECEEF3; }
.nei-contact .lx01 ul li i{ font-size:50px; color:#4e97fd}
.nei-contact .lx01 ul li h2{    font-size: 22px; color:#000;font-family: "Roboto-Bold"; font-weight:bold; margin:20px 0px}
.nei-contact .lx01 ul li p{font-size: 18px;
    display: block; color:#000;font-family: "Roboto-Light"; padding:0px 40px}
	.nei-contact .lx01 ul li.link i{ font-size:20px; color:#888; padding:0px 20px}
	.nei-contact .lx02  h1{ font-size: 48px;
    color: #2d3450;font-family: "Roboto-Bold"; margin-bottom:20px}
 @media screen and (max-width: 1800px) {

}
 @media screen and (max-width: 1700px) {
.nei-box{ padding:50px 5%}
.nsec03 .ln01{ padding:80px 4% 80px 5%}
.nsec03 .ln02{    padding: 80px 5% 80px 4%;}
.headtop {
	padding: 0px 45px;


}

.footer {
  
    padding: 30px 42px;

 }
 .newspage li a{ padding:40px 5%}
 }
 @media screen and (max-width: 1500px) {

}
 @media screen and (max-width: 1400px) {

}
 @media screen and (max-width: 1300px) {

}