@charset "utf-8";

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

::-webkit-scrollbar-track-piece {
	width: 8px;
	height: 4px;
	background-color: #f0f0f0;
}

::-webkit-scrollbar {
	width: 6px;
	height: 4px;
	background-color: #333333;
}

::-webkit-scrollbar-thumb {
	width: 6px;
	height: 4px;
	background-color: #333333;
}

::-webkit-scrollbar-thumb:hover {
	width: 6px;
	height: 4px;
	background-color: #2e2e2e;
}

html {
	-webkit-text-size-adjust: none;
	font-family: "微软雅黑","Microsoft YaHei";
}

@font-face {
	font-family:Pingfang;src:url('../fonts/pingfang.woff2') format('woff2'), url('../fonts/pingfang.woff') format('woff'),url('../fonts/pingfang.ttf') format('truetype'),url('../fonts/pingfang.eot');
}

body {
	color: #333333;
	-webkit-text-size-adjust: none;
	background-color: #fff;
	font-family: Pingfang;
}

body img {
	border: 0px;
}

input, textarea {
	outline: 0;
	border: none;
	background: 0 0;
	font-size: 14px;
	font-family: "Pingfang";
	-webkit-appearance: none;
}

input,button,select,textarea {
	outline: none;
}

textarea {
	resize: none;
}

textarea,input,select {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

A {
	color: #222222;
	text-decoration: none;
}

A:link {
	color: #222222;
	text-decoration: none;
}

A:visited {
	color: #222222;
	text-decoration: none;
}

A:hover {
	color: #4b60db;
	text-decoration: none;
}

.clear {
	clear: both;
}

ul li {
	list-style-type: none;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.w {
	height: auto;
	margin:0 auto; 
width: 80%;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}

.mt50 {
	margin-top: 50px;
}

.mt60 {
	margin-top: 60px;
}

.mt80 {
	margin-top: 80px;
}

.navbox {
	width: 100%;
	height: 82px;
	background: url(../images/navbg.png) left bottom repeat-x;
	position: fixed;
	z-index: 111;
	_position: fixed;
	left: 0px;
	top: 0px;
}

.fixednav {
	background: url(../images/headbg.png);
}

.menu {
	display: none;
}

.close {
	display: none;
}

.header {
}

.logo {
	float: left;
	margin-top: 13px;
}

.toptel {
	background: url(../images/telbg.png) left center no-repeat;
	height: 35px;
	line-height: 35px;
	padding-left: 42px;
	font-size: 22px;
	color: #fff;
	float: right;
	margin-top: 22px;
}

.toptel a {
	font-size: 22px;
	color: #fff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
}

@keyframes webfd {
	from {
		top: 6px;
	}

	to {
		top: -6px;
	}
}

@-moz-keyframes webfd {
	from {
		top: 6px;
	}

	to {
		top: -6px;
	}
}

@-webkit-keyframes webfd {
	from {
		top: 6px;
	}

	to {
		top: -6px;
	}
}

@-o-keyframes webfd {
	from {
		top: 6px;
	}

	to {
		top: -6px;
	}
}

.webfd {
	animation: webfd 0.8s linear 0s infinite alternate;
	-moz-animation: webfd 0.8s linear 0s infinite alternate;
	-webkit-animation: webfd 0.8s linear 0s infinite alternate;
	-o-animation: webfd 0.8s linear 0s infinite alternate;
	position: relative;
}

.nav {
	float: right;
	margin-right: 50px;
}

.nav li {
	height: 79px;
	line-height: 79px;
	float: left;
	margin-left: 50px;
	display: inline;
	position: relative;
}

.nav a {
	font-size: 16px;
	color: #fff;
	display: block;
}

.nav li span {
	width: 0;
	height: 3px;
	background: #4b60db;
	position: absolute;
	top: 100%;
	left: 50%;
	display: block;
	transition: all .5s;
	z-index: 100;
	overflow: hidden;
}

.nav li:hover span {
	left: 0%;
	width: 100%;
}

.nav li.cur span {
	width: 100%;
	left: 0%;
	height: 3px;
	background: #4b60db;
}

.banner {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: relative;
}

.banner.banner-home .banner-inner {
	width: 100%;
}

.home_slide_inner {
	position: relative;
	height: 100vh;
}

.home_slide1 {
	width: 100%;
	height: 100vh;
	background: #001043 url('../images/o1cn01wipwur20dsxtsub5b_!!712096873.jpg') center center no-repeat;
	background-size: cover;
}

.home_slide1_info {
	position: absolute;
	left: 60px;
	top: 50%;
	margin-top: -160px;
	z-index: 1000;
	width: 40%;
}

.home_slide1_info img {
	width: 100%;
	height: auto;
}

.home_slide1_info p {
	font-size: 22px;
	color: #fff;
	margin-top: 15px;
}

.home_slide1_thumb {
	position: absolute;
	right: 50px;
	top: 50%;
	margin-top: -220px;
	z-index: 1000;
	width: 50%;
}

.home_slide1_thumb img {
	width: 100%;
	height: auto;
}

.home_slide1_phone {
	margin-top: 60px;
}

.slide1_online {
	width: 190px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	float: left;
	margin-right: 30px;
	background: -webkit-linear-gradient(to top right, #7313d9, #4b60db);
	background: -o-linear-gradient(to top right, #7313d9, #4b60db);
	background: -moz-linear-gradient(to top right, #7313d9, #4b60db);
	background: linear-gradient(to top right, #7313d9, #4b60db);
	color: #fff;
	border-radius: 48px;
	-moz-border-radius: 48px;
	-webkit-border-radius: 48px;
	-o-border-radius: 48px;
}

.slide1_online a {
	color: #fff;
	display: block;
}

.slide1_online a.pclink {
	color: #fff;
	display: block;
}

.slide1_online a.mblink {
	color: #fff;
	display: none;
}

.slide1_online2 {
	width: 190px;
	height: 48px;
	line-height: 42px;
	text-align: center;
	float: left;
	border: 2px #fff solid;
	color: #fff;
	border-radius: 48px;
	-moz-border-radius: 48px;
	-webkit-border-radius: 48px;
	-o-border-radius: 48px;
}

.slide1_online2 a {
	color: #fff;
	display: block;
}

.slide1_online2 a.pclink {
	color: #fff;
	display: block;
}

.slide1_online2 a.mblink {
	color: #fff;
	display: none;
}

.home_slide2 {
	width: 100%;
	height: 100vh;
	background: #001043 url('../images/o1cn01jclokr20dswpepjdl_!!712096873.jpg') center center no-repeat;
	background-size: cover
}

.home_slide2_info {
	position: absolute;
	right: 60px;
	top: 50%;
	margin-top: -100px;
	z-index: 1000;
	width: 45%;
}

.home_slide2_info img {
	width: 100%;
	height: auto;
}

.home_slide2_info p {
	font-size: 28px;
	color: #fff;
	margin-top: 15px;
}

.home_slide3 {
	width: 100%;
	height: 100vh;
	background: #001043 url('../images/o1cn01triedv20dswtwzo5y_!!712096873.jpg') center center no-repeat;
	background-size: cover
}

.home_slide3_info {
	position: absolute;
	left: 60px;
	top: 50%;
	margin-top: -120px;
	z-index: 1000;
	width: 46%;
}

.home_slide3_info img {
	width: 100%;
	height: auto;
}

.home_slide3_info p {
	font-size: 28px;
	color: #fff;
	margin-top: 15px;
}

.banner .pagination {
	position: absolute;
	left: 0;
	text-align: center;
	bottom: 25px;
	width: 100%;
	z-index: 999;
}

.banner .swiper-pagination-bullet {
	display: inline-block;
	opacity: 1;
	background: #696f74;
	border-radius: 0px;
	width: 30px;
	height: 4px;
	margin: 5px;
	cursor: pointer;
	transition: width 0.3s ease-in-out;
}

.banner .swiper-pagination-bullet-active {
	background: #4b60db;
	width: 40px;
}

.arrow-left {
	position: absolute;
	left: 80px;
	top: 50%;
	margin-top: -16px;
	display: block;
	width: 19px;
	height: 32px;
	background: url(../images/prevarrow.png) no-repeat;
	z-index: 1;
	cursor: pointer;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.arrow-right {
	position: absolute;
	right: 80px;
	top: 50%;
	margin-top: -16px;
	display: block;
	width: 19px;
	height: 32px;
	background: url(../images/nextarrow.png) no-repeat;
	z-index: 1;
	cursor: pointer;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.scroll-icon {
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 2em;
	width: 1.1em;
	font-size: 22px;
	color: rgba(255, 255, 255, 0.5);
	position: absolute;
	left: 50%;
	margin-left: -0.55em;
	z-index: 11;
	bottom: 60px;
	border-radius: 2em;
	border: solid 2px;
	-webkit-transition: .4s;
	transition: .4s;
}

.scroll-icon::after {
	content: '';
	width: 5px;
	height: 5px;
	background-color: #fff;
	border-radius: 50%;
	-webkit-animation: scroll-icon 2.2s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
	animation: scroll-icon 2.2s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
}

@keyframes scroll-icon {
	0% {
		-webkit-transform: translateY(-12px);
		transform: translateY(-12px);
		opacity: 0;
	}

	30%, 70% {
		opacity: 1;
	}

	100% {
		-webkit-transform: translateY(12px);
		transform: translateY(12px);
		opacity: 0;
	};
}

.indextitle {
	text-align: center;
}

.indextitle h3 {
	font-size: 38px;
	color: #333;
}

.indextitle p {
	font-size: 16px;
	color: #666;
	margin-top: 20px;
	line-height: 30px;
}

.indextitle2 {
	text-align: center;
}

.indextitle2 h3 {
	font-size: 38px;
	color: #fff;
}

.indextitle2 p {
	font-size: 16px;
	color: #fff;
	margin-top: 20px;
	line-height: 30px;
}

.indextitle3 {
	text-align: center;
}

.indextitle3 h3 {
	font-size: 36px;
	color: #0065c1;
}

.service {
	height: auto;
	margin-top: 30px;
}

.service ul {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.service li {
	width: 18%;
	text-align: center;
	height: 430px;
	padding-top: 60px;
	padding-bottom: 60px;
}

.service .itemempty {
	height: 0px;
	width: 18%;
}

.service:after {
	content: "";
	flex: auto;
}

.service li.wxxcx {
	display: none;
}

.service h2 {
	font-size: 24px;
	margin-top: 30px;
}

.service p {
	font-size: 14px;
	margin: 0 30px;
	margin-top: 15px;
	line-height: 24px;
}

.service li:hover {
	background: -webkit-linear-gradient(to top right, #7313d9, #4b60db);
	background: -o-linear-gradient(to top right, #7313d9, #4b60db);
	background: -moz-linear-gradient(to top right, #7313d9, #4b60db);
	background: linear-gradient(to top right, #7313d9, #4b60db);
	color: #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
}

.baojia {
	width: 125px;
	height: 38px;
	border: 1px #fff solid;
	text-align: center;
	margin: 0 auto;
	margin-top: 70px;
	border-radius: 38px;
	-moz-border-radius: 38px;
	-webkit-border-radius: 38px;
	-o-border-radius: 38px;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.baojia a {
	color: #fff;
	line-height: 38px;
	display: block;
	font-size: 16px;
}

.baojia a.pclink {
	color: #fff;
	display: block;
}

.baojia a.mblink {
	color: #fff;
	display: none;
}

.service li:hover .baojia {
	margin-top: 40px;
}

.service li img {
	margin: 0 auto;
}

.service li img.serimg2 {
	display: none;
}

.service li:hover img.serimg1 {
	display: none;
}

.service li:hover img.serimg2 {
	display: block;
}



.cases {
	height: auto;
	margin-top: 50px;
}

.cases ul {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.cases li {
	width: 24.5%;
	height: auto;
	margin-bottom: 12px;
}

.cases img {
	width: 100%;
	height: auto;
	display: block;
}

.cases .itemempty {
	height: 0px;
	width: 25%;
}

.cases:after {
	content: "";
	flex: auto;
}

.cases_pic {
	position: relative;
	overflow: hidden;
}

.effect-bubba {
	background: #000;
}

.effect-bubba img {
	opacity: 1;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	display: block;
}

.effect-bubba:hover img {
	opacity: 0.6;
}

.effect-bubba figcaption::before, .effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.4s, transform 0.4s;
}

.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

.effect-bubba p {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10;
	text-align: center;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
	filter: alpha(opacity=0);
	opacity: 0;
	text-align: center;
	width: 100%;
	height: 100%;
}

.effect-bubba:hover figcaption::before, .effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.effect-bubba figcaption p a {
	width: 100%;
	height: 100%;
	display: block;
	border: 1px #ddd solid;
	color: #fff;
	font-size: 20px;
	padding-top: 26%;
	font-weight: bolder;
}

.effect-bubba span {
	border: 1px #fff solid;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 20px;
	font-weight: normal;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
}

.more {
	width: 220px;
	height: 55px;
	line-height: 55px;
	margin: 0 auto;
	border: 1px #333 solid;
	text-align: center;
	margin-top: 50px;
}

.more a {
	font-size: 18px;
	font-weight: bolder;
}

.whybox {
	width: 100%;
	margin-top: 80px;
	background: url(../images/whybg.jpg) center center no-repeat;
	padding-bottom:0;padding-top:90px;overflow: hidden;font-size: .875em;
	background-size: cover;
	background-attachment: fixed;
	color: #fff;
}
.strengs{color:#fff;text-align:center;}
.strengs::after{content:"";position: absolute;left:0;bottom:170px;width:100%;height:1px;background:#fff;opacity:.2;}
.strengsTie{max-width:90%;margin:0 auto;height:300px;}
.strengsTie h4{font-size:2.143em;background: url('../images/mark.png') no-repeat right top;padding-top:10px;}
.strengsTie h4 strong{display: block;margin-top:5px;}
.strengsTie h5{opacity:.6;font-family:Arial;margin:20px 0;}
.strengsTie .mores{display:inline-block;padding:0 20px;font-size:1.429em;border:1px solid #fff;height:45px;line-height:45px;color:#fff;}
.strengsTie .mores:hover{background:#fff;color:#E8B91B;}
.caseys{max-width:90%;margin:0 auto;position:relative;overflow:hidden;font-size:1.143em;}
.caseys li{float:left;width:25%;text-align:center;border-right: 1px solid rgba(255, 255, 255,.2);position:relative;padding-top:40px;height:170px;}
.caseys li::after,.caseys li:nth-child(1)::before{content:"";position: absolute;right:-1px;background:#fff;height:20px;top:50%;margin-top:-1px;width:2px;}
.caseys li:nth-child(1)::before{right:auto;left:-1px;}
.caseys li:nth-child(1){border-left: 1px solid rgba(255, 255, 255,.2);}
.caseys li span{display:block;font-size:2.375em;font-family:Arial;font-weight:700;position:relative;}
.caseys li span::after{content:"+";position: absolute;top:0;font-size:16px;font-weight:300;}
.caseys li p{opacity:.6;}

@media (max-width: 1280px){
.strengsTie {
    height: auto;
    margin-bottom: 40px;
	padding-left: 15px;
    padding-right: 15px
}
.caseys li {
    padding-top: 30px;
    height: 150px;
	
}
}

@media (max-width: 768px){
	
.strengs{
	text-align:left;
}
	
.strengsTie{
	max-width:100%;
}

.strengsTie h4 {
    font-size: 1.5em;
    background: none;
}
.caseys{
	max-width:100%;
	
}
.caseys li {
    width: 50%;
    height: auto;
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255,.2);
}
}


.whylist {
	margin-top: 50px;
}

.whylist ul {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.whylist li {
	width: 23%;
	margin-bottom: 42px;
	padding: 25px;
	background: url(../images/navbg.png);
}

.whylist h2 {
	font-size: 24px;
	font-weight: normal;
}

.whylist img {
	margin-bottom: 20px;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

.whylist li:hover img {
	-moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	transform: rotateY(360deg);
	-moz-transition: all 1.5s;
	-ms-transition: all 1.5s;
	-webkit-transition: all 1.5s;
	-o-transition: all 1.5s;
	transition: all 1.5s;
}

.whylist p {
	margin-top: 20px;
	line-height: 24px;
	font-size: 14px;
}

.whylist .itemempty {
	height: 0px;
	width: 23%;
}

.whylist:after {
	content: "";
	flex: auto;
}

.whylist li:hover {
	background: -webkit-linear-gradient(to top right, #7313d9, #4b60db);
	background: -o-linear-gradient(to top right, #7313d9, #4b60db);
	background: -moz-linear-gradient(to top right, #7313d9, #4b60db);
	background: linear-gradient(to top right, #7313d9, #4b60db);
}

.process {
	height: auto;
	margin-bottom: 40px;
	overflow: hidden;
	background: url(../images/process_libg.png) center center no-repeat;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
}

.process ul {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.process li {
	width: 16.6%;
	text-align: center;
	font-size: 14px;
	color: #666;
	padding-top: 60px;
	padding-bottom: 50px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}

.process h4 {
	font-size: 18px;
	margin-bottom: 15px;
	color: #222;
}

.process img {
	margin-bottom: 10px;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

.process li:hover {
	padding-top: 40px;
}

.process li:hover h4 {
	color: #5f39da;
}

.process li:hover img {
	-moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	transform: rotateY(360deg);
	-moz-transition: all 1.5s;
	-ms-transition: all 1.5s;
	-webkit-transition: all 1.5s;
	-o-transition: all 1.5s;
	transition: all 1.5s;
}

.process span {
	display: block;
	height: 35px;
	width: 35px;
	background: url(../images/processbg.png) no-repeat;
	text-align: center;
	line-height: 35px;
	color: #fff;
	margin: 0 auto;
	margin-top: 25px;
}

.customerbox {
	width: 100%;
	margin-top: 80px;
	background: url(../images/customerbg.jpg) center center no-repeat;
	padding-top: 30px;
	padding-bottom: 120px;
	background-size: cover;
	background-attachment: fixed;
	color: #fff;
}

.customer {
	height: auto;
	margin-top: 40px;
}

.customer ul {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.customer li {
	width: 14%;
	border: 1px #ccc solid;
	overflow: hidden;
	margin-bottom: 10px;
}

.customer img {
	display: block;
	vertical-align: middle;
	margin: 0 auto;
	width: 100%;
	height: auto;
	-webkit-filter: grayscale(1);
	filter: gray;
	filter: grayscale(1);
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}

.customer li:hover img {
	-webkit-filter: none;
	filter: none;
	filter: none;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.customer li:hover {
	border: 1px #5b6dd4 solid;
}

.newsbox {
	width: 100%;
	height: auto;
	background-color: #fafafa;
	padding-top: 30px;
	padding-bottom: 80px;
	padding: 20px;
}

.newscat {
	text-align: center;
	margin-top: 30px;
}

.newscat li {
	display: inline-block;
	height: 42px;
	line-height: 40px;
	margin-left: 15px;
	margin-right: 15px;
	border: 1px #ddd solid;
	padding: 0 25px;
	cursor: pointer;
}

.newscat li a {
	display: block;
	padding: 0 25px;
}

.newscat li a:hover {
	color: #fff;
	background-color: #111;
}

.newsbox .on {
	color: #fff;
	background-color: #111;
	border: 1px #111 solid;
}

.newsbox .on a {
	color: #fff;
	background-color: #111;
}

.newscat2 {
	text-align: center;
	margin-top: 30px;
}

.newscat2 li {
	display: inline-block;
	height: 42px;
	line-height: 40px;
	margin-left: 15px;
	margin-right: 15px;
	cursor: pointer;
}

.newscat2 li a {
	display: block;
	padding: 0 25px;
	border: 1px #ddd solid;
}

.newscat2 li a:hover {
	color: #fff;
	background-color: #111;
	border: 1px #111 solid;
}

.newscat2 .on {
	color: #fff;
}

.newscat2 .on a {
	color: #fff;
	background-color: #111;
	border: 1px #111 solid;
}

.indexnews {
	height: auto;
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 40px;
}

.news {
	width: 33%;
	height: auto;
	background:#fff;
	padding:20px;
}

.news img {
	width: 100%;
	height: auto;
	display: block;
}

.news span {
	display: inline-block;
	margin-top: 10px;
	color: #666;
}

.news h2 a {
	font-size: 18px;
	font-weight: normal;
}

.news h2 a:hover {
	color: #000;
}

.news p {
	margin-top: 20px;
	font-size: 14px;
	line-height: 26px;
	color: #888;
}

.news ul {
	border-top: 1px #e5e7e9 solid;
	margin-top: 30px;
	padding-top: 20px;
}

.news li {
	width: 100%;
	height: 38px;
	line-height: 38px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.news li a {
	color: #666;
}

.news li a:hover {
	color: #000;
}

.news li span {
	float: right;
	color: #888;
	margin-top: 0px;
}

.news .newstext {
	border-bottom: 1px #e3e3e3 solid;
	padding: 20px;
	margin-bottom: 15px;
	padding-bottom: 25px;
}

.require h2 {
	font-size: 32px;
}

.require p {
	margin-top: 30px;
	color: #666;
	line-height: 32px;
}

.require p a {
	color: #4b60db;
}

.require_form {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 35px;
}

.require_txt {
	width: 18%;
	height: 50px;
	line-height: 50px;
	box-shadow: 0 0 5px #c9d3ff;
	padding-left: 30px;
	font-size: 16px;
}

.require_txt2 {
	width: 40%;
	height: 50px;
	line-height: 50px;
	box-shadow: 0 0 5px #c9d3ff;
	padding-left: 30px;
	font-size: 16px;
}

.require_sub {
	width: 19%;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	background: -webkit-linear-gradient(to top right, #7313d9, #4b60db);
	background: -o-linear-gradient(to top right, #7313d9, #4b60db);
	background: -moz-linear-gradient(to top right, #7313d9, #4b60db);
	background: linear-gradient(to top right, #7313d9, #4b60db);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
}

.footbox {
	width: 100%;
	height: auto;
	background: url(../images/footbg.jpg) center bottom no-repeat #22211f;
	padding-top: 50px;
	padding-bottom: 50px;
}

.footer {
	color: #ccc;
	overflow: hidden;
	font-size: 14px;
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.footer h3 {
	color: #f3f3f3;
	font-size: 20px;
	margin-bottom: 20px;
}

.footer h4 {
	margin-bottom: 20px;
}

.footer h4 a {
	color: #f3f3f3;
	font-size: 28px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
}

.footer a {
	color: #ccc;
	font-size: 14px;
}

.footer a:hover {
	color: #fff;
}

.contact {
	background: url(../images/telbg2.png) left top no-repeat;
	padding-left: 65px;
	line-height: 30px;
	padding-top: 5px;
}

.foot_service {
	background: url(../images/service.png) left top no-repeat;
	padding-left: 65px;
	line-height: 30px;
	padding-top: 5px;
	padding-bottom: 10px;
}

.foot_service a {
	margin-right: 10px;
}

.online {
	width: 140px;
	height: 42px;
	line-height: 42px;
	margin-top: 25px;
	text-align: center;
	background: -webkit-linear-gradient(to top right, #7313d9, #4b60db);
	background: -o-linear-gradient(to top right, #7313d9, #4b60db);
	background: -moz-linear-gradient(to top right, #7313d9, #4b60db);
	background: linear-gradient(to top right, #7313d9, #4b60db);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
}

.online a {
	color: #fff;
	display: block;
}

.online a.pclink {
	color: #fff;
	display: block;
}

.online a.mblink {
	color: #fff;
	display: none;
}

.online img {
	width: 20px;
	height: auto;
	vertical-align: middle;
	margin-right: 6px;
}

.wechat {
	height: auto;
	text-align: center;
	padding-top: 10px;
}

.wechat ul {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.wechat li {
	margin-left: 30px;
}

.wechat img {
	margin-bottom: 10px;
}

.copyrights {
	width: 100%;
	height: auto;
	border-top: 1px #363636 solid;
	margin-top: 40px;
	text-align: center;
	color: #b8b8b8;
	font-size: 14px;
	padding-top: 30px;
	line-height: 30px;
}

.copyrights a {
	font-size: 14px;
	color: #b8b8b8;
	margin-left: 5px;
	margin-right: 5px;
}

.beian {
	background: url(../images/beian.png) left center no-repeat;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
}

.links {
	height: auto;
	margin-top: 30px;
	padding-bottom: 30px;
	color: #ccc;
}

.links li {
	display: inline-block;
	height: 28px;
	line-height: 28px;
	margin-right: 15px;
	white-space: nowrap;
}

.links a {
	color: #545454;
	font-size: 14px;
}

.links a:hover {
	color: #9f9f9f;
}

.com_banner {
	width: 100%;
	height: auto;
	position: relative;
}

.com_banner img {
	width: 100%;
	height: auto;
	display: block;
}

.com_banner_txt {
	position: absolute;
	left: 0px;
	top: 40%;
	color: #fff;
	width: 100%;
}

.com_banner_txt h2 {
	font-size: 50px;
	margin-bottom: 20px;
}

.com_banner_txt p {
	font-size: 22px;
}

.com_banner_txt h1 {
	font-size: 36px;
	margin-bottom: 20px;
}

.news_banner {
	overflow: hidden;
}

.artitle a {
	color: #fff;
}

.artitle p {
	color: #fff;
	font-size: 18px;
}

.newsart {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 40px;
}

.content {
	line-height: 40px;
	width: 68%;
	background-color: #fff;
	padding: 40px;
}

.content video{
    width: 100%;
}

.content pre {
	background-color: #f8f8f8;
	border: 1px #ddd solid;
	padding: 10px;
	font-size: 14px;
	margin-bottom: 15px;
	margin-top: 15px;
	line-height: 26px;
	overflow: hidden;
	word-break: break-all;
}

.content img {
	max-width: 100%!important;
	height: auto!important;
	width: expression(this.width > 1105 ? "1105px" : this.width)!important;
	margin-bottom: 10px;
}

.newsright {
	width: 28%;
	background-color: #fff;
	padding: 40px;
}

.newsright li {
	width: 100%;
	height: auto;
	background-color: #f6f6f6;
	margin-bottom: 30px;
	padding: 40px 25px;
}

.newsright h2 {
	font-size: 22px;
	margin-bottom: 25px;
	font-weight: normal;
}

.newsright p {
	line-height: 30px;
	color: #666;
	margin-top: 25px;
	font-size: 14px;
}

.newsright span {
	color: #888;
	background: url(../images/timebg.jpg) left bottom no-repeat;
	display: inline-block;
	padding-bottom: 15px;
}

.newsright p img{
	width: 100%;
}

.position {
	border-bottom: 1px #ebebeb solid;
	padding-top: 18px;
	padding-bottom: 18px;
	color: #666;
}

.position span {
	background: url(../images/posibg.jpg) left center no-repeat;
	padding-left: 25px;
}

.position a {
	color: #666;
	margin-left: 3px;
	margin-right: 3px;
}

.position a:hover {
	color: #333;
}

.website {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	overflow: hidden;
}

.website_pic {
	width: 60%;
}

.website_pic img {
	width: 100%;
	height: auto;
	display: block;
}

.website_txt {
	width: 40%;
	padding-top: 40px;
	padding-bottom: 10px;
}

.website_txt h2 {
	font-size: 46px;
	font-weight: normal;
	margin-bottom: 20px;
}

.website_txt span {
	color: #666;
	font-size: 20px;
	display: inline-block;
}

.website_txt p {
	font-size: 16px;
	color: #666;
	margin-top: 25px;
	line-height: 30px;
}

.webbox {
	height: auto;
	padding-top: 20px;
	padding-bottom: 50px;
	background: -webkit-linear-gradient(to top right, #7313d9, #4b60db);
	background: -o-linear-gradient(to top right, #7313d9, #4b60db);
	background: -moz-linear-gradient(to top right, #7313d9, #4b60db);
	background: linear-gradient(to top right, #7313d9, #4b60db);
}

.website_pic2 {
	width: 40%;
}

.website_pic2 img {
	width: 100%;
	height: auto;
	max-width: 600px;
	display: block;
}

.website_txt2 {
	width: 55%;
	padding-top: 40px;
	color: #fff;
	padding-bottom: 10px;
}

.website_txt2 h2 {
	font-size: 46px;
	font-weight: normal;
	margin-bottom: 20px;
}

.website_txt2 span {
	color: #ced2ff;
	font-size: 20px;
}

.website_txt2 p {
	font-size: 16px;
	color: #ced2ff;
	margin-top: 25px;
	line-height: 30px;
}

.webbox2 {
	height: auto;
	padding-top: 40px;
	background: -webkit-linear-gradient(to top right, #7313d9, #4b60db);
	background: -o-linear-gradient(to top right, #7313d9, #4b60db);
	background: -moz-linear-gradient(to top right, #7313d9, #4b60db);
	background: linear-gradient(to top right, #7313d9, #4b60db);
}

.website_pic3 {
	width: 40%;
	text-align: center;
}

.website_pic3 img {
	width: 100%;
	height: auto;
	max-width: 500px;
	display: block;
	margin: 0 auto
}

.website_pic4 {
	width: 45%;
}

.website_pic4 img {
	width: 100%;
	height: auto;
	display: block;
}

.tradebox {
	height: auto;
	background: url(../images/webbg.jpg) center top;
	padding-top: 60px;
	padding-bottom: 60px;
}

.tradeweb {
	margin-top: 50px;
}

.tradeweb ul {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.tradeweb li {
	width: 25%;
	text-align: center;
}

.tradeweb img {
	margin-bottom: 20px;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

.tradeweb li:hover img {
	-moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	transform: rotateY(360deg);
	-moz-transition: all 1.5s;
	-ms-transition: all 1.5s;
	-webkit-transition: all 1.5s;
	-o-transition: all 1.5s;
	transition: all 1.5s;
}

.tradeweb h3 {
	margin-bottom: 20px;
	color: #272727;
	font-size: 20px;
}

.tradeweb p {
	margin: 0 30px;
	line-height: 30px;
}

.mauto {
	margin: 0 auto !important;
	float: none;
}

.mailbox {
	width: 100%;
	background-color: #f6f7fa;
	padding-top: 40px;
	padding-bottom: 30px;
	margin-top: 50px;
}

.mailwhy {
	height: auto;
}

.mailwhy ul {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 40px;
}

.mailwhy li {
	width: 23%;
	background-color: #fff;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
}

.mailwhy h3 {
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 26px;
	font-weight: normal;
}

.mailwhy p {
	margin: 0 20px;
	line-height: 30px;
	color: #51555c;
	text-align: left;
}

.mailwhy img {
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

.mailwhy li:hover img {
	-moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	transform: rotateY(360deg);
	-moz-transition: all 1.5s;
	-ms-transition: all 1.5s;
	-webkit-transition: all 1.5s;
	-o-transition: all 1.5s;
	transition: all 1.5s;
}

.wyadvg {
	height: auto;
	margin-top: 35px;
}

.wyadvg ul {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.wyadvg li {
	width: 24%;
	height: auto;
	padding-top: 85px;
	padding-bottom: 35px;
	background-color: #fff;
	box-shadow: 0 0 10px #dddddd;
	margin-bottom: 20px;
}

.wyadvg li h3 {
	font-weight: normal;
	margin-left: 20px;
}

.wyadvg li p {
	font-size: 14px;
	color: #666;
	margin: 0 20px;
	margin-top: 10px;
	line-height: 22px;
}

.wyadvg li.icon-1 {
	background: url(../images/wy_ico01.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-2 {
	background: url(../images/wy_ico02.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-3 {
	background: url(../images/wy_ico03.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-4 {
	background: url(../images/wy_ico04.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-5 {
	background: url(../images/wy_ico05.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-6 {
	background: url(../images/wy_ico06.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-7 {
	background: url(../images/wy_ico07.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-8 {
	background: url(../images/wy_ico08.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-9 {
	background: url(../images/wy_ico09.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-10 {
	background: url(../images/wy_ico10.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-11 {
	background: url(../images/wy_ico11.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-12 {
	background: url(../images/wy_ico12.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-13 {
	background: url(../images/wy_ico13.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-14 {
	background: url(../images/wy_ico14.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-15 {
	background: url(../images/wy_ico15.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-16 {
	background: url(../images/wy_ico16.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-17 {
	background: url(../images/wy_ico17.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-18 {
	background: url(../images/wy_ico18.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-19 {
	background: url(../images/wy_ico19.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-20 {
	background: url(../images/wy_ico20.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-21 {
	background: url(../images/wy_ico21.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-22 {
	background: url(../images/wy_ico22.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-23 {
	background: url(../images/wy_ico23.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-24 {
	background: url(../images/wy_ico24.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-25 {
	background: url(../images/wy_ico25.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-26 {
	background: url(../images/wy_ico26.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-27 {
	background: url(../images/wy_ico27.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-28 {
	background: url(../images/wy_ico28.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-29 {
	background: url(../images/wy_ico29.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-30 {
	background: url(../images/wy_ico30.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-31 {
	background: url(../images/wy_ico31.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-32 {
	background: url(../images/wy_ico32.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-33 {
	background: url(../images/wy_ico33.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-34 {
	background: url(../images/wy_ico34.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-35 {
	background: url(../images/wy_ico35.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-36 {
	background: url(../images/wy_ico36.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-37 {
	background: url(../images/wy_ico37.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-38 {
	background: url(../images/wy_ico38.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-39 {
	background: url(../images/wy_ico39.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-40 {
	background: url(../images/wy_ico40.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-41 {
	background: url(../images/wy_ico41.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-42 {
	background: url(../images/wy_ico42.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-43 {
	background: url(../images/wy_ico43.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-44 {
	background: url(../images/wy_ico44.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-45 {
	background: url(../images/wy_ico45.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-46 {
	background: url(../images/wy_ico46.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-47 {
	background: url(../images/wy_ico47.jpg) 20px 20px no-repeat #fff;
}

.wyadvg li.icon-48 {
	background: url(../images/wy_ico48.jpg) 20px 20px no-repeat #fff;
}

.prices {
	margin-top: 40px;
}

.price_title {
	color: #fff;
}

.title .price_p {
	color: #b61820;
}

.price_font {
	color: #b61820;
	font-weight: bolder;
}

.canshu_tab td {
	line-height: 45px;
	border-bottom: 1px #ddd solid;
	border-right: 1px #ddd solid;
	padding-left: 15px;
}

.canshu_tab th {
	line-height: 45px;
	border-bottom: 1px #ddd solid;
	border-right: 1px #ddd solid;
	padding-left: 15px;
}

.canshu_tab {
	border-top: 1px #ddd solid;
	border-left: 1px #ddd solid;
}

.netservice {
	height: auto;
	margin-top: 50px;
}

.netservice ul {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.netservice li {
	width: 32%;
	height: auto;
	text-align: center;
	margin-bottom: 40px;
	box-shadow: 0 0 12px #cbd1ff;
	padding-bottom: 30px;
	overflow: hidden;
}

.netservice p {
	text-align: left;
	margin: 0 25px;
	margin-top: 20px;
	line-height: 30px;
	color: #8a8a8a;
}

.servpic {
	width: 100%;
	overflow: hidden;
	margin-bottom: 25px;
}

.netservice img {
	width: 100%;
	height: auto;
	display: block;
	overflow-x: hidden;
	overflow-y: hidden;
	position: relative;
	z-index: 1;
	transition-delay: 0s;
	transition-duration: 1s;
	transition-property: all;
	transition-timing-function: ease;
	-moz-transition-delay: 0s;
	-moz-transition-duration: 1s;
	-moz-transition-property: all;
	-moz-transition-timing-function: ease;
	-webkit-transition-delay: 0s;
	-webkit-transition-duration: 1s;
	-webkit-transition-property: all;
	-webkit-transition-timing-function: ease;
	-o-transition-delay: 0s;
	-o-transition-duration: 1s;
	-o-transition-property: all;
	-o-transition-timing-function: ease;
}

.netservice li:hover img {
	transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
}

.aboutus {
	margin-top: 10px;
	overflow: hidden;
	padding-bottom: 20px;
}

.aboutus p {
	line-height: 38px;
	margin-top: 20px;
	text-indent: 2em;
}

.aboutus img {
	float: right;
	margin-left: 30px;
	max-width: 650px;
	height: auto;
}

.aboutys ul {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.aboutys li {
	width: 25%;
	text-align: center;
}

.aboutys img {
	float: none;
	width: 80%;
	height: auto;
	margin-left: 0px;
	display: block;
}

.aboutys p {
	text-align: left;
	text-indent: 0;
}

.contactbox {
	width: 100%;
	background: url(../images/wybg.png) center top #f8f9fb;
	padding-top: 45px;
	padding-bottom: 60px;
}

.contactus {
	margin-top: 40px;
}

.contactus ul {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contactus li {
	width: 49%;
	background-color: #fff;
	padding: 40px;
	line-height: 46px;
	padding-top: 30px;
}

.contactus h2 {
	margin-bottom: 20px;
}

.contactus img {
	display: block;
}

.contactus .ctel {
	background: url(../images/contact_tel.jpg) left center no-repeat;
	padding-left: 30px;
}

.contactus .ctel2 {
	background: url(../images/contact_tel2.jpg) left center no-repeat;
	padding-left: 30px;
}

.contactus .cemail {
	background: url(../images/contact_email.jpg) left center no-repeat;
	padding-left: 30px;
}

.maps {
	width: 100%;
	height: 500px;
	padding-top: 240px;
	background: url(../images/map.jpg) center center no-repeat;
}

.maps_icon {
	text-align: center;
	margin: 0 auto;
	width: 19px;
	height: 31px;
	background: url(../images/mark_a.png) no-repeat;
}

.newslist {
	margin-top: 40px;
}

.newslist ul {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.newslist li {
	width: 32%;
	height: auto;
	background-color: #f6f6f6;
	margin-bottom: 30px;
	padding: 40px 25px;
	overflow: hidden;
}

.newslist .itemempty {
	height: 0px;
	width: 32%;
	margin-bottom: 0px;
	padding: 0px;
}

.newslist:after {
	content: "";
	flex: auto;
}

.newslist h2 {
	font-size: 22px;
	margin-bottom: 25px;
	font-weight: normal;
}

.newslist p {
	line-height: 30px;
	color: #666;
	margin-top: 25px;
	font-size: 14px;
}

.newslist span {
	color: #888;
	background: url(../images/timebg.jpg) left bottom no-repeat;
	display: inline-block;
	padding-bottom: 15px;
}

.artitle {
	text-align: center;
}

.prenext {
	color: #525252;
	border-top: 1px #ddd dashed;
	height: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 20px;
}

.prenext ul {
	list-style-type: none;
}

.prenext li {
	line-height: 35px;
	color: #525252;
}

.prenext a:link {
	color: #525252;
}

.prenext a:visited {
	color: #525252;
}

.prenext a:hover {
	color: #3156db;
}

.pages {
	height: auto;
	overflow: hidden;
	background-color: #fff;
	margin: 0 auto;
	margin-top: 30px;
	padding-top: 3px;
	padding-bottom: 12px;
}

.pages {
	list-style-type: none;
	padding: 12px 0px 40px 0px;
	text-align: center;
}

.pages span {
	font-family: Tahoma;
	height: 30px;
	line-height: 30px;
	margin-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.pages span.page-status {
	padding-left: 18px;
	padding-right: 18px;
	border: 1px solid #E9E9E9;
}

.pages span.page-numbar {
	margin-right: 3px;
	margin-left: -3px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.pages span.page-numbar a {
	margin-left: 3px;
	margin-right: 3px;
}

.pages span a {
	color: #555;
	height: 30px;
	line-height: 30px;
	padding-left: 18px;
	padding-right: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #E9E9E9;
}

.pages span a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #3266cc;
	height: 30px;
	line-height: 30px;
	padding-left: 18px;
	padding-right: 18px;
}

.pages a.page-num-current, .pages a.page-num-current a,.pagebox ul a.page-num-current a:hover {
	background-color: #3266cc;
	padding: 0px 4px 0px;
	padding-left: 18px;
	padding-right: 18px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
}

.pages .pageinfo {
	line-height: 22px;
	padding: 12px 10px 12px 16px;
	color: #999;
}

.pages .pageinfo strong {
	color: #555;
	font-weight: normal;
	margin: 0px 2px;
}

#backtop {
	width: 36px;
	height: 36px;
	position: fixed;
	_position: absolute;
	right: 10px;
	_right: 10px;
	bottom: 10px;
	z-index: 11111;
	display: none;
}

#backtop a {
	display: block;
	width: 36px;
	height: 36px;
	background: url(../images/top-1.jpg) no-repeat;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-o-transition: 0.3s all;
}

.right_cus {
	float: right;
	width: 46px;
	position: fixed;
	right: 5px;
	top: 50%;
	margin-top: -108px;
	z-index: 888;
	background: url(../images/right_icon05.png) center no-repeat;
	padding: 19px 0;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}

.right_cus li {
	float: left;
	width: 100%;
	position: relative;
	height: 46px;
	z-index: 6;
	margin: 3px 0;
}

.right_cus li:last-child {
	border-bottom: none;
}

.right_cus li a {
	float: left;
	width: 100%;
	height: 46px;
	color: #fff;
	font-size: 14px;
	line-height: 36px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	position: relative;
	z-index: 6;
}

.right_cus li.ico3 a {
	line-height: 18px;
}

.right_cus li.ico1 a {
	background: url(../images/right_icon02.png) center no-repeat #333;
}

.right_cus li.ico2 a {
	background: url(../images/right_icon01.png) center no-repeat #333;
}

.right_cus li.ico3 a {
	background: url(../images/right_icon03.png) center no-repeat #333;
}

.right_cus li.ico4 a {
	background: url(../images/right_icon04.png) center no-repeat #333;
}

.right_cus li:hover {
	opacity: 0.9;
	filter: alpha(opacity=90);
}

.ServiceHotline {
	position: absolute;
	top: 0;
	right: -300px;
	background: #364cd0 url(../images/right_icon03.png) 0 center no-repeat;
	padding: 10px 10px 10px 40px;
	color: #fff;
	font-size: 18px;
	line-height: 25px;
	font-family: Arial;
	white-space: nowrap;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
	z-index: 1;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.right_cus li.ico3:hover .ServiceHotline {
	right: 51px;
}

.right_wechat {
	float: left;
	width: 142px;
	position: absolute;
	top: 0;
	right: -300px;
	background: #364cd0;
	padding: 6px;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
	z-index: 1;
	order-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.right_wechat img {
	display: block;
}

.right_cus li.ico2:hover .right_wechat {
	right: 51px;
}

.right_cus li.ico1:hover a {
	background: url(../images/right_icon02.png) center no-repeat #364cd0;
}

.right_cus li.ico2:hover a {
	background: url(../images/right_icon01.png) center no-repeat #364cd0;
}

.right_cus li.ico3:hover a {
	background: url(../images/right_icon03.png) center no-repeat #364cd0;
}

.right_cus li.ico4:hover a {
	background: url(../images/right_icon04.png) center no-repeat #364cd0;
}

#bottom {
	display: none;
}

@media only screen and (max-width: 1600px) {
	.w {
		margin-left: 50px;
		margin-right: 50px;
	}

	.nav {
		margin-right: 40px;
	}

	.nav li {
		margin-left: 40px;
	}

	.arrow-left {
		left: 50px;
	}

	.arrow-right {
		right: 50px;
	}

	.service li {
		width: 20%;
		text-align: center;
		height: 420px;
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.news .newstext {
		padding: 10px;
		margin-bottom: 15px;
		padding-bottom: 10px;
	}

	.news .newstext p {
		margin-top: 10px;
	}

	.com_banner_txt h2 {
		font-size: 42px;
	}

	.website_txt h2 {
		font-size: 42px;
	}

	.website_txt2 h2 {
		font-size: 42px;
	}

	.effect-bubba figcaption::before, .effect-bubba figcaption::after {
		top: 20px;
		right: 20px;
		bottom: 20px;
		left: 20px;
	}
}

@media only screen and (max-width: 1500px) {
	.contact {
		width: 33%;
	}

	.foot_service {
		width: 33%;
	}

	.wechat {
		width: 33%;
	}

	.wechat ul {
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-end;
	}

	.customer li {
		width: 12%;
	}
}

@media only screen and (max-width: 1440px) {
	.w {
		margin-left: 30px;
		margin-right: 30px;
	}

	.arrow-left {
		left: 30px;
	}

	.arrow-right {
		right: 30px;
	}

	.nav {
		margin-right: 30px;
	}

	.nav li {
		margin-left: 30px;
	}

	.home_slide1_info {
		margin-top: -140px;
	}

	.home_slide1_thumb {
		margin-top: -190px;
	}

	.service h2 {
		font-size: 20px;
	}

	.contact {
		background: url(../images/telbg2.png) left top no-repeat;
		padding-left: 65px;
		line-height: 30px;
		padding-top: 5px;
	}

	.news p {
		margin-top: 20px;
		font-size: 14px;
		line-height: 26px;
		color: #888;
	}

	.news .newstext p {
		font-size: 14px;
		margin-top: 10px;
	}

	.com_banner_txt h2 {
		font-size: 36px;
	}

	.com_banner_txt p {
		font-size: 20px;
	}

	.website_txt {
		padding-top: 10px;
	}

	.website_txt2 {
		padding-top: 10px;
	}

	.website_txt h2 {
		font-size: 36px;
	}

	.website_txt2 h2 {
		font-size: 36px;
	}

	.news_banner img {
		width: auto;
		height: 400px;
		display: block;
	}

	.content {
		padding: 20px;
		width: 70%;
	}

	.newsright {
		padding: 20px;
	}

	.home_slide2_info {
		width: 50%;
	}

	.home_slide3_info {
		width: 50%;
	}

	.home_slide2_info p {
		font-size: 24px;
	}
}

@media only screen and (max-width: 1200px) {
	.logo {
		margin-top: 18px;
	}

	.logo img {
		width: 170px;
		height: auto;
	}

	.toptel a {
		font-size: 18px;
	}

	.nav a {
		font-size: 14px;
	}

	.nav {
		margin-right: 15px;
	}

	.nav li {
		margin-left: 15px;
	}

	.home_slide1_info {
		position: absolute;
		left: 60px;
		top: 25%;
		margin-top: 0px;
		z-index: 1001;
		width: 60%;
	}

	.home_slide1_phone {
		margin-top: 40px;
	}

	.home_slide1_info img {
		width: 65%;
		height: auto;
	}

	.home_slide1_thumb {
		position: absolute;
		right: 20px;
		bottom: 15%;
		margin-top: 0px;
		z-index: 1000;
		width: 50%;
		top: auto;
	}

	.home_slide2_info p {
		font-size: 20px;
	}

	.home_slide3_info p {
		font-size: 20px;
	}

	.contact {
		width: 35%;
	}

	.foot_service {
		width: 43%;
	}

	.wechat {
		width: 160px;
	}

	.wechat li {
		margin-bottom: 20px;
		margin-left: 0px;
	}

	.wechat img {
		width: 130px;
		height: auto;
	}

	.news .newstext a {
		font-size: 16px;
	}

	.news .newstext p {
		font-size: 12px;
		margin-top: 5px;
	}

	.com_banner_txt h2 {
		font-size: 32px;
	}

	.com_banner_txt h1 {
		font-size: 28px;
	}

	.com_banner_txt p {
		font-size: 18px;
	}

	.website_txt h2 {
		font-size: 32px;
	}

	.website_txt2 h2 {
		font-size: 32px;
	}

	.aboutus img {
		width: 45%;
		height: auto;
	}

	.content {
		width: 100%;
	}

	.newsright {
		width: 100%;
	}
}

@media only screen and (max-width: 1024px) {
	.w {
		margin-left: 15px;
		margin-right: 15px;
	}

	.arrow-left {
		left: 15px;
	}

	.arrow-right {
		right: 15px;
	}

	.nav {
		width: 30%;
		height: 100%;
		background: url(../images/headbg2.png);
		position: fixed;
		right: -100%;
		top: 0;
		margin-right: 0px;
		z-index: 113;
		transition: .5s all;
		overflow-y: auto;
		-webkit-transition: .5s all;
		-moz-transition: .5s all;
		-o-transition: .5s all;
	}

	.nav li {
		margin-left: 0px;
		width: 100%;
		height: 45px;
		line-height: 45px;
		margin-bottom: 6px;
		text-align: center;
	}

	.nav a {
		font-size: 16px;
	}

	.menu {
		display: block;
		float: right;
	}

	.menu img {
		width: 28px;
		height: auto;
		margin-top: 14px;
		margin-left: 15px;
	}

	.close {
		display: block;
		padding-left: 10px;
		padding-top: 11px;
		border-bottom: 1px #363636 solid;
		padding-bottom: 6px;
	}

	.close img {
		width: 28px;
		height: auto;
	}

	.navbox {
		height: 60px;
	}

	.logo {
		margin-top: 10px;
	}

	.logo img {
		height: 40px;
		width: auto;
	}

	.toptel {
		margin-top: 10px;
	}

	.home_slide1_info {
		top: 20%;
	}

	.home_slide2_info {
		width: 45%;
		margin-top: -50px;
	}

	.home_slide3_info {
		width: 45%;
		margin-top: -50px;
	}

	.newscat li {
		margin-left: 8px;
		margin-right: 8px;
	}

	.newscat2 li {
		margin-left: 8px;
		margin-right: 8px;
	}

	.service li {
		height: 350px;
		padding-top: 25px;
		padding-bottom: 30px;
	}

	.service h2 {
		font-size: 18px;
	}

	.service p {
		font-size: 12px;
		margin: 0 20px;
		margin-top: 10px;
	}

	.service img {
		width: 80%;
		height: auto;
	}



	.indextitle h3 {
		font-size: 32px;
	}

	.indextitle2 h3 {
		font-size: 32px;
	}

	.links {
		display: none;
	}

	.mailwhy li {
		width: 24%;
	}

	.mailwhy h3 {
		font-size: 22px;
	}

	.effect-bubba figcaption::before, .effect-bubba figcaption::after {
		top: 15px;
		right: 15px;
		bottom: 15px;
		left: 15px;
	}
}

@media only screen and (max-width: 980px) {
	.w {
		margin-left: 10px;
		margin-right: 10px;
	}

	.service li {
		width: 31%;
		padding-top: 20px;
		padding-bottom: 20px;
		height: auto;
	}

	.service li.wxxcx {
		display: block;
	}

	.service .baojia {
		display: none;
	}

	.service p {
		font-size: 14px;
	}

	.cases li {
		width: 32.5%;
	}



	.online a.pclink {
		color: #fff;
		display: none;
	}

	.online a.mblink {
		color: #fff;
		display: block;
	}

	.slide1_online a.pclink {
		color: #fff;
		display: none;
	}

	.slide1_online a.mblink {
		color: #fff;
		display: block;
	}

	.slide1_online2 a.pclink {
		color: #fff;
		display: none;
	}

	.slide1_online2 a.mblink {
		color: #fff;
		display: block;
	}

	.home_slide1_phone {
		margin-top: 25px;
	}

	.home_slide1_info {
		top: 30%;
		left: 35px;
		width: 90%;
	}

	.home_slide1_info img {
		width: 45%;
		height: auto;
	}

	.home_slide1_info p {
		font-size: 16px;
	}

	.home_slide1_thumb {
		bottom: 18%;
		text-align: right;
		width: 90%;
	}

	.home_slide1_thumb img {
		width: 50%;
		height: auto;
	}

	.home_slide2_info p {
		font-size: 16px;
	}

	.home_slide3_info p {
		font-size: 16px;
	}

	.slide1_online {
		width: 160px;
		margin-right: 15px;
		height: 45px;
		line-height: 45px;
		border-radius: 45px;
		-moz-border-radius: 45px;
		-webkit-border-radius: 45px;
		-o-border-radius: 45px;
	}

	.slide1_online2 {
		width: 160px;
		height: 45px;
		line-height: 41px;
		border-radius: 45px;
		-moz-border-radius: 45px;
		-webkit-border-radius: 45px;
		-o-border-radius: 45px;
	}

	.effect-bubba figcaption p a {
		font-size: 18px;
		padding-top: 20%;
	}

	.whylist h2 {
		font-size: 18px;
	}

	.whylist li {
		padding: 15px;
	}

	.require_txt {
		padding-left: 10px;
	}

	.require_txt2 {
		padding-left: 10px;
	}

	.indextitle h3 {
		font-size: 26px;
	}

	.indextitle2 h3 {
		font-size: 26px;
	}

	.indextitle2 p {
		margin: 0 15px;
	}

	.indextitle3 h3 {
		font-size: 26px;
	}

	.require h2 {
		font-size: 26px;
	}

	.whybox {
		margin-top: 60px;
		padding-top: 1px;
		padding-bottom: 40px;
		background: url(../images/whybg2.jpg) left top;
		-moz-background-size: 100% auto;
	}

	.customerbox {
		margin-top: 40px;
		padding-top: 1px;
		padding-bottom: 60px;
		background: url(../images/customerbg2.jpg) left top;
		-moz-background-size: 100% auto;
	}

	.customer li {
		width: 19%;
	}

	.contact {
		width: 100%;
		padding-bottom: 25px;
		margin-bottom: 25px;
		border-bottom: 1px #363636 solid;
		padding-left: 50px;
		padding-top: 0px;
		-moz-background-size: 35px auto;
		background-size: 35px auto;
	}

	.foot_service {
		width: 100%;
		padding-bottom: 25px;
		margin-bottom: 25px;
		border-bottom: 1px #363636 solid;
		padding-left: 50px;
		padding-top: 0px;
		-moz-background-size: 35px auto;
		background-size: 35px auto;
	}

	.wechat {
		width: 100%;
	}

	.wechat ul {
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}

	.wechat li {
		margin-left: 10px;
		margin-right: 10px;
	}

	.wechat img {
		width: 140px;
		height: auto;
	}

	.copyrights {
		margin-top: 10px;
		padding-top: 15px;
	}

	.com_banner_txt h2 {
		font-size: 26px;
		margin-bottom: 10px;
	}

	.com_banner_txt h1 {
		font-size: 24px;
		margin-bottom: 10px;
		line-height: 34px;
	}

	.com_banner_txt p {
		font-size: 16px;
	}

	.website_txt h2 {
		font-size: 28px;
	}

	.website_txt2 h2 {
		font-size: 28px;
	}

	.tradeweb h3 {
		font-size: 18px;
	}

	.contactus li {
		width: 100%;
		background-color: #fff;
		padding: 20px;
		line-height: 46px;
		padding-top: 20px;
		margin-bottom: 20px;
	}

	.newslist li {
		width: 49%;
		margin-bottom: 15px;
	}

	.newslist .itemempty {
		display: none;
	}

	.content pre {
		overflow: hidden;
		overflow-x: auto;
	}

	.content img {
		max-width: 100%!important;
		height: auto!important;
		width: expression(this.width > 800 ? "800px" : this.width)!important;
		margin-bottom: 10px;
	}

	.pages .page-status {
		display: none;
	}

	.right_cus {
		display: none;
	}

	#bottom {
		position: fixed;
		width: 100%;
		height: 48px;
		left: 0px;
		bottom: 0px;
		background: url(../images/headbg.png);
		display: block;
		z-index: 10;
	}

	#bottom ul {
		height: 48px;
		line-height: 48px
	}

	#bottom ul li {
		width: 33.333%;
		float: left;
		color: #FFF;
		height: 48px;
	}

	#bottom ul li dl {
		width: auto;
		margin: 0 auto;
		text-align: center;
	}

	#bottom ul li dt {
		width: auto;
		height: 25px;
	}

	#bottom ul li dd {
		width: auto;
		height: 20px;
		font-size: 0.8em;
		color: #fff;
		line-height: 20px;
		text-shadow: 1px 1px 1px #000;
	}
}

@media only screen and (max-width: 640px) {
	.mt60 {
		margin-top: 30px;
	}

	.mt50 {
		margin-top: 20px;
	}

	.navbox {
		height: 50px;
	}

	.nav {
		width: 50%;
	}

	.menu img {
		width: 26px;
		height: auto;
		margin-top: 10px;
	}

	.logo {
		margin-top: 8px;
	}

	.logo img {
		height: 35px;
		width: auto;
	}

	.toptel {
		margin-top: 8px;
	}

	.toptel {
		display: none;
	}

	.home_slide1_info {
		left: 20px;
		top: 28%;
		width: 95%;
	}

	.slide1_online {
		width: 45%;
	}

	.slide1_online2 {
		width: 45%;
	}

	.home_slide1_info img {
		width: 75%;
		height: auto;
	}

	.home_slide1_thumb {
		bottom: 15%;
	}

	.home_slide1_thumb img {
		width: 100%;
		height: auto;
	}

	.home_slide2_info {
		width: 85%;
		right: 25px;
	}

	.home_slide2_info p {
		font-size: 16px;
	}

	.home_slide3_info {
		width: 85%;
		left: 25px;
		margin-top: -120px;
	}

	.home_slide3_info p {
		font-size: 16px;
	}

	.arrow-left {
		display: none;
	}

	.arrow-right {
		display: none;
	}

	.indextitle h3 {
		font-size: 24px;
	}

	.indextitle2 h3 {
		font-size: 24px;
	}

	.indextitle3 h3 {
		font-size: 24px;
	}

	.indextitle p {
		font-size: 14px;
		margin: 0 15px;
		margin-top: 15px;
		line-height: 24px;
	}

	.indextitle2 p {
		font-size: 14px;
		margin-top: 15px;
		line-height: 24px;
	}

	.service li {
		width: 50%;
		text-align: center;
		height: auto;
	}

	.service h2 {
		margin-top: 15px;
	}

	.cases li {
		width: 49%;
		margin-bottom: 8px;
	}

	.effect-bubba figcaption::before, .effect-bubba figcaption::after {
		top: 10px;
		right: 10px;
		bottom: 10px;
		left: 10px;
	}

	.effect-bubba figcaption p a {
		padding-top: 18%;
	}

	.effect-bubba span {
		margin-top: 7px;
	}

	.whybox {
		padding-top: 25px;
	}

	.whylist li {
		width: 48%;
		margin-bottom: 20px;
	}

	.customerbox {
		padding-top: 20px;
	}

	.customer li {
		width: 24%;
	}

	.cases {
		margin-top: 20px;
	}





	.process {
		background-image: none;
	}

	.process li {
		width: 32%;
		padding-top: 5px;
		padding-bottom: 15px;
	}

	.require_txt {
		width: 100%;
		margin-bottom: 15px;
	}

	.require_txt2 {
		width: 100%;
		margin-bottom: 15px;
	}

	.require_sub {
		width: 100%;
	}

	.newscat li {
		padding: 0 10px;
		margin-left: 0px;
		margin-right: 0px;
	}

	.newscat2 li a {
		padding: 0 10px;
	}

	.newscat2 ul {
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}

	.newscat2 li {
		margin-left: 3px;
		margin-right: 3px;
		margin-bottom: 5px;
	}

	.newscat2 li:last-child {
		display: none;
	}

	.news {
		width: 100%;
		height: auto;
	}

	.content img {
		max-width: 100%!important;
		height: auto!important;
		width: expression(this.width > 640 ? "640px" : this.width)!important;
	}

	.com_banner {
		overflow: hidden;
	}

	.com_banner img {
		height: 300px;
		width: auto;
	}

	.news_banner img {
		width: auto;
		height: 300px;
		display: block;
	}

	.mailbanner img {
		margin-left: -210px;
	}

	.com_banner_txt {
		font-size: 22px;
		text-align: center;
	}

	.com_banner_txt h2 {
		font-size: 22px;
	}

	.com_banner_txt h1 {
		font-size: 20px;
	}

	.com_banner_txt p {
		font-size: 14px;
	}

	.website_txt h2 {
		font-size: 24px;
	}

	.website_txt2 h2 {
		font-size: 24px;
	}

	.website_txt span {
		font-size: 18px;
	}

	.website_txt2 span {
		font-size: 18px;
	}

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

	.website_txt {
		width: 100%;
	}

	.website_pic2 {
		width: 100%;
	}

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

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

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

	.webbox2 {
		padding-top: 15px;
		padding-bottom: 50px;
	}

	.tradeweb li {
		width: 48%;
		margin-bottom: 25px;
	}

	.tradeweb p {
		margin: 0 0;
	}

	.mailwhy li {
		width: 49%;
		padding-top: 20px;
		padding-bottom: 20px;
		margin-bottom: 10px;
	}

	.wyadvg li {
		width: 49%;
	}

	.netservice li {
		width: 100%;
	}

	.aboutus img {
		width: 100%;
		height: auto;
		margin-left: 0px;
		margin-bottom: 20px;
	}

	.contactus h2 {
		font-size: 22px;
	}

	.newslist li {
		width: 100%;
		margin-bottom: 15px;
		padding: 18px;
	}

	.contactbox {
		padding-top: 30px;
	}

	.content {
		padding: 10px;
	}

	.content span {
		word-break: break-all;
		line-height: 22px !important;
	}

	.newsright {
		padding: 10px;
	}

	.newsright li {
		margin-bottom: 15px;
		padding: 18px;
	}

	.newsright a {
		font-size: 20px;
	}

	.pages .page-num {
		display: none;
	}
}



.service table tr:first-child{background:linear-gradient(to bottom right, #4f5fe7, #8e7aff)!important;}

.service table td , .service table td a {border:1px solid #e6e6e6;}
.service table{border-collapse:collapse;width:100%;margin:10px 0;}
.service table tr:first-child{color:#fff;}
.service table tr:first-child td{font-weight:700;}
.service table tr:nth-child(2n-1){background:rgba(4, 4, 4, 0.03)}
.service table td{text-align:center;padding:10px;line-height:150%;vertical-align: middle;}
.service table td a{padding:2px 5px;border-radius: 5px;text-decoration:none;text-align:center;overflow: hidden;display: block}

@media screen and (max-width:721px){
	
	.service table td{padding:10px 0;}
.service table td a{margin:0 5px;}
}

.indexOne{  background:#fbfbfb;}
.indexOne ul{ width:100%; float:left; margin-top:19px;}
.indexOne ul li{ width:25%; float:left; margin-top:50px; padding:0 20px;}
.indexOne ul li .zbox{ width:100%; float:left; background:white; box-shadow:0 5px 7px rgba(196,196,196,0.18); text-align:center; position:relative;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.indexOne ul li .zbox .head{ width:100%; height:139px; background:#f7f7f7; padding:29px 10px 0 10px; font-size:21px; color:#303030; line-height:32px; background:#c00a0c; color:white;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.indexOne ul li .zbox .ico{ display:inline-block; width:100px; height:100px; position:absolute; left:50%; top:76px; background:#c00a0c; box-shadow:0 0 9px #aa2529; margin-left:-50px; background:white; box-shadow:0 0 9px #cdcdcd;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.indexOne ul li .zbox .ico img{ width:100%; float:left;}
.indexOne ul li .zbox .ico .img_1{ display:none;}
.indexOne ul li .zbox ul{ width:100%; float:left; padding:0 20%; margin:43px 0 16px 0; overflow:hidden;}
.indexOne ul li .zbox ul li{ width:100%; float:left; border-top:dashed 1px #d3d1d1; margin-top:-1px; font-size:15px; color:#666; line-height:50px; height:50px;}
.indexOne ul li .zbox .gengduo{ width:100%; float:left;}
.indexOne ul li .zbox .gengduo a{ display:block; width:100%; font-size:16px; background:#f7f7f7; line-height:44px; color:#6a6a6a; letter-spacing:1px; background:#c00a0c; color:white;
-webkit-transition: all 0s ease-out 0s; 
-moz-transition: all 0s ease-out 0s; 
-o-transition: all 0s ease-out 0s; 
transition: all 0s ease-out 0s;}
@media screen and (min-width:992px) {
.indexOne ul li .zbox:hover .gengduo a{background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed2130), color-stop(100%,#b10916));
    background: -webkit-linear-gradient(top, #ed2130 0%,#b10916 100%);
    background: -o-linear-gradient(top, #ed2130 0%,#b10916 100%);
    background: -ms-linear-gradient(top, #ed2130 0%,#b10916 100%);
    background: linear-gradient(to bottom, #ed2130 0%,#b10916 100%);}
.indexOne ul li .zbox:hover{ box-shadow:0 6px 20px rgba(0,0,0,0.25);}
.indexOne ul li .zbox:hover .ico .img_1{ display:none;}
.indexOne ul li .zbox:hover .ico .img_2{ display:block;}
}
@media screen and (max-width:1299px) {
.indexOne{ padding:60px 0 73px 0;}
.indexOne ul{ margin-top:12px;}
.indexOne ul li{ margin-top:30px; padding:0 10px;}
}
@media screen and (max-width:1199px) {
.indexOne{ padding:40px 0 53px 0;}
.indexOne ul{ margin-top:8px;}
.indexOne ul li{ margin-top:20px; width:50%;}
}
@media screen and (max-width:991px) {
.indexOne{ padding:20px 0 33px 0;}
.indexOne ul li{ margin-top:10px;}
.indexOne ul li .zbox{ box-shadow:0 2px 5px rgba(196,196,196,0.18);}
.indexOne ul li .zbox .head{ padding:22px 10px 0 10px; font-size:16px; line-height:28px; height:100px;}
.indexOne ul li .zbox .ico{ width:80px; height:80px; top:60px; margin-left:-40px;}

.indexOne ul li .zbox ul li{ font-size:13px; line-height:40px; height:40px;}
.indexOne ul li .zbox .gengduo a{ font-size:14px; line-height:40px;}
}
@media screen and (max-width:767px) {
.indexOne{ padding:10px 10px 23px 10px;}
.indexOne ul li{ padding:0 2px; margin-top:5px;}
.indexOne ul li .zbox{ box-shadow:0 0 2px rgba(196,196,196,0.18);}
.indexOne ul li .zbox .head{ padding:12px 10px 0 10px; font-size:14px; line-height:24px; height:70px;}
.indexOne ul li .zbox .ico{ width:60px; height:60px; top:40px; margin-left:-30px; box-shadow:0 0 3px #aa2529;}
.indexOne ul li .zbox ul{ padding:0 10%; margin:33px 0 10px 0; overflow:hidden;}
.indexOne ul li .zbox ul li{ font-size:12px; line-height:30px; height:30px;}
.indexOne ul li .zbox .gengduo a{ line-height:30px;}
}
}