@charset "utf-8";

body,html {
	margin: 0;
	padding: 0
}

body {
	overflow: -Scroll;
	overflow-x: hidden;
	color: #666;
	font-size: 14px;
	font-family: PingFang sc Medium !important;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box
}

:after,:before,body {
	box-sizing: border-box
}

button,input,select,textarea {
	color: #585858;
	font-family: PingFang sc Medium
}

ul {
	margin: 0;
	padding: 0
}

div,ul {
	zoom: 1
}

li {
	float: left;
	list-style: none;
	vertical-align: middle
}

dd,dl,dt {
	margin: 0;
	padding: 0
}

img {
	margin: 0 auto;
	max-width: 100%;
	border: 0
}

a {
	color: #666
}

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

a:hover {
	color: #0085cc;
	transition: all .1s
}

a:active,a:focus,a:visited {
	text-decoration: none
}

a:focus {
	list-style: none
}

a img {
	border: 0
}

h1,h2,h3,h4,h5,p {
	margin: 0;
	padding: 0
}

.clear {
	clear: both;
	width: 100%;
	height: 0;
	font-size: 0
}

.fl {
	float: left
}

.fr {
	float: right
}

button,input,select,textarea {
	margin: 0;
	padding: 0;
	outline: 0 0!important;
	border: 0
}

.container {
	padding: 0
}

i {
	display: inline-block;
	vertical-align: middle;
	font-style: normal
}

.tc {
	text-align: center
}

.row {
	margin: 0
}

.midde_header,.mobile-foot {
	display: none
}

.scale {
	transition: all .5s
}

.scale,.scale span {
	display: block;
	overflow: hidden
}

.scale:hover img {
	transition: all .5s;
	transform: scale(1.1)
}

#dituContent img {
	max-width: initial
}

.scrollup {
	position: fixed;
	right: 20px;
	bottom: 22px;
	z-index: 999;
	display: none;
	width: 40px;
	height: 40px;
	background: url(../img/scroll-top-arrow.png) no-repeat left top;
	text-indent: -9999px;
	opacity: 1
}

.search_hide {
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	display: none;
	padding: 15px 0;
	background: rgba(0,0,0,.5)
}

.search_hide form {
	display: flex
}

.search_hide form input {
	width: calc(100% - 75pt);
	height: 45px;
	text-indent: 1rem;
	line-height: 45px
}

.search_hide form button {
	width: 75pt;
	height: 45px;
	line-height: 45px
}

.container {
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px
}

@media(min-width:992px) {
	.container {
		width: 95%;
		margin: 0 auto;
	}
	.foot_copy .copy{
		font-size: 12px;
		padding-top: 5px;

	}
}

@media(min-width:1280px) {
	.container {
		width: 80pc
	}
}

@media(max-width:480px) {
	.mobile-foot {
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 9999;
		display: block;
		padding: 8px 0;
		width: 100%;
		background: #13afeb
	}

	.mobile-foot a {
		padding: 0 15px;
		height: 35px;
		border: 1px solid #fff;
		border-radius: 4px;
		color: #fff;
		text-align: center;
		line-height: 33px;
		transition: .3s
	}

	.pull-left {
		float: left
	}

	.pull-right {
		float: right
	}

	.mobile_addhide {
		position: fixed;
		top: 50%;
		left: 50%;
		z-index: 100;
		display: none;
		width: 80vw;
		background-color: #fff;
		transform: translate(-50%,-50%)
	}

	.mobile_addhide .hide_ul {
		display: flex;
		flex-flow: wrap
	}

	.mobile_addhide .hide_ul li {
		width: 100%;
		border-bottom: 1px solid #474747;
		background-color: #313131;
		text-align: center;
		line-height: 35px
	}

	.mobile_addhide .hide_ul a {
		display: block;
		color: #ccc
	}

	.mobile_addhide .hide_ul i {
		display: inline-block;
		margin-right: 5px;
		color: #ccc
	}

	.btn {
		display: inline-block;
		margin-bottom: 0;
		border: 1px solid transparent;
		border-radius: 4px;
		vertical-align: middle;
		text-align: center;
		white-space: nowrap;
		font-weight: 400;
		font-size: 14px;
		cursor: pointer
	}
}

.mobile_addhide {
	display: none
}

header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 100;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,.1)
}

header .nav_top {
	box-sizing: border-box;
	height: 40px;
	border-bottom: 1px solid #f7f7f7;
	text-align: right;
	font-size: 14px;
	line-height: 40px;
	transition: all 1s;
	overflow: hidden;
}

header .nav_top.active {
	overflow: hidden;
	height: 0;
	transition: all 1s
}

header .nav_top a {
	display: inline-block;
	color: #666
}

header .nav_top a:hover {
	display: inline-block;
	color: #13afeb
}

header .nav_top i {
	display: inline-block;
	margin: 0 5px;
	vertical-align: middle;
	font-size: 14px
}

header .nav_foot {
	display: flex;
	height: 5pc
}

header .nav_foot .logo {
	display: flex;
	/* width: 220px; */
	line-height: 80px;
	
}

header .nav_foot .nav_list {
	display: flex;
	width: calc(100% - 220px);
	justify-content: flex-end
}

 



header .nav_foot .nav_list li {
	display: flex;
	padding: 0 20px;
	text-align: center;
	justify-content: center;
	align-items: center;
	position:relative;
	transition: all .2s ease-in-out;
}

 .nav_list .sec_ul{
	
	position: absolute;
    top: 80px;
    left: -15px;
    width: 135%;
    background: #fff;
    transform: scale(0);
    transition: all .2s ease-in-out;
    opacity: 0;
	
	
	}
	
	.nav_list .sec_ul li a {
    color: #666!important;
}
	
	
	.nav_list .sec_ul li {
    float: none;
    padding: 5px 0px;
    text-align: center;
    padding: 5px 10px;
    position: relative;
}
	
 


 header .nav_foot .nav_list li:hover .sec_ul{
	
	 transform: scale(1);
    opacity: 1;
	}
 
 .sec_ul li:hover a{
	 
	 color:#fff!important;
	 
	 }



header .nav_foot .nav_list li i {
	display: block;
	margin-bottom: 5px;
	font-size: 14px
}






header .nav_foot .nav_list li:hover a {
	color: #fff
}

header .nav_foot .nav_list .active,header .nav_foot .nav_list li:hover {
	background-color: #13afeb
}

header .nav_foot .nav_list .active a {
	color: #fff;
	transition: all .5s
}

header .m_menu {
	display: none
}

.ind_ban {
	position: relative;
	overflow: hidden;
	margin-top: 90pt
}

.ind_ban img {
	display: block
}

.ind_ban .ban_float {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center
}

.ind_ban .ban_float .text {

	color: #fff;
	text-align: center
}
.swiper_banner .swiper-slide:nth-child(2) .text{ text-align: left; }

.ind_ban .ban_float .text .h2 {
	margin-bottom: 15px;
	font-weight: 100;
	font-size: 3pc;
	opacity: 0;
	transform: translate(0,150px)
}

.ind_ban .ban_float .text .p {
	font-size: 21px;
	line-height: 30px;
	opacity: 0;
	transform: translate(0,150px)
}

.ind_ban .swiper-slide-active .ban_float .text .h2 {
	opacity: 1;
	transition: all .5s 1.5s;
	transform: translate(0,0)
}

.ind_ban .swiper-slide-active .ban_float .text .p {
	opacity: 1;
	transition: all .5s 2s;
	transform: translate(0,0)
}

.ind_ban #particles-js {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 50
}

.ind_ban #particles-js canvas {
	width: 100%;
	height: 100%
}

.ind_ban:after {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 10;
	height: 2pc;
	background: url(../img/shadow.png) no-repeat center top;
	content: ""
}

.ind_ban .swiper_banner .ban2 {
	display: none
}

.ind_ban .swiper_banner .ban1 {
	display: block
}

.ind_about {
	padding: 60px 0;
	background: url(../img/texture-1.png) repeat left top;
	text-align: center
}

.ind_about .ab_tit h2 {
	margin-bottom: 15px;
	font-weight: 300;
	font-style: normal;
	font-size: 35px;
	line-height: 35px
}

.ind_about .ab_tit p {
	color: #727272;
	font-weight: 200;
	font-size: 14px;
	line-height: 23px
}

.ind_about .ab_list {
	display: flex;
	margin: 30px 0;
	justify-content: space-between
}

.ind_about .ab_list .inlist {
	width: 23%
}

.ind_about .ab_list .ico {
	position: relative;
	display: inline-block;
	margin: 0 auto;
	padding: 20px 0;
	width: 65%;
	border: 5px solid #fff;
	border-radius: 4px;
	background-color: #e3e3e3
}

.ind_about .ab_list .ico i {
	color: #272727;
	font-size: 50px
}

.ind_about .ab_list .ico:after,.ind_about .ab_list .ico:before {
	position: absolute;
	top: 100%;
	left: 50%;
	width: 0;
	height: 0;
	border: solid transparent;
	content: " ";
	pointer-events: none
}

.ind_about .ab_list .ico:before {
	margin-left: -1pc;
	border-color: transparent;
	border-width: 1pc;
	border-top-color: #fff
}

.ind_about .ab_list .ico:after {
	margin-left: -10px;
	border-color: transparent;
	border-width: 10px;
	border-top-color: #e3e3e3
}

.ind_about .ab_list h4 {
	margin: 25px 0 15px;
	font-style: normal;
	font-size: 15px;
	line-height: 25px
}

.ind_about .ab_list p {
	font-weight: 400;
	font-size: 9pt;
	line-height: 23px
}

.ind_about .ab_list .inlist:hover .ico {
	border-color: #0085cc;
	background-color: #fff;
	transition: all .3s
}

.ind_about .ab_list .inlist:hover .ico:before {
	transition: all .3s;
	border-top-color: #0085cc
}

.ind_about .ab_list .inlist:hover .ico:after {
	transition: all .3s;
	border-top-color: #fff
}

.ind_about .ab_list .inlist:hover .ico i,.ind_about .ab_list .inlist:hover h4 a {
	color: #0085cc;
	transition: all .3s
}

.ind_choose {
	position: relative;
	overflow: hidden;
	padding: 0;
	height: 35pc
}

.ind_choose .ch_tit h3 {
	color: #fff;
	text-align: center;
	font-size: 35px
}

.ind_choose .ch_list {
	position: relative;
	display: flex;
	margin: 30px 0;
	color: #fff
}

.ind_choose .ch_list:after {
	position: absolute;
	left: 50%;
	display: block;
	width: 1px;
	height: 100%;
	background-color: #616161;
	content: ""
}

.ind_choose .ch_list .left,.ind_choose .ch_list .right {
	width: 50%
}

.ind_choose .ch_list li {
	display: flex;
	margin-bottom: 50px
}

.ind_choose .ch_list li .icon {
	display: inline-block;
	margin: 0 30px;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background-color: #999;
	text-align: center;
	line-height: 72px
}

.ind_choose .ch_list li i {
	font-size: 35px
}

.ind_choose .ch_list li .txt {
	width: calc(100% - 99pt);
	color: #c9c9c9;
	font-size: 9pt;
	line-height: 25px
}

.ind_choose .ch_list .left li .icon {
	order: 1
}

.ind_choose .ch_list .left li .txt {
	text-align: right
}

.ind_choose .ch_list h5 {
	color: #ddd;
	font-size: 15px;
	line-height: 25px
}

.ind_choose .ch_list .left li:last-child,.ind_choose .ch_list .right li:last-child {
	margin-bottom: 0
}

.ind_choose .ch_list li:hover .icon {
	background-color: #fff;
	transition: all .3s
}

.ind_choose .ch_list li:hover .icon i {
	color: #999;
	transition: all .3s
}

.ind_cases {
	padding: 50px 0
}

.ind_cases .case_tit {
	display: flex;
	margin-bottom: 30px;
	font-size: 35px;
	justify-content: center
}

.ind_cases .case_tit li {
	overflow: hidden;
	margin: 0 10px;
	width: 45px;
	height: 45px;
	text-align: center;
	font-weight: 700;
	line-height: 45px
}

.ind_cases .case_tit li p {
	display: block;
	width: 45px;
	height: 90px;
	transition: all .5s
}

.ind_cases .case_tit li span {
	display: block;
	width: 45px
}

.ind_cases .case_tit li .sp2 {
	color: #19a9e5
}

.ind_cases .case_tit .active p {
	transition: all .5s;
	transform: translate(0,-45px)
}

.ind_cases .case_tit li:nth-child(2) p {
	display: block;
	width: 90px;
	height: 45px;
	transition: all .5s
}

.ind_cases .case_tit li:nth-child(2) span {
	display: inline-block
}

.ind_cases .case_tit li:nth-child(2).active p {
	transition: all .5s;
	transform: translate(-45px,0)
}

.ind_cases .case_menu {
	display: flex;
	overflow: hidden;
	justify-content: center
}

.ind_cases .case_menu li {
	margin: 0 3px;
	padding: 15px 18px;
	border: 1px solid #ededed;
	border-radius: 3px;
	font-size: 14px;
	cursor: pointer
}

.ind_cases .case_menu .active,.ind_cases .case_menu li:hover {
	background-color: #19a9e5;
	color: #fff;
	transition: all .3s
}

.ind_cases .case_list {
	margin-top: 50px
}

.ind_cases .case_list .inlist {
	display: flex;
	overflow: hidden;
	margin: 0 -7.5px;
	height: 0;
	transition: all .5s;
	flex-flow: wrap
}

.ind_cases .case_list li {
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0 7.5px 15px;
	width: calc(33.3333% - 15px);
	border: 1px solid #ededed;
	text-align: center
}

.ind_cases .case_list .img {
	overflow: hidden;
	transition: all .5s
}

.ind_cases .case_list .img img {
	display: block;
	width: 100%
}

.ind_cases .case_list .link {
	display: flex;
	height: 50px;
	align-items: center;
	justify-content: center
}

.ind_cases .case_list .link a {
	display: inline-block;
	margin: 0 20px;
	padding: 5px 15px;
	background-color: #fff;
	color: #272727;
	text-align: center;
	font-size: 14px;
	line-height: normal;
	transition: all 1s
}

.ind_cases .case_list .p {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 50px;
	background-color: #fff;
	line-height: 50px
}

.ind_cases .case_list .p a {
	display: block;
	color: #272727;
	text-transform: uppercase
}

.ind_cases .case_list .link a:hover {
	background-color: #e3e3e3;
	transition: all .3s
}

.ind_cases .case_list li:hover .img {
	transition: all .5s;
	transform: translateY(-50px);
	background: #333
}

.ind_cases .case_list li:hover .link a {
	margin: 0 10px;
	transition: all 1s
}

.ind_cases .case_list .inlist li {
	transition: all .5s;
	transform: scale(0)
}

.ind_cases .case_list .inlist.active {
	height: initial
}

.ind_cases .case_list .inlist.active li {
	transition: all .5s;
	transform: scale(1)
}

.ind_cases .more {
	display: block;
	margin-top: 15px;
	text-align: center
}

.ind_cases .more a {
	display: inline-block;
	padding: 10px 30px;
	border-radius: 30px;
	background-color: #13afeb;
	color: #fff
}

.ind_cact,.ind_cases .more:hover a {
	background-color: #08c
}

.ind_cact {
	padding: 30px 0;
	color: #fff;
	text-align: center;
	font-size: 19px
}

.ind_sevice {
	padding: 50px 0
}

.ind_sevice .sev_tit {
	display: flex;
	margin-bottom: 30px;
	font-size: 35px;
	justify-content: center
}

.ind_sevice .sev_tit li {
	overflow: hidden;
	margin: 0 10px;
	width: 45px;
	height: 45px;
	text-align: center;
	font-weight: 700;
	line-height: 45px
}

.ind_sevice .sev_tit li p {
	display: block;
	width: 45px;
	height: 90px;
	transition: all .5s
}

.ind_sevice .sev_tit li span {
	display: block;
	width: 45px
}

.ind_sevice .sev_tit li .sp2 {
	color: #19a9e5
}

.ind_sevice .sev_tit .active p {
	transition: all .5s;
	transform: translate(0,-45px)
}

.ind_sevice .sev_tit li:nth-child(3) p {
	display: block;
	width: 90px;
	height: 45px;
	transition: all .5s
}

.ind_sevice .sev_tit li:nth-child(3) span {
	display: inline-block
}

.ind_sevice .sev_tit li:nth-child(3).active p {
	transition: all .5s;
	transform: translate(-45px,0)
}

.ind_sevice .sev_menu {
	display: flex;
	border: 1px solid #ddd;
	background: #f1f1f1;
	justify-content: space-between
}

.ind_sevice .sev_menu li {
	position: relative;
	box-sizing: border-box;
	width: 25%;
	width: 100%;
	border-bottom: 2px solid transparent;
	background: #f1f1f1;
	color: #323232;
	text-align: center;
	font-style: italic;
	font-size: 1pc;
	line-height: 53px;
	cursor: pointer
}

.ind_sevice .sev_menu li:before {
	position: absolute;
	top: 0;
	right: -24px;
	z-index: 1;
	display: block;
	width: 0;
	height: 0;
	border-top: 0 solid #f1f1f1;
	border-bottom: 54px solid transparent;
	border-left: 24px solid #f1f1f1;
	border-image: none;
	content: ""
}

.ind_sevice .sev_menu li:after {
	position: absolute;
	top: 0;
	right: -13px;
	z-index: 9;
	display: block;
	width: 1px;
	height: 54px;
	background: #ddd;
	content: "";
	transform: skew(-26deg);
	-ms-transform: skew(-26deg)
}

.ind_sevice .sev_menu li:last-child:after,.ind_sevice .sev_menu li:last-child:before {
	display: none
}

.ind_sevice .sev_menu li i {
	display: inline-block;
	margin-right: 5px;
	color: #323232;
	font-size: 20px
}

.ind_sevice .sev_menu .active {
	background-color: #fff;
	border-bottom-color: #29b6f1
}

.ind_sevice .sev_menu .active:before {
	border-top: 0 solid #fff;
	border-left: 24px solid #fff
}

.ind_sevice .inlist li {
	position: relative
}

.ind_sevice .sev1_txt {
	text-align: center
}

.ind_sevice .sev1_txt h3 {
	margin-bottom: 15px;
	color: #353537;
	font-size: 15px
}

.ind_sevice .sev1_txt p {
	color: #666;
	font-size: 9pt
}

.ind_sevice .sev2 {
	display: flex;
	text-align: center;
	line-height: 25px;
	justify-content: space-between
}

.ind_sevice .sev2 li {
	width: 23%
}

.ind_sevice .sev2 li i {
	display: inline-block;
	margin-bottom: 1px;
	width: 75pt;
	height: 75pt;
	border-radius: 49px;
	text-align: center;
	font-size: 45px;
	line-height: 75pt;
	transition: all .5s
}

.ind_sevice .sev2 li:hover i {
	background-color: #19a9e5;
	color: #fff;
	font-size: 45px;
	transition: all .5s
}

.ind_sevice .sev2 h4 {
	margin-bottom: 15px;
	font-size: 15px
}

.ind_sevice .sev3 {
	display: flex;
	line-height: 25px;
	justify-content: space-between
}

.ind_sevice .sev3 li {
	margin: 0 2%;
	width: 21%
}

.ind_sevice .sev3 li i {
	display: inline-block;
	margin-bottom: 1px;
	width: 100%;
	height: 75pt;
	text-align: center;
	font-size: 45px;
	line-height: 75pt
}

.ind_sevice .sev3 .p b {
	color: #333;
	font-weight: 400;
	font-size: 20px
}

.ind_sevice .sev3 .p {
	position: relative;
	margin-bottom: 5px;
	color: #666;
	font-size: 13px
}

.ind_sevice .sev4 {
	display: flex;
	text-align: center;
	line-height: 25px;
	justify-content: space-between
}

.ind_sevice .sev4 li {
	width: 24%
}

.ind_sevice .sev4 .ico {
	display: inline-block;
	width: 40px;
	height: 40px;
	border: 2px solid #19a9e5;
	border-radius: 50%;
	text-align: center;
	line-height: 40px
}

.ind_sevice .sev4 .ico i {
	display: inline-block;
	font-size: 30px
}

.ind_sevice .sev4 p {
	color: #353537;
	font-size: 14px;
	line-height: 25px
}

.ind_sevice .sev4 li:hover i {
	font-size: 36px;
	transition: all .5s
}

.ind_sevice .inlist {
	display: none;
	overflow: hidden;
	padding: 50px 30px
}

.ind_sevice .inlist.active {
	display: block;
	transition: all .3s
}

.ind_contact {
	position: relative;
	padding: 50px 0 0;
	box-shadow: 0 0 20px rgba(0,0,0,.1)
}

.ind_contact:after {
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 67px;
	height: 41px;
	background: url(../img/cact01.png) no-repeat;
	content: "";
	transform: translate(-50%,0)
}

.ind_contact .cact_tit {
	text-align: center
}

.ind_contact .cact_tit h3 {
	color: #666;
	font-weight: 700;
	font-size: 27px
}

.ind_contact .cact_tit h3:after,.ind_contact .cact_tit h3:before {
	display: inline-block;
	margin: 0 15px;
	width: 50px;
	height: 1px;
	background-color: #ccc;
	content: "";
	vertical-align: middle
}

.ind_contact .cact_ul {
	display: flex;
	margin: 30px 0;
	justify-content: center
}

.ind_contact .cact_ul li {
	position: relative;
	margin: 0 15px;
	padding: 8px 30px;
	background-color: #313131;
	color: #fff;
	cursor: pointer
}

.ind_contact .cact_ul li:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: -1;
	display: block;
	width: 0;
	height: 0;
	border-top: 15px solid #13afeb;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	content: "";
	transform: translate(-50%,0)
}

.ind_contact .cact_ul li:hover {
	background-color: #13afeb;
	transition: all .3s
}

.ind_contact .cact_ul .active:after,.ind_contact .cact_ul li:hover:after {
	bottom: -10px;
	transition: all .3s
}

.ind_contact .cact_ul .active {
	background-color: #13afeb
}

.ind_contact #allmap {
	min-height: 353px
}

.foot_top {
	overflow: hidden;
	padding: 30px 0 0;
	background: #262626 url(../img/footer-graph2.jpg) no-repeat center bottom;
	clear:both;
}

.foot_top .foot_list {
	display: flex;
	padding-bottom: 30px;
	border-bottom: 1px dashed #3b3b3b;
	justify-content: space-between
}

.foot_top .foot_list .inlist {
	width: 33.33333%;
	color: #999;
	font-size: 13px;
	line-height: 24px
}

.foot_top .foot_list .inlist a,.foot_top .foot_list .inlist p a {
	color: #999
}

.foot_top .foot_list .inlist i {
	display: inline-block;
	margin-right: 5px;
	font-size: 9pt
}

.foot_top .foot_list .inlist ul {
	overflow: hidden
}

.foot_top .foot_list .inlist:last-child ul {
	line-height: 23px
}

.foot_top .foot_list .inlist ul li {
	float: none;
	width: 100%
}

.foot_top .foot_list h3 {
	margin-bottom: 10px;
	height: 50px;
	color: #fff;
	font-size: 18px;
	line-height: 50px
}
.foot_top .foot_list h3 span{ font-size:14px; padding-right:30px;}
.foot_top .foot_list .inlist .more i {
	display: inline-block;
	margin: 0 10px;
	vertical-align: middle;
	font-size: 18px
}

.foot_top .foot_list .inlist .more a {
	color: #999;
	font-size: 14px
}

.foot_copy {
	padding-bottom: 30px;
	background: #262626;
	color: #999;
	font-size: 13px;
	line-height: 25px
}

.foot_copy a {
	margin: 0 5px;
	color: #999
}

footer a:hover {
	color: #fff!important
}

.nei_head {
	margin-top: 90pt;
	padding: 30px 0;
	border-top: 2px solid #eee;
	border-bottom: 1px solid #eee;
	background: #f4f4f4
}

.nei_head .container {
	display: flex
}

.nei_head .left {
	width: 40%
}

.nei_head .right {
	width: 60%;
	color: #666;
	vertical-align: bottom;
	text-align: right;
	font-size: 14px;
	line-height: 25px
}

.nei_head .right a {
	margin: 0 5px;
	color: #666
}

.nei_head .right a:hover {
	color: #000
}

.nei_case {
	padding: 50px 0
}

.nei_case .case_list .inlist {
	display: flex;
	margin: 0 -7.5px;
	flex-flow: wrap
}

.nei_case .case_list li {
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0 7.5px 15px;
	width: calc(33.3333% - 15px);
	border: 1px solid #ededed;
	text-align: center
}

.nei_case .case_list .img {
	overflow: hidden;
	transition: all .5s;
    display: block;
    overflow: hidden;
	padding-bottom: 89%;
    position: relative;
    height: 0;
}
.nei_case.vi_div_list .case_list .img{
    padding-bottom: 60%;

}

.nei_case.vi_div_list .case_list .img img{
	min-height: 100%;
}
.nei_case .case_list .img img {
	width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
    min-height: 100%;
    transform: translateY(0);
    transition: all 10s;
}

.nei_case .case_list .link {
	display: flex;
	height: 50px;
	background-color: #313131;
	align-items: center;
	justify-content: center;
	/* display: none; */
}

.nei_case .case_list .link a {
	display: inline-block;
	margin: 0 20px;
	padding: 5px 15px;
	background-color: #fff;
	color: #272727;
	text-align: center;
	font-size: 14px;
	line-height: normal;
	transition: all 1s
}
.nei_case.vi_div_list .case_list .p{
	position: relative;
}
.nei_case .case_list .p {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 50px;
	background-color: #fff;
	line-height: 50px
}

.nei_case .case_list .p a {
	display: block;
	height: 50px;
	color: #272727;
	text-transform: uppercase
}

.nei_case .case_list .link a:hover {
	background-color: #e3e3e3;
	transition: all .3s
}

.nei_case .case_list li:hover .img img {
	/* transition: all .5s; */
	transform: translateY(-100%);
    top: 100%;
}

.nei_case .case_list li:hover .link a {
	margin: 0 10px;
	transition: all 1s
}

.page_pro {
	margin: 30px 0
}

.page_pro ul {
	clear: both;
	display: inline-block
}

.page_pro li {
	float: left;
	margin: 0 5px;
	background-color: #f5f5f5
}

.page_pro li,.page_pro li a {
	color: #676767;
	font-size: 14px
}

.page_pro li a {
	display: inline-block;
	padding: 5px 10px
}

.page_pro li:hover {
	background-color: #13afeb;
	color: #fff
}

.page_pro li:hover a {
	color: #fff
}

.nei_head .left {
	display: flex;
	align-items: center
}

.nei_head .left h2 {
	color: #666;
	font-weight: 700;
	font-size: 30px
}

.nei_head .left p {
	padding: 15px 0;
	color: #666;
	font-size: 9pt
}

.nei_head .left p a {
	margin: 0 5px
}

.nei_head .right {
	display: flex;
	flex-flow: wrap;
	justify-content: flex-end
}

.nei_head .right .p1 {
	width: 100%
}

.nei_head .right .p2 {
	max-width: 6.2in
}

.nei_head .right .p3 {
	width: 100%
}

.nei_casexq {
	padding: 50px 0
}

.nei_casexq .casexq_cont {
	display: flex
}

.nei_casexq .right {
	width: 455px
}

.nei_casexq .left {
	margin-right: 3%;
	width: calc(78% - 250px)
}

.nei_casexq .newxq_page {
	margin-top: 15px;
	padding: 15px 0;
	border-top: 1px solid #ccc
}

.nei_casexq .right h1 {
	margin-bottom: 10px;
	font-size: 18px
}

.nei_casexq .right p {
	font-size: 14px;
	line-height: 28px
}

.nei_casexq .right .more a {
	display: inline-block;
	margin-top: 50px;
	padding: 10px 30px;
	border-radius: 3px;
	background-color: #08c;
	color: #fff;
	transition: all .5s
}

.nei_casexq .right .more i {
	margin-right: 5px;
	font-size: 18px
}

.nei_casexq .right .more:hover a {
	background-color: #383634;
	transition: all .5s
}

.nei_about {
	padding: 50px 0
}

.nei_about .ab_img img {
	width: 100%;
	image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; 
}
.nei_about .ab_img  .swiper-button-next, .nei_about .ab_img  .swiper-button-prev {
	background-size: 20px 20px;
}
.nei_about .ab_txt {
	display: flex;
	margin: 30px 0;
	line-height: 30px
}

.nei_about .ab_txt .left {
	padding-right: 40px;
	width: 70%
}

.nei_about .ab_txt .right {
	padding-left: 40px;
	width: 30%;
	border-left: 1px dotted #ccc;
	line-height: 34px
}

.nei_about .ab_list {
	display: flex;
	margin: 30px -1%;
	flex-flow: wrap
}

.nei_about .ab_list .inlist {
	position: relative;
	margin: 0 1% 15px;
	width: 23%
}

.nei_about .ab_list .outer {
	box-sizing: border-box;
	padding: 10%;
	border: 8px solid #2772a4;
	background-color: #3498db;
	color: #fff;
	text-align: center;
	transition: all 1.25s;
	transform: rotateY(0);
	backface-visibility: hidden
}

.nei_about .ab_list .outer h4 {
	padding: 10px 0;
	font-size: 18px
}

.nei_about .ab_list .outer p {
	font-size: 14px
}

.nei_about .ab_list .inner {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
	padding: 10%;
	border: 8px solid #648932;
	background: #8dc64a;
	color: #fff;
	text-align: center;
	transition: all 1.25s;
	transform: rotateY(180deg);
	backface-visibility: hidden
}

.nei_about .ab_list .inner h4 {
	padding: 15px 0;
	font-size: 18px
}

.nei_about .ab_list .inner p {
	font-size: 14px;
	line-height: 25px
}

.nei_about .ab_list .inner .more {
	display: inline-block;
	margin-top: 15px;
	padding: .825em 1em;
	border-radius: .35em;
	background-color: #648932;
	color: #fff;
	text-decoration: none;
	font-size: 13px
}

.nei_about .ab_list .inner .more:hover {
	background-color: #78a240
}

.nei_about .ab_list .inlist:hover .inner {
	transition: all 1.25s;
	transform: rotateY(0)
}

.nei_about .ab_list .inlist:hover .outer {
	transition: all 1.25s;
	transform: rotateY(-180deg)
}

.nei_yewu {
	padding: 50px 0
}

.nei_yewu .yw_list {
	display: flex;
	justify-content: space-between;
	flex-flow: wrap
}

.nei_yewu .inlist {
	display: flex;
	margin-bottom: 30px;
	width: 31.3333%
}

.nei_yewu .inlist i {
	display: inline-block;
	width: 50px;
	color: #08c;
	font-size: 35px
}

.nei_yewu .inlist .txt {
	padding-left: 4%;
	width: calc(100% - 50px);
	color: #666;
	font-size: 14px;
	line-height: 23px
}
.nei_yewu .inlist .txt h3 a{
	color: #666;
}
.nei_yewu .inlist .txt h3 {
	margin-bottom: 15px;
	font-weight: 300;
	font-size: 18px
}

.nei_yewu .ye_cact {
	overflow: hidden;
	padding: 20px;
	border: 1px solid #eee;
	border-left: 5px solid #08c;
	color: #999;
	color: #272727;
	font-size: 22px;
	line-height: 50px
}

.nei_yewu .ye_cact .fr {
	padding: 0 30px;
	height: 50px;
	border-radius: 3px;
	background-color: #08c;
	color: #fff;
	font-size: 1pc;
	line-height: 50px;
	transition: all .3s
}

.nei_yewu .ye_cact .fr:hover {
	background-color: #313131;
	color: #fff;
	transition: all .3s
}

.nei_yewu .ye_cact .fr i {
	margin-right: 5px
}

.nei_news {
	padding: 50px 0
}

.nei_news .inlist {
	display: flex;
	padding-bottom: 30px
}

.nei_news .inlist .img {
	overflow: hidden;
	width: 170px
}

.nei_news .inlist:hover img {
	transition: all .5s;
	transform: scale(1.05)
}

.nei_news .inlist .txt {
	padding-left: 30px;
	width: calc(100% - 170px)
}

.nei_news .inlist .txt h3 {
	overflow: hidden;
	padding: 5px 0;
	color: #525252;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 18px
}

.nei_news .inlist .txt .data {
	color: #999;
	font-size: 9pt;
	line-height: 23px
}

.nei_news .inlist .txt p {
	display: -webkit-box;
	overflow: hidden;
	color: #313131;
	font-size: 14px;
	line-height: 25px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.nei_news .inlist .txt a {
	display: block
}

.nei_news .inlist:hover h3 {
	color: #08c
}

.nei_newxq {
	padding: 50px 0
}

.nei_newxq .newxq_cont {
	padding: 20px 0;
	border-top: 1px solid #cccc;
	border-bottom: 1px solid #cccc;
	font-size: 14px;
	line-height: 25px
}

.nei_newxq .newxq_tit h3 {
	font-size: 18px
}

.nei_newxq .newxq_tit .data {
	padding: 15px 0;
	font-size: 13px
}

.nei_newxq .newxq_page {
	overflow: hidden;
	margin: 15px 0
}

.nei_contact .container {
	display: flex;
	padding: 50px 15px;
	justify-content: space-between
}

.nei_contact .cact_msg {
	width: 48%
}

.nei_contact .cact_msg .txt {
	font-size: 14px;
	line-height: 25px
}

.nei_contact .cact_msg .txt h3 {
	margin: 30px 0 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e3e3e3;
	color: #272727;
	font-size: 22px
}

.nei_contact .cact_add {
	box-sizing: border-box;
	padding: 30px 30px 15px;
	width: 48%;
	border: 1px solid #e1e1e1;
	background-color: #f9f9f9
}

.nei_contact .cact_msg form {
	display: flex;
	flex-flow: wrap
}

.nei_contact .cact_msg .ipt {
	margin-bottom: 15px;
	width: 48%
}

.nei_contact .cact_msg .area {
	width: 100%
}

.nei_contact .cact_msg textarea {
	padding: 10px 50px 10px 10px;
	width: 100%;
	height: 130px;
	text-indent: 1em;
	resize: none
}

.nei_contact .cact_msg .p1 {
	height: 40px;
	line-height: 40px
}

.nei_contact .cact_msg .p2 {
	position: relative;
	display: flex;
	padding: 5px 0;
	border: 1px solid #ccc
}

.nei_contact .cact_msg .p2:hover {
	border: 1px solid #313131;
	transition: all .3s
}

.nei_contact .cact_msg .p2 i {
	display: inline-block;
	width: 40px;
	height: 30px;
	border-left: 1px solid #ccc;
	color: #ccc;
	text-align: center;
	line-height: 30px
}

.nei_contact .cact_msg .p2 input {
	width: calc(100% - 40px);
	height: 30px;
	outline: 0;
	text-indent: 1em
}

.nei_contact .cact_msg .ipt:nth-child(odd) {
	margin-right: 2%
}

.nei_contact .cact_msg .ipt:nth-child(even) {
	margin-left: 2%
}

.nei_contact .cact_msg .area i {
	position: absolute;
	top: 5px;
	right: 5px;
	display: inline-block
}

.nei_contact .cact_msg button {
	margin-top: 30px;
	padding: 5px 30px;
	background-color: #272727;
	color: #fff;
	cursor: pointer;
	transition: all .3s
}

.nei_contact .cact_msg button:hover {
	background-color: #08c;
	color: #fff;
	transition: all .3s
}

.nei_contact .cact_add .add_list {
	margin-bottom: 15px;
	line-height: 25px
}

.nei_contact .cact_add .add_list i {
	display: inline-block;
	margin-right: 5px;
	color: #666;
	vertical-align: middle
}

.nei_contact .cact_add .add_list h3 {
	margin-bottom: 10px;
	font-weight: lighter;
	font-size: 18px
}

.nei_ditu {
	padding: 50px 0
}

.nei_ditu .inlist {
	display: flex;
	padding: 15px 0;
	border-bottom: 1px solid #eee
}

.nei_ditu .inlist h3 {
	margin-right: 15px;
	padding-top: 10px;
	width: 90pt
}

.nei_ditu .inlist .dt_ul {
	display: flex;
	padding: 10px 0;
	width: calc(100% - 135px);
	background-color: #f6f6f6;
	flex-flow: wrap
}

.nei_ditu .inlist .dt_ul li {
	width: 12.5%;
	text-align: center;
	line-height: 35px
}

.ind_choose_lay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 70px 0 50px;

	background: url(/theme/szmbs/img/parallax-bg-dark.jpg) center no-repeat;
	background-size: cover
}

.ind_choose>img {
	transform: translateY(-100px);
	-ms-transform: translateY(-100px)
}

.banimg02 {
	display: none!important
}


/*模板页面*/

#mbcase{ padding: 40px 80px; }

#mbcase .mbcase_w .mbcase_lay{ opacity: 0; background: #fff; padding:10px; border-radius: 4px; position: absolute; left: 50%; width: 70%; top: 45%;

  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);

  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.4);



}
#mbcase .mbcase_w{ text-align: center; margin-bottom: 40px; }
#mbcase .mbcase_w .mbcase_lay ul{ overflow: hidden;  margin-bottom: 0;}
#mbcase .mbcase_w .mbcase_lay li{ width: 50%;  padding: 0 2px;}

#mbcase .mbcase_w .mbcase_lay li a{ display: block; padding: 5px; text-align: center;  background: #13afeb; color: #fff; opacity: 0.8; border-radius: 4px;}
#mbcase .mbcase_w .mbcase_lay li:nth-child(2) a{ background:#2ecc40;  }
#mbcase .mbcase_w .mbcase_lay li:nth-child(3) a{ background:#d00dc8;  }
#mbcase .mbcase_w .mbcase_b h3{  color: #505050; font-size: 18px;  margin-bottom: 10px;}
#mbcase .mbcase_w .mbcase_b{ color: #b1b1b1; font-size: 12px;  position: relative;z-index: 2;}
#mbcase .mbcase_w .mbcase_b .bh{ margin-top: 15px; }
#mbcase .mbcase_w .mbcase_b .bh em{ color: #ff4136;   font-style: normal; display: inline-block; margin-left: 20px; font-weight: bolder;}
#mbcase .mbcase_w .mbcase_lay li a:hover{ opacity: 1;  text-decoration: none;}
#mbcase .mbcase_w:hover img{ transform: scale(1.1); }
#mbcase .mbcase_w:hover .mbcase_lay{ opacity: 1; }



.case_fix_from{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.3); z-index: 100; display: none;}
.case_fix_from.active{ display: block; }
.case_fix_from .case_fix_in{ text-align: center; width: 600px; background: #fff; position: absolute; left: 50%; top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  padding: 40px 20px 20px;
  border-radius: 4px;

}



.case_fix_in h3{color: #272727;font-size: 30px;   margin-bottom: 30px;}
.case_fix_in p{ color: #272727; margin-bottom: 5px;  text-align: left;}
.case_fix_in input,.case_fix_in textarea{border-radius: 4px; width: 100%; height: 40px; line-height: 40px; border:1px solid #eee; padding: 0 10px; margin-bottom: 10px; }
.case_fix_in textarea{ height: 150px; resize: none; }
.case_fix_in button{ background: #13afeb; color: #fff; border-radius: 4px; padding: 10px 30px; border: none; opacity: 0.8; }
.case_fix_in button:hover{ opacity: 1; }
.close100{ cursor: pointer; position: absolute; top: -17px; right: -16px; width: 40px; z-index: 2; }
.case_fix_in textarea:focus{ outline: none; }


#case_des{  color: #444; font-size: 14px; line-height: 25px; padding: 40px 0;}
#case_des h4{  font-size: 30px; margin-bottom: 30px; }
#mbcase .mbcase_top{ text-align: center;  margin-bottom: 50px;}
#mbcase .mbcase_top h4{color: #505050;font-size: 60px;  margin-bottom: 10px;}
#mbcase .mbcase_top p{ color: #b1b1b1; }
#mbcase .bmcase_ul li a{ display: block; padding: 7px 20px;     color: #898989; position: relative;}
#mbcase .bmcase_ul li.active a,.bmcase_ul li:hover a{background-color: #333; color: #fff !important; text-decoration: none;}
#mbcase .bmcase_ul li { margin: 0 5px; }
#mbcase .bmcase_ul{ display: inline-block;  overflow: hidden; margin-top: 20px;}
#mbcase .bmcase_ul li a:before{ content: ""; width: 1px; height: 20px; background: #eee; position: absolute; top: 8px; right: 0; }
#mbcase .bmcase_ul li.active a:before,#mbcase .bmcase_ul li:hover a:before{ display: none; }
.case_fix_in p span{ color: red; }


#page{ clear:both; height:40px; margin:0 auto; text-align:center; display: table; margin-top:20px}
#page li{ float:left; padding:5px 14px; border:1px solid #CCCCCC; margin-right:6px; color:#666; font-size:12px; list-style:none;}
#page li:hover{border:1px solid #f67d38;}
#page li:hover a{color:#f67d38}
#page li a{ color:#666}
#page li.active{border:1px solid #f67d38; background-color:#f67d38; color:#FFFFFF}
#page li.active a{ color:#fff}
#page .thisclass{ background-color:#13afeb; color:#FFFFFF}




.mbcase_w img,
.mbcase_w .mbcase_lay,
.mbcase_w .mbcase_lay li a,
.case_fix_in button,
.bmcase_ul li a
{
transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
}
.nav_top a:nth-child(8),.nav_top span:nth-child(8){}
.mbcase_imgbj .mbcase_img02{ position: absolute; width: 67%; top: 6%; left: 16.7%; }
.head_mb.active{ position: initial; }



@media(max-width: 1600px){
 .mbcase_top h4{ font-size: 40px; }

}

@media(max-width:1024px) {
	.banimg02 {
		display: block!important
	}

	.banimg01 {
		display: none!important
	}

	.ind_ban .ban_float .text {
		max-width: 60vw
	}

	.foot_top .foot_list .inlist {
		font-size: 9pt;
		line-height: 23px
	}

	header .nav_foot .nav_list li {
		padding: 0 10px
	}

	.ind_ban .ban_float .text .h2 {
		font-size: 35px
	}

	.ind_ban .ban_float .text .p {
		font-size: 1pc;
		line-height: 25px
	}

	.ind_about,.ind_cases {
		padding: 30px 0
	}

	.ind_about .ab_tit h2 {
		font-size: 30px
	}

	.ind_choose .ch_list li .icon {
		margin: 0 15px;
		width: 55px;
		height: 55px;
		line-height: 55px
	}

	.ind_choose .ch_list li .txt {
		width: calc(100% - 85px);
		line-height: 20px
	}

	.ind_cases .case_list {
		margin-top: 30px
	}

	.nei_about .ab_list .inlist {
		width: 31.333%
	}

	.nei_head .left {
		width: 20%;
		min-width: 200px
	}

	.nei_head .right {
		width: 80%;
		font-size: 13px
	}

	.page_pro {
		margin: 15px 0
	}

	.nei_contact .container {
		flex-wrap: wrap
	}

	.nei_contact .cact_msg {
		width: 100%
	}

	.nei_contact .cact_add {
		margin-top: 30px;
		width: 100%
	}
}

@media(max-width:770px) {
	.ind_ban .swiper_banner .ban1 {
		display: none
	}

	.ind_ban .swiper_banner .ban2 {
		display: block
	}
	#mbcase{ padding: 40px 15px; }
    .mbcase_top h4{ font-size: 25px; }
    .mbcase_top p{ font-size: 12px; }
    #case_des h4{ font-size: 20px; }
    .pro_zy100_w{ margin-top: 20px; }
	
 .nav_list .sec_ul{
	
	 
    display:none;
	
	
	}
	
	
	
}

@media(max-width:480px) {
	
	
	
	header .nav_foot .logo {
		width: 150px;
		padding-top:11px;
	}

	header .nav_foot {
		height: 60px
	}

	header .m_menu {
		position: absolute;
		top: 10px;
		right: 15px;
		display: block;
		width: 40px;
		height: 40px;
		text-align: center;
		line-height: normal
	}

	header .m_menu i {
		position: absolute;
		left: 50%;
		margin-left: -20px;
		width: 40px;
		height: 2px;
		background-color: #000;
		transition: all .5s
	}

	header .m_menu .i1 {
		top: 25%
	}

	header .m_menu .i2 {
		top: 50%
	}

	header .m_menu .i3 {
		top: 75%
	}

	header .m_menu.active .i1 {
		transition: all .5s;
		transform: rotate(45deg);
		transform-origin: 8px 7px
	}

	header .m_menu.active .i2 {
		opacity: 0;
		transition: all .5s;
		transform: translate(-20px,0)
	}

	header .m_menu.active .i3 {
		transition: all .5s;
		transform: rotate(-45deg);
		transform-origin: 8px -5px
	}

	header .nav_top {
		display: none
	}

	.ind_ban {
		margin-top: 60px
	}

	header .nav_foot .nav_list {
		position: fixed;
		top: 0;
		right: -10pc;
		bottom: 0;
		display: initial;
		padding-top: 60px;
		width: 155px;
		background-color: #fff;
		box-shadow: 0 0 10px rgba(0,0,0,.5);
		transition: all .5s
	}


	header .nav_foot .nav_list li {
		display: initial;
		padding: 0;
		width: 100%;
		height: 45px;
		line-height: 45px
	}

	header .nav_foot .nav_list li a {
		display: block
	}

	header .nav_foot .nav_list li i {
		display: inline-block;
		margin-right: 10px;
		margin-bottom: 0;
		vertical-align: middle
	}

	.ind_ban .ban_float .text {
		max-width: 80vw
	}

	.ind_ban .ban_float .text .h2 {
		margin-bottom: 10px;
		font-size: 20px
	}

	.ind_ban .ban_float .text .p {
		font-size: 9pt;
		line-height: normal
	}

	.ind_about .ab_tit h2 {
		font-size: 25px
	}

	.ind_about .ab_tit p {
		font-size: 13px
	}

	.ind_about .ab_list {
		flex-flow: wrap
	}

	.ind_about .ab_list .inlist {
		margin-bottom: 15px;
		width: 48%
	}

	.ind_about .ab_list .ico i {
		font-size: 30px
	}

	.ind_choose .ch_tit h3 {
		font-size: 25px
	}

	.ind_choose .ch_list {
		flex-flow: wrap
	}

	.ind_choose .ch_list .left {
		width: 100%
	}

	.ind_choose .ch_list .right {
		margin-top: 15px;
		width: 100%
	}

	.ind_choose .ch_list .left li .icon {
		order: 0
	}

	.ind_choose .ch_list .left li .txt {
		text-align: left
	}

	.ind_choose .ch_list li {
		margin-bottom: 15px
	}

	.ind_choose .ch_list:after {
		display: none
	}

	.ind_cases .case_menu li {
		margin: 0 1px;
		padding: 10px 8px;
		font-size: 12px
	}

	.ind_cases .case_list li {
		width: calc(50% - 15px)
	}

	.ind_cases .case_list .link a {
		padding: 5px;
		min-width: 52px;
		font-size: 9pt
	}

	.ind_cases .case_list .p {
		font-size: 13px
	}

	.ind_choose {
		padding: 50px 0
	}

	.ind_cact {
		font-size: 1pc;
		line-height: 25px
	}

	.ind_sevice .sev_menu {
		border: initial;
		background-color: initial;
		flex-flow: wrap
	}

	.ind_sevice .sev_menu li {
		margin-bottom: 5px;
		width: 100%;
		border-top: 1px solid #f1f1f1
	}

	.ind_sevice .sev_menu li:after,.ind_sevice .sev_menu li:before {
		display: none
	}

	.ind_sevice .inlist {
		padding: 0;
		flex-flow: wrap
	}

	.ind_sevice .inlist.active {
		padding: 15px 0!important;
		flex-flow: wrap
	}

	.ind_sevice .sev2 li {
		width: 48%;
		font-size: 9pt
	}

	.ind_sevice .sev2 li i {
		width: 5pc;
		height: 5pc;
		font-size: 30px;
		line-height: 5pc
	}

	.ind_sevice .sev2 h4 {
		margin-bottom: 10px;
		font-size: 14px
	}

	.ind_sevice .sev3 li {
		box-sizing: border-box;
		padding: 0 5px;
		width: 46%
	}

	.ind_sevice .sev3 .p b {
		font-size: 18px
	}

	.ind_sevice .sev3 .p {
		line-height: normal
	}

	.ind_sevice .sev3 li i {
		height: 70px;
		font-size: 35px;
		line-height: 70px
	}

	.ind_sevice .sev1_txt p {
		line-height: 22px
	}

	.ind_sevice .sev4 li {
		margin-bottom: 15px;
		width: 50%
	}

	.ind_sevice .sev4 p {
		font-size: 14px
	}

	.ind_sevice .sev4 .ico {
		width: 65px;
		height: 65px;
		line-height: 65px
	}

	.ind_sevice .sev4 .ico i {
		font-size: 25px
	}

	.ind_contact .cact_ul li {
		margin: 0 10px;
		padding: 5px 20px
	}

	.ind_contact #allmap {
		min-height: 250px
	}

	.foot_top .foot_list {
		flex-flow: wrap
	}

	.foot_top .foot_list .inlist {
		width: 100%
	}

	.foot_copy {
		margin-bottom: 50px;
		display:none;
		 
	}

	.ind_contact .cact_tit h3 {
		font-size: 20px
	}

	.nei_head {
		margin-top: 60px;
		padding: 15px 0
	}

	.nei_head .left h2 {
		font-size: 20px
	}

	.nei_head .left p {
		padding: 10px 0 0
	}

	.nei_about,.nei_case,.nei_casexq,.nei_newxq,.nei_yewu {
		padding: 30px 0
	}

	.nei_about .ab_txt {
		line-height: 25px;
		flex-flow: wrap
	}

	.nei_about .ab_txt .left {
		padding: 0;
		width: 100%
	}

	.nei_about .ab_txt .right {
		margin-top: 15px;
		padding: 0;
		padding: 15px 0;
		width: 100%;
		border-top: 1px solid #ccc;
		border-left: 0
	}

	.nei_about .ab_list .inlist {
		width: 48%
	}

	.nei_about .ab_list .inner {
		padding: 10px
	}

	.nei_about .ab_list .inner h4 {
		padding: 10px 0;
		font-size: 1pc
	}

	.nei_about .ab_list .inner p {
		font-size: 13px
	}

	.nei_head .container {
		flex-flow: wrap
	}

	.nei_head .left,.nei_head .right {
		width: 100%
	}

	.nei_head .right {
		margin-top: 10px;
		text-align: left
	}

	.nei_head .right a {
		margin: 0 3px
	}

	.nei_case .case_list li {
		width: calc(50% - 15px)
	}

	.nei_case .case_list .link a {
		padding: 3px;
		width: 58px;
		height: 20px;
		font-size: 9pt
	}

	.nei_casexq .casexq_cont {
		flex-flow: wrap
	}

	.nei_casexq .left {
		margin: 0;
		width: 100%;
		order: 1
	}

	.nei_casexq .right {
		width: 100%
	}

	.nei_casexq .right .more a {
		margin: 15px 0
	}

	.nei_casexq .newxq_page p {
		float: none;
		overflow: hidden;
		margin-bottom: 5px;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.nei_yewu .inlist {
		width: 100%
	}

	.nei_yewu .ye_cact {
		font-size: 1pc;
		line-height: 30px
	}

	.nei_yewu .ye_cact .fr {
		padding: 0 20px;
		height: 40px;
		font-size: 14px;
		line-height: 40px
	}

	.nei_yewu .inlist .txt h3 {
		margin-bottom: 10px
	}

	.nei_news .inlist {
		flex-flow: wrap
	}

	.nei_news .inlist .img,.nei_news .inlist .img img {
		width: 100%
	}

	.nei_news .inlist .txt {
		padding: 0;
		width: 100%
	}

	.nei_news .inlist .txt h3 {
		padding-top: 10px;
		font-size: 1pc
	}

	.nei_newxq .newxq_page p {
		float: none;
		margin-bottom: 5px
	}

	.nei_contact .container {
		padding: 30px 15px
	}

	.nei_contact .cact_msg .ipt {
		width: 100%
	}

	.nei_contact .cact_msg .ipt:nth-child(even),.nei_contact .cact_msg .ipt:nth-child(odd) {
		margin: 0
	}

	.nei_contact .cact_add {
		padding: 15px
	}

	.nei_contact .cact_add .add_list {
		margin-bottom: 15px;
		line-height: 22px
	}

	.nei_contact .cact_add .add_list h3 {
		font-size: 1pc
	}
	.case_fix_in h3{ font-size: 18px; margin-bottom: 15px; }
	.case_fix_from .case_fix_in{ width: 300px; padding: 20px 10px 10px; }
	.case_fix_in p{ margin-bottom: 0; }
	.case_fix_in input{ height: 30px; line-height: 30px; }
	.case_fix_in textarea{ height: 50px; }




}

.list_pages {
	margin-top: 20px;
	margin-bottom: 75pt;
	height: 52px;
	text-align: center
}

.list_pages ul li {
	float: none;
	display: inline-block;
	margin: 0 2px;

	width: auto;
	border: 1px solid #eee;
	background-color: #eee;
	zoom: 1
}
.list_pages ul li span{
	padding: 4px 8px;
}
.list_pages ul li a {
	color: #606060;	padding: 4px 8px;
}

.list_pages ul li a:hover {
	color: #000
}

.list_pages ul li.active,.list_pages ul li.active a,.list_pages ul li a:hover {
	
	background-color: #13afeb;
	color: #fff
}

.list_pages .pageinfo {
	float: none;
	padding: 4px 10px
}

.list_pages .pageinfo,.list_pages .pageinfo strong {
	color: #555;
	font-weight: 400
}

.list_pages select {
	display: none;
	vertical-align: middle;
	font: 9pt Verdana,Arial,Tahoma
}

@media(max-width:320px) {
	.ind_cases .case_menu li {
		padding: 10px 4px;
		font-size: 9pt
	}
}

.css3 {
	width: calc(100%+2em);
	box-shadow: 0;
	font-size: 24px
}

blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul {
	margin: 0;
	padding: 0
}

fieldset,img {
	border: 0
}

:focus {
	outline: 0
}

address,cite,code,ctoolion,dfn,em,optgroup,strong,th,var {
	font-style: normal
}

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

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

button,input,optgroup,option,select,textarea {
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	font-family: inherit
}

code,kbd,samp,tt {
	font-size: 100%
}

body {
	line-height: 1.5
}

ol,ul {
	list-style: none
}

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

ctoolion,th {
	text-align: left
}

sub,sup {
	vertical-align: baseline;
	font-size: 100%
}

:link,:visited,ins {
	text-decoration: none
}

blockquote,q {
	quotes: none
}

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


.foot_tab h3{  display: inline-block; margin-right: 10px; }
.foot_tab h3.active a{ color: #fff !important; }
.uk_tab ul{ display: none; }
.uk_tab ul.active{ display: block; }




@media(max-width:767px){
	.ind_choose{
		height: auto;
		padding-top: 0;
	}
	footer{
		padding-bottom: 40px;
	}
	.ind_choose_lay{
		position: relative;
	}.ind_choose>img{
		display: none;
	}
	.nei_case .case_list .p{
		padding: 0 10px;
	}
	.list_pages a{
		margin-bottom: 5px;
		display: inline-block;
	}
	.DB_1_2{
		width: auto;
		height: auto;

	}
	.service_list ul{
		display: inline-block;
		overflow: hidden;

	}.service_list li{
		width: 50%!important;
		float: left;
	}.top_cn span,.design_vi p {

		font-size: 22px!important;
	}.top{
		padding-top: 30px!important;
	}a.button_more{
		font-size: 12px!important;
		height: 30px!important;
		line-height: 30px!important;
	}

	.nei_contact .cact_msg .area i{
		top: auto;
		bottom: 5px;
		opacity: 0;
	

	}#newBridge .nb-icon-wrap{
		top: 70%!important;
	}.nei_casexq .left{
		margin-top: 10px;
	}.nei_about .ab_list .inlist:hover .inner{
		transform: rotateY(180deg);
	}.nei_about .ab_list .inlist:hover .outer{
		transform: rotateY(0);
	}
}




.zd_erha {
	position: fixed;
	right: 1.82292%;
	bottom: 44%;
	z-index: 999;
	width: 3.125rem;
	background: #fff;
	border: 0.5px solid #DAD9D9;
	box-shadow: 0.125rem 0.1875rem 0.375rem rgba(150, 148, 148, 0.25);
	border-radius: 1.5625rem;
  }
  
  @media (max-width: 768px) {
	.zd_erha {
	  display: none;
	}
  }
  
  .zd_erha .aat_list li {
	position: relative;
	z-index: 2;
	padding: 0.5rem 0;
  }
  
  .zd_erha .aat_list li+li:after {
	content: "";
	width: 50%;
	height: 1px;
	background: #DEDDDD;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
  }
  
  .zd_erha .aat_list li>a {

	width: 2.25rem;
	height: 2.25rem;
	line-height: 2.25rem;
	position: relative;
	background: white;
	border-radius: 50%;
	margin: 0 auto;
	padding: 10% 15%;
	text-align: center;
	border-radius: 50%;
	-webkit-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .zd_erha .aat_list li>a:hover {
	background: #f0f0f0;
  }
  
  .zd_erha .aat_list li>a img {
	width: 100%;
	height: 100%;

  }
  .zd_erha .aat_list li i{

	width: 1.3519rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
  }

  .aat_list li{
	margin: o auto;
	float:none;
  }
  .zd_erha .aat_list li .cbl-cont {
	position: absolute;
	z-index: -1;
	padding: 0.5em 1rem;
	width: auto;
	right: -webkit-calc(110% + 5px);
	right: -moz-calc(110% + 5px);
	right: calc(110% + 5px);
	top: 10%;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateX(110%);
	-moz-transform: translateX(110%);
	-ms-transform: translateX(110%);
	-o-transform: translateX(110%);
	transform: translateX(110%);
	-webkit-transition: all 0.7s;
	-o-transition: all 0.7s;
	-moz-transition: all 0.7s;
	transition: all 0.7s;
	box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
	color: #333;
	font-size: 1rem;
	background: #fff;
	border-radius: 0.5rem;
	white-space: nowrap;
  }
  
  .zd_erha .aat_list li .cbl-cont.erghgsb {
	width: 13rem;
	padding: 0.5rem;
	border-radius: 0.5rem;
  }
  
  .zd_erha .aat_list li .cbl-cont.erghgsb img {
	width: 100%;
  }
  
  .zd_erha .aat_list li:hover .cbl-cont {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
  }
  

  @media (max-width: 767px){
	.list_pages ul li{
		margin-bottom: 10px;
	}.list_pages ul li a{
		padding: 0 8px;
	}.list_pages a{
		margin-bottom: 0;
	}
  }
  .ban-wen {
	    left: 16%;
    top: 36%;
	z-index: 51;
	position: absolute;

	
  }
    .ban-wen .pp1 {
color: #333;

font-size: 3.625rem;
font-style: normal;
font-weight: 500;
line-height:1.2;
	}
	    .ban-wen .pp2 {
		color: #333;

font-size: 1.75rem;
margin: .8rem 0;
font-style: normal;
font-weight: 500;
line-height: 1.5;
	}
	    .ban-wen a {
width: 17.875rem;
display: inline-block;
text-align: center;
color: #FFFFFF;
line-height:3.625rem;
height: 3.625rem;
font-size: 1.375rem;
border-radius: 6.25rem;
background: linear-gradient(90deg, #DD5894 0%, #F25F72 100%);
    transition: all .2s ease-in-out;

	}	    .ban-wen a:hover{
	    background: #13afeb;
	}

	 @media (max-width: 767px){
		.ban-wen a{
			width: 100px;
			height: 30px;
			line-height: 30px;
			font-size: 12px;border-radius: 5px;
		}
.banimg02{
	height: 100%;
	object-fit: cover;
}
		 .ban-wen {
	    left: 5%;
    top: 15%;
		 } .ban-wen .pp1{
			font-size: 20px;
		 } .ban-wen .pp2 {
			font-size: 14px;
		 }
	 }