.header {
	padding: 15px 0;
	height: 30px;
	position: fixed;
	z-index: 999;
	width: 100%;
	background: #024aaf;
	box-shadow: 0 0px 48px 0 rgba(0, 0, 0, .1);
}

.header .left {
	display: flex;
	align-items: center;
	height: 30px;
	float: left;
}

.header .left img {
	height: 25px;
}

.header .right {
	float: right;
	height: 25px;
	display: flex;
	align-items: center;
}
.header .right a{
    color: #fff;
     font-family: 'DINCond-Black';
     font-size: 24px;
}
.header .menu {
	float: right;
	display: block;
	height: 25px;
	width: 30px;
	z-index: 9999;
	position: relative;
	margin-left: 15px;
}

.header .menu .icon-bar {
	display: block;
	position: relative;
	width: 30px;
	height: 2px;
	background-color: #fff;
	margin-top: 5px;
}

.header .menu .icon-bar:before,
.icon-bar:after {
	content: '';
	display: block;
	width: 30px;
	height: 2px;
	position: absolute;
	background: #fff;
	-webkit-transition-property: margin, -webkit-transform;
	transition-property: margin, -webkit-transform;
	transition-property: margin, transform;
	transition-property: margin, transform, -webkit-transform;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
}

.header .menu .icon-bar:before {
	margin-top: 7px;
}

.header .menu .icon-bar:after {
	margin-top: 14px;
}

.header .menu.toggle-animate .icon-bar {
	background: none
}

.header .menu.toggle-animate .icon-bar:before {
	margin-top: 7px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.header .menu.toggle-animate .icon-bar:after {
	margin-top: 7px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.header .menu.toggle-animate .icon-bar:before,
.toggle-animate .icon-bar:after {
	content: '';
	display: block;
	width: 25px;
	height: 2px;
	position: absolute;
	background: #fff;
}



.nav {
	position: fixed;
	top: 0;
	left: -100%;
	width: 70%;
	height: 100%;
	padding-top: 5%;
	background: #fff;
	z-index: 14;
	float: none;
	margin-left: 0;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	display: block !important;
	opacity: 1;
	visibility: visible;
	margin-top: 0;
	overflow-y: auto;
	z-index: 9999;
	padding-bottom: 30px;
	box-sizing: border-box;
}

.nav ul {
	width: 100%;
	margin: 0 auto;
	background: #fff;
}

.nav ul li.nLi {
	width: 100%;
	text-align: center;
	color: #333;
	font-weight: bold;
	display: block;
	font-size: 16px;
	position: relative;
}

.nav ul li.nLi>a {
	color: #333;
	display: block;
	height: 60px;
	line-height: 60px;
	text-align: left;
	padding-left: 20px;
	box-sizing: border-box;
	border-bottom: 1px solid #eee;
}

.nav ul li.nLi i {
	display: block;
	width: 30px;
	height: 25px;
	background: url(../images/arrowt.png) no-repeat center;
	background-size: 60%;
	position: absolute;
	right: 10px;
	top: 17px;
	-webkit-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
}

.nav ul li.nLi .sub {
	display: none;
	box-sizing: border-box;
}

.nav ul li.nLi .sub a {
	border-bottom: 1px solid #e8e8e8;
	padding-left: 20px;
	font-weight: normal;
	height: 50px;
	line-height: 50px;
	display: block;
	color: #737373;
	text-align: left;
}

.nav ul li.nLi i.fan {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.nav ul li.nLi:last-child {
	background: none
}

.nav ul li.on a {
	color: #0099d5;
}

.nav.active {
	left: 0;
	box-shadow: 10px 0px 48px 0 rgba(0, 0, 0, .1);
}

.nav_bg {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 99;
}


.banner a img {
	display: block;
	width: 100%;
}

.banner .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #fff;
	opacity: 1;
	position: relative;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.banner .swiper-pagination-bullet-active {
	opacity: 1;
	background: #fff;
}

.banner .swiper-pagination-bullet::after {
	content: "";
	opacity: 0;
	width: 10px;
	height: 10px;
	border: 1px solid #fff;
	border-radius: 50%;
	position: absolute;
	left: -2px;
	top: -2px;
}

.banner .swiper-pagination-bullet-active::after {
	opacity: 1;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 20px;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 8px;
}

.index1 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.index1  .table_mobile {
	width: 668px;
}

.index1 .xcanshu {
	overflow-x: auto;
}

.index1  table thead {
	background: #0c54b8;
}
 

.index1 table thead th {
	line-height: 22px;
	color: #fff;
	border: 1px solid #dddddd;
	font-size: 12px;
	padding: 0;
}

.index1  table tbody td {
	height: auto;
	line-height: 28px;
	font-size: 12px;
	border: 1px solid #dddddd;
	text-align: center;
}
.index1 .index1_content_box{
    display: none;
}
.index1 .show{
    display: block;
}
.lmt {
	margin-bottom: 25px;
}

.lmt strong {
	display: block;
	text-align: center;
	font-size: 20px;
	color: #333;
}

.index1 .tabs {
	display: flex;
	justify-content: space-between;
}

.index1 .tabs .tabs_hd {
	width: 49%;
	margin-right: 2%;
	height: 80px;
	position: relative;
	margin-bottom: 15px;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}


.index1 .tabs .tabs_hd>a {
	display: flex;
	height: 80px;
	color: #fff;
	align-items: center;
	justify-content: center;
}

.index1 .tabs .tabs_hd:last-child {
	margin-right: 0;
}

.index1 .tabs .tabs_hd:nth-child(1) {
	background: url(../images/index1_tab_bg1.jpg) no-repeat center;
	background-size: cover;
}

.index1 .tabs .tabs_hd:nth-child(2) {
	background: url(../images/index1_tab_bg2.jpg) no-repeat center;
	background-size: cover;
}

.index1 .tabs .tabs_hd:nth-child(3) {
	background: url(../images/index1_tab_bg3.jpg) no-repeat center;
	background-size: cover;
}

.index1 .tabs .tabs_hd:nth-child(4) {
	background: url(../images/index1_tab_bg4.jpg) no-repeat center;
	background-size: cover;
}



.index1 .tabs .tabs_hd.active>a {
	background: rgba(2, 74, 175, .8);
}



.index1 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.index1 ul li {
	width: 49%;
	background: #fff;
	border: 1px solid #eeeeee;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 15px;
}

.index1 ul li .index1_img {
	width: 100%;
	display: block;
	position: relative;
}

.index1 ul li .index1_img p {
	font-size: 15px;
	padding: 0 10px;
	box-sizing: border-box;
	text-align: center;
	overflow: hidden;
	width: 100%;
	color: #333;
	height: 40px;
	line-height: 40px;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.index1 ul li .index1_img i {
	text-align: center;
	display: block;
}

.index1 ul li .index1_img img {
	display: inline-block;
	max-height: 300px;
	max-width: 100%;
}

.index1 ul::after {
	display: none;
}


.index1 .flex2 ul li {
	width: 100%;
}

.index2 {
	background: #f8f9fb;
	padding-top: 30px;
	padding-bottom: 40px;
}

.index2 .left .lmt strong {
	text-align: left;
	margin-bottom: 20px;
}

.index2 .left .lmt p {
	font-size: 14px;
	line-height: 24px;
	color: #666;
}

.index2 .left {
	width: 100%;
	position: relative;
}

.index2 .left .btn {
	width: 100px;
	position: absolute;
	right: 0;
	top: -5px;
	display: flex;

}

.index2 .left .btn div {
	width: 30px;
	line-height: 30px;
	height: 30px;
	border: 1px solid #d0d0d0;
	border-radius: 50%;
	text-align: center;
	margin-left: 17px;
	outline: none;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.index2 .left .btn div i {
	font-size: 12px;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.index2 .left .btn div:hover {
	background: #1f5aab;
	border: 1px solid #1f5aab;
}

.index2 .left .btn div:hover i {
	color: #fff;
}

.index2 .left .swiper-slide a.pic {
	display: block;
	overflow: hidden;
}

.index2 .left .swiper-slide a.pic img {
	display: block;
	width: 100%;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.index2 .left .swiper-slide a.pic:hover img {
	transform: scale(1.1);
}

.index2 .left .swiper-slide .index_t {
	background: #fff;
	padding: 15px;
	box-sizing: border-box;
}

.index2 .left .swiper-slide .index_t a.t {
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	margin-bottom: 20px;
}

.index2 .left .swiper-slide .index_t a.t:hover {
	color: #1f5aab;
}

.index2 .left .swiper-slide .index_t p {
	font-size: 16px;
	line-height: 40px;
	color: #333;
	background: url(../images/point_c.png) no-repeat left center;
	padding-left: 30px;
}

.index2 .left .swiper-slide .index_t .more {
	display: flex;
}

.index2 .left .swiper-slide .index_t .more a {
	width: 100px;
	height: 26px;
	line-height: 26px;
	border: 1px solid #225dad;
	display: flex;
	align-items: center;
	border-radius: 25px;
	font-size: 14px;
	color: #1f5aab;
	justify-content: center;

}


.index3 {
	background: #024aaf;
}

.index3 img {
	display: block;
	width: 100%;
}

.index3 .index3_box {
	padding: 25px 0;
}

.index3 .index3_box h1 {
	font-size: 20px;
	color: #fff;
	margin-bottom: 15px;
}

.index3 .index3_box strong {
	display: block;
	font-size: 16px;
	color: #fff;
	line-height: 22px;
	font-weight: normal;
	margin-bottom: 15px;
}

.index3 .index3_box p {
	font-size: 14px;
	line-height: 26px;
	letter-spacing: 1px;
	color: #fff;
	text-align: justify;
}

.index3 .index3_box a {
	display: block;
	width: 120px;
	height: 30px;
	line-height: 30px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 25px;
	font-size: 14px;
	color: #0c4a99;
	margin-top: 25px;
}

.index3 .index3_box a i {
	margin-left: 5px;
}

.index3 .index3_box a:hover {
	box-shadow: 0px 0px 30px #fff;
}


.index4 {
	padding-top: 30px;
	padding-bottom: 30px;
	background: #f8f9fb;
}

.index4 .lmt p {
	font-size: 14px;
	color: #666666;
	text-align: center;
	margin-top: 15px;
}

.index4 ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.index4 ul li {
	width: 25%;
	margin-bottom: 15px;
	position: relative;
}


.index4 ul li i {
	display: flex;
	align-items: center;
	width: 70px;
	height: 70px;
	overflow: hidden;
	border: 1px solid #cccccc;
	border-radius: 50%;
	background: #fff;
	justify-content: center;
}

.index4 ul li i img {
	display: block;
	width: 100%;
}

.index4 ul li p {
	text-align: center;
	font-size: 14px;
	margin-top: 5px;
}

.index4 ul::after {
	display: none;
}


.messagex {
	background: url(../images/message_bg.jpg) no-repeat center;
	background-size: cover;

}

.messagex .box {
	padding: 30px 0;
}

.messagex .box strong {
	font-size: 18px;
	color: #fff;
	display: block;
	margin-bottom: 20px;
}

.messagex .box form input {
	width: 100%;
	height: 40px;
	background: #fff;
	border: 1px solid #fff;
	color: #333;
	font-size: 14px;
	padding-left: 10px;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.messagex .box form input::-webkit-input-placeholder {
	color: #999999;
}

.messagex .box form input::-moz-input-placeholder {
	color: #999999;
}

.messagex .box form input::-ms-input-placeholder {
	color: #999999;
}


.messagex .box form button {
	width: 100%;
	height: 40px;
	color: #fff;
	background: #0066cc;
	font-weight: bold;
	border: none;
	cursor: pointer;
	font-size: 14px;
}



.footer {
	background: #27282d;
}

.footer_top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 108px;
	border-bottom: 1px solid #3d3e42;
}

.footer_contect img:first-child {
	display: block;
	margin: 0 auto;
	margin-bottom: 30px;
	width: 130px;
}


.footer_contect {
	padding-top: 35px;
	padding-bottom: 30px;
}

.footer_contect strong {
	display: block;
	font-size: 18px;
	text-align: center;
	color: #fff;
}

.footer_contect p {
	color: rgba(255, 255, 255, .5);
	font-size: 14px;
	margin-top: 15px;
	text-align: center;
	line-height: 24px;
}

.footer_contect a {
	display: flex;
	margin: 0 auto;
	margin-top: 25px;
	width: 200px;
	border-radius: 25px;
	height: 50px;
	background: #0c4a99;
	align-items: center;
	justify-content: center;
	color: #fff;
}

.footer_contect a span {
	font-size: 22px;
	font-family: 'DINCond-Black';
	font-weight: bold;
	margin-left: 5px;
}

.footer_contect a i {
	font-size: 20px;
}

.footer_contect .wxcode img {
	display: block;
	margin: 0 auto;
}

.footer_contect .wxcode {
	margin-top: 20px;
}

.footer_contect .wxcode p {
	text-align: center;
	font-size: 15px;
	color: rgba(255, 255, 255, .5);
	margin-top: 15px;
}

.footer_bot {
	height: 75px;
	display: flex;
	text-align: center;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #3d3e42;
	font-size: 12px;
	line-height: 22px;
	color: rgba(255, 255, 255, .5);
}

.footer_bot a {

	color: rgba(255, 255, 255, .5);
}

.nybanner {
	position: relative;
	height: 200px;
}

.nybanner img {
	display: block;
	width: 100%;
}

.nybanner .sbox {

	margin: 0 auto;
}

.newsnav {
	height: 40px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .6);
}

.newsnav p {
	display: flex;
	height: 40px;
	align-items: center;
	color: #fff;
	font-size: 14px;
}

.newsnav a {
	color: #fff;
}

.newsnav p i {
	margin-right: 5px;
}

.probanner .sbox {
	padding-top: 10%;
}

.case_banner .sbox {
	padding: 0 80px;
	box-sizing: border-box;
	padding-top: 10%;
}

.nybanner .sbox strong {
	display: block;
	text-align: center;
	font-size: 20px;
	line-height: 36px;
	color: #fff;
	font-weight: bold;
}

.nybanner .sbox p {
	text-align: center;
	font-size: 14px;
	color: rgba(255, 255, 255, .5);
	margin-top: 25px;
}



.solbanner .sbox {
	padding-top: 10%;
}

.solbanner .sbox strong {
	font-size: 32px;
}

.fenye {
	width: 100%;
	margin: 0 auto;
	margin-top: 15px;
	padding-bottom: 10px;
	text-align: center;
	margin-bottom: 40px;
}

.fenye a {
	display: inline-block;
	padding: 0 8px;
	text-align: center;
	line-height: 25px;
	font-size: 12px;
	color: #333;
	margin: 2px;
	border-radius: 5px;
	background: #eee;
}

.fenye b,
.fenye a:hover {
	display: inline-block;
	padding: 0 8px;
	text-align: center;
	line-height: 25px;
	font-size: 12px;
	color: #fff;
	margin: 2px;
	background: #024aaf;
	border-radius: 5px;
}



.caselist {
	padding-top: 30px;
}

.caselist ul {
	display: flex;
	flex-wrap: wrap;
}

.caselist ul::after {
	display: none;
}

.caselist ul li {
	width: 49%;
	margin-right: 2%;
	background: #f8f9fb;
	margin-bottom: 15px;
}

.caselist ul li:nth-child(even) {
	margin-right: 0;
}

.caselist ul li a.pic {
	display: block;
	overflow: hidden;
}

.caselist ul li a.pic img {
	display: block;
	width: 100%;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.caselist ul li a.pic:hover img {
	transform: scale(1.1);
}

.caselist ul li .index_t {
	background: #f8f9fb;
	padding: 15px;
	box-sizing: border-box;
}

.caselist ul li .index_t a.t {
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	margin-bottom: 20px;
}

.caselist ul li .index_t a.t:hover {
	color: #1f5aab;
}

.caselist ul li .index_t p {
	font-size: 16px;
	line-height: 40px;
	color: #333;
	background: url(../images/point_c.png) no-repeat left center;
	padding-left: 30px;
}

.caselist ul li .index_t .more {
	display: flex;
}

.caselist ul li .index_t .more a {
	width: 100px;
	height: 26px;
	line-height: 26px;
	border: 1px solid #225dad;
	display: flex;
	align-items: center;
	border-radius: 25px;
	font-size: 14px;
	color: #1f5aab;
	justify-content: center;

}



.solutionlist ul li .index_t a.t {
	margin-bottom: 0;
	font-size: 16px;
}

.solutionlist ul li .index_t {
	padding: 15px;
}

.about1 {
	padding-top: 30px;
	padding-bottom: 30px;
}


.about1 .left {
	width: 100%;
}

.about1 .left img {
	display: block;
	width: 100%;
}

.about1 .right {
	width: 100%;
	padding-top: 20px;
}

.about1 .right h1 {
	font-size: 20px;
	color: #333333;
	margin-bottom: 20px;
}

.about1 .right strong {
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	color: #666666;
}

.about1 .right .title {
	margin-bottom: 20px;
}

.about1 .right p {
	font-size: 14px;
	line-height: 26px;
	color: #666;
	margin-bottom: 20px;
}

.about1 .right {
	position: relative
}


.about1 ul {
	margin-top: 20px;
}

.about1 ul li {
	float: left;
	width: 49%;
	margin-bottom: 10px;
	margin-right: 2%;
	position: relative;
	cursor: pointer;
	overflow: hidden;
	border-radius: 10px;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.about1 ul li:nth-child(even) {
	margin-right: 0;
}

.about1 ul li img {
	display: block;
	width: 100%;
}

.about1 ul li .about1_t {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.about1 ul li .about1_t strong {
	display: block;
	text-align: center;
	font-size: 18px;
	color: #fff;
}

.about1 ul li .about1_t p {
	font-size: 14px;
	color: #fff;
	line-height: 22px;
	width: 90%;
	margin: 0 auto;
	text-align: center;
	margin-top: 15px;
}

.about1 ul li:hover .about1_t {
	background: rgba(12, 74, 153, .9);
}

.about1 ul li:hover {
	transform: translateY(-20px);
}

.ny_title {
	text-align: center;
	margin-bottom: 40px;
}

.ny_title strong {
	display: inline-block;
	font-size: 20px;
	color: #333;
	position: relative;
	margin-bottom: 25px;
}

.ny_title p {
	font-size: 14px;
	text-align: center;
	line-height: 24px;
	color: #666;
}

.about2 {
	background: url(../images/about2_bg.jpg) no-repeat center;
	background-size: cover;
	padding-top: 35px;
	padding-bottom: 30px;
}

.about2 .ny_title strong {
	color: #fff;
}

.about2 .ny_title {
	margin-bottom: 30px;
}

.about2 .ny_title strong {
	margin-bottom: 25px;
}

.about2 .ny_title p {
	font-size: 14px;
	color: #fff;
	line-height: 24px;
}

.about2 .left {
	width: 100%;
	margin-bottom: 2%;
}

.about2 .left img {
	display: block;
	width: 100%;
}

.about2 .right {
	width: 100%;
}

.about2 .right img {
	display: block;
	width: 100%;
	margin-bottom: 2%;
}

.about5 {
	padding-bottom: 30px;
	padding-top: 30px;
}

.about5 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.about5 ul li {
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 10px;
	position: relative;
	background: #f1f1f1;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.about5 ul li i {
	display: block;
	width: 100%;
	text-align: center;
	padding-top: 15px;
}

.about5 ul li i img {
	display: block;
	width: 90%;
	margin: 0 auto;
}

.about5 ul li strong {
	display: block;
	font-size: 18px;
	color: #333;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.about5 ul::after {
	display: none;
}



.about5 ul li:hover {
	background: #024aaf;
}

.about5 ul li:hover strong {
	color: #fff;
}



.about3 {
	background: #f1f1f1;
	padding: 30px 0;
	position: relative;
}

.about3 img {
	display: block;
	margin: 0 auto;
	width: 100%;
}

.about4 {
    background: #f9f9f9;
	padding: 30px 0;
}

.about4 .ny_title {
	margin-bottom: 48px;
}

.about4 ul li {
	float: left;
	width: 49%;
	margin-right: 2%;
	margin-bottom: 10px;
}

.about4 ul li:nth-child(even) {
	margin-right: 0;
}

.about4 ul li img {
	display: block;
	width: 100%;
}

.contact {
	padding-top: 30px;
	padding-bottom: 30px;
}

.contact .left {
	background: #0c54b8;
}

.contact .left img {
	display: block;
	width: 100%;
}

.contact .left .contact_box {
	padding: 25px;
	box-sizing: border-box;

}

.contact .left .contact_box p {
	font-size: 20px;
	color: #fff;
	margin-bottom: 15px;
}

.contact .left .contact_box strong {
	display: block;
	font-size: 16px;
	color: rgba(255, 255, 255, .6);
	font-weight: normal;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid rgba(255, 255, 255, .5);
}

.contact .left .contact_box ul li {
	height: 45px;
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #fff;
}

.contact .left .contact_box ul li i {
	width: 26px;
	height: 26px;
	border: 1px solid #fff;
	text-align: center;
	line-height: 26px;
	border-radius: 50%;
	font-size: 16px;
	margin-right: 15px;
}

.contact .right {
	width: 100%;
	padding-top: 15px;
}

.contact .right strong {
	display: block;
	font-size: 20px;
	color: #333333;
	font-weight: normal;
}

.contact .right span {
	display: block;
	font-size: 16px;
	margin-top: 15px;
	color: #333;
	margin-bottom: 30px;
}

.contact .right .form_item {
	margin-bottom: 40px;
}

.contact .right .form_item p {
	font-size: 16px;
	color: #323232;
	margin-bottom: 10px;
}

.contact .right .form_item p i {
	color: red;
	font-style: normal;
}

.contact .right .form_item input[type="text"] {
	display: block;
	width: 100%;
	height: 40px;
	border: none;
	border-bottom: 1px solid #e6e6e6;
}

.contact .right .form_item textarea {
	display: block;
	width: 100%;
	height: 80px;
	border: none;
	border-bottom: 1px solid #e6e6e6;
}

.contact .right button {
	display: block;
	width: 100%;
	height: 40px;
	color: #fff;
	border: none;
	background: #fc7a02;
	font-weight: bold;
	font-size: 16px;
	cursor: pointer;
	margin-top: 30px;
}


#map {
	width: 100%;
	height: 200px;
	margin-top: 30px;
}


.service_1 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.service_1 .ny_title strong {
	margin-bottom: 20px;
}

.service_1 ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.service_1 ul::after {
	display: none;
}

.service_1 ul li {
	border-radius: 15px;
	width: 49%;
	margin-bottom: 15px;
	background: #0c54b8;
	padding: 25px 0;
}

.service_1 ul li i {
	display: block;
	width: 60px;
	height: 60px;
	border: 2px solid #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 60px;
	color: #fff;
	font-size: 30px;
	margin: 0 auto;
	margin-bottom: 25px;
}

.service_1 ul li:nth-child(1) i {
	font-size: 24px;
}

.service_1 ul li:nth-child(3) i {
	font-size: 40px;
}

.service_1 ul li p {
	text-align: center;
	color: #fff;
	font-size: 15px;
	line-height: 24px;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 15px;
}

.service_1 ul li strong {
	display: block;
	text-align: center;
	color: #fff;
	font-family: "Impact";
	font-size: 38px;
	font-weight: normal;
}


.service_2 {
	background: #f4f5f7;
	padding-top: 30px;
	padding-bottom: 30px;
}

.service_2 .ny_title strong {
	margin-bottom: 20px;
}
 
 
.service_2 .box img{
	display: block;
	width: 100%;
}
.service_2 .box .text {
	background: #fff;
	padding: 15px;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 32px;
	color: #666;
}

.service_2 .box .text strong {
	color: #333;
	font-size: 18px;
}

.service_2 .box .text p {
	margin-bottom: 15px;
}

.service_3 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.service_3 .ny_title strong {
	margin-bottom: 20px;
}
 
 
.service_3 .box .s3_box {
	width: 100%;
	margin-bottom: 15px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
}

.service_3 .box .s3_box img {
	display: block;
	width: 100%;
}

.service_3 .box .s3_box .text {
	padding: 15px;
	background: #fff;
	box-sizing: border-box;
}

.service_3 .box .s3_box .text strong {
	display: block;
	font-size: 18px;
	color: #333;
	margin-bottom: 15px;
}

.service_3 .box .s3_box .text p {
	font-size: 15px;
	line-height: 28px;
	color: #666;
}

.service_4 {
	background: #f4f5f7;
	padding-top: 30px;
	padding-bottom: 30px;
}

.service_4 .ny_title strong {
	margin-bottom: 20px;
}


.service_4 ul li {
	width:100%;
}

.service_4 ul li img {
	display: block;
	width: 100%;
}

.service_4 ul li strong {
	display: block;
	font-size: 18px;
	color: #333;
	margin-bottom: 15px;
}

.service_4 ul li p {
	font-size: 15px;
	color: #666;
	line-height: 30px;
}

.service_4 ul li.text {
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
}

.service_5 {
	padding: 30px 0;
}

.service_5 .ny_title strong {
	margin-bottom: 20px;
}
 
.service_5 .form input {
	width: 100%;
	height: 40px;
	background: #f4f5f7;
	border: none;
	padding-left: 15px;
	box-sizing: border-box;
	margin-bottom: 5px;
}

.service_5 .form select {
	width: 100%;
	height: 40px;
	background: #f4f5f7;
	border: none;
	padding-left: 15px;
	box-sizing: border-box;
}

.service_5 .form textarea {
	width: 100%;
	margin-top: 5px;
	background: #f4f5f7;
	border: none;
	height: 120px;
	padding: 10px;
	box-sizing: border-box;
}

.service_5 button {
	display: block;
	width: 160px;
	height: 40px;
	margin: 0 auto;
	background: #0c54b8;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	border: none;
	margin-top: 30px;
	cursor: pointer;
}



.biaoti {
	padding-bottom: 25px;
	padding-top: 35px;
}

.biaoti h1 {
	text-align: center;
	font-size: 18px;
	color: #333;
	font-weight: bold;
}

.biaoti p {
	text-align: center;
	font-size: 14px;
	color: #898989;
	margin-top: 25px;
}

.biaoti p i {
	display: inline-block;
	margin-right: 5px;
	font-size: 16px;
}

.newstext {
	font-size: 15px;
	line-height: 26px;
	color: #666;
}
.newstext  td{
    border: 1px solid #ccc;
    font-size: 12px;
}
.newstext img {
    max-width: 100%;
    height: auto !important;
	display: block;
	margin: 0 auto;
}

.fanye {
	border-top: 2px solid #eee;
	padding-top: 30px;
	margin-bottom: 60px;
}

.fanye p {
	line-height: 24px;
	margin-bottom: 15px;
	width: 100%;
	font-size: 15px;
	color: #5a5a5a;
}

.fanye p a {
	color: #5a5a5a;
}


.solution1 {
	padding: 30px 0;
}

 
.solution1 .box .img {
	width: 100%;
}

.solution1 .box .img img {
	display: block;
	width: 100%;
}

.solution1 .box .text {
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	font-size: 15px;
	line-height: 30px;
	color: #666;
	text-align: justify;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, .1);
}

.solution2 {
	background: #f4f5f7;
	padding: 30px 0;
}

.solution2 .box ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.solution2 .box ul::after {
	display: none;
}

.solution2 .box ul li {
	width:49%;
	background: #fff;
	margin-bottom: 5px;
	padding: 20px 0;
	border: 1px solid #ebeced;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.solution2 .box ul li i {
    display: flex;
    align-items: center;
    justify-content: center;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #0c54b8;
	border-radius: 50%;
	margin: 0 auto;
	margin-bottom: 20px;
}
.solution2 .box ul li i svg {
    fill: #fff;
    width: 30px;
    height: 30px;
}
.solution2 .box ul li i img {
	display: inline-block;
	vertical-align: middle;
}

.solution2 .box ul li p {
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    width: 90%;
    color: #666;
    margin: 0 auto;
}

.solution2 .box ul li:hover {
	box-shadow: 0px 30px 30px -10px rgba(0, 0, 0, .1);
}

.proxq1 {
	padding-top: 30px;
	padding-bottom: 40px;
}


.proxq1 .box .pic {
	width: 100%;
	background: #fff;
	box-sizing: border-box;
}

.proxq1 .box .pic img {
	display: block;
	width: 100%;
}

.proxq1 .box .text {
	width: 100%;
	padding-top: 20px;
	position: relative;
}

.proxq1 .box .text h1 {
	font-size: 22px;
	font-weight: bold;
	padding-left: 0;
	background: none;
    line-height: 30px;
	margin-bottom: 30px;
}

.proxq1 .box .text .pro_jianjie {
	font-size: 15px;
	color: #666;
	line-height: 26px;
}

.proxq1 .box .text .pro_jianjie p {
	margin-bottom: 20px;
}

.proxq1 .box .text .pro_jianjie strong {
	color: #0c54b8;
}

.proxq1 .box .text .zixun {

	display: flex;
	justify-content: space-between;
}

.proxq1 .box .text .zixun .z1 {
	display: flex;
	width: 40%;
	height: 40px;
	border-radius: 25px;
	background: #0c54b8;
	color: #fff;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: bold;
}

.proxq1 .box .text .zixun .z1 i {
	font-size: 18px;
	margin-right: 5px;
	font-weight: normal;
}

.proxq1 .box .text .zixun .z1:hover {
	box-shadow: 0px 10px 25px #0c54b8;
}

.proxq1 .box .text .zixun .z2 {
	display: flex;
	width: 55%;
	height: 40px;
	color: #0c54b8;
	border-radius: 25px;
	border: 1px solid #0c54b8;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.proxq1 .box .text .zixun .z2 i {
	font-size: 18px;
	margin-right: 10px;
	font-weight: normal;
}

.proxq1 .box .text .zixun .z2 a {
	color: #0c54b8;
}

.proxq1 .box .text .zixun .z2 a span {
	display: block;
	font-size: 12px;
	margin-bottom: 3px;
}

.proxq1 .box .text .zixun .z2 a strong {
	display: block;
	font-size: 16px;
	font-weight: bold;

}

.proxq1 .box .text .zixun .z2:hover {
	background: #0c54b8;
	color: #fff;
}

.proxq1 .box .text .zixun .z2:hover a {
	color: #fff;
}

.proxq2 {
	background: #f4f5f7;
	padding-top: 30px;
	padding-bottom: 20px;
}

.proxq2 ul {
	display: flex;
	flex-wrap: wrap;
}

.proxq2 ul li {
	width: 49%;
	margin-right: 2%;
	background: #fff;
	margin-bottom: 5px;
	padding: 10px;
	box-sizing: border-box;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.proxq2 ul li:nth-child(even) {
	margin-right: 0;
}

.proxq2 ul li i  {
    display: flex;
    align-items: center;
    justify-content: center;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #0c54b8;
	border-radius: 50%;
	margin: 0 auto;
	margin-bottom: 10px;
}
.proxq2 ul li i svg {
    fill: #fff;
    width: 26px;
    height: 26px;
}

 
.proxq2 ul li strong {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #333333;
	line-height: 22px;
	margin-bottom: 5px;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.proxq2 ul li p {
	font-size: 12px;
	
	line-height: 20px;
	color: #666;
	text-align: justify;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.proxq2 ul li:hover {
	background: #0c54b8;
}

.proxq2 ul li:hover p {
	color: #fff;
}

.proxq2 ul li:hover strong {
	color: #fff;
}

.proxq2 ul li:hover i {
	background: #fff;
	color: #0c54b8;
}


.proxq_canshu {
	padding: 30px 0;
}

.table_mobile {
	width: 1200px;
}

.canshu {
	overflow-x: auto;
}

.proxq_canshu table thead {
	background: #0c54b8;
}

.hdk {
	font-size: 14px;
	color: #666;
	text-align: center;
	margin-bottom: 10px;
}

.proxq_canshu table thead th {
	line-height: 22px;
	color: #fff;
	border: 1px solid #dddddd;
	font-size: 12px;
	padding: 0;
}

.proxq_canshu table tbody td {
	height: auto;
	line-height: 28px;
	font-size: 12px;
	border: 1px solid #dddddd;
	text-align: center;
}

.proxq_canshu table tbody tr:nth-child(even) {
	background: #e6eef8 !important;
}


.proxq3 {
	padding: 30px 0;
}

.ny_case {
	background: #f4f5f7;
	padding: 30px 0;
	padding-bottom: 30px;
}

.ny_case ul li { 
	width: 100%;
	margin-bottom: 45px;
	position: relative;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

 
.ny_case ul li img {
	display: block;
	width: 100%;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.ny_case ul li i {
	display: block;
	overflow: hidden;
}

.ny_case ul li:hover img {
	transform: scale(1.1);
}

.ny_case ul li .t {
	position: absolute;
	width: 90%;
	bottom: -25px;
	background: #fff;
	display: flex;
	height: 50px;
	align-items: center;
	padding: 0 20px;
	box-sizing: border-box;
	left: 0;
	right: 0;
	margin: 0 auto;
	box-shadow: 0px 10px 25px rgba(0, 0, 0, .1);
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.ny_case ul li .t p {
	font-size: 16px;
	flex: 1;
	margin-right: 10px;
	font-weight: bold;
	color: #333;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}

.ny_case ul li .t i {
	
	margin-left: auto;
	font-size: 20px;
	color: #cccccc;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.ny_case ul li:hover {
	transform: translateY(-20px);
}


.proxq4 {
	padding: 30px 0;
	background: #f4f5f7;
	padding-bottom: 30px;
}

.proxq4 .img { 
	background: #fff;
	padding: 15px;
	box-sizing: border-box;
	overflow: hidden;
	text-align: center; 
	margin: 0 auto;
	margin-bottom: 10px;
	position: relative;
}

 
.proxq4 .img img {
	display: block;
	margin: 0 auto;
	width: 90%;
}

.proxq4 .proxq4_box {
	position: relative;
}

.proxq4 ul li {   
	padding: 3px;
	border: 1px #0c54b8 dashed;
	margin-bottom: 10px;
}

.proxq4 ul li .sbox {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between; 
	position: relative;
	background: #fff;
	overflow: hidden;
}

 
.proxq4 ul li .sbox {
	padding: 10px 0;
	padding-right: 15px;
	padding-left: 75px;
	box-sizing: border-box;
min-height: 65px;
}

.proxq4 ul li strong {
	position: absolute;
	width: 60px;
	height: 60px;
	background: #0c54b8;
	color: #fff;
	font-family: arial;
	font-size: 20px;
	line-height: 60px;
	left: -20px;
	top: 5px;
	border-radius: 50%;
	padding-right: 20px;
	text-align: right;
	box-sizing: border-box;
	z-index: 9;
}

.proxq4 ul li span {
	position: absolute;
	width: 60px;
	height: 60px;
	background: #d4e7fc;
	color: #fff;
	font-family: arial;
	font-size: 20px;
	line-height: 60px;
    left: -10px;
    top: 0px;
	border-radius: 50%;
	padding-left: 20px;
	box-sizing: border-box;
	z-index: 5;
}

.proxq4 ul li p {
	font-size: 13px;
	color: #333;
	line-height: 22px;
	text-align: left;
}