* {

	padding: 0;

	margin: 0;

	text-decoration: none;

	list-style: none;

	outline: none;

	border: 0;

	font-family: 微软雅黑;

	-webkit-tap-highlight-color : rgba(0, 0, 0, 0);

}

html {

	font-size: 62.5%; /* 10÷16=62.5% */

}

body {

	font-size: 12px;

	font-size: 1.2rem; /* 12÷10=1.2 */

}

p {

	font-size: 14px;

	font-size: 1.4rem;

}

h1, h2, h3, h4, h5, b {

	font-weight: normal;

}

body {

	width: 100%;

	overflow-x: hidden;

	overflow-y: auto;

}

.click-more {

	margin: 40px auto;

	height: 40px;

	line-height: 40px;

	border: 1px solid #e1ebf0;

	background-color: #fff;

	color: #333;

	border-radius: 5px;

	text-align: center;

	font-size: 14px;

	width: calc(25% - 2px);

	cursor: pointer;

}

::-webkit-scrollbar {

width:5px;

background-color:#ccc;

}



/*定义滚动条轨道 内阴影+圆角*/

::-webkit-scrollbar-track {

-webkit-box-shadow: inset 0 0 6px background-color: transparent;

border-radius: 10px;

}



/*定义滑块 内阴影+圆角*/

::-webkit-scrollbar-thumb {

border-radius: 10px;

-webkit-box-shadow: inset 0 0 6px transparent;

background-color: #356cb0;

}

.header {

	width: 100%;

	border-bottom: 1px solid #3b8795;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 100;

}

.header.active {

	background-color: rgba(20,90,114,.6);

}

.header .top-box {

	width: 100%;

	border-bottom: 1px solid #3b8795;

}

.header .top-show {

	width: 1200px;

	margin: 0 auto;

	height: 35px;

}

.header .top-show h5 {

	float: left;

	line-height: 35px;

	font-size: 13px;

	color: #ffffff;

}

.header .top-show .right {

	float: right;

	display: -webkit-box;

	-webkit-box-align: center;

	-webkit-box-pack: center;

}

.header .top-show .right div.tel, .header .top-show .right div.tel a {

	color: #ffffff;

	font-size: 14px;

}

.header .top-show .right .wechat {

	position: relative;

}

.header .top-show .right .wechat a {

	display: block;

	margin: 5px 30px;

	height: 25px;

	width: 25px;

	background-image: url(../images/p1.png);

	background-size: 100% 100%;

	background-color: transparent;

}

.ewm-slide-box {

	position: absolute;

	top: 40px;

	right: -30%;

	z-index: 100;

	width: 120%;

	padding: 8%;

	background-color: #FFF;

	border-radius: 10px;

	display: none;

}

.ewm-slide-box img {

	width: 100%;

}

.header .top-show .right .wechat:hover .ewm-slide-box {

	display: block;

}

.header .top-show .right .wechat:hover a {

	background-image: url(../images/p1-hover.png);

}

.header .top-show .right .logAndreg {

	width: 110px;

	height: 35px;

	display: -webkit-box;

	-webkit-box-align: center;

	-webkit-box-pack: center;

	background-color: #00c1de;

	font-size: 14px;

	color: #ffffff;

}

.header .top-show .right .logAndreg a {

	font-size: 14px;

	color: #ffffff;

	margin: 0 5px;

}

.header .bottom-box {

	height: 70px;

	width: 1200px;

	margin: 0 auto;

	overflow: hidden;

}

.header .bottom-box div.logo {

	float: left;

	height: 35px;

	margin-top: 17.5px;

}

.header .bottom-box div.logo img {

	height: 100%;

}

.header .bottom-box .menu {

	float: right;

	height: 70px;

}

.header .bottom-box .menu ul {

	overflow: hidden;

}

.header .bottom-box .menu ul li {

	float: left;

	height: 70px;

	line-height: 70px;

	margin-left: 40px;

}

.header .bottom-box .menu ul li a {

	font-size: 16px;

	color: #ffffff;

}

.phone-header {

	width: 100%;

	height: 60px;

	display: none;

	position: fixed;

	top: 0;

	left: 0;

	background-color: #FFF;

	z-index: 1000;

	border-bottom: 1px solid #3b8795;

}

.phone-header .phone-menu-list {

	position: fixed;

	top: 60px;

	left: 0;

	width: 100%;

	background-color: #FFF;

	z-index: 1000;

	border-top: 1px solid #3b8795;

	border-bottom: 1px solid #3b8795;

	display: none;

}

.phone-header .phone-menu-list ul li {

	padding: 10px 0;

	text-align: center;

	border-bottom: 1px dotted #3b8795;

}

.phone-header .phone-menu-list ul li a {

	font-size: 16px;

	color: #333;

}

.phone-header .phone-menu-list div.tel {

	padding: 20px 0;

	text-align: center;

}

.phone-header .phone-menu-list div.tel a {

	font-size: 20px;

	color: #356cb0;

}

.phone-header .logo {

	height: 50%;

	margin-left: 4%;

	float: left;

	margin-top: 15px;

}

.phone-header .logo a {

	display: block;

	height: 100%;

}

.phone-header .logo img {

	height: 100%;

}

.phone-header div.menu-btn {

	float: right;

	margin-right: 4%;

	margin-top: 15px;

	width: 30px;

	height: 30px;

	background-image: url(../images/menu-btn.png);

	background-size: 100% 100%;

	cursor: pointer;

}

.banner img {

	width: 100%;

}

.banner .swiper-pagination {

	bottom: 5%;

}

.banner .swiper-pagination-bullet {

	width: 40px;

	height: 3px;

	border-radius: 0;

	background-color: #a4becd;

	opacity: 1;

}

.banner .swiper-pagination-bullet-active {

	background-color: #FFF;

}

.index-log-box {

	width: 100%;

	background-color: #e0eaef;

}

.index-log-show {

	width: 1200px;

	margin: 0 auto;

	height: 100px;

}

.index-log-show ul {

	overflow: hidden;

	height: 100%;

}

.index-log-show ul li {

	width: 25%;

	height: 100%;

	float: left;

	display: -webkit-box;

	-webkit-box-align: center;

	-webkit-box-pack: center;

}

.index-log-show ul li:hover img {

	-webkit-animation: swi 1s ease-in-out;

	-o-animation: swi 1s ease-in-out;

	animation: swi 1s ease-in-out;

}

/*动画*/

@-webkit-keyframes swi {

from {

 -webkit-transform: rotateY(0);

 -ms-transform: rotateY(0);

 -o-transform: rotateY(0);

 transform: rotateY(0);

}

to {

	-webkit-transform: rotateY(360deg);

	-ms-transform: rotateY(360deg);

	-o-transform: rotateY(360deg);

	transform: rotateY(360deg);

}

}

@keyframes swi {

from {

 -webkit-transform: rotateY(0);

 -ms-transform: rotateY(0);

 -o-transform: rotateY(0);

 transform: rotateY(0);

}

to {

	-webkit-transform: rotateY(360deg);

	-ms-transform: rotateY(360deg);

	-o-transform: rotateY(360deg);

	transform: rotateY(360deg);

}

}

.index-log-show ul li:nth-of-type(odd) {

	background-color: #ecf3f6;

}

.index-log-show ul li div.left {

	width: 50px;

	margin-left: 15px;

}

.index-log-show ul li div.left img {

	width: 32px;

}

.index-log-show ul li div.right {

	width: 210px;

	font-size: 12px;

	color: #a3abae;

}

.index-log-show ul li div.right span {

	font-size: 16px;

	display: block;

	color: #356cb0;

	margin-bottom: 5px;

}

.index-about-box {

	width: 100%;

	padding-bottom: 65px;

}

.index-about-show {

	width: 1200px;

	margin: 0 auto;

	padding: 65px 0;

	overflow: hidden;

	position: relative;

}

.index-about-show .left {

	width: 50%;

	float: left;

}

.index-about-show .left h3 {

	font-size: 50px;

	font-weight: bold;

	color: #0b8fcf;

}

.index-about-show .left p.line {

	width: 315px;

	height: 52px;

	background-image: url(../images/p8.png);

	background-size: 100% 100%;

	text-align: center;

	font-size: 16px;

	color: #ffffff;

	line-height: 35px;

	margin-top: 10px;

}

.index-about-show .left div.ct {

	font-size: 16px;

	line-height: 30px;

	color: #888888;

	margin-top: 20px;

	width: 95%;

}

.index-about-show .left a.more {

	width: 30px;

	height: 30px;

	display: block;

	margin-top: 50px;

	background-image: url(../images/more.png);

	background-size: 100% 100%;

}

.index-about-show .left ul {

	margin-top: 40px;

	overflow: hidden;

	width: 90%;

	margin-left: -4%;

}

.index-about-show .left ul li {

	float: left;

	width: 22%;

	margin-right: 3%;

}

.index-about-show .left ul li h5 {

	font-size: 18px;

	color: #0b8fcf;

	margin-top: 25px;

	text-align: center;

}

.index-about-show .left ul li div.img {

	width: 40%;

	border-radius: 10px;

	overflow: hidden;

	padding: 5px 8px;

	margin: 0 auto;

	position: relative;

	background-color: #0a88c8;

}

.index-about-show .left ul li div.img p.bg {

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	display: none;

	border-radius: 6px;

	overflow: hidden;

}

.index-about-show .left ul li div.img img {

	display: block;

	width: 100%;

	margin: 0 auto;

	position: relative;

	border-radius: 6px;

	overflow: hidden;

}

.index-about-show .left ul li:hover h5 {

	color: #c00d22;

}

.index-about-show .left ul li:hover div.img {

	-webkit-animation: swi1 1s ease-in-out;

	-o-animation: swi1 1s ease-in-out;

	animation: swi1 1s ease-in-out;

	background-color: #c00d22;

}

/*动画*/

@-webkit-keyframes swi1 {

from {

 -webkit-transform: rotateY(0);

 -ms-transform: rotateY(0);

 -o-transform: rotateY(0);

 transform: rotateY(0);

}

to {

	-webkit-transform: rotateY(360deg);

	-ms-transform: rotateY(360deg);

	-o-transform: rotateY(360deg);

	transform: rotateY(360deg);

}

}

@keyframes swi {

from {

 -webkit-transform: rotateY(0);

 -ms-transform: rotateY(0);

 -o-transform: rotateY(0);

 transform: rotateY(0);

}

to {

	-webkit-transform: rotateY(360deg);

	-ms-transform: rotateY(360deg);

	-o-transform: rotateY(360deg);

	transform: rotateY(360deg);

}

}

.index-about-show .right {

	width: 50%;

	height: 100%;

	float: right;

	text-align: center;

}

.index-about-show .right div.img img {

	width: 98%;

}

.wrapper {

	width: 375px;

	height: 375px;

	border-radius: 50%;

	float: right;

	cursor: pointer;

	position: relative;

}

.wrapper:after {

	content: '';

	display: block;

	width: 375px;

	height: 375px;

	line-height: 375px;

	border-radius: 50%;

	text-align: center;

	background-image: url(../images/p9.png);

	background-size: 100% 100%;

}

.wrapper .round {

	-webkit-transform: scale(1);

	opacity: 1;

	-webkit-animation: rotating 6s 1.2s linear infinite alternate;

}

/*  @-webkit-keyframes rotating{

0%{

	-webkit-transform:rotate(0deg);

}

100%{

	-webkit-transform:rotate(360deg);

}

}  */

.round {

	width: 415px;

	height: 415px;

	border: 2px solid #75c0e4;

	border-radius: 50%;

	position: absolute;

	top: -20px;

	left: -20px;

	-webkit-transition: all 1s;

	-webkit-transform: scale(0.35);

	opacity: 0;

}

.round span {

	width: 22px;

	height: 22px;

	border-radius: 50%;

	position: absolute;

	background-image: url(../images/point.jpg);

	background-size: 100% 100%;

}

.round span img {

	position: absolute;

}

.round span:nth-child(1) {

	top: 0;

	left: 50%;

	margin-left: -11px;

	margin-top: -11px;

.

}

.round span:nth-child(1) img {

	top: -40px;

	left: -45px;

}

.round span:nth-child(2) {

	right: 0px;

	top: 140px;

	margin-top: -11px;

}

.round span:nth-child(2) img {

	left: 30px;

	top: -24px;

}

.round span:nth-child(3) {

	right: 60px;

	bottom: 40px;

}

.round span:nth-child(3) img {

	left: 40px;

	bottom: -10px;

}

.round span:nth-child(4) {

	left: 60px;

	bottom: 40px;

}

.round span:nth-child(4) img {

	right: 40px;

	bottom: -10px;

}

.round span:nth-child(5) {

	left: 0;

	top: 140px;

	margin-top: -11px;

}

.round span:nth-child(5) img {

	right: 40px;

	top: -20px;

}

.index-items-box {

	width: 100%;

	background-color: #ecf3f6;

}

.index-items-show {

	width: 1200px;

	margin: 0 auto;

	padding: 50px 0 10px;

}

.index-items-show ul {

	width: 100%;

	overflow: hidden;

}

.index-items-show ul li {

	width: 16.6%;

	width: -webkit-calc(100% / 6);

	float: left;

	text-align: center;

	margin-bottom: 40px;

}

.index-items-show ul li div.img {

	width: 12%;

	border-radius: 6px;

	overflow: hidden;

	padding: 5px 8px;

	margin: 0 auto;

	position: relative;

	background-color: #0a88c8;

}

.index-items-show ul li div.img p.bg {

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	background-color: #c00d22;

	display: none;

	border-radius: 6px;

	overflow: hidden;

}

.index-items-show ul li div.img img {

	display: block;

	width: 100%;

	margin: 0 auto;

	position: relative;

	border-radius: 6px;

	overflow: hidden;

}

.index-items-show ul li:hover div.img {

	-webkit-animation: swi1 1s ease-in-out;

	-o-animation: swi1 1s ease-in-out;

	animation: swi1 1s ease-in-out;

}

/*动画*/

@-webkit-keyframes swi1 {

from {

 -webkit-transform: rotateY(0);

 -ms-transform: rotateY(0);

 -o-transform: rotateY(0);

 transform: rotateY(0);

}

to {

	-webkit-transform: rotateY(360deg);

	-ms-transform: rotateY(360deg);

	-o-transform: rotateY(360deg);

	transform: rotateY(360deg);

}

}

@keyframes swi {

from {

 -webkit-transform: rotateY(0);

 -ms-transform: rotateY(0);

 -o-transform: rotateY(0);

 transform: rotateY(0);

}

to {

	-webkit-transform: rotateY(360deg);

	-ms-transform: rotateY(360deg);

	-o-transform: rotateY(360deg);

	transform: rotateY(360deg);

}

}

.index-items-show ul li h5 {

	font-size: 18px;

	color: #0b8fcf;

	margin-top: 25px;

}

.index-items-show ul li div.des {

	font-size: 14px;

	color: #888888;

	margin-top: 10px;

	width: 76%;

	margin: 0 auto;

	line-height: 22px;

}

.index-items-show ul li:hover h5 {

	color: #c00d22;

}

.index-why-box {

	width: 100%;

	background-image: url(../images/p16.jpg);

	background-position: center 0;

	background-repeat: no-repeat;

	background-color: #307294;

}

.index-why-show {

	width: 1200px;

	margin: 0 auto;

	padding: 80px 0 65px;

}

.index-why-show h3 {

	font-size: 36px;

	color: #ffffff;

	text-align: center;

	position: relative;

}

.index-why-show h3:after {

	content: "";

	display: block;

	width: 70px;

	height: 2px;

	position: absolute;

	left: 50%;

	bottom: -30px;

	margin-left: -35px;

	background-color: rgba(255,255,255,.4);

}

.index-why-show .ltitle {

	font-size: 14px;

	color: #fff;

	text-align: center;

	margin-top: 50px;

	line-height: 22px;

}

.index-why-show ul {

	width: 100%;

	overflow: hidden;

	margin-top: 30px;

}

.index-why-show ul li {

	width: 32.5%;

	height: 270px;

	margin-right: 1.25%;

	text-align: center;

	float: left;

	margin-top: 20px;

	position: relative;

}

.index-why-show ul li div.show {

	background-color: rgba(0,52,77,.3);

	height: 260px;

	width: 100%;

	position: absolute;

	bottom: 0;

	left: 0;

	display: -webkit-box;

	-webkit-box-align: center;

	-webkit-box-pack: center;

}

.index-why-show ul li:nth-of-type(3n) {

	margin-right: 0;

}

.index-why-show ul li div.pic img {

	display: block;

	margin: 0 auto;

	text-align: center;

}

.index-why-show ul li div.pic img:nth-of-type(2) {

	display: none;

}

.index-why-show ul li h5 {

	font-size: 18px;

	color: #ffffff;

	margin: 25px 0 20px;

}

.index-why-show ul li div.des {

	font-size: 14px;

	line-height: 22px;

	color: #ffffff;

}

.index-why-show ul li div.show p.bg {

	position: absolute;

	width: 100%;

	height: 100%;

	background-color: #FFF;

	left: 0;

	top: 0;

	opacity: 0;

}

.index-why-show ul li div.show>div {

	position: relative;

}

.index-why-show ul li:hover h5 {

	color: #0a88c8;

}

.index-why-show ul li:hover div.des {

	color: #666666;

}

.index-skill-box {

	width: 100%;

}

.index-skill-show {

	width: 1200px;

	margin: 0 auto;

	padding: 80px 0;

}

.index-skill-show h3 {

	font-size: 18px;

	color: #333333;

	text-align: center;

	position: relative;

}

.index-skill-show h3:after {

	content: "";

	display: block;

	width: 70px;

	height: 2px;

	position: absolute;

	left: 50%;

	bottom: -30px;

	margin-left: -35px;

	background-color: rgba(0,0,0,.4);

}

.index-skill-show .ltitle {

	font-size: 14px;

	color: #999999;

	text-align: center;

	margin-top: 50px;

	line-height: 22px;

}

.index-skill-show ul {

	width: 100%;

	overflow: hidden;

	margin-top: 50px;

}

.index-skill-show ul li {

	width: 13%;

	height: 400px;

	float: left;

	position: relative;

}

.index-skill-show ul li div.show {

	width: 100%;

	height: 380px;

	background-image: url(../images/p23-bg.png);

	background-size: 100% 100%;

	position: absolute;

	bottom: 0;

	left: 0;

	text-align: center;

	display: -webkit-box;

	-webkit-box-align: center;

	-webkit-box-pack: center;

}

.index-skill-show ul li div.show h5 {

	font-size: 18px;

	color: #ffffff;

	margin-top: 20px;

}

.index-skill-show ul li div.show h5 span {

	display: block;

	font-size: 12px;

	color: #ffffff;

	margin-top: 15px;

}

.index-skill-show ul li div.show div.des {

	display: none;

	font-size: 16px;

	color: #ffffff;

	line-height: 30px;

	margin-top: 40px;

}

.index-skill-show ul li.active {

	width: 32%;

	margin: 0 1.5%;

}

.index-skill-show ul li.active div.show h5 {

	font-size: 26px;

}

.index-skill-show ul li:first-child div.show div.pic {

	margin-top: -20px;

}

.index-skill-show ul li.active div.show div.des {

	display: block;

}

.index-skill-show ul li:nth-of-type(1) div.show {

	background-image: url(../images/p23-bg.png);

}

.index-skill-show ul li:nth-of-type(2) div.show {

	background-image: url(../images/p24-bg.png);

}

.index-skill-show ul li:nth-of-type(3) div.show {

	background-image: url(../images/p25-bg.png);

}

.index-skill-show ul li:nth-of-type(4) div.show {

	background-image: url(../images/p26-bg.png);

}

.index-skill-show ul li:nth-of-type(5) div.show {

	background-image: url(../images/p27-bg.png);

}

.index-skill-show ul li:nth-of-type(6) div.show {

	background-image: url(../images/p28-bg.png);

}

.index-skill-show ul li:nth-of-type(1).active div.show {

	background-image: url(../images/p23-bg-hover.png);

	height: 100%;

}

.index-skill-show ul li:nth-of-type(2).active div.show {

	background-image: url(../images/p24-bg-hover.png);

	height: 100%;

}

.index-skill-show ul li:nth-of-type(3).active div.show {

	background-image: url(../images/p25-bg-hover.png);

	height: 100%;

}

.index-skill-show ul li:nth-of-type(4).active div.show {

	background-image: url(../images/p26-bg-hover.png);

	height: 100%;

}

.index-skill-show ul li:nth-of-type(5).active div.show {

	background-image: url(../images/p27-bg-hover.png);

	height: 100%;

}

.index-skill-show ul li:nth-of-type(6).active div.show {

	background-image: url(../images/p28-bg-hover.png);

	height: 100%;

}

/**/

.index-case-box {

	width: 100%;

	background-image: url(../images/p29.jpg);

	background-position: center 0;

	/*background-size: auto 100%;*/

	background-repeat: no-repeat;

}

.index-case-show {

	width: 1200px;

	margin: 0 auto;

	padding: 80px 0;

}

.index-case-show h3 {

	font-size: 36px;

	color: #fff;

	text-align: center;

	position: relative;

}

.index-case-show h3:after {

	content: "";

	display: block;

	width: 70px;

	height: 2px;

	position: absolute;

	left: 50%;

	bottom: -30px;

	margin-left: -35px;

	background-color: rgba(255,255,255,.4);

}

.index-case-show .ltitle {

	font-size: 14px;

	color: #fff;

	text-align: center;

	margin-top: 50px;

	line-height: 22px;

}

.index-case-show .index-case-menu ul {

	width: 1160px;

	overflow: hidden;

	margin: 25px auto 0;

}

.index-case-content {

	width: 1160px;

	margin: 0 auto;

}

.index-case-content .swiper-container {

	padding-top: 40px;

}

.index-case-content .swiper-slide ul {

	width: 100%;

	overflow: hidden;

}

.index-case-content .swiper-slide ul li {

	width: 22%;

	margin-right: 4%;

	height: 242px;

	float: left;

	background-color: #FFF;

	border-radius: 6px;

	overflow: hidden;

	position: relative;

	margin-top: 30px;

}

.index-case-content .swiper-slide ul li:nth-of-type(4n) {

	margin-right: 0;

}

.index-case-content .swiper-slide ul li h5 {

	padding: 18px 0;

	text-align: center;

	font-size: 18px;

	color: #0d86e0;

	border-bottom: 1px solid #dfdfdf;

}

.index-case-content .swiper-slide ul li div.ranking {

	width: 100%;

	border-bottom: 1px solid #dfdfdf;

	display: -webkit-box;

	-webkit-box-align: center;

}

.index-case-content .swiper-slide ul li div.ranking p {

	width: 50%;

	padding: 18px 0;

	border-right: 1px solid #dfdfdf;

	padding-left: 6%;

	font-size: 12px;

	color: #666666;

}

.index-case-content .swiper-slide ul li div.ranking p b {

	font-size: 14px;

}

.index-case-content .swiper-slide p.rankingfirst b{ color:#0d86e0;}

.index-case-content .swiper-slide p.rankingnow b{ color:#F00; font-weight:bold;}

.index-case-content .swiper-slide ul li div.domain {

	width: 100%;

	padding: 18px 0;

	padding-left: 6%;

	font-size: 12px;

	color: #666666;

	border-bottom: 1px solid #dfdfdf;

}

.index-case-content .swiper-slide ul li div.domain a {

	color: #666666;

}

.index-case-content .swiper-slide ul li div.engines {

	width: 100%;

	height: 42px;

	padding-left: 6%;

	font-size: 12px;

	color: #666666;

	display: -webkit-box;

	-webkit-box-align: end;

}

.index-case-content .swiper-slide ul li div.engines img {

	height: 60%;

	display: block;

	margin-left: 2%;

}

.index-case-content .swiper-slide ul li:after {

	content: "";

	display: block;

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	background-color: rgba(50,120,155,.4);

}

.index-case-content .swiper-slide ul li:hover:after {

	display: none;

}

.index-case-content .swiper-button-prev {

	left: -60px;

	background-image: url(../images/prev.png);

}

.index-case-content .swiper-button-next {

	right: -60px;

	background-image: url(../images/next.png);

}

.index-case-content .swiper-pagination {

	position: absolute;

	top: 0;

	left: 0;

	height: 40px;

}

.index-case-content .swiper-pagination p {

	float: left;

	margin: 0 !important;

	width: 10%;

	width: -webkit-calc(10% - 2px);

	height: 35px;

	text-align: center;

	line-height: 35px;

	border: 1px solid #fff;

	margin-right: 1.25%!important;

	border-radius: 6px;

	font-size: 16px;

	color: #ffffff;

	cursor: pointer;

	opacity: 1;

	margin-bottom: 10px!important;

	background-color: transparent;

}

.index-case-content .more {

	position: absolute;

	right: 0;

	top: 0;

	width: 9%;

	width: -webkit-calc(10% - 2px);

	height: 35px;

	text-align: center;

	line-height: 35px;

	border: 1px solid #fff;

	border-radius: 6px;

	font-size: 16px;

	color: #ffffff;

	cursor: pointer;

	z-index: 100;

}

.index-case-content .more a {

	color: #fff;

}

.index-case-content .swiper-pagination p:last-child {

	margin-right: 0;

}

.index-case-content .swiper-pagination p.swiper-pagination-bullet-active {

	background-color: #FFF;

	color: #0a88c8;

}

.index-service-box {

	width: 100%;

}

.index-service-show {

	width: 1200px;

	margin: 0 auto;

	padding: 80px 0;

}

.index-service-show h3 {

	font-size: 36px;

	color: #333333;

	text-align: center;

	position: relative;

}

.index-service-show h3:after {

	content: "";

	display: block;

	width: 70px;

	height: 2px;

	position: absolute;

	left: 50%;

	bottom: -30px;

	margin-left: -35px;

	background-color: rgba(0,0,0,.4);

}

.index-service-show .ltitle {

	font-size: 14px;

	color: #999999;

	text-align: center;

	margin-top: 50px;

	line-height: 22px;

}

.index-service-show ul {

	width: 100%;

	overflow: hidden;

	margin-top: 50px;

}

.index-service-show ul li {

	width: 25%;

	float: left;

	text-align: center;

}

.index-service-show ul li div.show {

	width: 260px;

	margin: 0 auto;

}

.index-service-show ul li div.show div.pic {

	width: 122px;

	height: 145px;

	background-image: url(../images/p.png);

	background-repeat: no-repeat;

	background-size: 100%;

	margin: 0 auto;

}

.index-service-show ul li:hover div.show div.pic {

	-webkit-animation: swi 1s ease-in-out;

	-o-animation: swi 1s ease-in-out;

	animation: swi 1s ease-in-out;

}

/*动画*/

@-webkit-keyframes swi2 {

from {

 -webkit-transform: rotateY(0);

 -ms-transform: rotateY(0);

 -o-transform: rotateY(0);

 transform: rotateY(0);

}

to {

	-webkit-transform: rotateY(360deg);

	-ms-transform: rotateY(360deg);

	-o-transform: rotateY(360deg);

	transform: rotateY(360deg);

}

}

@keyframes swi {

from {

 -webkit-transform: rotateY(0);

 -ms-transform: rotateY(0);

 -o-transform: rotateY(0);

 transform: rotateY(0);

}

to {

	-webkit-transform: rotateY(360deg);

	-ms-transform: rotateY(360deg);

	-o-transform: rotateY(360deg);

	transform: rotateY(360deg);

}

}

.index-service-show ul li.active div.show div.pic {

	background-image: url(../images/p-hover.png);

}

.index-service-show ul li div.show div.pic div.img {

	display: block;

	width: 122px;

	height: 122px;

	margin: 0 auto;

	display: -webkit-box;

	-webkit-box-align: center;

	-webkit-box-pack: center;

}

.index-service-show ul li div.show div.pic div.img img:nth-of-type(2) {

	display: none;

}

.index-service-show ul li div.show h5 {

	font-size: 18px;

	color: #0a88c8;

	margin-top: 15px;

}

.index-service-show ul li div.show div.des {

	margin-top: 10px;

	font-size: 14px;

	color: #888888;

	line-height: 22px;

	width: 100%;

}

.index-num-box {

	width: 100%;

	background-image: url(../images/p34.jpg);

	background-repeat: no-repeat;

	background-size: auto 100%;

	background-position: center 0;

	padding: 140px 0;

}

.index-num-box ul {

	width: 100%;

	overflow: hidden;

}

.index-num-box ul li {

	float: left;

	width: 20%;

	text-align: center;

}

.index-num-box ul li span.sz {

	display: none;

}

.index-num-box ul li div.num p {

	font-size: 48px;

	color: #d0e7f2;

}

.index-num-box ul li div.des {

	font-size: 14px;

	color: #fff;

	width: 40%;

	margin: 10px auto;

	padding: 5px 0;

	background-color: rgba(0,0,0,.1);

}

.index-process-box {

	width: 100%;

	background-image: url(../images/p35.jpg);

	background-position: center 0;

	background-repeat: no-repeat;

	background-size: auto 100%;

}

.index-process-show {

	width: 1200px;

	margin: 0 auto;

	padding: 80px 0;

}

.index-process-show h3 {

	font-size: 36px;

	color: #333333;

	text-align: center;

	position: relative;

}

.index-process-show h3:after {

	content: "";

	display: block;

	width: 70px;

	height: 2px;

	position: absolute;

	left: 50%;

	bottom: -30px;

	margin-left: -35px;

	background-color: rgba(0,0,0,.4);

}

.index-process-show div.img {

	margin-top: 80px;

}

.index-process-show div.img img {

	width: 100%;

}

.index-process-show ul {

	padding-top: 40px;

	display: none;

}

.index-process-show ul li {

	width: 100%;

	overflow: hidden;

	margin-bottom: 10px;

	position: relative;

	height: 45px;

	background-color: #0a88c8;

	border-radius: 0 30px 30px 0;

	overflow: hidden;

	display: -webkit-box;

	-webkit-box-align: center;

}

.index-process-show ul li span {

	font-size: 22px;

	font-style: italic;

	font-weight: bold;

	color: #fff;

	margin-left: 2%;

	margin-right: 4%;

	display: block;

}

.index-process-show ul li p {

	padding-right: 4%;

	color: #fff;

	width: 80%;

}

.index-reg-box {

	width: 100%;

	background-image: url(../images/p37.jpg);

	background-position: center 0;

	background-repeat: no-repeat;

}

.index-reg-show {

	width: 1200px;

	margin: 0 auto;

	height: 160px;

	overflow: hidden;

}

.index-reg-show h3 {

	font-size: 36px;

	color: #333333;

	text-align: center;

	position: relative;

}

.index-reg-show h3:after {

	content: "";

	display: block;

	width: 70px;

	height: 2px;

	position: absolute;

	left: 50%;

	bottom: -30px;

	margin-left: -35px;

	background-color: rgba(0,0,0,.4);

}

.index-reg-show .left {

	height: 100%;

	display: -webkit-box;

	-webkit-box-align: center;

	float: left;

	font-size: 22px;

	color: #ffffff;

	line-height: 45px;

}

.index-reg-show .right {

	height: 100%;

	display: -webkit-box;

	-webkit-box-align: center;

	float: right;

}

.index-reg-show .right a {

	display: block;

	font-size: 16px;

	color: #ffffff;

	width: 215px;

	height: 45px;

	border: 1px solid #fff;

	text-align: center;

	line-height: 45px;

}

.index-news-box {

	width: 100%;

	background-color: #f3f3f3;

}

.index-news-show {

	width: 1200px;

	margin: 0 auto;

	padding: 80px 0;

}

.index-news-show h3 {

	font-size: 36px;

	color: #333333;

	text-align: center;

	position: relative;

}

.index-news-show h3:after {

	content: "";

	display: block;

	width: 70px;

	height: 2px;

	position: absolute;

	left: 50%;

	bottom: -30px;

	margin-left: -35px;

	background-color: rgba(0,0,0,.4);

}

.index-news-show .ltitle {

	font-size: 14px;

	color: #999999;

	text-align: center;

	margin-top: 50px;

	line-height: 22px;

}

.index-news-content {

	width: 100%;

	overflow: hidden;

	margin-top: 35px;

}

.index-news-content ul {

	overflow: hidden;

}

.index-news-content ul li {

	width: 32%;

	margin-right: 2%;

	float: left;

	margin-bottom: 30px;

}

.index-news-content ul li:nth-of-type(3n) {

	margin-right: 0;

}

.index-news-content ul li div.ct div.img {

	width: 100%;

	height: 206px;

	display: -webkit-box;

	-webkit-box-align: center;

	-webkit-box-pack: center;

	overflow: hidden;

}

.index-news-content ul li div.ct div.img img {

	width: 100%;

	height: 100%;

}

.index-news-content ul li div.ct div.img img {

	display: block;

	transition: 500ms ease-out;

	-webkit-transition: 500ms ease-out;

	-ms-transition: 500ms ease-out;

	-moz-transition: 500ms ease-out;

	-o-transition: 500ms ease-out;

}

.index-news-content ul li div.ct:hover div.img img {

	transform: scale(1.06);

	-webkit-transform: scale(1.06);

	-moz-transform: scale(1.06);

	-ms-transform: scale(1.06);

}

.index-news-content ul li div.ct p {

	background-color: #FFF;

	padding: 10px 0;

	text-align: center;

	font-size: 14px;

	width: 100%;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.index-news-content ul li div.ct p b {

	color: #1592ce;

}

.index-news-content ul li a {

	font-size: 14px;

	color: #666666;

	line-height: 40px;

	width: 100%;

	display: block;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.index-news-content ul li:hover a {

	color: #0a88c8;

}

.sdfl {

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}

.sdfl dl {

	width: 31.5%;

}

.sdfl dl dt {

	font-size: 20px;

	color: #000;

	line-height: 50px;

}

.sdfl dl dt a {

	font-size: 12px;

	color: #666;

	float: right;

}

.sdfl dl dd img {

	width: 100%;

	display: block;

	margin-bottom: 10px;

}

.sdfl dl dd p {

	width: calc(100% - 90px);

	font-size: 12px;

	line-height: 30px;

	color: #666;

	float: left;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.sdfl dl dd span {

	width: 90px;

	font-size: 12px;

	line-height: 30px;

	color: #666;

	display: block;

	text-align: right;

	float: right;

}

.footer {

	width: 100%;

	background-color: #383d41;

}

.footer div.top {

	width: 1200px;

	margin: 0 auto;

	padding-top: 40px;

}

.footer div.top .first {

	width: 100%;

	overflow: hidden;

}

.footer div.top .first div.ewm {

	float: left;

	margin-right: 50px;

	width: 10%;

}

.footer div.top .first div.ewm img {

	width: 100%;

}

.footer div.top .first div.ewm p {

	font-size: 12px;

	line-height: 36px;

	color: #999999;

	text-align: center;

}

.footer div.top .first ul {

	float: left;

	padding-right: 60px;

}

.footer div.top .first ul li a {

	font-size: 12px;

	color: #999999;

	display: block;

	margin-bottom: 15px;

}

.footer div.top .first ul li:first-child a {

	font-size: 16px;

	color: #fff;

}

.footer div.top .first div.right {

	float: right;

	padding-left: 50px;

	border-left: 1px solid #484d51;

}

.footer div.top .first div.right div.tel {

	font-size: 16px;

	color: #fff;

}

.footer div.top .first div.right div.tel span {

	font-size: 18px;

	color: #fff;

	display: block;

}

.footer div.top .first div.right .address {

	font-size: 16px;

	color: #fff;

	padding: 15px 0;

}

.footer div.top .first div.right div.address span {

	font-size: 14px;

	color: #999999;

	display: block;

}

.footer div.top .second ul {

	overflow: hidden;

	padding: 20px 0;

}

.footer div.top .second ul li {

	float: left;

	font-size: 16px;

	color: #999999;

	margin-right: 15px;

}

.footer div.top .second ul li a {

	font-size: 12px;

	color: #999999;

}

.footer div.bottom {

	width: 100%;

	border-top: 1px solid #606467;

}

.footer div.bottom div.box {

	width: 1200px;

	margin: 0 auto;

	/*height:55px;*/

	overflow: hidden;

	line-height: 24px;

}

.footer div.bottom div.box .copyright {

	float: left;

	font-size: 14px;

	color: #999999;

}

.footer div.bottom div.box ul {

	float: right;

	font-size: 14px;

	color: #999999;

	overflow: hidden;

}

.footer div.bottom div.box ul li {

	float: left;

}

.footer div.bottom div.box ul li a {

	color: #999999;

	margin: 0 10px;

}

/*成功案例*/

.breadcrumb {

	width: 100%;

	height: 50px;

	border-bottom: 1px solid #e6e6e6;

	height: 50px;

	line-height: 50px;

}

.breadcrumb .breadcrumb-show {

	width: 1200px;

	margin: 0 auto;

	overflow: hidden;

}

.breadcrumb .breadcrumb-show ul {

	float: left;

	font-size: 16px;

	color: #666666;

	overflow: hidden;

}

.breadcrumb .breadcrumb-show ul li {

	float: left;

	margin-right: 40px;

	cursor: pointer;

}

.breadcrumb .breadcrumb-show ul li a {

	color: #666666;

}

.breadcrumb .breadcrumb-show ul li.active a {

	color: #0b8fcf;

	border-bottom: 1px solid #0b8fcf;

	display: block;

}

.breadcrumb .breadcrumb-show div.right {

	float: right;

	overflow: hidden;

}

.breadcrumb .breadcrumb-show div.right p {

	float: left;

	margin-left: 10px;

	font-size: 14px;

	color: #888888;

}

.breadcrumb .breadcrumb-show div.right p a {

	color: #888888;

}

/*面包屑结束*/

.other-banner a:last-child img {

	display: none;

}

.other-box {

	width: 100%;

}

.case-box {

	width: 1200px;

	margin: 0 auto;

	padding: 20px 0 40px;

}

.case-search form {

	overflow: hidden;

}

.case-search form input {

	float: left;

}

.case-search form input.txt {

	width: calc(29% - 22px);

	padding: 0 10px;

	height: 45px;

	border: 1px solid #e6e6e6;

	margin-right: 2%;

	color: #333;

}

.case-search form .select {

	width: calc(29% - 2px);

	padding: 0 10px;

	float: left;

	height: 45px;

	color: #333;

	border: 1px solid #e6e6e6;

	background-color: #FFF;

	margin-right: 2%;

}

.case-search form input.sub {

	width: 7%;

	height: 45px;

	background-color: #0b8fcf;

	color: #fff;

	font-size: 16px;

	font-weight: bold;

	cursor: pointer;

}

.case-show {

	width: 100%;

	margin-top: 0px;

	padding-bottom:40px;

}

.case-show .case-pc table {

	width: 100%;

	font-size: 14px;

	border-left: 1px solid #e6e6e6;

	border-bottom: 1px solid #e6e6e6;

}

.case-show .case-pc table tr th {

	background-color: #e1ebf0;

	height: 50px;

	font-size: 16px;

	color: #333333;

	border-right: 1px solid #e6e6e6;

	font-weight: normal;

}

.case-show .case-pc table tr td {

	height: 48px;

	text-align: center;

	color: #666666;

	border-top: 1px solid #e6e6e6;

	border-right: 1px solid #e6e6e6;

}

.case-show .case-pc table tr td a {

	color: #666666;

}

.case-show .case-pc table tr td:hover {

	color: #0b8fcf;

}

.case-show .case-pc table tr td:hover a {

	color: #0b8fcf;

}

.case-show .case-pc table tr td img {

	height: 60%;

}

.case-show .case-pc table tr td b {

	font-weight: bold;

	font-family: 宋体;

}

/*手机端 case 模板2*/

.case-show .case-phone {

	width: 100%;

	margin: 0 auto;



}

.case-show .case-phone ul {

	width: 100%;

	margin: 0 auto;

	overflow: hidden;

}

.case-show .case-phone ul li {

	width: calc(32% - 2px);

	margin-right: 2%;

	float: left;

	border: 1px solid #ccc;

	background-color: #FFF;

	border-radius: 6px;

	overflow: hidden;

	position: relative;

	margin-top: 30px;

	text-align: center;

}

.case-show .case-phone ul li:nth-of-type(3n) {

	margin-right: 0;

}

.case-show .case-phone ul li h5 {

	padding: 18px 0;

	text-align: center;

	font-size: 18px;

	color: #0d86e0;

	border-bottom: 1px solid #dfdfdf;

}

.case-show .case-phone ul li div.ranking {

	width: 100%;

	border-bottom: 1px solid #dfdfdf;

	display: -webkit-box;

	-webkit-box-align: center;

	height: 58px;

}

.case-show .case-phone ul li div.ranking p {

	width: 50%;

	border-right: 1px solid #dfdfdf;

	font-size: 14px;

	color: #666666;

	overflow: hidden;

	line-height: 58px;

	height: 58px;

	display: -webkit-box;

	-webkit-box-align: center;

	-webkit-box-pack: center;

}

.case-show .case-phone ul li div.ranking p a {

	color: #666666;

}

.case-show .case-phone ul li div.ranking p img {

	height: 60%;

	display: block;

}

.case-show .case-phone ul li div.ranking p b {

	font-size: 18px;

}

.case-show .case-phone p.rankingfirst b{ color:#0d86e0;}

.case-show .case-phone p.rankingnow b{ color:#F00; font-weight:bold;}

.case-show .case-phone ul li div.ranking p span {

	font-size: 16px;

	color: #0d86e0;

}

.case-show .case-phone ul li div.engines {

	width: 100%;

	padding: 18px 0;

	font-size: 14px;

	color: #666666;

	border-bottom: 1px solid #dfdfdf;

	display: -webkit-box;

	-webkit-box-align: center;

	-webkit-box-pack: center;

}

.case-show .case-phone ul li div.engines div.img img {

	height: 30px;

}

.case-show .case-phone ul li div.domain {

	width: 100%;

	padding: 18px 0;

	font-size: 14px;

	color: #666666;

	border-bottom: 1px solid #dfdfdf;

}

.case-show .case-phone ul li div.domain a {

	color: #666666;

}

.case-show .case-phone ul li div.date {

	width: 100%;

	padding: 18px 0;

	font-size: 14px;

	color: #666666;

}

.online-msg {

	width: 100%;

	background-image: url(../images/case1.jpg);

	background-repeat: no-repeat;

	background-size: auto 100%;

	background-position: center 0;

	padding: 100px 0;

}

.online-msg-show {

	width: 1200px;

	margin: 0 auto;

}

.online-msg-show h3 {

	font-size: 30px;

	color: #ffffff;

	text-align: center;

	padding-bottom: 25px;

	position: relative;

}

.online-msg-show h3:after {

	content: "";

	position: absolute;

	bottom: 0;

	left: 50%;

	width: 70px;

	height: 2px;

	background-color: #FFF;

	margin-left: -35px;

}

.online-msg-show p.ltitle {

	font-size: 14px;

	color: #ffffff;

	text-align: center;

	margin-top: 20px;

}

.online-msg-show .form ul {

	overflow: hidden;

	margin-top: 30px;

}

.online-msg-show .form ul li {

	line-height: 40px;

	height: 40px;

	color: #666666;

	font-size: 14px;

	display: -webkit-box;

	-webkit-box-align: center;

	float: left;

	border-radius: 5px;

	overflow: hidden;

	margin-bottom: 15px;

	background-color: #FFF;

}

.online-msg-show .form ul li.txt {

	width: 49%;

	margin-right: 2%;

	float: left;

	height: 40px;

	position: relative;

}

.online-msg-show .form ul li:nth-of-type(2), .online-msg-show .form ul li:nth-of-type(4) {

	margin-right: 0;

}

.online-msg-show .form ul li input {

	font-size: 14px;

	color: #666666;

}

.online-msg-show .form ul li.txt input {

	width: 160px;

	height: 100%;

	position: absolute;

	top: 0;

	right: 0;

}

.online-msg-show .form ul li label {

	margin-left: 10px;

}

.online-msg-show .form ul li.ajax-select {

	width: 100%;

	overflow: hidden;

	background-color: transparent;

}

.online-msg-show .form ul li.ajax-select div.select {

	width: 49%;

	height: 100%;

	border-radius: 5px;

	overflow: hidden;

	margin-right: 2%;

	float: left;

	position: relative;

	background-color: #FFF;

}

.online-msg-show .form ul li.ajax-select div.select select {

	padding-right: 20px;

	position: absolute;

	height: 40px;

	width: 98%;

	right: 0;

	top: 0;

	color: #666666;

	font-size: 14px;

	-webkit-appearance: none; /*去除input默认样式*/

	background-image: url(../images/input.png);

	background-position: 96% center;

	background-size: auto 70%;

	background-repeat: no-repeat;

	background-color: #FFF;

}

.online-msg-show .form ul li.ajax-select div.select select:last-child {

	margin-right: 0;

}

.online-msg-show .form ul li.ajax-select div.select:first-child select {

	width: 82%;

}

.online-msg-show .form ul li.textarea {

	width: 100%;

	height: 120px;

	position: relative;

}

.online-msg-show .form ul li.textarea textarea {

	width: 100%;

	position: absolute;

	height: 100%;

	top: 10px;

	left: 10px;

}

.online-msg-show .form .subandtel {

	width: 100%;

	margin-top: 10px;

	overflow: hidden;

}

.online-msg-show .form .subandtel div.sub {

	float: left;

}

.online-msg-show .form .subandtel div.sub input {

	float: left;

	width: 165px;

	height: 45px;

	background-color: #f5b51b;

	border-radius: 5px;

	font-size: 16px;

	color: #fff;

	font-weight: bold;

	-webkit-appearance: none; /*去除input默认样式*/

}

.online-msg-show .form .subandtel div.tel {

	float: right;

	height: 45px;

	line-height: 45px;

	font-size: 14px;

	color: #ffffff;

}

.online-msg-show .form .subandtel div.tel a {

	color: #fff;

}

.price-box {

	width: 1200px;

	margin: 0 auto;

}

.price-search {

	margin-top: 30px;

	height: 45px;

	border: 1px solid #0b8fcf;

}

.price-search div.form {

	width: 100%;

	height: 100%;

	overflow: hidden;

	font-size: 16px;

}

.price-search div.form label {

	float: left;

	width: calc(16% - 1px);

	height: 100%;

	display: -webkit-box;

	-webkit-box-align: center;

	-webkit-box-pack: center;

	text-align: center;

	font-weight: bold;

	border-right: 1px solid #0b8fcf;

	color: #0b8fcf;

	background-color: #e6f2f8;

}

.price-search div.form input.txt {

	width: calc(69% - 40px);

	float: left;

	padding: 0 20px;

	height: 100%;

	font-size: 16px;

	color: #666666;

}

.price-search div.form input.sub {

	width: 15%;

	float: right;

	background-color: #0b8fcf;

	height: 100%;

	font-size: 16px;

	color: #ffffff;

	border-radius: 0;

	-webkit-appearance: none; /*去除input默认样式*/

}

.price-show h3 {

	margin-top: 30px;

	color: #666666;

	font-size: 16px;

}

.price-show h3 span {

	color: #0b8fcf;

	font-weight: bold;

}

.price-result {

	width: 100%;

	overflow: hidden;

	font-size: 16px;

	color: #666666;

	margin-top: 20px;

	margin-bottom: 20px;

}

.price-result ul {

	width: calc(20% - 1px);

	float: left;

	border-right: 1px solid #e6e6e6;

	margin-bottom: 20px;

}

.price-result ul:first-child {

	border-left: 1px solid #e6e6e6;

	width: calc(20% - 2px);

}

.price-result ul li.img {

	height: 70px;

	display: -webkit-box;

	-webkit-box-align: center;

	-webkit-box-pack: center;

	border-top: 1px solid #e6e6e6;

}

.price-result ul li.img img {

	height: 50%;

	display: block;

}

.price-result ul li {

	height: 50px;

	width: 100%;

	display: -webkit-box;

	-webkit-box-align: center;

	-webkit-box-pack: center;

	text-align: center;

	border-bottom: 1px solid #e6e6e6;

}

.wantknow {

	width: 100%;

	background-color: #f5f5f5;

}

.wantknow-box {

	width: 1200px;

	margin: 0 auto;

	padding: 40px 0 60px;

}

.wantknow-box h3 {

	font-size: 16px;

	color: #666666;

}

.wantknow-pc table {

	width: 100%;

	border-bottom: 1px solid #e6e6e6;

	border-left: 1px solid #e6e6e6;

	background-color: #FFF;

	margin-top: 20px;

}

.wantknow-pc table tr td {

	height: 60px;

	text-align: center;

	border-top: 1px solid #e6e6e6;

	border-right: 1px solid #e6e6e6;

	font-size: 16px;

	color: #666666;

}

.wantknow-pc table tr td img {

	height: 50%;

}

.wantknow-pc table tr td.big {

	font-size: 24px;

	color: #0b8fcf;

}

.wantknow-phone {

	width: 100%;

	display: none;

}

.wantknow-phone ul {

	width: 100%;

	overflow: hidden;

}

.wantknow-phone ul li {

	width: calc(48% - 2px);

	margin-right: 4%;

	text-align: center;

	background-color: #FFF;

	border-radius: 10px;

	border: 1px solid #e6e6e6;

	color: #0b8fcf;

	font-size: 16px;

	margin-top: 20px;

	float: left;

}

.wantknow-phone ul li h5 {

	font-size: 20px;

	height: 60px;

	line-height: 60px;

}

.wantknow-phone ul li:nth-of-type(2n) {

	margin-right: 0;

}

.wantknow-phone ul li div.ct {

	height: 60px;

	border-top: 1px solid #e6e6e6;

	line-height: 60px;

}

.wantknow-phone ul li div.ct div.img {

	width: 50%;

	height: 100%;

	float: left;

	border-right: 1px solid #e6e6e6;

	display: -webkit-box;

	-webkit-box-align: center;

	-webkit-box-pack: center;

}

.wantknow-phone ul li div.ct div.img img {

	height: 60%;

	display: block;

}

/*关于我们*/

.about-box {

	width: 100%;

}

.about-box .about-jj {

	width: 1200px;

	margin: 0 auto;

	padding: 60px 0;

	overflow: hidden;

}

.about-box .about-jj .left {

	float: left;

	width: 54%;

}

.about-box .about-jj .left p.en {

	font-size: 40px;

	color: #eaeaea;

}

.about-box .about-jj .left h3 {

	font-size: 36px;

	color: #333333;

	position: relative;

	padding-bottom: 25px;

	margin-bottom: 25px;

}

.about-box .about-jj .left h3:after {

	content: "";

	position: absolute;

	left: 0;

	bottom: 0;

	width: 70px;

	height: 2px;

	background-color: #333333;

}

.about-box .about-jj .left div.ct {

	font-size: 16px;

	color: #666666;

	line-height: 33px;

}

.about-box .about-jj .right {

	float: right;

	width: 42%;

}

.about-box .about-num {

	width: 100%;

	background-image: url(../images/about2.jpg);

	background-repeat: no-repeat;

	background-size: 100% 100%;

	background-position: center 0;

}

.about-box .about-num ul {

	width: 1200px;

	padding: 115px 0;

	margin: 0 auto;

	overflow: hidden;

}

.about-box .about-num ul li {

	width: 33%;

	float: left;

	text-align: center;

	font-size: 14px;

	color: #fff;

	line-height: 27px;

}

.about-box .about-num ul li h3 {

	font-size: 12px;

}

.about-box .about-num ul li h3 span {

	font-size: 62px;

	margin-right: 5px;

	font-family: 宋体;

	font-weight: bold;

}

.about-box .about-num ul li p.tt {

	font-size: 24px;

	margin: 10px auto;

}

.about-surroundings {

	width: 100%;

	background-color: #f5f5f5;

}

.about-surroundings-show {

	width: 1200px;

	padding: 60px 0;

	margin: 0 auto;

}

.about-surroundings-show div.img img {

	width: 100%;

}

.about-distribution {

	width: 100%;

	background-image: url(../images/about4.jpg);

	background-size: auto 100%;

	background-repeat: no-repeat;

	background-position: center 0;

}

.about-distribution-show {

	width: 1200px;

	margin: 0 auto;

	padding: 60px 0;

	padding-bottom: 660px;

	position: relative;

}

.about-distribution-show h3 {

	text-align: center;

	font-size: 36px;

	color: #333333;

	padding-bottom: 25px;

	margin-bottom: 25px;

	position: relative;

}

.about-distribution-show h3:after {

	content: "";

	position: absolute;

	width: 70px;

	height: 2px;

	background-color: #333333;

	bottom: 0;

	left: 50%;

	margin-left: -35px;

}

.about-distribution-show p.ltitle {

	text-align: center;

	font-size: 16px;

	color: #666666;

}

.about-distribution-show div.img img {

	position: absolute;

	bottom: 0;

	right: 8%;

}

.about-honor {

	width: 100%;

}

.about-honor-show {

	width: 1200px;

	margin: 0 auto;

	padding: 60px 0;

}

.about-honor-show h3 {

	text-align: center;

	font-size: 36px;

	color: #333333;

}

.about-honor-show ul {

	width: 100%;

	overflow: hidden;

	margin-top: 30px;

}

.about-honor-show ul li {

	width: 32%;

	margin-right: 2%;

	float: left;

	margin-bottom: 15px;

}

.about-honor-show ul li div.img {

	overflow: hidden;

}

.about-honor-show ul li:nth-of-type(3n) {

	margin-right: 0;

}

.about-honor-show ul li img {

	width: 100%;

}

.about-honor-show ul li img {

	display: block;

	transition: 500ms ease-out;

	-webkit-transition: 500ms ease-out;

	-ms-transition: 500ms ease-out;

	-moz-transition: 500ms ease-out;

	-o-transition: 500ms ease-out;

}

.about-honor-show ul li:hover img {

	transform: scale(1.06);

	-webkit-transform: scale(1.06);

	-moz-transform: scale(1.06);

	-ms-transform: scale(1.06);

}

.about-cooperation {

	width: 100%;

	background-image: url(../images/about6.jpg);

	background-size: auto 100%;

	background-repeat: no-repeat;

	background-position: center 0;

}

.about-cooperation-show {

	width: 1200px;

	margin: 0 auto;

	padding: 60px 0;

}

.about-cooperation-show h3 {

	text-align: center;

	font-size: 36px;

	color: #ffffff;

	padding-bottom: 25px;

	margin-bottom: 25px;

	position: relative;

}

.about-cooperation-show h3:after {

	content: "";

	width: 70px;

	height: 2px;

	background-color: #6ba8c7;

	position: absolute;

	bottom: 0;

	left: 50%;

	margin-left: -35px;

}

.about-cooperation-show p.ltitle {

	text-align: center;

	font-size: 14px;

	color: #ffffff;

}

.about-cooperation-show div.img {

	margin-top: 40px;

}

.about-cooperation-show div.img img {

	width: 100%;

}

/*产品与服务*/

.product-box {

	width: 100%;

}

.product-flow {

	width: 1200px;

	margin: 0 auto;

	padding: 50px 0 60px;

}

.product-flow h3 {

	text-align: center;

	font-size: 30px;

	position: relative;

	color: #333333;

	padding-bottom: 25px;

}

.product-flow h3:after {

	content: "";

	display: block;

	position: absolute;

	width: 70px;

	height: 2px;

	background-color: #333333;

	left: 50%;

	margin-left: -35px;

	bottom: 0;

}

.product-flow-show {

	width: 100%;

	margin-top: 70px;

}

.product-flow-show ul {

	width: 100%;

	overflow: hidden;

}

.product-flow-show ul li {

	width: 20%;

	height: 200px;

	overflow: hidden;

	float: left;

	text-align: center;

}

.product-flow-show ul li h5 {

	color: #0b8fcf;

	font-size: 16px;

	display: -webkit-box;

	-webkit-box-align: center;

	-webkit-box-pack: center;

}

.product-flow-show ul li h5 span {

	font-size: 70px;

	font-family: Arial;

	display: block;

}

.product-flow-show ul li h5 b {

	display: block;

	margin-left: 10px;

}

.product-flow-show ul li div.tt {

	font-size: 16px;

	color: #666666;

	margin: 10px auto 20px;

}

.product-flow-show ul li div.img img {

	max-height: 40px;

	margin: 10px auto;

}

.product-flow-show ul li:hover div.img {

	-webkit-animation: swi 1s ease-in-out;

	-o-animation: swi 1s ease-in-out;

	animation: swi 1s ease-in-out;

}

.product-attract {

	width: 100%;

	background-image: url(../images/produc1.jpg);

	background-size: auto 100%;

	background-repeat: no-repeat;

	height: 365px;

	margin-bottom: 25px;

}

.product-attract-show {

	width: 1200px;

	height: 100%;

	margin: 0 auto;

	position: relative;

}

.product-attract-show .left {

	position: absolute;

	bottom: -25px;

	left: 0;

	width: 600px;

	height: 95%;

	background-image: url(../images/product2.png);

	background-size: 100% 100%;

	background-repeat: no-repeat;

}

.product-attract-show .left .swiper-container {

	width: 75%;

	height: 86%;

	margin-top: 25px;

}

.product-attract-show .left .swiper-container .swiper-slide {

}

.product-attract-show .left .swiper-container .swiper-slide img {

	width: 100%;

	height: calc(100% - 25px);

	border-radius: 2px;

}

.product-attract-show .left .swiper-container .swiper-pagination {

	bottom: 5px;

}

.product-attract-show .left .swiper-container .swiper-pagination-bullet {

	background-color: #4d4d4d;

	opacity: 1;

}

.product-attract-show .left .swiper-container .swiper-pagination-bullet-active {

	background-color: #fff;

}

.product-attract-show .right {

	position: absolute;

	right: 0;

	top: 60px;

	font-size: 16px;

	color: #ffffff;

}

.product-attract-show .right h5 {

	font-size: 30px;

	color: #ffffff;

	text-align: right;

	position: relative;

	padding-bottom: 25px;

	margin-bottom: 35px;

}

.product-attract-show .right h5:after {

	content: "";

	display: block;

	position: absolute;

	width: 70px;

	height: 2px;

	background-color: #FFF;

	right: 0;

	bottom: 0;

}

.product-attract-show .right div.des {

	font-size: 16px;

	color: #ffffff;

	text-align: right;

}

.product-attract-show .right a.ask {

	display: block;

	width: 180px;

	height: 45px;

	background-color: #FFF;

	color: #0b8fcf;

	text-align: center;

	line-height: 45px;

	border-radius: 25px;

	float: right;

	margin-top: 35px;

}

.product-attract-phone {

	display: none;

	width: 80%;

	text-align: center;

	margin: 20px auto;

	color: #333;

}

.product-attract-phone h5 {

	font-size: 24px;

	padding-top: 20px;

	margin: 10px auto;

	padding-bottom: 20px;

	position: relative;

}

.product-attract-phone h5:after {

	content: "";

	display: block;

	width: 60px;

	height: 2px;

	background-color: #333;

	position: absolute;

	left: 50%;

	bottom: 0;

	margin-left: -30px;

}

.product-attract-phone div.des {

	font-size: 12px;

}

.product-attract-phone a.ask {

	font-size: 12px;

	width: 120px;

	padding: 10px 0;

	display: block;

	background-color: #0b8fcf;

	color: #fff;

	margin: 15px auto;

	border-radius: 15px;

}

.product-sc {

	width: 1200px;

	margin: 0 auto;

	padding: 50px 0;

}

.product-sc-show {

	width: 100%;

	overflow: hidden;

}

.product-sc-show .left {

	width: 65%;

	float: left;

	margin-top: 30px;

}

.product-sc-show .left h5 {

	font-size: 30px;

	line-height: 50px;

	color: #333333;

	position: relative;

	padding-bottom: 25px;

	margin-bottom: 30px;

}

.product-sc-show .left h5:after {

	content: "";

	display: block;

	position: absolute;

	bottom: 0;

	left: 0;

	width: 70px;

	height: 2px;

	background-color: #333;

}

.product-sc-show .left div.ct {

	font-size: 16px;

	color: #666666;

}

.product-sc-show .left ul {

	width: 95%;

	overflow: hidden;

	margin-top: 40px;

	margin-left: -4%;

}

.product-sc-show .left ul li {

	float: left;

	width: 25%;

	text-align: center;

}

.product-sc-show .left ul li div.count {

	display: -webkit-box;

	-webkit-box-align: center;

	-webkit-box-pack: center;

	color: #0b8fcf;

}

.product-sc-show .left ul li div.count span {

	display: block;

	font-size: 48px;

}

.product-sc-show .left ul li div.count b {

	font-size: 14px;

	margin-left: 10px;

}

.product-sc-show .left ul li div.des {

	font-size: 16px;

	color: #666666;

	margin-top: 15px;

}

.product-sc-show .right {

	float: right;

	width: 35%;

}

.product-sc-show .right div.img img {

	width: 100%;

}

.product-system {

	width: 100%;

	background-image: url(../images/product4.jpg);

	background-size: 100% 100%;

	background-repeat: no-repeat;

}

.product-system-show {

	width: 1200px;

	margin: 0 auto;

	padding: 60px 0;

}

.product-system-show h3 {

	font-size: 30px;

	color: #ffffff;

	text-align: center;

	padding-bottom: 25px;

	position: relative;

}

.product-system-show h3:after {

	content: "";

	display: block;

	position: absolute;

	left: 50%;

	bottom: 0;

	margin-left: -35px;

	width: 70px;

	height: 2px;

	background-color: #FFF;

}

.product-system-show ul {

	overflow: hidden;

	width: 100%;

	margin: 40px auto 0;

	overflow: hidden;

}

.product-system-show ul li {

	width: 25%;

	float: left;

	text-align: center;

}

.product-system-show ul li div.img img {

	width: 20%;

}

.product-system-show ul li:hover div.img img {

	-webkit-animation: swi 1s ease-in-out;

	-o-animation: swi 1s ease-in-out;

	animation: swi 1s ease-in-out;

}

.product-system-show ul li div.des {

	font-size: 14px;

	width: 82%;

	color: #ffffff;

	margin: 0 auto;

	line-height: 24px;

}

.product-system-show ul li div.des span {

	display: block;

	font-size: 18px;

	margin: 10px auto;

}

.product-guarantee {

	width: 1200px;

	margin: 0 auto;

	padding: 50px 0;

}

.product-guarantee h3 {

	font-size: 30px;

	color: #333;

	position: relative;

	padding-bottom: 25px;

	text-align: center;

}

.product-guarantee h3:after {

	content: "";

	display: block;

	width: 70px;

	height: 2px;

	background-color: #333;

	position: absolute;

	left: 50%;

	bottom: 0;

	margin-left: -35px;

}

.product-guarantee ul {

	margin-top: 60px;

	width: 100%;

	overflow: hidden;

}

.product-guarantee ul li {

	width: 24%;

	margin-right: 1.2%;

	float: left;

	position: relative;

	overflow: hidden;

}

.product-guarantee ul li:nth-of-type(4n) {

	margin-right: 0;

}

.product-guarantee ul li div.img img {

	width: 100%;

}

.product-guarantee ul li div.des {

	position: absolute;

	width: 54%;

	height: 100%;

	text-align: center;

	left: 23%;

	top: 0;

	display: -webkit-box;

	-webkit-box-align: center;

	-webkit-box-pack: center;

	font-size: 16px;

	color: #ffffff;

	line-height: 24px;

}

.product-guarantee ul li div.img img {

	display: block;

	transition: 500ms ease-out;

	-webkit-transition: 500ms ease-out;

	-ms-transition: 500ms ease-out;

	-moz-transition: 500ms ease-out;

	-o-transition: 500ms ease-out;

}

.product-guarantee ul li:hover div.img img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

}

.news-box {

	width: 1200px;

	margin: 0 auto;

	padding: 50px 0 40px;

}

.news-box ul {

	overflow: hidden;

	padding-bottom:20px;

}

.news-box ul li {

	width: 100%;

	overflow: hidden;

	background-color: #f5f5f5;

	float: left;

	margin-bottom: 20px;

}

.news-box ul li div.img {

	width: 20%;

	float: left;

	overflow: hidden;

}

.news-box ul li div.img img {

	width: 100%;

	height: 100%;

}

.news-box ul li div.img img {

	display: block;

	transition: 500ms ease-out;

	-webkit-transition: 500ms ease-out;

	-ms-transition: 500ms ease-out;

	-moz-transition: 500ms ease-out;

	-o-transition: 500ms ease-out;

}

.news-box ul li:hover div.img img {

	transform: scale(1.06);

	-webkit-transform: scale(1.06);

	-moz-transform: scale(1.06);

	-ms-transform: scale(1.06);

}

.news-box ul li div.ct {

	width: 73%;

	font-size: 14px;

	color: #888888;

	padding-left: 4%;

	padding-right: 3%;

	float: right;

}

.news-box ul li div.ct h3 {

	font-size: 16px;

	color: #333333;

	margin-top: 25px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	width: 100%;

}

.news-box ul li div.ct div.date {

	margin: 10px 0;

}

.news-box ul li div.ct div.des {

	line-height: 24px;

	text-overflow: -o-ellipsis-lastline;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;/*第几行*/

	-webkit-box-orient: vertical;

}

.news-box ul li:hover div.ct h3, .news-box ul li:hover div.ct div.des {

	color: #0b8fcf;

}

.news-details-box {

	width: 1200px;

	margin: 0 auto;

	padding: 50px 0;

}

.news-details-box h1 {

	font-size: 28px;

	text-align: center;

}

.news-details-box .author ul {

	width: 100%;

	overflow: hidden;

}

.news-details-box .author ul li {

	float: left;

	width: 33%;

	text-align: center;

	font-size: 16px;

	color: #333;

	margin-top: 30px;

	padding: 20px 0;

	border-bottom: 1px dotted #ccc;

}

.news-details-box div.ct {

	font-size: 16px;

	line-height: 30px;

	color: #333;

	padding: 20px 0;

}

.news-details-box div.ct img {

	max-width: 100%;

}

.news-details-box div.page {

	padding: 10px 0;

	margin-top: 40px;

	border-top: 1px dotted #ccc;

}

.news-details-box div.page p {

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	line-height: 30px;

}

.news-details-box div.page p a {

	color: #333;

}

.news-details-box div.page p a:hover {

	color: #0b8fcf;

}

.news-details-box div.page p a span {

	color: #333;

	font-weight: bold;

}

.joinus-box {

	width: 100%;

}

.rcg-box {

	width: 100%;

	background-image: url(../images/joinus1.jpg);

	background-size: 100%;

	background-position: center 0;

	background-repeat: no-repeat;

}

.rcg-box .rcg-show {

	width: 1200px;

	padding: 60px 0;

	font-size: 14px;

	color: #888888;

	line-height: 24px;

	margin: 0 auto;

	text-align: center;

}

.rcg-box .rcg-show h3 {

	font-size: 30px;

	color: #333;

	margin-bottom: 20px;

}

.rcg-box .rcg-show .des-second {

	display: none;

}

.welfare-box {

	width: 100%;

	background-image: url(../images/joinus2.jpg);

	background-size: auto 100%;

	background-position: center 0;

	background-repeat: no-repeat;

}

.welfare-box .welfare-show {

	width: 1200px;

	padding: 60px 0;

	font-size: 14px;

	color: #888888;

	line-height: 24px;

	margin: 0 auto;

	text-align: center;

}

.welfare-box .welfare-show h3 {

	font-size: 30px;

	color: #333;

	margin-bottom: 20px;

}

.welfare-box .welfare-show ul {

	overflow: hidden;

	margin-top: 40px;

}

.welfare-box .welfare-show ul li {

	width: 23.5%;

	margin-right: 2%;

	height: 155px;

	float: left;

	margin-bottom: 10px;

	margin-top: 10px;

}

.welfare-box .welfare-show ul li div.box {

	height: 145px;

	background-color: #FFF;

	display: -webkit-box;

	-webkit-box-align: center;

	-webkit-box-pack: center;

}

.welfare-box .welfare-show ul li:nth-of-type(4n) {

	margin-right: 0;

}

.welfare-box .welfare-show ul li div.tt {

	font-size: 16px;

	margin-top: 5px;

	color: #333333;

}

.welfare-box .welfare-show ul li div.img img {

	width: 40px;

	height: 40px;

}

.recruit-box {

	width: 100%;

	background-color: #f5f5f5;

}

.recruit-show {

	width: 1200px;

	margin: 0 auto;

	padding: 40px 0;

}

.recruit-show div.tips {

	color: #888888;

	font-size: 16px;

}

.recruit-show ul li {

	background-color: #FFF;

	width: calc(100% - 50px);

	padding: 0 25px 25px;

	margin-top: 20px;

	border-radius: 10px;

}

.recruit-show ul li div.zw {

	height: 65px;

	line-height: 65px;

	border-bottom: 1px solid #ccc;

	overflow: hidden;

}

.recruit-show ul li div.zw span.tt {

	display: inline-block;

	font-size: 20px;

	float: left;

	position: relative;

}

.recruit-show ul li div.zw span.tt:after {

	content: "";

	position: absolute;

	bottom: 0;

	width: 100%;

	height: 2px;

	background-color: #333;

	left: 0;

}

.recruit-show ul li div.zw span.date {

	float: right;

	font-size: 14px;

	color: #888888;

}

.recruit-show ul li div.ct {

	width: 100%;

	overflow: hidden;

	font-size: 14px;

	line-height: 26px;

	margin-top: 15px;

	color: #888888;

}

.recruit-show ul li div.ct div.zz {

	width: 46%;

	padding-right: 4%;

	float: left;

}

.recruit-show ul li div.ct b {

	font-weight: bold;

	font-size: 16px;

	color: #333;

}

.recruit-show ul li div.ct div.zg {

	width: 50%;

	float: left;

}

.recruit-show ul li div.send {

	height: 35px;

	margin-top: 30px;

	display: -webkit-box;

	-webkit-box-align: center;

	color: #888888;

	font-size: 14px;

}

.recruit-show ul li div.send a {

	display: block;

	width: 120px;

	height: 100%;

	display: -webkit-box;

	-webkit-box-align: center;

	-webkit-box-pack: center;

	text-align: center;

	background-color: #df0b0b;

	color: #fff;

	font-size: 16px;

	border-radius: 6px;

	margin-right: 20px;

}

.contact-box {

	width: 100%;

}

.contact-team {

	width: 100%;

}

.contact-team-show {

	width: 1200px;

	margin: 0 auto;

	padding: 50px 0;

}

.contact-team-show ul {

	width: 100%;

	overflow: hidden;

}

.contact-team-show ul li {

	width: calc(23.5% - 2px);

	height: 285px;

	border: 1px solid #ccc;

	margin-right: 2%;

	display: -webkit-box;

	-webkit-box-align: center;

	-webkit-box-pack: center;

	text-align: center;

	float: left;

	margin-bottom: 20px;

}

.contact-team-show ul li:nth-of-type(4n) {

	margin-right: 0;

}

.contact-team-show ul li h3 {

	font-size: 20px;

	color: #333333;

	padding-bottom: 15px;

	position: relative;

	margin-bottom: 15px;

}

.contact-team-show ul li h3:after {

	content: "";

	width: 40px;

	height: 2px;

	position: absolute;

	bottom: 0;

	left: 50%;

	margin-left: -20px;

	background-color: #888888;

}

.contact-team-show ul li div.des {

	font-size: 13px;

	color: #888888;

	margin-bottom: 30px;

}

.contact-team-show ul li div.tel a {

	font-size: 16px;

	color: #666666;

	line-height: 26px;

}

.contact-team-show ul li div.btn {

	width: 130px;

	height: 35px;

	border-radius: 6px;

	border: 1px solid #0b8fcf;

	margin-top: 15px;

	margin-left: 10px;

}

.contact-team-show ul li div.btn a {

	height: 100%;

	width: 100%;

	display: -webkit-box;

	-webkit-box-align: center;

	-webkit-box-pack: center;

	font-size: 16px;

	color: #0b8fcf;

}

.contact-team-show ul li div.btn a div.pic img {

	width: 20px;

}

.contact-team-show ul li div.btn a div.pic img:nth-of-type(1) {

	margin-right: 5px;

	margin-top: 5px;

}

.contact-team-show ul li div.btn a div.pic img:nth-of-type(2) {

	display: none;

}

.contact-info {

	width: 100%;

	background-color: #f0f0f0;

}

.contact-info-show {

	width: 1200px;

	margin: 0 auto;

	padding: 60px 0;

	overflow: hidden;

}

.contact-info-show .left {

	width: 50%;

	float: left;

}

.contact-info-show .left div.ct {

	font-size: 16px;

	color: #666666;

	line-height: 30px;

	margin-top: 20px;

}

.contact-info-show .left h3 {

	font-size: 30px;

	color: #333333;

}

.contact-info-show .right {

	width: 50%;

	float: left;

}

.contact-info-show .right h5 {

	font-size: 16px;

	font-weight: bold;

	color: #333333;

	margin-bottom: 5px;

}

.contact-info-show .right div.ct {

	font-size: 14px;

	line-height: 30px;

	color: #666666;

}

.contact-info-show .right div.ct span {

	padding-top: 5px;

	display: block;

	color: #333333;

	font-weight: bold;

}

.contact-map iframe {

	width: 100%;

	height: 430px;

	position: relative;

	border-top: 1px solid #ccc;

}

.contact-map div.img img {

	width: 100%;

	display: none;

}

.support-box {

	width: 100%;

}

.support-box .support-one {

	width: 1200px;

	margin: 0 auto;

	padding: 40px 0;

}

.support-box .support-one ul {

	width: 100%;

	overflow: hidden;

}

.support-box .support-one ul li {

	width: 23.5%;

	margin-right: 2%;

	padding-bottom: 20px;

	border-bottom: 2px solid transparent;

	background-color: #eff4f7;

	float: left;

	margin-bottom: 20px;

}

.support-box .support-one ul li:nth-of-type(4n) {

	margin-right: 0;

}

.support-box .support-one ul li div.img {

	width: calc(100% - 20px);

	margin: 0 auto;

	margin: 10px;

	overflow: hidden;

}

.support-box .support-one ul li div.img img {

	width: 100%;

}

.support-box .support-one ul li div.img img {

	display: block;

	transition: 500ms ease-out;

	-webkit-transition: 500ms ease-out;

	-ms-transition: 500ms ease-out;

	-moz-transition: 500ms ease-out;

	-o-transition: 500ms ease-out;

}

.support-box .support-one ul li:hover div.img img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

}

.support-box .support-one ul li h3 {

	text-align: center;

	margin-top: 10px;

	font-size: 24px;

	color: #0f8ecb;

	padding-bottom: 15px;

	position: relative;

}

.support-box .support-one ul li h3:after {

	content: "";

	width: 50px;

	height: 2px;

	position: absolute;

	bottom: 0;

	left: 50%;

	margin-left: -25px;

	background-color: #0f8ecb;

}

.support-box .support-one ul li div.des {

	color: #666666;

	line-height: 30px;

	font-size: 16px;

	text-align: center;

	width: 80%;

	margin: 20px auto;

	text-overflow: -o-ellipsis-lastline;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;/*第几行*/

	-webkit-box-orient: vertical;

}

.support-box .support-one ul li:hover {

	border-bottom: 2px solid #0f8ecb;

}

.support-two {

	width: 100%;

	background-image: url(../images/sup11.jpg);

	background-repeat: no-repeat;

	background-size: 100% 100%;

	background-position: center 0;

}

.support-two-show {

	width: 1200px;

	margin: 0 auto;

	padding: 50px 0;

}

.support-two-show h3 {

	font-size: 36px;

	color: #333333;

	text-align: center;

	position: relative;

	padding-bottom: 25px;

	margin-bottom: 25px;

}

.support-two-show h3:after {

	content: "";

	position: absolute;

	width: 70px;

	height: 2px;

	background-color: #8f9294;

	bottom: 0;

	left: 50%;

	margin-left: -35px;

}

.support-two-show p.des {

	font-size: 14px;

	color: #333;

	text-align: center;

}

.support-two-show ul {

	width: 100%;

	overflow: hidden;

	margin-top: 40px;

}

.support-two-show ul li {

	width: 32%;

	margin-right: 2%;

	position: relative;

	float: left;

	margin-bottom: 20px;

	display: -webkit-box;

	-webkit-box-align: center;

	-webkit-box-pack: center;

	text-align: center;

	background-color: #FFF;

}

.support-two-show ul li div.box {

	position: relative;

	width: 100%;

}

.support-two-show ul li div.bg {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	display: none;

}

.support-two-show ul li div.bg img {

	width: 100%;

	height: 100%;

}

.support-two-show ul li:nth-of-type(3n) {

	margin-right: 0;

}

.support-two-show ul li div.box div.log img {

	width: 18%;

}

.support-two-show ul li div.box div.log img:nth-of-type(2) {

	display: none;

}

.support-two-show ul li div.box h5 {

	font-size: 26px;

	color: #0f8ecb;

	margin: 20px auto 10px;

}

.support-two-show ul li div.box div.en {

	font-size: 12px;

	color: #888888;

}

.support-two-show ul li div.content {

	font-size: 16px;

	color: #888888;

	line-height: 30px;

	margin-top: 20px;

}

.support-two-show ul li.active div.box h5, .support-two-show ul li.active div.box div.en, .support-two-show ul li.active div.box div.content {

	color: #fff;

}

.support-three {

	width: 1200px;

	margin: 0 auto;

	padding: 50px 0;

}

.support-three h3 {

	font-size: 36px;

	color: #333333;

	text-align: center;

	position: relative;

	padding-bottom: 25px;

	margin-bottom: 25px;

}

.support-three h3:after {

	content: "";

	position: absolute;

	width: 70px;

	height: 2px;

	background-color: #8f9294;

	bottom: 0;

	left: 50%;

	margin-left: -35px;

}

.support-three p.des {

	font-size: 14px;

	color: #333;

	text-align: center;

	line-height: 24px;

}

.support-three ul {

	width: 100%;

	overflow: hidden;

	margin-top: 40px;

}

.support-three ul li {

	width: calc(49% - 10px);

	margin: 10px 0;

	margin-right: 2%;

	background-color: #eff4f7;

	overflow: hidden;

	float: left;

	padding: 40px 0;

	min-height: 100px;

}

.support-three ul li:nth-of-type(2n) {

	margin-right: 0;

}

.support-three ul li div.box {

	width: 100%;

	overflow: hidden;

}

.support-three ul li div.img {

	width: 20%;

	margin-left: 3%;

	float: left;

}

.support-three ul li div.img img {

	width: 40%;

	margin: 0 auto;

	display: block;

}

.support-three ul li:hover {

	box-shadow: #0f8ecb 0px 0px 5px;

}

.support-three ul li:hover div.img img {

	-webkit-animation: rotating3 2s 0s linear infinite alternate;

}

@-webkit-keyframes rotating3 {

0% {

 -webkit-transform:translateY(0px);

}

100% {

 -webkit-transform:translateY(20px);

}

}

.support-three ul li div.ct {

	width: 74%;

	margin-right: 3%;

	float: right;

	font-size: 16px;

	color: #666666;

	line-height: 30px;

}

.support-three ul li div.ct h5 {

	font-size: 24px;

	color: #0f8ecb;

	position: relative;

	padding-bottom: 15px;

	margin-bottom: 15px;

}

.support-three ul li div.ct h5:after {

	content: "";

	position: absolute;

	left: 0;

	bottom: 0;

	width: 60px;

	height: 2px;

	background-color: #0f8ecb;

}

.support-four-bg {

	width: 100%;

	background-image: url(../images/sup-bg2.jpg);

	background-repeat: no-repeat;

	background-size: 100% 100%;

	background-position: center 0;

}

.support-four ul li {

	background-color: #FFF;

}

.join-box {

	width: 100%;

}

.prospect-box {

	width: 1200px;

	margin: 0 auto;

	padding: 50px 0;

}

.prospect-box h3 {

	font-size: 30px;

	color: #333333;

	text-align: center;

	position: relative;

	padding-bottom: 25px;

	margin-bottom: 25px;

}

.prospect-box h3:after {

	content: "";

	position: absolute;

	width: 70px;

	height: 2px;

	background-color: #8f9294;

	bottom: 0;

	left: 50%;

	margin-left: -35px;

}

.prospect-box ul {

	width: 100%;

	overflow: hidden;

	padding-top: 40px;

}

.prospect-box ul li {

	width: 49%;

	margin-right: 2%;

	text-align: center;

	float: left;

	height: 370px;

}

.prospect-box ul li div.bg {

	height: 350px;

	display: -webkit-box;

	-webkit-box-align: center;

	-webkit-box-pack: center;

	background-image: url(../images/ji-bg1.jpg);

	background-size: 100% 100%;

	background-repeat: no-repeat;

}

.prospect-box ul li div.box {

	width: 100%;

}

.prospect-box ul li div.img img {

	width: 12%;

}

.prospect-box ul li:hover div.img img {

	-webkit-animation: swi 1s ease-in-out;

	-o-animation: swi 1s ease-in-out;

	animation: swi 1s ease-in-out;

}

.prospect-box ul li h5 {

	font-size: 16px;

	font-weight: bold;

	color: #ffffff;

	margin: 25px 0;

}

.prospect-box ul li div.ct {

	font-size: 14px;

	line-height: 24px;

	color: #ffffff;

	width: 90%;

	margin: 0 auto;

}

.prospect-box ul li:nth-of-type(2) {

	margin-right: 0;

}

.prospect-box ul li:nth-of-type(2) div.bg {

	background-image: url(../images/ji-bg2.jpg);

}

.index-reg-box.join {

	background-image: url(../images/ji-bg3.jpg);

}

.index-reg-box.join .index-reg-show .left span {

	font-size: 18px;

}

.advantage-box {

	width: 1200px;

	margin: 0 auto;

	padding: 50px 0;

}

.advantage-box h3 {

	font-size: 30px;

	color: #333333;

	text-align: center;

	position: relative;

	padding-bottom: 25px;

	margin-bottom: 25px;

}

.advantage-box h3:after {

	content: "";

	position: absolute;

	width: 70px;

	height: 2px;

	background-color: #8f9294;

	bottom: 0;

	left: 50%;

	margin-left: -35px;

}

.advantage-box ul {

	width: 100%;

	overflow: hidden;

	margin-top: 40px;

}

.advantage-box ul li {

	width: calc(32% - 2px);

	margin-right: 2%;

	text-align: center;

	border: 1px solid #e6e6e6;

	display: -webkit-box;

	-webkit-box-align: center;

	-webkit-box-pack: center;

	float: left;

	margin-bottom: 20px;

}

.advantage-box ul li:nth-of-type(3n) {

	margin-right: 0;

}

.advantage-box ul li div.img img {

	width: 12%;

}

.advantage-box ul li:hover div.img img {

	-webkit-animation: swi 1s ease-in-out;

	-o-animation: swi 1s ease-in-out;

	animation: swi 1s ease-in-out;

}

/*动画*/

@-webkit-keyframes swi {

from {

 -webkit-transform: rotateY(0);

 -ms-transform: rotateY(0);

 -o-transform: rotateY(0);

 transform: rotateY(0);

}

to {

	-webkit-transform: rotateY(360deg);

	-ms-transform: rotateY(360deg);

	-o-transform: rotateY(360deg);

	transform: rotateY(360deg);

}

}

@keyframes swi {

from {

 -webkit-transform: rotateY(0);

 -ms-transform: rotateY(0);

 -o-transform: rotateY(0);

 transform: rotateY(0);

}

to {

	-webkit-transform: rotateY(360deg);

	-ms-transform: rotateY(360deg);

	-o-transform: rotateY(360deg);

	transform: rotateY(360deg);

}

}

.advantage-box ul li div.img img:nth-of-type(2) {

	display: none;

}

.advantage-box ul li h5 {

	font-size: 24px;

	color: #535353;

	margin: 30px auto 10px;

}

.advantage-box ul li div.ct {

	font-size: 14px;

	width: 70%;

	margin: 0 auto;

	line-height: 30px;

	color: #535353;

}

.advantage-box ul li:hover {

	border: 1px solid #0b8fcf;

}

.advantage-box ul li:hover h5 {

	color: #0b8fcf;

}

.operate-box {

	width: 100%;

	background-image: url(../images/ji-bg4.jpg);

	background-repeat: no-repeat;

	background-size: 100% 100%;

}

.operate-box h3 {

	font-size: 30px;

	color: #fff;

	text-align: center;

	position: relative;

	padding-bottom: 25px;

	margin-bottom: 25px;

}

.operate-box h3:after {

	content: "";

	position: absolute;

	width: 70px;

	height: 2px;

	background-color: #fff;

	bottom: 0;

	left: 50%;

	margin-left: -35px;

}

.operate-show {

	width: 1200px;

	margin: 0 auto;

	padding: 60px 0 100px;

}

.operate-show ul {

	width: 100%;

	overflow: hidden;

	margin-top: 40px;

}

.operate-show ul li {

	width: 20%;

	float: left;

	text-align: center;

	color: #fff;

	line-height: 30px;

	font-size: 14px;

	margin-bottom: 20px;

}

.operate-show ul li div.img img {

	width: 30%;

}

.operate-box ul li:hover div.img img {

	-webkit-animation: swi 1s ease-in-out;

	-o-animation: swi 1s ease-in-out;

	animation: swi 1s ease-in-out;

}

.operate-show ul li div.des {

	width: 80%;

	margin: 0 auto;

	height: 85px;

	overflow: hidden;

}

.profit-box {

	width: 1200px;

	margin: 0 auto;

	padding: 60px 0;

}

.profit-box h3 {

	font-size: 30px;

	color: #333333;

	text-align: center;

	position: relative;

	padding-bottom: 25px;

	margin-bottom: 25px;

}

.profit-box h3:after {

	content: "";

	position: absolute;

	width: 70px;

	height: 2px;

	background-color: #333333;

	bottom: 0;

	left: 50%;

	margin-left: -35px;

}

.profit-box div.des {

	text-align: center;

	font-size: 14px;

	color: #666666;

	line-height: 27px;

}

.profit-box ul.agent {

	width: 56%;

	overflow: hidden;

	margin: 0 auto;

	margin: 40px auto;

}

.profit-box ul.agent li {

	text-align: center;

	float: left;

	width: 50%;

}

.profit-box ul.agent li div.img img {

	width: 54%;

}

.profit-box ul.agent li:hover div.img img {

	-webkit-animation: swi 1s ease-in-out;

	-o-animation: swi 1s ease-in-out;

	animation: swi 1s ease-in-out;

}

.profit-box ul.agent li h5 {

	font-size: 16px;

	color: #666666;

	margin-top: 10px;

}

.profit-box ul.profit {

	width: 100%;

	overflow: hidden;

	margin: 40px auto;

	padding-top: 40px;

	border-top: 1px solid #e6e6e6;

}

.profit-box ul.profit li {

	text-align: center;

	float: left;

	width: 13%;

	margin-right: 16%;

}

 @-webkit-keyframes rotating2 {

0% {

 -webkit-transform:rotate(0deg);

}

100% {

 -webkit-transform:rotate(360deg);

}

}

.profit-box ul.profit li:nth-of-type(4n) {

	margin-right: 0;

}

.profit-box ul.profit li div.img {

	border-radius: 50%;

	overflow: hidden;

}

.profit-box ul.profit li div.img img {

	width: 100%;

}

.profit-box ul.profit li:hover div.img img {

	-webkit-animation: rotating2 2s 0s linear infinite;

}

.profit-box ul.profit li h5 {

	font-size: 16px;

	color: #0b8fcf;

	margin-top: 20px;

}

.join-support-box {

	width: 100%;

	background-color: #f5f5f5;

}

.join-support-show {

	width: 1200px;

	margin: 0 auto;

	padding: 60px 0;

}

.join-support-show h3 {

	font-size: 30px;

	color: #333333;

	text-align: center;

	position: relative;

	padding-bottom: 25px;

	margin-bottom: 25px;

}

.join-support-show h3:after {

	content: "";

	position: absolute;

	width: 70px;

	height: 2px;

	background-color: #333333;

	bottom: 0;

	left: 50%;

	margin-left: -35px;

}

.join-support-show ul {

	width: 100%;

	overflow: hidden;

}

.join-support-show ul li {

	float: left;

	width: 23.5%;

	margin-right: 2%;

	position: relative;

	display: -webkit-box;

	-webkit-box-align: start;

	-webkit-box-pack: center;

	margin-top: 20px;

	overflow: hidden;

}

.join-support-show ul li div.img img {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

.join-support-show ul li div.img img {

	display: block;

	transition: 500ms ease-out;

	-webkit-transition: 500ms ease-out;

	-ms-transition: 500ms ease-out;

	-moz-transition: 500ms ease-out;

	-o-transition: 500ms ease-out;

}

.join-support-show ul li:hover div.img img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

}

.join-support-show ul li:nth-of-type(4n) {

	margin-right: 0;

}

.join-support-show ul li div.box {

	position: relative;

	text-align: center;

	color: #fff;

	width: 100%;

	margin-top: 25%;

}

.join-support-show ul li div.box div.log img {

	width: 18%;

}

.join-support-show ul li:hover div.log img {

	-webkit-animation: swi2 1s ease-in-out;

	-o-animation: swi2 1s ease-in-out;

	animation: swi2 1s ease-in-out;

}

.join-support-show ul li div.box h5 {

	font-size: 24px;

	padding: 10px 0;

	position: relative;

	margin-bottom: 20px;

}

.join-support-show ul li div.box h5:after {

	content: "";

	position: absolute;

	left: 50%;

	bottom: 0;

	margin-left: -25px;

	width: 50px;

	height: 1px;

	background-color: #FFF;

}

.join-support-show ul li div.box div.ct {

	width: 80%;

	margin: 0 auto;

	line-height: 26px;

}

@media (max-width: 1280px) {

.header .top-show h5 {

	margin-left: 20px;

}

.header .top-show .right {

	margin-right: 20px;

}

.header .bottom-box .logo {

	margin-left: 20px;

}

.header .bottom-box .menu {

	margin-right: 20px;

}

.center-box {

	width: 100% !important;

}

.index-about-show {

	width: 94% !important;

}

.index-about-show .left div.ct {

	width: 80%;

}

.index-about-show .left {

	margin-left: 4%;

	width: 46%;

}

.index-items-show ul li {

	width: 33.3%;

	width: -webkit-calc(100% / 3)!important;

	margin-bottom: 60px;

}

.index-why-show {

	width: 94% !important;

}

.index-why-show ul li {

	margin-top: 10px;

}

.index-skill-show {

	width: 94% !important;

}

.index-case-content {

	width: 94% !important;

}

.index-case-content .swiper-slide ul li div.ranking p, .index-case-content .swiper-slide ul li div.domain {

	text-align: center;

	padding-left: 0;

}

.index-case-content .swiper-slide ul li div.engines {

	-webkit-box-pack: center;

	padding-left: 0;

}

.index-why-show ul li {

	width: 49%;

	margin-right: 2%;

}

.index-why-show ul li:nth-of-type(2n) {

	margin-right: 0;

}

.index-why-show ul li:nth-of-type(3n) {

	margin-right: 2%;

}

.index-why-show ul li:nth-of-type(6n) {

	margin-right: 0;

}

.index-service-show {

	width: 94% !important;

}

.index-process-show {

	width: 94% !important;

}

.index-reg-show {

	width: 94% !important;

}

.index-news-show {

	width: 94% !important;

}

.footer div.top {

	width: 94% !important;

}

.footer div.top .first ul {

	padding-right: 45px;

}

.footer div.top .first div.right {

	padding-left: 45px;

}

.footer div.bottom div.box {

	width: 94% !important;

}

.index-num-box ul li {

	width: 50%;

	margin-bottom: 30px;

}

.index-num-box ul li:nth-of-type(3) {

	width: 100%;

}

.index-num-box ul li:nth-of-type(3) div.des {

	width: 20%;

}

.index-num-box ul li div.des {

	padding: 10px 0;

	background-color: rgba(255,255,255,.1);

}

.index-log-show {

	height: 200px;

}

.index-log-show ul li {

	width: 50%;

	height: 100px;

}

.index-log-show ul li:nth-of-type(4) {

	background-color: #ecf3f6;

}

.index-log-show ul li:nth-of-type(3) {

	background-color: #e0eaef;

}

.index-case-show {

	overflow: hidden;

}

}

@media (max-width: 1280px) {

.case-box, .price-box, .wantknow-box, .about-box .about-jj, .about-box .about-num ul, .about-surroundings-show, .about-distribution-show, .about-honor-show, .about-cooperation-show, .news-box, .news-details-box, .rcg-box .rcg-show, .welfare-box .welfare-show, .recruit-show, .contact-team-show, .contact-info-show, .support-box .support-one, .support-two-show, .support-three, .prospect-box, .advantage-box, .operate-show, .profit-box, .join-support-show, .product-flow, .product-attract-show, .product-sc, .product-system-show, .product-guarantee {

	width: 94%;

}

.breadcrumb .breadcrumb-show {

	width: 94%;

}

.case-box {

	padding: 30px 0 50px;

}

.case-show .case-pc {

	display: none;

}

.case-show .case-phone {

	display: block;

}

.online-msg-show {

	width: 94%;

}

.online-msg-show .form ul li:nth-of-type(5) select {

	width: 70%;

}

.about-box .about-jj .left {

	width: 100%;

}

.about-box .about-jj .right {

	display: none;

}

.about-distribution-show {

	padding-bottom: 0;

	padding-top: 30px;

}

.about-distribution-show div.img img {

	position: static;

	width: 80%;

	display: block;

	margin: 20px auto 0;

}

.about-distribution-show h3 {

	font-size: 24px;

	padding-bottom: 15px;

	margin-bottom: 15px;

}

.about-distribution-show p.ltitle {

	font-size: 16px;

	width: 90%;

	margin: 0 auto;

}

.about-honor-show h3 {

	font-size: 24px;

}

.about-cooperation-show {

	padding: 30px 0;

}

.about-cooperation-show h3 {

	font-size: 24px;

	padding-bottom: 15px;

	margin-bottom: 15px;

}

.about-cooperation-show p.ltitle {

	font-size: 16px;

	width: 90%;

	margin: 0 auto;

}

.news-box ul li {

	width: 32%;

	margin-right: 2%;

}

.news-box ul li:nth-of-type(3n) {

	margin-right: 0;

}

.news-box ul li div.img {

	width: 100%;

}

.news-box ul li div.ct {

	padding: 20px;

	width: calc(100% - 40px);

}

.news-box ul li div.ct h3 {

	margin-top: 10px;

}

.rcg-box .rcg-show {

	padding: 30px 0;

	font-size: 12px;

}

.rcg-box .rcg-show h3, .welfare-box .welfare-show h3, {

 font-size:24px;

}

.support-box .support-one ul li h3 {

	font-size: 18px;

}

.support-two-show h3 {

	font-size: 24px;

	padding-bottom: 15px;

	margin-bottom: 15px;

}

}

 @media (max-width: 1200px) {

.profit-box ul.profit li {

	width: 25%;

	margin-right: 0!important;

}

.profit-box ul.profit li div.img img {

	width: 60%;

}

}

@media (max-width: 1180px) {

.footer div.top .first div.right {

	width: 100%;

}

.footer div.top .first div.ewm {

	width: 12%;

}

}

@media (max-width: 1116px) {

.index-service-show ul li {

	width: 50%;

	margin-bottom: 40px;

}

.index-service-show ul li div.show h5 {

	margin-top: 0;

}

/*banner*/

.banner .swiper-slide img {

	display: none;

}

.banner .swiper-slide {

	background-image: url(../images/wap-banner1.jpg);

	height: 400px;

	background-size: 100%;

	background-repeat: no-repeat;

	background-position: center 0;

}

.banner .swiper-slide:nth-of-type(2) {

	background-image: url(../images/wap-banner2.jpg);

}

.banner .swiper-slide:nth-of-type(3) {

	background-image: url(../images/wap-banner3.jpg);

}

.banner .swiper-pagination-bullet {

	width: 30px;

	height: 2px;

}

.contact-info-show .left {

	width: 100%;

}

.contact-info-show .right {

	width: 100%;

	margin-top: 20px;

}

.case-search form input.txt {

	width: calc(100% - 22px);

	margin-bottom: 20px;

}

.case-search form select.select {

	width: 73%;

	margin-right: 2%;

}

.case-search form input.sub {

	width: 25%;

}

.online-msg-show .form ul li.ajax-select div.select:first-child select {

	width: 80%;

}

.product-attract-show .right {

	top: 100px;

}

.product-attract-show .right h5 {

	font-size: 28px;

}

.product-attract-show .right div.des {

	font-size: 14px;

}

.product-sc-show .left ul {

	width: 100%;

}

}

@media (max-width: 982px) {

.index-case-content .swiper-slide ul li {

	width: 30%;

}

.index-case-content .swiper-slide ul li:nth-of-type(3n) {

	margin-right: 0;

}

.index-case-content .swiper-slide ul li:nth-of-type(4n) {

	margin-right: 4%;

}

.index-about-show .left, .index-about-show .right {

	width: 100%;

}

.index-about-show .left ul li {

	margin-right: 4%;

}

.index-about-show .left ul {

	margin-left: 0;

	width: 94%;

}

.index-about-show .left ul li:nth-of-type(4n) {

	margin-right: 0;

}

.index-about-show .right div.img img {

	width: 68%;

	margin-top: 30px;

}

.online-msg-show .form ul li:nth-of-type(5) select {

	width: 60%;

}

.about-box .about-jj .left p.en {

	font-size: 30px;

	display: none;

}

.about-box .about-jj .left h3 {

	font-size: 26px;

}

.recruit-show ul li div.ct div.zz {

	width: 100%;

	padding-right: 0;

}

.recruit-show ul li div.ct div.zg {

	width: 100%;

	margin-top: 20px;

}

.contact-team-show ul li {

	width: calc(49% - 2px);

}

.contact-team-show ul li:nth-of-type(2n) {

	margin-right: 0!important;

}

.support-two-show ul li {

	width: 49%;

	margin-right: 2%!important;

}

.support-two-show ul li:nth-of-type(2n) {

	margin-right: 0!important;

}

.support-three ul li {

	width: 96%;

	margin-left: 2%;

}

.advantage-box ul li {

	width: calc(49% - 2px);

	margin-right: 2%!important;

}

.advantage-box ul li:nth-of-type(2n) {

	margin-right: 0!important;

}

.operate-show ul li {

	width: 32%;

	margin-right: 2%!important;

}

.operate-show ul li:nth-of-type(3n) {

	margin-right: 0!important;

}

.join-support-show ul li {

	width: 49%;

	margin-right: 2%!important;

}

.join-support-show ul li:nth-of-type(2n) {

	margin-right: 0!important;

}

.online-msg-show .form ul li.ajax-select div.select:first-child select {

	width: 98%;

}

.online-msg-show .form ul li.ajax-select div.select label {

	display: none;

}

.product-attract-show .right {

	display: none;

}

.product-attract-show .left {

	left: 50%;

	margin-left: -300px;

}

.product-attract-phone {

	display: block;

}

.product-sc-show .left {

	width: 80%;

	margin: 0 auto;

	text-align: center;

	float: none;

}

.product-sc-show .left h5 {

	font-size: 24px;

	line-height: 36px;

	padding-bottom: 15px;

	margin-bottom: 15px;

}

.product-sc-show .left h5:after {

	left: 50%;

	margin-left: -35px;

}

.product-sc-show .left ul {

	margin-left: 0;

}

.product-sc-show .right {

	width: 50%;

	margin: 20px auto;

	float: none;

}

}

@media (max-width: 872px) {

.index-reg-box {

	background-size: auto 100%;

}

.index-reg-show {

	height: auto;

	padding: 20px 0;

}

.index-reg-show .left {

	width: 100%;

	float: none;

	line-height: 30px;

	font-size: 18px;

}

.index-reg-show .right {

	width: 100%;

	float: none;

	margin-top: 20px;

}

.index-reg-show .right a {

	width: 160px;

	font-size: 14px;

	height: 35px;

	line-height: 35px;

}

.footer div.top .first div.ewm {

	width: 14%;

}

.header {

	display: none;

}

.phone-header {

	display: block;

}

body {

	padding-top: 60px;

}

.index-process-show div.img {

	display: none;

}

.index-process-show ul {

	display: block;

}

.index-news-content ul li {

	width: 48%;

	margin-right: 4%!important;

}

.index-news-content ul li:nth-of-type(2n) {

	margin-right: 0!important;

}

.case-show .case-phone ul li {

	width: calc(48% - 2px);

	margin-right: 4%!important;

}

.case-show .case-phone ul li:nth-of-type(2n) {

	margin-right: 0!important;

}

.other-banner a:first-child img {

	display: none;

}

.other-banner a:last-child img {

	display: block;

}

.wantknow-pc {

	display: none;

}

.wantknow-phone {

	display: block;

}

.wantknow-box h3 {

	text-align: center;

}

.breadcrumb {

	line-height: 40px;

	height: 40px;

}

.breadcrumb .breadcrumb-show div.right {

	display: none;

}

.breadcrumb .breadcrumb-show ul {

	width: 100%;

	display: flex;

	align-items: center;

}

.breadcrumb .breadcrumb-show ul li {

	margin-right: 0;

	text-align: center;

	width: 100%;

}

.news-box ul li {

	width: 49%;

	margin-right: 2%!important;

}

.news-box ul li:nth-of-type(2n) {

	margin-right: 0!important;

}

.news-details-box {

	padding: 20px 0;

}

.news-details-box h1 {

	font-size: 24px;

}

.news-details-box .author ul li {

	font-size: 1rem;

	padding: 10px 0;

	margin-top: 10px;

}

.rcg-box {

	background-size: 100% 100%;

}

.support-box .support-one ul li {

	width: 49%;

	margin-right: 2%!important;

}

.support-box .support-one ul li:nth-of-type(2n) {

	margin-right: 0!important;

}

.support-three {

	padding: 30px 0;

}

.support-three h3 {

	font-size: 24px;

	padding-bottom: 15px;

	margin-bottom: 15px;

}

.prospect-box {

	padding: 30px 0;

}

.prospect-box h3 {

	font-size: 24px;

	padding-bottom: 15px;

	margin-bottom: 15px;

}

.prospect-box ul {

	padding-top: 20px;

}

.prospect-box ul li {

	width: 98%;

	margin-left: 1%;

}

.prospect-box ul li h5 {

	width: 80%;

	margin: 10px auto;

}

.advantage-box {

	padding: 30px 0;

}

.advantage-box h3 {

	font-size: 24px;

	padding-bottom: 15px;

	margin-bottom: 15px;

}

.operate-show {

	padding: 30px 0;

}

.operate-box h3 {

	font-size: 24px;

	padding-bottom: 15px;

}

.operate-box ul li {

	width: 49%;

	margin-right: 2%!important;

}

.operate-box ul li div.img img {

	width: 18%;

}

.operate-box ul li:nth-of-type(2n) {

	margin-right: 0!important;

}

.profit-box h3 {

	font-size: 24px;

	padding-bottom: 15px;

}

.join-support-show {

	padding: 30px 0;

}

.join-support-show h3, .rcg-box .rcg-show h3, .welfare-box .welfare-show h3 {

	font-size: 24px;

	padding-bottom: 15px;

	margin-bottom: 15px;

}

.join-support-show h3, .rcg-box .rcg-show h3, .welfare-box .welfare-show h3, .product-flow h3, .product-system-show h3, .product-guarantee h3, .prospect-box h3, .advantage-box h3, .operate-box h3, .profit-box h3, .online-msg-show h3 {

	font-size: 24px;

	padding-bottom: 15px;

	margin-bottom: 15px;

}

.product-flow-show ul li {

	width: 33%;

}

.product-flow-show ul li h5 span {

	font-size: 50px;

}

.product-sc-show .left ul li div.count span {

	font-size: 40px;

}

.product-sc-show .left ul li div.des {

	font-size: 12px;

}

.product-guarantee ul {

	margin-top: 30px;

}

.product-guarantee ul li {

	width: 49%;

	margin-right: 2%!important;

	margin-bottom: 20px;

}

.product-guarantee ul li:nth-of-type(2n) {

	margin-right: 0!important;

}

.sdfl dl {

	width: 100%;

	margin-bottom: 10px;

}

}

@media (max-width: 792px) {

.index-case-content .swiper-pagination p {

	width: 18%;

	width: -webkit-calc(18% - 2px);

}

.index-case-content .swiper-container {

	padding-top: 80px;

}

.index-case-content .more {

	width: 17.5%;

	width: -webkit-calc(18% - 2px);

	left: 57.75%;

	top: 45px;

}

.index-about-show .left, .index-about-show .right {

	width: 100%;

}

.index-about-show .right {

	height: auto !important;

	padding: 20px 0;

}

.index-about-show .right div.img img {

	width: 90%;

}

.index-about-show {

	padding: 50px 0 30px;

}

.index-items-show ul li {

	width: 50%;

	width: -webkit-calc(100% / 2)!important;

}

.index-case-content .swiper-slide ul li {

	width: 48%;

}

.index-case-content .swiper-slide ul li:nth-of-type(2n) {

	margin-right: 0 !important;

}

.index-case-content .swiper-slide ul li:nth-of-type(3n) {

	margin-right: 4%;

}

.index-skill-show ul li {

	width: 49%;

	margin-right: 2%;

}

.index-skill-show ul li.active {

	width: 49%;

	margin: 0;

	margin-right: 2%;

	margin-top: 20px;

	height: 380px;

}

.index-skill-show ul li:nth-of-type(2n) {

	margin-right: 0;

}

.index-news-content ul {

	width: 90%;

	margin-left: 5%;

}

.index-news-content ul:not(:first-child) {

	display: none;

}

.index-about-show .left div.img {

	width: 30%;

}

.index-about-show .left h3 {

	font-size: 36px;

	margin-top: 26px;

}

.index-about-show .left div.ct {

	width: 94%;

}

/*标题适应*/

.index-why-show h3, .index-skill-show h3, .index-case-show h3, .index-service-show h3, .index-process-show h3, .index-news-show h3 {

	font-size: 26px;

}

.index-why-show h3:after, .index-skill-show h3:after, .index-case-show h3:after, .index-service-show h3:after, .index-process-show h3:after, .index-news-show h3:after {

	bottom: -15px;

}

.index-why-show .ltitle, .index-skill-show .ltitle, .index-case-show .ltitle, .index-service-show .ltitle, .index-news-show .ltitle {

	font-size: 12px;

	margin-top: 30px;

}

.footer div.top {

	padding-top: 20px;

}

.footer div.top .first div.ewm {

	width: 24%;

	display: none;

}

.footer div.top .first ul {

	padding-right: 30px;

	display: none;

}

.footer div.top .first div.right div.tel {

	margin-top: 10px;

}

.footer div.top .first div.right div.tel span {

	margin-top: 5px;

	font-size: 24px;

}

.footer div.top .first div.right .address {

	padding: 10px 0;

}

.footer div.top .first div.right div.address span {

	margin-top: 10px;

}

.footer div.bottom div.box {

	height: auto;

	line-height: 26px;

	font-size: 12px;

	padding: 10px 0;

}

.footer div.bottom div.box .copyright {

	font-size: 12px;

	width: 100%;

}

.footer div.bottom div.box ul {

	width: 100%;

}

.footer div.bottom div.box ul li:first-child a {

	margin-left: 0;

}

.index-case-content .swiper-slide ul li:after {

	display: none;

}

/*盒子padding */

.index-why-show, .index-skill-show, .index-case-show, .index-service-show, .index-num-box, .index-process-show {

	padding: 40px 0;

}

.price-result ul {

	width: calc(48% - 2px)!important;

	margin-right: 4%;

	border-left: 1px solid #e6e6e6;

}

.price-result ul:nth-of-type(2n) {

	margin-right: 0;

}

.about-box .about-num {

	background-size: auto 100%;

}

.about-box .about-num ul {

	padding: 50px 0 40px;

}

.about-box .about-num ul li {

	width: 100%;

	margin-bottom: 60px;

}

.about-box .about-num ul li h3 span {

	font-size: 46px;

}

.about-box .about-num ul li p.tt {

	font-size: 20px;

}

.about-box .about-num ul li:last-child {

	margin-bottom: 0;

}

.about-surroundings-show {

	padding: 20px 0;

}

.about-honor-show {

	padding: 30px 0;

}

.about-honor-show ul {

	margin-top: 20px;

}

.about-honor-show ul li {

	width: 48.5%;

	margin-right: 3%!important;

}

.about-honor-show ul li:nth-of-type(2n) {

	margin-right: 0!important;

}

.welfare-box .welfare-show {

	padding: 30px 0;

}

.welfare-box .welfare-show ul {

	margin-top: 0;

}

.profit-box {

	padding: 30px 0 0;

}

.profit-box div.des {

	display: none;

}

.profit-box ul.agent {

	width: 80%;

}

.profit-box ul.profit li {

	width: 50%;

	margin-bottom: 30px;

}

.profit-box ul.profit li div.img img {

	width: 40%;

}

.product-system-show ul li {

	width: 50%;

	margin-bottom: 20px;

}

.product-system-show ul li div.des span {

	font-size: 16px;

}

}

@media (max-width: 710px) {

.online-msg-show .form ul li.ajax-select div.select {

	width: 49%;

	float: none;

	height: 40px;

}

.wantknow-phone ul li {

	width: 98%;

	margin-left: 1%;

}

.wantknow-phone ul li h5 {

	height: 50px;

	line-height: 50px;

}

.wantknow-phone ul li div.ct {

	height: 45px;

	line-height: 45px;

}

.online-msg {

	padding: 40px 0;

}

}

@media (max-width: 690px) {

.index-why-show ul li {

	width: 94%;

	margin-left: 3%;

}

.index-about-show .left ul li h5 {

	font-size: 14px;

}

.case-show .case-phone ul li {

	width: calc(48% - 2px);

	margin-right: 4%!important;

}

.case-show .case-phone ul li:nth-of-type(2n) {

	margin-right: 0!important;

}

.about-box .about-jj {

	padding: 20px 0;

}

.about-box .about-jj .left h3 {

	padding-top: 10px;

	padding-bottom: 15px;

}

.rcg-box .rcg-show .des {

	display: none;

}

.rcg-box .rcg-show .des-second {

	display: block;

	width: 90%;

	margin: 0 auto;

}

.welfare-box .welfare-show ul li {

	width: 48%;

	margin-right: 4%!important;

	margin-bottom: 10px;

}

.welfare-box .welfare-show ul li:nth-of-type(2n) {

	margin-right: 0!important;

}

.news-details-box h1 {

	font-size: 18px;

	line-height: 28px;

}

.contact-team-show {

	padding: 30px 0;

}

.contact-team-show ul li {

	width: 96%;

	margin-left: 2%;

}

.contact-map iframe {

	display: none;

}

.contact-map div.img img {

	display: block;

}

.breadcrumb .breadcrumb-show ul li {

	font-size: 12px;

}

.support-box .support-one ul li {

	width: 96%;

	margin-left: 2%;

}

.support-two-show {

	padding: 30px 0;

}

.support-two-show p.des {

	font-size: 12px;

}

.support-two-show ul li {

	width: 96%;

	margin-left: 2%;

}

.support-three ul li {

	padding: 20px 0;

}

.support-three ul li div.img {

	width: 94%;

	margin-bottom: 10px;

}

.support-three ul li div.ct h5 {

	text-align: center;

	font-size: 20px;

	padding-bottom: 10px;

}

.support-three ul li div.ct h5:after {

	position: absolute;

	left: 50%;

	margin-left: -35px;

}

.support-three ul li div.img img {

	width: 10%;

}

.support-three ul li div.ct {

	width: 90%;

	float: none;

	margin: 0 auto;

	text-align: center;

}

.advantage-box ul li {

	width: 96%;

	margin-left: 2%;

}

.operate-box ul {

	margin-top: 20px;

}

.operate-box ul li {

	width: 96%;

	margin-left: 2%;

	margin-bottom: 30px;

}

.operate-box ul li div.des {

	height: 50px;

}

.profit-box ul.profit {

	margin-top: 20px!important;

}

.profit-box ul.agent {

	width: 100%;

	margin-bottom: 20px;

}

.join-support-show ul li {

	width: 96%;

	margin-left: 2%;

}

.product-sc-show .left ul li {

	width: 50%;

	margin-bottom: 20px;

}

.product-sc-show .right {

	width: 60%;

}

.product-attract {

	height: 220px;

}

.product-attract-show .left .swiper-container .swiper-slide img {

	height: calc(100% - 30px);

}

.product-attract-show .left .swiper-container .swiper-pagination {

	bottom: 15px;

}

.product-attract-show .left {

	width: 94%;

	left: 3%;

	margin-left: 0;

}

.product-flow-show ul li h5 span {

	font-size: 34px;

}

.product-flow-show ul li div.img img {

	margin: 0 auto;

}

.product-flow-show {

	margin-top: 30px;

}

.product-flow {

	padding: 30px 0 30px;

	margin-bottom: -20px;

}

.join-support-show h3, .rcg-box .rcg-show h3, .welfare-box .welfare-show h3, .product-flow h3, .product-system-show h3, .product-guarantee h3, .prospect-box h3, .advantage-box h3, .operate-box h3, .profit-box h3, .online-msg-show h3 {

	font-size: 20px;

}

.product-attract-phone h5, .product-sc-show .left h5 {

	font-size: 20px;

	padding-bottom: 15px;

	margin-bottom: 15px;

}

.product-sc-show .left ul li div.count span {

	font-size: 32px;

}

.product-sc, .product-system-show, .product-guarantee {

	padding: 30px 0;

}

}

@media (max-width: 600px) {

.index-service-show ul li {

	width: 90%;

	margin-left: 5%;

}

.index-service-show ul li div.show {

	width: 90%;

}

.index-log-show {

	height: 400px;

}

.index-log-show ul li {

	width: 100%;

}

.index-log-show ul li:nth-of-type(odd) {

	background-color: #ecf3f6;

}

.index-log-show ul li:nth-of-type(even) {

	background-color: #e0eaef;

}

.index-num-box {

	padding: 70px 0;

}

.index-num-box ul li div.num p {

	font-size: 30px;

}

.index-num-box ul li div.des {

	width: 60%!important;

}

.footer div.top .first div.ewm {

	width: 28%;

}

.index-news-content ul li {

	width: 100%;

	margin-right: 0!important;

}

.case-show {

	margin-top: 0;

}

.case-show .case-phone ul li {

	width: 96%;

	margin-left: 2%;

}

.online-msg-show .form ul li.txt {

	width: 100%;

}

.online-msg-show .form ul li.txt input {

	width: 60%;

}

.price-search {

	height: 35px;

}

.price-search div.form label {

	display: none;

}

.price-result ul li {

	height: 40px;

}

.price-result ul li.img {

	height: 60px;

}

.online-msg-show .form .subandtel div.sub {

	width: 100%;

}

.online-msg-show .form .subandtel div.sub input {

	width: 70%;

	height: 40px;

	margin-left: 15%;

}

.online-msg-show .form .subandtel div.tel {

	text-align: center;

	width: 100%;

}

.about-distribution-show h3 {

	font-size: 18px;

	padding-bottom: 10px;

	margin-bottom: 10px;

}

.about-distribution-show p.ltitle {

	font-size: 12px;

}

.about-cooperation-show h3 {

	font-size: 18px;

	padding-bottom: 10px;

	margin-bottom: 10px;

}

.about-cooperation-show p.ltitle {

	font-size: 12px;

	width: 98%;

}

.about-box .about-jj .left p.en {

	font-size: 20px;

}

.about-box .about-jj .left h3 {

	font-size: 20px;

}

.news-box {

	padding: 30px 0;

}

.news-box ul li {

	width: 94%;

	margin-left: 3%;

}

.recruit-show ul li {

	width: calc(100% - 30px);

	padding: 0 15px 15px;

}

.recruit-show ul li div.send a {

	width: 100px;

	font-size: 14px;

}

.recruit-show ul li div.send p.mail {

	font-size: 12px;

}

.contact-info-show {

	padding: 30px 0;

}

.contact-info-show .left h3 {

	font-size: 24px;

}

.online-msg-show .form ul li.ajax-select {

	height: auto;

	display: block;

}

.online-msg-show .form ul li.ajax-select div.select {

	width: 100%;

	margin-bottom: 20px;

}

.online-msg-show .form ul li.ajax-select div.select select {

	width: 98%;

}

.online-msg-show .form ul li.ajax-select div.select:last-child {

	margin-bottom: 0;

}

.product-flow-show ul li {

	width: 50%;

}

.product-system-show ul li {

	width: 80%;

	margin-left: 10%;

	margin-bottom: 40px;

}

.product-guarantee ul li {

	width: 94%;

	margin-left: 3%;

}

}

@media (max-width: 520px) {

.index-skill-show ul li {

	width: 94%;

	margin-left: 3%;

}

.index-skill-show ul li.active {

	width: 94%;

	margin: 0;

	margin-left: 3%;

	margin-top: 20px;

	height: 380px;

}

.index-case-content .swiper-container {

	padding-top: 130px;

}

.index-case-content .swiper-pagination p {

	width: 29%;

	width: -webkit-calc(30% - 2px);

	margin-right: 3.3% !important;

}

.index-case-content .more {

	width: 29%;

	width: -webkit-calc(30% - 2px);

	left: 66.6%;

	top: 95px;

}

.index-case-content .swiper-pagination p:nth-of-type(3n) {

	margin-right: 0;

}

.index-case-content .swiper-slide ul li {

	width: 100%;

}

/*标题适应*/

.index-why-show h3, .index-skill-show h3, .index-case-show h3, .index-service-show h3, .index-process-show h3, .index-news-show h3 {

	font-size: 20px;

}

.index-why-show h3:after, .index-skill-show h3:after, .index-case-show h3:after, .index-service-show h3:after, .index-process-show h3:after, .index-news-show h3:after {

	bottom: -10px;

}

.index-why-show .ltitle, .index-skill-show .ltitle, .index-case-show .ltitle, .index-service-show .ltitle, .index-news-show .ltitle {

	font-size: 12px;

	margin-top: 20px;

}

}

@media (max-width: 420px) {

}

/*分页*/

.met_pager{ margin-top:20px;text-align:center;display:table;margin:auto;}

.met_pager *{display:inline-block;float:left;line-height:30px;transition:color 0.5s;-moz-transition:color 0.5s;-webkit-transition:color 0.5s;-o-transition:color 0.5s}

.met_pager a{width:auto;padding:9px 15px;color:#5e7387;border:1px solid #eee;border-right:none;border-left:none;text-decoration:none;background:#fff}

.met_pager a:active,

.met_pager a:focus,

.met_pager a:hover{text-decoration:none}

.met_pager a:not(.Ahover){color:#2a333c}

.met_pager a:not(.Ahover):hover{color:$first_color$}

.met_pager a:not(.Ahover).NextA:hover,

.met_pager a:not(.Ahover).PreA:hover{background:#fff}

.met_pager a.Ahover{background:#1baadb;border:1px solid #1baadb;color:#fff;cursor:default}

.met_pager .PreSpan,

.met_pager .NextSpan,

.met_pager a.NextA,

.met_pager a.PreA{width:auto;padding:9px 15px;border:1px solid #eee;background:#fff;color:#999}

.met_pager .PreSpan,

.met_pager .NextSpan{cursor:default}

.met_pager .firstPage,

.met_pager .lastPage{min-width:40px}

.met_pager .PageText{margin-left:10px;color:#aaa;display:none}

.met_pager input{display:none}


.index_fwlybg{background: #f8f8f8;}
.index_fwly{width: 1200px;margin: auto;padding: 80px 0 65px;}
.index_fwly h3 {font-size: 36px;color: #333;text-align: center;position: relative;}
.index_fwly h3:after {content: "";display: block;width: 70px;height: 2px;position: absolute;left: 50%;bottom: -30px;margin-left: -35px;background-color: #959595;}
.index_fwly .ltitle {font-size: 14px;color: #777;text-align: center;margin-top: 50px;line-height: 22px;}
.index_fwly ul{margin-top: 50px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.index_fwly ul li{width: 23.3%;background:#fff;padding-bottom: 16px;}
.index_fwly ul li .img{width: 100%;height: 120px;background: url(../images/fwlybg.jpg)no-repeat center; background-size: cover;display: flex;justify-content: center;align-items: center;}
.index_fwly ul li .img img:nth-child(2){display: none;}
.index_fwly ul li .tit{font-size: 24px;color: #333;text-align: center;line-height: 2;position: relative;margin-top: 28px;}
.index_fwly ul li .tit:after{content: '';display: block;width: 36px;height: 2px;background: #666;position: absolute;bottom: 0;left: 50%;margin-left: -18px;}
.index_fwly ul li .con{justify-content: center;display: flex;flex-wrap: wrap;justify-content: space-around;margin-top: 30px;}
.index_fwly ul li .con a{width: 35%;line-height: 34px;border: 1px solid #c8c8c8;background: #f3f9fc;text-align: center;font-size: 16px;color: #666;border-radius: 4px;margin-bottom: 24px;}
.index_fwly ul li:hover .img{background: #0a88c8}
.index_fwly ul li:hover .con a{background: #0a88c8;color: #fff;}

@media (max-width: 1280px) {
	.index_fwly{width: 94%;}
}

@media (max-width: 1024px) {
	.index_fwly ul li{width: 48%;margin-bottom: 4%;}
}
@media (max-width: 820px) {
	.index_fwly{padding: 40px 0;}
	.index_fwly h3{font-size: 26px;}
	.index_fwly h3:after{bottom: -15px;}
	.index_fwly .ltitle{margin-top: 30px;}
}
@media (max-width: 640px) {
	.index_fwly ul{margin-top: 40px;}
	.index_fwly ul li .img{height: 110px;}
	.index_fwly ul li .img img{height: 55px;}
	.index_fwly ul li .tit{font-size: 22px;margin-top: 20px;}
	.index_fwly ul li .con{margin-top: 20px;}
	.index_fwly ul li .con a{font-size: 14px;margin-bottom: 15px;width: 36%;}
}

@media (max-width: 480px) {
	.index_fwly ul li{width: 100%;margin-bottom: 6%;}
	.index_fwly h3{font-size: 20px;}
	.index_fwly h3:after{bottom: -10px;}
	.index_fwly .ltitle{margin-top: 20px;font-size: 12px;}
}