/*!  Project : 云尚凤网络

    +-----------css--------------+

    |                            |

    |    Author  |  wenfu        |

    |    Addr    |  chengdu      |

    |    Created |  2020.02.26   |

    |                            |

    +--!*_*!--------------!-_-!--+

*/



@charset "UTF-8";



/* public */

blockquote,

body,

button,

dd,

dl,

dt,

fieldset,

form,

h1,

h2,

h3,

h4,

h5,

h6,

hr,

input,

legend,

li,

ol,

p,

pre,

td,

textarea,

th,

ul {

	margin: 0;

	padding: 0

}



pre {

	font-family: 'Source-Han-Norm16896081d11dd5c' !important;

	white-space: pre-wrap;

	word-wrap: break-word;

}



img {

	border: 0;

}



ul,

dl,

li,

dt,

dd {

	list-style: none;

}



body {

	font-size: 14px;

	background: #fff;

	overflow-x: hidden;

	color: #333;

}



a {

	font-size: 14px;

	text-decoration: none;

	color: #333;

	transition: all .45s;

}



.clearfix:after {

	content: "";

	display: block;

	height: 0;

	clear: both;

}



.clearfix {

	*zoom: 1;

}



/*IE/7/6*/

h1,

h2,

h3,

h4,

h5,

h6 {

	font-size: 100%;

	font-weight: normal;

}



input,

textarea,

select {

	outline: none;

	font-family: "微软雅黑";

	line-height: normal;

	border: none;

	background: none;

}



textarea {

	resize: none;

	overflow: hidden;

}



select {

	-webkit-appearance: none;

	appearance: none;

	-ms-appearance: none;

	border-radius: 0;

}



select::-ms-expand {

	display: none;

}



i,

em {

	font-style: normal;

}



table {

	max-width: 100%;

	overflow: hidden;

}



.u_hidden {

	display: none;

}



.fl {

	float: left;

}



.fr {

	float: right;

}



.ellipsis {

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}



.ellipsis2 {

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	text-overflow: ellipsis;

}



.ellipsis3 {

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	overflow: hidden;

	text-overflow: ellipsis;

}



*:before,

*:after {

	z-index: -1;

}



/* html {

	min-width: 1024px;

	max-width: 1920px;

} */



body {

	min-width: 1024px;

	/* height: 3000px; */

	/* background-color: orange; */

	font-family: Arial, "微软雅黑";

}

/*浏览器滚动条*/

::-webkit-scrollbar{width:5px;height:5px;}

::-webkit-scrollbar-button:vertical{display:none}

::-webkit-scrollbar-track:vertical{background-color:black}

::-webkit-scrollbar-track-piece{background:#E3E3E3}

::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px}

::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}

::-webkit-scrollbar-corner:vertical{background-color:#535353}

::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}



.w {

	width: 1200px;

	margin: 0 auto;

}

.mt{

	margin-top: 60px;

}



/* 字体图标 */

@font-face {

  font-family: 'iconfont';  /* project id 1657545 */

  src: url('//at.alicdn.com/t/font_1657545_1uv8sk36ndj.eot');

  src: url('//at.alicdn.com/t/font_1657545_1uv8sk36ndj.eot?#iefix') format('embedded-opentype'),

  url('//at.alicdn.com/t/font_1657545_1uv8sk36ndj.woff2') format('woff2'),

  url('//at.alicdn.com/t/font_1657545_1uv8sk36ndj.woff') format('woff'),

  url('//at.alicdn.com/t/font_1657545_1uv8sk36ndj.ttf') format('truetype'),

  url('//at.alicdn.com/t/font_1657545_1uv8sk36ndj.svg#iconfont') format('svg');

}

.iconfont {

	font-family: "iconfont" !important;

	font-size: 16px;

	font-style: normal;

	-webkit-font-smoothing: antialiased;

	-webkit-text-stroke-width: 0.2px;

	-moz-osx-font-smoothing: grayscale;

}

/* 公共样式区域 */

.f-title {

	text-align: center;

}



.f-title h3 {

	font-size:28px;

	color: #333;

	line-height: 60px;

	/* font-weight: bold; */

}



.f-title p {

	font-size: 16px;

	color: #999;

	line-height: 40px;

}



.f-title hr {

	display: inline-block;

	width: 61px;

	height: 2px;

	background-color: #00aaff;

	position: relative;

	top: -9px;

	border: none;

}









/* nav start */

.fixed-top {

	position: fixed;

	top: 0;

	right: 0;

	left: 0;

	z-index: 1030;

}



.navbar-custom {

	box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1);

	font: 0.75rem/2rem "Montserrat", sans-serif;

	transition: all 0.2s ease;

}



.navbar-custom .navbar-brand.logo-image img {

	display: inline-block;

	width: 70%;

	height: 100%;

	margin-bottom: 1px;

	-webkit-backface-visibility: hidden;

}



.navbar-custom .navbar-brand.logo-text {

	font: 700 2.375rem/1.5rem "Montserrat", sans-serif;

	color: #fff;

	letter-spacing: -0.5px;

	text-decoration: none;

}



.navbar-custom .navbar-nav {

	margin-top: 0.75rem;

}



.navbar-custom .nav-item .nav-link {

	padding: 0 0.75rem 0 0.75rem;

	color: #fff;

	text-decoration: none;

	transition: all 0.2s ease;

}



.navbar-custom .nav-item .nav-link:hover,

.navbar-custom .nav-item .nav-link.active {

	color: #00c9db;

}



.navlist {

	margin-top: 15px;

}



.navlist ul li {

	float: left;

	/* padding: 0 20px; */

	margin: 0 15px;

}



.navlist ul li a {

	display: inline-block;

	font-size: 15px;

	color: #fff;

	/* padding: 0 15px; */

}



.navlist ul li a.nav-on {

	border-bottom: 2px solid #fff;

}



.navlist ul li a:after {

	content: "";

	width: 0;

	height: 2px;

	background: rgb(0, 170, 255);

	position: absolute;

	bottom: 0;

	left: 0;

	transition: all 0.5s ease 0s;

}



.navlist ul li a:hover:after {

	width: 100%;

}



.navlist ul li {

	position: relative;

}



.tel-area {

	width: 166px;

	height: 28px;

	border: 2px solid #fff;

	border-radius: 30px;

}



.tel-area i {

	display: inline-block;

	color: #fff;

	margin-left: 10px;

	font-size: 22px;

	vertical-align: middle;

	animation: move 3s 0s infinite;

	-webkit-animation: move 3s 0s infinite;

	margin-top: -5px;

}



/* 抖动动画 */

@keyframes move {



	0%,

	65% {

		-webkit-transform: rotate(0deg);

		transform: rotate(0deg);

	}



	70% {

		-webkit-transform: rotate(6deg);

		transform: rotate(6deg);

	}



	75% {

		-webkit-transform: rotate(-6deg);

		transform: rotate(-6deg);

	}



	80% {

		-webkit-transform: rotate(6deg);

		transform: rotate(6deg);

	}



	85% {

		-webkit-transform: rotate(-6deg);

		transform: rotate(-6deg);

	}



	90% {

		-webkit-transform: rotate(6deg);

		transform: rotate(6deg);

	}



	95% {

		-webkit-transform: rotate(-6deg);

		transform: rotate(-6deg);

	}



	100% {

		-webkit-transform: rotate(0deg);

		transform: rotate(0deg);

	}

}



@-webkit-keyframes move {



	0%,

	65% {

		-webkit-transform: rotate(0deg);

		transform: rotate(0deg);

	}



	70% {

		-webkit-transform: rotate(6deg);

		transform: rotate(6deg);

	}



	75% {

		-webkit-transform: rotate(-6deg);

		transform: rotate(-6deg);

	}



	80% {

		-webkit-transform: rotate(6deg);

		transform: rotate(6deg);

	}



	85% {

		-webkit-transform: rotate(-6deg);

		transform: rotate(-6deg);

	}



	90% {

		-webkit-transform: rotate(6deg);

		transform: rotate(6deg);

	}



	95% {

		-webkit-transform: rotate(-6deg);

		transform: rotate(-6deg);

	}



	100% {

		-webkit-transform: rotate(0deg);

		transform: rotate(0deg);

	}

}



.tel-area h3 {

	display: inline-block;

	font-size: 16px;

	color: #fff;

	font-weight: bold;

	line-height: 28px;

}



/* Navigation */

.navbar-custom {

	padding: 2.125rem 1.5rem 2.125rem 2rem;

	box-shadow: none;

	background: transparent;

}



.navbar-custom .navbar-brand.logo-text {

	color: #fff;

}



.navbar-custom .navbar-nav {

	margin-top: 0;

}



.navbar-custom .nav-item .nav-link {

	padding: 0.25rem 0.75rem 0.25rem 0.75rem;

	color: #fff;

}



.navbar-custom .nav-item .nav-link:hover,

.navbar-custom .nav-item .nav-link.active {

	color: #00c9db;

}



.navbar-custom.top-nav-collapse {

	padding: 0.5rem 1.5rem 0.5rem 2rem;

	box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1);

	background-color: #fff;

}



.navbar-custom.top-nav-collapse .navbar-brand.logo-text {

	color: #fff;

}



.navbar-custom.top-nav-collapse .nav-item .nav-link {

	color: #fff;

}



.navbar-custom.top-nav-collapse .nav-item .nav-link:hover,

.navbar-custom.top-nav-collapse .nav-item .nav-link.active {

	color: #00c9db;

}



.navbar-custom .dropdown-menu {

	box-shadow: 0 0.25rem 0.375rem 0 rgba(0, 0, 0, 0.03);

}



.navbar-custom .dropdown-item {

	padding-top: 0.25rem;

	padding-bottom: 0.25rem;

}



.navbar-custom .dropdown-items-divide-hr {

	width: 84%;

}



/* end of navigation */

/* Navigation */

.navbar-custom {

	padding: 0.5rem 2rem 0.5rem 3rem;

}



.navbar-custom.top-nav-collapse {

	padding: 0.5rem 2rem 0.5rem 3rem;

}



/* end of navigation */





/* 轮播图*/



img {

	border: 0;

}



a {

	text-decoration: none;

	color: #333;

}



a:hover {

	color: #1974A1;

}



.clearfix:after,

.clearfix:before {

	display: table;

	line-height: 0;

	content: ""

}



.clearfix:after {

	clear: both

}



/* 公共属性 */

.animate-text {

	position: relative;

	opacity: 0;

	top: 100px;

	-webkit-transition: all .5s ease;

	transition: all .5s ease;

}



.animate-img {

	position: relative;

	-webkit-transition: all .1s ease;

	transition: all .1s ease;

}



.animate-btn {

	-webkit-transition: all .5s ease;

	transition: all .5s ease;

}



.animate-position {

	-webkit-transform: translateY(-100px);

	-ms-transform: translateY(-100px);

	transform: translateY(-100px);

	opacity: 1;

}



.swiper-wrapper {

	-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.9, 0.4, 0.3, 1);

	transition: transform 0.8s cubic-bezier(0.9, 0.4, 0.3, 1);

}



.swiper-slide {

	font-size: 0;

}



.slider-two .swiper-slide p {

	font-size: 14px;

}







@media (max-width:1740px) {

	.wqd-section-three .section-three-item {

		padding: 380px 0 0 150px;

	}



	.wqd-section-three .section-three-fix {

		top: 100px;

	}



	.wqd-section-three .section-three-box {

		top: 10px;

	}

}



@media (max-width:1680px) {

	.wqd-section-three .section-three-item {

		padding: 380px 0 0 150px;

	}



	.wqd-section-three .section-three-fix {

		top: 100px;

	}



	.wqd-section-three .section-three-box {

		top: 10px;

	}

}



@media (max-width:1440px) {

	.wqd-section-three .section-three-item {

		padding: 380px 0 0 150px;

	}



	.wqd-section-three .section-three-item p {

		width: 370px;

	}



	.wqd-section-three .section-three-fix {

		top: 100px;

	}



	.wqd-section-three .section-three-box {

		width: 500px;

		height: 366px;

		top: 80px;

	}



	.wqd-section-three .section-three-box .section-img img {

		width: 480px;

		height: 326px;

	}

}



@media (max-width:1366px) {

	.section-three-box {

		top: 50px !important;

	}

}



@media (max-width:1170px) {}



.slipe-box .bannar {

	width: 100%;

	position: relative;

}



.slipe-box .bannar .swiper-slide img {

	width: 100%;

}



.slipe-box .bannar .slipe-left,

.slipe-box .bannar .slipe-right {

	position: absolute;

	bottom: 50px;

	width: 50px;

	height: 50px;

	margin-top: -25px;

	z-index: 8;

	background: #000;

	opacity: .15;

	border-radius: 50%;

	text-align: center;

	display: none;

	cursor: pointer;

}



.slipe-box .bannar .slipe-left:hover,

.slipe-box .bannar .slipe-right:hover {

	display: block;

	opacity: .3;

}



.slipe-box .bannar .slipe-left img,

.slipe-box .bannar .slipe-right img {

	margin-top: 16px;

}



.slipe-box .bannar .slipe-left {

	left: 50px;

}



.slipe-box .bannar .slipe-left img {

	-webkit-transform: rotate(180deg);

	-ms-transform: rotate(180deg);

	transform: rotate(180deg);

}



.slipe-box .bannar .slipe-right {

	right: 50px;

}



.slipe-box .bannar .arowshow {

	display: block;

}



.slipe-box .swiper-pagination {

	text-align: center;

	position: absolute;

	bottom: 64px !important;

	left: 50% !important;

	z-index: 10;

	width: auto !important;

	-webkit-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	transform: translateX(-50%);

}



.slipe-box .swiper-pagination div {

	cursor: pointer;

	width: 50px;

	height: 2px;

	float: left;

	opacity: 1;

	border-radius: 0;

	margin: 0 5px;

	background: rgba(0, 0, 0, 0.15);

	position: relative;

	overflow: hidden;

}



.slipe-box .swiper-pagination div p {

	position: absolute;

	top: 0;

	left: -50px;

	width: 50px;

	height: 2px;

	background: #fff;

	float: left;

}



.slipe-box .swiper-pagination div .login {

	-webkit-transform: translateX(50px);

	-ms-transform: translateX(50px);

	transform: translateX(50px);

	-webkit-transition: -webkit-transform 5s linear;

	transition: transform 5s linear;

	-webkit-animation-fill-mode: forwards;

	animation-fill-mode: forwards;

}



.slipe-box .slider-auther {

	font-size: 12px;

	font-style: oblique;

	font-weight: normal;

}



/* index-business */

.index-business {

	background-color: #f3f9f4;

	padding-top: 60px;

	padding-bottom: 150px;

}



.index-business-list {

	margin-top: 50px;

}



.index-business-list ul li {

	/* background-color: #fff; */

	float: left;

	width: 21%;

	height: 450px;

	margin-right: 64px;

	text-align: center;

	/* overflow: hidden; */

	position: relative;

	cursor: pointer;

	transition: all .3s;

}



.index-business-list ul li:last-child {

	margin-right: 0;

}



.index-business-list ul li:after {

	content: '';

	display: block;

	width: 100%;

	height: 3px;

	background-color: #0af;

	opacity: .5;

}



.index-business-list ul li a {

	display: block;

	width: 100%;

	height: 100%;

	background-color: #fff;

	cursor: pointer;

	overflow: hidden;

	position: relative;

}



.index-business-list ul li a img {

	margin-top: 67px;

}



.index-business-list ul li a h2 {

	font-size: 18px;

	font-weight: bold;

	color: #333;

	margin-top: 60px;

}



.index-business-list ul li a dl {

	margin-top: 35px;

}



.index-business-list ul li a dl dd {

	font-size: 14px;

	color: #727171;

	line-height: 20px;

}



.index-b-z {

	width: 100%;

	height: 100%;

	background: #0af;

	position: absolute;

	left: 0px;

	top: 0px;

	z-index: 19;

	display: none;

}



.pic2 {

	text-align: center;

	position: absolute;

	top: 22px;

	left: -110px;

	z-index: 99;

}



.pic1 {

	text-align: center;

	position: absolute;

	top: 22px;

	right: 70px;

	z-index: 99;

}



.index-business-list ul li a img {

	z-index: 99;

}



.index-business-list .txt1 {

	position: absolute;

	top: 176px;

	left: 80px;

	z-index: 99;

}



.index-business-list .txt2 {

	position: absolute;

	top: 176px;

	right: -240px;

	z-index: 99;

	color: #fff !important;

}



.index-business-list .txt2 h2 {

	color: #fff;

}



.index-business-list .txt2 dl dd {

	color: #fff;

}



/* 首页案例 */

.index-case {

	margin-top: 70px;

	/* background: url(../images/case-bg.png) no-repeat center bottom; */

}



.index-case-list ul li {

	float: left;

	margin-right: 60px;

	margin-bottom: 50px;

	/* height: 260px; */

	width: 360px;

	position: relative;

	overflow: hidden;

}



.index-case-list {

	margin-top: 60px;

}



.text {

	opacity: 0;

	background-color: rgba(0, 0, 0, 0.5);

	position: absolute;

	top: 0;

	left: 0;

	padding: 32px;

	/* height: 185px; */

	width: 320px;

	-webkit-transition: opacity 0.5s ease-out;

	transition: opacity 0.5s ease-out;

}



.dowicon{

	display: block;

	margin: 0 auto;

	text-align: center;

	font-size: 30px;

	margin-top: 10px;

}



.text .box {

	box-sizing: border-box;

	color: #ffffff;

	position: relative;

	height: 185px;

	width: 300px;

	padding: 30px 35px 40px;

}



.index-case-list ul li:hover .text {

	opacity: 1;

}

.index-case-list ul li:hover img{

	transform: scale(1.2);

}

.index-case-list ul li{

	overflow: hidden;

}

.index-case-list ul li img{

	transition: all .3s;


}

.box img{

	width: 100%;

	text-align: center;

	margin-top: 15px;

	transition: all .3s;

}

.box h4{

	font-size: 16px;

	margin-top: 10px;

	text-align: center;

}

/* 公司信息展示 */





.advantage {

	width: 100%;

	margin-top: 40px;

	background: url(../images/bg10.jpg) no-repeat 50%/cover;

	height: 532px;

	

	

}



.advantage .advantage_content {

	max-width: 1200px;

	margin: 0 auto;

}



.advantage .advantage_content .advantage_content_list {

	padding-top: 80px;

	padding-left: 20px;

	height: 400px;

	width: 19%;

	margin-left: 4.6%;

}



.advantage .advantage_content .advantage_content_list:nth-child(1) {

	background: url(../images/bn3.png) no-repeat 0% 0%;

	margin-left: 0px;

}



.advantage .advantage_content .advantage_content_list:nth-child(2) {

	background: url(../images/bn4.png) no-repeat 0% 0%;

}



.advantage .advantage_content .advantage_content_list:nth-child(3) {

	background: url(../images/bn5.png) no-repeat 0% 0%;

}



.advantage .advantage_content .advantage_content_list:nth-child(4) {

	background: url(../images/bn6.png) no-repeat 0% 0%;

}



.advantage .advantage_content .advantage_content_list .content_list_title {

	font-size: 70px;

	color: #fff;

	font-family: "Impact";

	position: relative;

	padding-bottom: 15px;

	margin-bottom: 25px;

}



.advantage .advantage_content .advantage_content_list .content_list_title:before {

	content: "";

	position: absolute;

	display: inline-block;

	width: 40px;

	height: 1px;

	background: #ff7019;

	left: 0;

	bottom: 0px;

}



.advantage .advantage_content .advantage_content_list .content_list_body p {

	font-size: 16px;

	color: #fff;

	margin-bottom: 5px;

}



.advantage .advantage_content .advantage_content_list .content_list_body p:last-child {

	margin-bottom: 0px;

}

/* 建站流程 */

.index-web-time{

	margin-top: 70px;

}

.top-icon{

	margin-top: 40px;

}

.top-icon ul li{

	float: left;

	margin: 0px 215px 0px 0px;

	text-align: center;

}

.top-icon ul li:first-child{

	margin-left: 40px;

}

.top-icon ul li:last-child{

	margin-right: 0;

}

.top-icon ul li i{

	font-size: 40px;

	color: #444;

	cursor: pointer;

	transition: all .3s;

}

.top-icon ul li p{

	font-size: 14px;

	margin-top: 20px;

}

.change-content ul li .ltc{

	width: 40%;

}

.inner-content-t{

	width: 94%;

	height: 300px;

	/* background-color: orange; */

	/* margin-left:120px; */

	margin-top:60px;

	box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08);

	padding: 30px;

	padding-bottom: 60px;

}

.ltc h4{

	font-size: 22px;

	font-weight: bold;

	margin-bottom: 20px;

	color: #0af;

	margin-top: 40px;

}

.ltc p{

	font-size: 14px;

	line-height: 24px;

	text-align: justify;

}

.lti img{

	width: 80%;

	margin-left: 40px;

}

.change-content ul li{

	display: none;

}

.communication{

	display: block;

	width: 140px;

	height: 35px;

	border: 2px solid #0af;

	border-radius: 30px;

	margin-top: 25px;

	text-align: center;

	line-height: 35px;

	font-size: 14px;

}

.sim-button{

	line-height: 35px;

	height: 35px;

	text-align: center;

	margin-top: 30px;

	width: 120px;

	cursor: pointer;

}

.button8{

	color: #0af;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

	border: 1.5px solid #0af;

	position: relative;	

	border-radius: 30px;

}

.button8 a{

	color: #0af;

	text-decoration: none;

	display: block;

}

.button8 a{

	z-index: 2;	

	display: block;

	position: absolute;

	width: 100%;

	height: 100%;	

}

.button8::before{

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 0%;

	height: 100%;

	z-index: 1;

	opacity: 0;

	background-color: #0af;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-o-transition: all 0.3s;

	transition: all 0.3s;

	border-radius: 30px;



}

.button8:hover::before{

	opacity: 1;

	width: 100%;

}

.button8:hover a{

	color: #fff;

}

/* 公司合作伙伴展示 */

.index-brand-logo{

	/* padding-bottom: 60px; */

	width: 100%;

	margin-top: 80px;

	background-color: #0af;

	padding-top: 60px;

}

.index-logo-area{

	margin-top: 60px;

}

.index-logo-area ul li{

	float: left;

	margin: 0 98px 60px 0;

}

.index-logo-area ul li img{

	transition: all .3s;

	cursor: pointer;

}

.index-logo-area ul li img:hover {

	transform: scale(1.2);

}



/* 公司新闻 */

.index-news-area{

	padding-bottom: 60px;

}

.company-news{

	float: left;

	width: 30%;

	height: 403px;

	border-top: 1px solid #E4E4E4;

	border-left: 1px solid #E4E4E4;

	border-right: 1px solid #E4E4E4;

	border-bottom: 4px solid #0af;

}

.index-news{

	margin-top: 30px;

}

.web-word{

	float: right;

	width: 68%;

	height: 430px;

	/* border: 1px solid #E4E4E4; */

	box-sizing: border-box;

}

/* 轮播图 */

/* 

 * 	Core Owl Carousel CSS File

 *	v1.3.3

 */



/* clearfix */

.owl-carousel .owl-wrapper:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

/* display none until init */

.owl-carousel{

	display: none;

	position: relative;

	width: 100%;

	-ms-touch-action: pan-y;

}

.owl-carousel .owl-wrapper{

	display: none;

	position: relative;

	-webkit-transform: translate3d(0px, 0px, 0px);

}

.owl-carousel .owl-wrapper-outer{

	overflow: hidden;

	position: relative;

	width: 100%;

}

.owl-carousel .owl-wrapper-outer.autoHeight{

	-webkit-transition: height 500ms ease-in-out;

	-moz-transition: height 500ms ease-in-out;

	-ms-transition: height 500ms ease-in-out;

	-o-transition: height 500ms ease-in-out;

	transition: height 500ms ease-in-out;

}

	

.owl-carousel .owl-item{

	float: left;

}

.owl-controls .owl-page,

.owl-controls .owl-buttons div{

	cursor: pointer;

}

.owl-controls {

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

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

}



/* mouse grab icon */

.grabbing { 

    cursor:url(grabbing.png) 8 8, move;

}



/* fix */

.owl-carousel  .owl-wrapper,

.owl-carousel  .owl-item{

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility:    hidden;

	-ms-backface-visibility:     hidden;

  -webkit-transform: translate3d(0,0,0);

  -moz-transform: translate3d(0,0,0);

  -ms-transform: translate3d(0,0,0);

}





/*

* 	Owl Carousel Owl Demo Theme 

*	v1.3.3

*/



.owl-theme .owl-controls{

	margin-top: -15px;

	text-align: center;

}



/* Styling Next and Prev buttons */



.owl-theme .owl-controls .owl-buttons div{

	color: #FFF;

	display: inline-block;

	zoom: 1;

	*display: inline;/*IE7 life-saver */

	margin: 5px;

	padding: 3px 10px;

	font-size: 12px;

	-webkit-border-radius: 30px;

	-moz-border-radius: 30px;

	border-radius: 30px;

	background: #869791;

	filter: Alpha(Opacity=50);/*IE7 fix*/

	opacity: 0.5;

}

/* Clickable class fix problem with hover on touch devices */

/* Use it for non-touch hover action */

.owl-theme .owl-controls.clickable .owl-buttons div:hover{

	filter: Alpha(Opacity=100);/*IE7 fix*/

	opacity: 1;

	text-decoration: none;

}



/* Styling Pagination*/



.owl-theme .owl-controls .owl-page{

	display: inline-block;

	zoom: 1;

	*display: inline;/*IE7 life-saver */

}

.owl-theme .owl-controls .owl-page span{

	display: block;

	width: 12px;

	height: 12px;

	margin: 5px 7px;

	filter: Alpha(Opacity=50);/*IE7 fix*/

	opacity: 0.5;

	-webkit-border-radius: 20px;

	-moz-border-radius: 20px;

	border-radius: 20px;

	background: #0af;

	overflow: hidden;

}



.owl-theme .owl-controls .owl-page.active span,

.owl-theme .owl-controls.clickable .owl-page:hover span{

	filter: Alpha(Opacity=100);/*IE7 fix*/

	opacity: 1;

}



/* If PaginationNumbers is true */



.owl-theme .owl-controls .owl-page span.owl-numbers{

	height: auto;

	color: #FFF;

	padding: 2px 10px;

	font-size: 12px;

	-webkit-border-radius: 30px;

	-moz-border-radius: 30px;

	border-radius: 30px;

}



/* preloading images */

.owl-item.loading{

	min-height: 150px;

	background: url(AjaxLoader.gif) no-repeat center center

}



/* 新闻内容区域 */

.inner-news{

	padding: 26px;

}

.c-img img{

	width: 100%;

	height: 176px;

}

.c-desc h3{

	margin-top: 30px;

	font-size: 18px;

	/* font-weight: bold; */

	color: #333;

	margin-bottom: 25px;

	max-height: 24px;

}

.c-desc p{

	max-height:70px;

	font-size: 14px;

	color: #999;

	text-align: justify;

	line-height: 24px;

}

.company-news .owl-theme .owl-controls{

	text-align: left;

	padding-left: 26px;

}

.company-news .owl-theme .owl-controls .owl-page span{

	width: 10px;

	height: 10px;

}





/* 右侧新闻 */

.web-word ul li {

	width: 43%;

	float: left;

	padding: 15px 20px;

	border: 1px solid #e4e4e4;

	position: relative;

	transition: all .3s;

	cursor: pointer;

}



.web-word ul li:hover{

	border: 1px solid #0af;

	z-index: 9;

}

.web-word ul li:nth-child(2n+2){

	margin-left: 3%;

}

.web-word ul li:nth-child(1n+3){

	/* margin-top:3%; */

	margin-top: -1px;

}

.web-word ul li a .c-time{

	width:17%;

	height: 60px;

	color: #555;

	text-align: center;

	margin-top: 20px;

}

.web-word ul li a .c-time h3{

	font-size:47px;

}

.web-word ul li a .c-time{

	position: relative;

	top: -10px;

}

.web-word ul li a .c-time p{

	font-size: 12px;

	margin-top: 5px;

}

.web-word ul li a .c-desc {

	width:82%;

	position: relative;

	top: -8px;

	left: 8px;

}

.web-word ul li a .c-desc h3{

	margin-top: 22px;

	margin-bottom: 0;

}

.web-word ul li a .c-desc p{

	font-size: 14px;

	margin-top: 10px;

	max-height: 48px;

}

/* 了解更多 */

.news-more{

	display: block;

	margin: 0 auto;

	width: 140px;

	height: 40px;

	border: 2px solid #0af;

	text-align: center;

	line-height: 40px;

	color:#0af ;

	

}

.news-more:hover{

	background-color:#0af;

	color: #fff;

}





/* footer */

.cloud-banner {

    position: relative;

    min-width: 1200px;

    background: #0af url(../images/cloud-back.jpg) no-repeat center bottom;

    height:207px;

    overflow: hidden;

    color: #fff;

    text-align: center;

}



.cloud-bubble-one {

    position: absolute;

    top: -120px;

    left: 50%;

    z-index: 10;

    margin-left: -120px;

    width: 240px;

    height: 240px;

    background: url(../images/cloud-back-bule1.png);

    animation: bubble-animate-1 linear 10s infinite;

}



.cloud-bubble-two {

    position: absolute;

    top: 50px;

    left: 34%;

    z-index: 11;

    width: 360px;

    height: 360px;

    background: url(../images/cloud-back-bule2.png);

    animation: bubble-animate-2 linear 12s infinite;

}



.cloud-bubble-three {

    position: absolute;

    top: 50px;

    left: 48%;

    z-index: 12;

    width: 300px;

    height: 300px;

    background: url(../images/cloud-back-bule3.png);

    animation: bubble-animate-3 linear 11s infinite;

}



@keyframes bubble-animate-1 {

    from {

        top: -120px

    }



    50% {

        top: -180px

    }



    to {

        top: -120px

    }

}



@keyframes bubble-animate-2 {

    from {

        top: 50px;

        left: 34%

    }



    50% {

        top: 80px;

        left: 24%

    }



    to {

        top: 50px;

        left: 34%

    }

}



@keyframes bubble-animate-3 {

    from {

        top: 50px;

        left: 48%

    }



    50% {

        top: 80px;

        left: 58%

    }



    to {

        top: 50px;

        left: 48%

    }

}

.f-w{

	position: absolute;

	top: 60px;

	left: 50%;

	transform: translate(-50%,-50%);

	z-index: 999;

}

.footer{

	position: relative;

}

.footer-offer h4{

	font-size: 28px;

	color: #fff;

	margin-top:80px;

}

.footer-offer p{

	font-size: 16px;

	color: #fff;

	margin-top: 20px;

	margin-bottom: 20px;

}

.footer-offer input{

	width: 25%;

	height: 40px;

	background-color: #fff;

	margin-right: 20px;

	padding-left: 20px;

	color: #444;

}

.footer-offer button{

	width: 13%;

	height: 40px;

	background-color: ;

	border: none;

	outline: none;

	cursor: pointer;

	background-color: #357FF9;

	color: #fff;

}

.index-news{

	margin-bottom:21px;

}

.f-info{

	width: 100%;

	background-color: #212330;

	padding-top: 63px;

}

.llf {

	margin-top: 5px;

}

.llf i.kf{

	color: #fff;

	font-size: 40px;

	font-weight: lighter;

	float: left;

	margin-top: 5px;

}

.l-info-f{

	margin-left: 55px;

}

.l-info-f h4{

	font-size: 16px;

	color: #fff;

	

}

.l-info-f p{

	font-size: 16px;

	font-weight: bold;

	color: #fff;

	margin-top: 16px;

}

.rrf{

	/* width: 400px; */

	margin-left: 30px;

}

.rrf table tr td {

	font-size: 15px;

	width: 200px;

	height: 50px;

	color: #fff;

	float: left;

	/* margin-left: 30px; */

}

.rrf table tr td i{

	font-size: 30px;

	font-weight: 200;

	vertical-align: middle;

}

.onlinet{

	display: block;

	width: 100px;

	height: 32px;

	border: 1px solid #9B9EA0;

	border-radius: 5px;

	font-size: 14px;

	color: #fff;

	text-align: center;

	line-height: 32px;

	margin-top: 20px;

}

.onlinet:hover{

	color: #fff;

}

.bfooter{

	overflow: hidden;

	padding-bottom: 35px;

	border-bottom: 1px solid #4E5059;

}

.l-addr{

	text-align: right;

	color: #fff;

}

.l-qrcode{

	margin-left: 20px;

}

.l-addr h5{

	font-size: 20px;

	color: #fff;

	font-weight: bold;

	margin-bottom: 5px;

}

.f-tel{

	font-size: 15px;

	line-height: 50px;

}

.f-add{

	font-size: 15px;

	line-height:26px;

	line-height: 30px;

}

.l-qrcode img{

	width: 100px;

	height: 100px;

}

/* 友情链接 */

.links{

	padding: 30px 0;

}

.links a,.links span{

	color: #9B9EA0;

	font-size: 14px;

	margin-right: 5px;

}

.b-foot{

	text-align: center;

}

.b-footer-last{

	width: 100%;

	background-color: #141A24;

	padding: 2% 0 1.5%;

}

.b-footer-last p{

	color: #4a5361;

	line-height: 40px;

	margin-top: 10px;

}

.network-icon img{

	margin: 0 6px;

}

/* 弹出框 */

.in-pop{

	position: fixed;

	left: 50%;

	top: 50%;

	z-index: 999;

	transform: translate(-50%,-50%);

	display: none;

}

.in-pop a{

	display: inline-block;

	height: 30px;

	background-color: #fff;

	position: absolute;

	left: 45px;

	top: 149px;

	border-radius: 30px;

	text-align: center;

	line-height: 30px;

}

.in-pop a.nowc{

	width: 127px;

}

.in-pop a.dnow{

	width: 206px;

	left: 182px;

}

.dnow:hover{

	background-color: #00AAFF;

	color: #fff;

}

.nowc:hover{

	color: #333;

}



/* 高端网站定制 common */

.topbanner{

	width: 100%;

	height: 550px;

	background: url(../images/banner-2-bg.png) no-repeat center center;

	background-size: cover;

}



.b-left-txt{

	margin-top: 30px;

	color: #fff;

}

.b-left-txt h3{

	font-size: 40px;

}

.b-left-txt p{

	font-size: 20px;

	margin-top: 24px;

}

.b-right-img img{

	width:740px;

	display: inline-block;

	/* margin-left: 500px; */

	animation: heart 1s ease-in-out 2.7s infinite alternate;

}



.inner-top-content{

	margin-top:180px;

}

.topbanner{

	overflow: hidden;

}

.service-item{

	margin-top: 70px;

}



/* 通用二级标题 */

.s-title{

	text-align: center;

}

.s-title h3{

	font-size:25px;

	color: #333;

	line-height: 42px;

	/* font-weight: bold; */

	color: rgba(18, 20, 28, 0.9);

}

.s-title h5{

	font-size: 16px;

	color: #999999;

	line-height: 42px;

	margin-bottom: 50px;

}

.left-list-web ul li {

	float: left;

	width: 340px;

	height: 120px;

	padding: 5px;

	border: 1px solid #ccc;

	margin-right: 66px;

	margin-bottom: 50px;

	cursor: pointer;

	transition: all .3s;

}

.left-list-web ul li:hover{

	border: 1px solid #0af;

}

.left-list-web ul li:hover i{

	color:#0af;

}

.left-list-web ul li i{

	font-size: 45px;

	vertical-align: middle;

	margin-top: 40px;

	color: #999999;

	margin-left: 10px;

	transition: all .3s;

}

.l-inner-content h3{

	font-size: 19px;

	color: #444;

	margin-top: 35px;

	/* font-weight: bold; */

	margin-bottom: 10px;

}

.l-inner-content{

	margin-left: 10px;

}



/* 为什么选择？ */

.why-select-ysf{

	background-color: #F9F7F7;

	padding: 70px 0px 70px 0px;

}

.why-l-c{

	width: 49%;

	text-align: right;

}

.why-l-c ul li,.why-r-c ul li{

	/* width: 100%; */

	padding: 15px 59px 15px 0px;

	background-color: #fff;

	border-radius: 50px;

	margin-bottom: 14px;

}

.why-r-c ul li{

	position: relative;

	background-color: #00A2F0;

	color: #fff;

	padding: 15px 0px 15px 62px;

}

.why-l-c ul li p,.why-r-c ul li p{

	font-size: 14px;

	color: #333;

}

.why-r-c ul li p{

	color: #fff;

}

.why-r-c{

	width: 50%;

}

.why-l-c h3,.why-r-c h3{

	font-size: 20px;

	font-weight: bold;

	margin-bottom: 30px;

	

}

.why-l-c h3{

	margin-right: 56px;

}

.why-r-c h3{

	color: #00A2F0;

	margin-bottom: 30px;

	margin-left: 60px;

}

.ad-color{

	position: absolute;

	left: -40px;

	top: 0;

	width: 83px;

	height: 50px;

	border-radius: 60px;

	text-align: center;

	line-height:50px;

	font-size: 20px;

	font-weight: bold;

	color: #fff;

	background-image: linear-gradient(to right, #00A2F0 , #77D2FF);

}



/* 精品案例 */

.jpcase{

	margin-top: 70px;

	margin-bottom: 40px;

}



/* 小程序 */

.mini-bg{

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

}

.mini-bg .b-right-img img{

	width: 500px;

	margin-top: -80px;

}

.mini-list{

	padding-top: 50px;

	

}

.mini-list ul li{

	width: 48%;

	float: left;

	padding: 30px 0;

	background-color: #fff;

	box-shadow: 0px 0px 13px #d0cdcda3;

	margin-right: 22px;

	margin-bottom: 22px;

	cursor: pointer;

}

.mini-list ul li img{

	vertical-align: middle;

	margin-left: 30px;

	transition: all .3s;

}

.mini-list ul li img:hover{

	transform: scale(1.2);

}

.m-i-c h3{

	margin-top: 8px;

	font-size: 18px;

	color: #333;

	font-weight: bold;

}

.m-i-c p{

	width: 400px;

	line-height: 20px;

	color: #666;

}

.m-i-c {

	margin-left: 20px;

}

.min-c{

	background-color: #F5FAFF;

	margin-top: 0px !important;

	padding-top: 70px !important;

	padding-bottom: 50px;

}

.min-y{

	margin-top: 70px;

}

.ys-icon ul li{

	float: left;

	text-align: center;

	margin-right: 100px;

	cursor: pointer;

}

.ys-icon ul li img{

	transition: all .3s;

}

.ys-icon{

	padding-bottom: 80px;

}

.ys-icon ul li:hover img{

	transform: scale(1.2);

}

.ys-icon ul li h4{

	font-size: 18px;

	line-height: 26px;

	margin-top: 10px;

}

.ys-icon ul li p{

	font-size: 13px;

	line-height: 24px;

	color: #666;

}

.ys-icon ul li:last-child{

	margin-right: 0;

}

.mini-cj{

	background-color: #F5FAFF;

	padding: 50px 0;

	padding-bottom: 70px;

}

.mini-cj-list ul li{

	float: left;

		text-align: center;

		margin-right: 65px;

		margin-bottom: 30px;

		cursor: pointer;

		overflow: hidden;		

}

.mini-cj-list ul li img{

	width: 250px;

	transition: all .3s;

}

.mini-cj-list ul li img:hover{

	transform: scale(1.2);

}

.mini-cj-list ul li:nth-child(4){

	margin-right: 0;

}

.mini-cj-list ul li:nth-child(8){

	margin-right: 0;

}

.mini-cj-list ul li h4{

	line-height: 40px;

	font-size: 14px;

	color: #333;

	margin-top: 5px;

}

.right-now {

	display: block;

	width: 246px;

	height: 50px;

	background-color: #3CA7FB;

	color: #fff;

	font-size: 16px;

	line-height: 50px;

	text-align: center;

	margin: 0 auto;

	border-radius: 30px;

}

.right-now:hover{

	color: #fff;

	background-color:#3095e4;

}

.mini-show-case{

	height: 857px;

	background: url(../images/mini-case-bg.png) no-repeat center center;

	background-size: cover;

}

.show-title{

	padding-top: 60px;

}









.template {

}



.title {

	font-size: 28px;

	text-align: center;

	color: #333;

}



.subtitle {

	font-size: 16px;

	margin-top: 20px;

	text-align: center;

	color: #777;

}



.category {

	text-align: center;

}



.category ul {

	overflow: hidden;

	margin-top: 40px;

	background-color: #fff;

	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);

	border-radius: 3px;

	display: inline-block;

}



.category ul li {

	float: left;

	display: inline-block;

	font-size: 16px;

	height: 35px;

	line-height: 35px;

	width: 140px;

	text-align: center;

	position: relative;

	cursor: pointer;

}



.category ul li:after {

	content: '';

	height: 50%;

	border-left: 1px solid #eee;

	position: absolute;

	right: 0;

	top: 25%;

}



.category ul li:last-child:after {

	border-left: none;

}



.category ul li:hover {

	color: #fe782f;

}



.category ul li.active {

	background: #fe782f;

	color: #fff;

}



.category ul li.active:after {

	border-left: none;

}



.content {

	width: 100%;

	height: auto;

	margin-top: 60px;

	display: block;

}



.content.active {

	display: block;

}



.content ul {

	width: 1160px;

	margin: 0 auto;

}



.content ul li {

	float: left;

	position: relative;

	width: 200px;

	margin-right: 28px;

	transition: transform .3s ease, box-shadow .3s ease

}



.content ul li:last-child {

	margin-right: 0;

}



.content ul li .img {

	width: 100%;

}



.content ul li .bg {

	transition: opacity .3s;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, 0);

	text-align: center;

}



.content ul li .bg img {

	display: inline-block;

	width: 70%;

	margin-top: 75px;

	border-radius: 3px;

	opacity: 0;

	transition: opacity .5s;

}



.content ul li:hover {

	transform: translate3d(0, -10px, 0)

}



.content ul li:hover .bg {

	background: rgba(0, 0, 0, .5);

}



.content ul li:hover .bg img {

	opacity: 1;

}



.content .more {

	text-align: center;

	width: 100%;

	clear: both;

	padding-top: 60px;

}



.content .more a {

	display: inline-block;

	border: 1px solid #f73;

	color: #f73;

	transition: background-color .3s, color .3s;

	padding: 12px 50px;

	border-radius: 50px;

	font-size: 18px;

}



.content .more a:hover {

	background: #f73;

	color: #fff;

}



.content.wsc ul {

	width: 1200px;

}



.content.wsc ul li {

	background: url(../images/phone.png) center center no-repeat;

	width: 217px;

	height: 450px;

}



.content.wsc ul li .img {

	margin-top: 44px;

	margin-left: 9px;

}



.content.wsc ul li .bg {

	width: 200px;

	height: 356px;

	left: 9px;

	top: 44px;

}



.content.wsc ul li .bg img {

	border-radius: 3px;

	border: 10px solid #fff

}



.content.dnsc ul {

	width: 1200px

}



.content.dnsc ul li {

	background: url(../images/pc.png) center center no-repeat;

	width: 340px;

	height: 220px;

	overflow: hidden;

	margin-right: 90px;

}



.content.dnsc ul li:nth-child(1),

.content.dnsc ul li:nth-child(2),

.content.dnsc ul li:nth-child(3) {

	margin-bottom: 40px;

}



.content.dnsc ul li:nth-child(3n) {

	margin-right: 0;

}



.content.dnsc ul li .img {

	margin-top: 13px;

}



.content.dnsc ul li .img img {

	max-width: 100%;

}



.content.dnsc ul li .bg {

	width: 100%;

	height: 100%;

	top: 13px;

}



.content.dnsc ul li .bg img {

	width: 145px;

	margin-top: 90px;

}

.template ul li{

	cursor: pointer;

}

.seo-bg{

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

}

@keyframes heart{

from{transform:translate(0,0)}

to{transform:translate(0,10px)}

}

.seo-bg .b-right-img img{

	width: 450px;

	margin-top: -80px;

	animation: heart 1s ease-in-out 2.7s infinite alternate;

}

.top-txt ul li{

	width: 33%;

	float: left;

	text-align: center;

	/* margin-right:372px; */

}

.top-txt ul li:last-child{

	margin-right: 0;

}

.top-txt ul li h3{

	font-size: 16px;

	color: #00A2F0;

	

}

.top-txt ul li p{

	font-size: 14px;

	color: #999;

}

.m-img-p{

	margin-top: 20px;

}

.seo-b-p{

	margin-top: 30px;

}

.seo-b-p ul li{

	float: left;

	width: 33%;

	text-align: center;

}

.seo-b-p ul li p{

	font-size: 13px;

	color: #999;

	line-height: 20px;

}

.seo-ys{

	background-color: #f5f5f5;

	padding: 70px 0;

}



/* 中间信息区域 */

.md-info{

	height: 200px;

	background: url(../images/seo-m-bg.png) no-repeat center center;

	background-size: cover;

	overflow: hidden;

}

.md-info {

	text-align: center;

	color: #fff;

}

.md-info h3{

	font-size: 24px;

	margin-top: 40px;

	/* font-weight: bold; */

}

.md-info p{

	font-size: 16px;

	color: #fff;

	margin-top: 10px;

}

@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/

            0%{

                transform: scale(1);  /*开始为原始大小*/

            }

            25%{

                transform: scale(1.1); /*放大1.1倍*/

            }

            50%{

                transform: scale(1);

            }

            75%{

                transform: scale(1.1);

            }

        }

.md-info a{

	cursor: pointer;

	font-size: 16px;

	display: block;

	width: 220px;

	height: 50px;

	background-color: #fff;

	border-radius: 30px;

	margin: 0 auto;

	line-height: 50px;

	color: #4C98F8;

	margin-top: 20px;

	-webkit-animation-name: scaleDraw; /*关键帧名称*/

	            -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/

	            -webkit-animation-iteration-count: infinite;  /*动画播放的次数*/

	            -webkit-animation-duration: 5s; /*动画所花费的时间*/

}



/* 优化内容 */

.seo-y-content{

	background-color: #F5FAFF;

	padding: 70px 0;

}

.seo-y-list ul li{

	cursor: pointer;

}

.i-co{

	width: 106px;

	height: 106px;

	background-color: #fff;

	border-radius: 50%;

	box-shadow: 2px 2px 10px #dcdcdc;

}

.i-co{

	text-align: center;

	line-height: 106px;

	transition: all .3s;

}

.i-co i{

	font-size: 40px;

	color: #444444;

}

.seo-y-list ul li{

	float: left;

	text-align: center;

}

.seo-y-list ul li ul{

	text-align: center;

}

.seo-y-list ul{

	display: flex;

	justify-content: space-between;

}

.seo-y-list ul li h5{

	font-size: 15px;

	color: #00A2F0;

	font-weight: bold;

	margin-top: 20px;

	margin-bottom: 20px;

}

.seo-y-list ul li p{

	font-size: 14px;

	color: #999999;

	line-height: 22px;

}

.seo-y-list ul li:hover .i-co{

	background-color: #3CA7FB;

}

.seo-y-list ul li:hover .i-co i{

	color: #fff;

}

.brand-logo-s{

	margin-top: 70px;

	margin-bottom: 70px;

}

.show-logo ul li{

	float: left;

	margin-right: 35px;

	margin-bottom: 40px;

}

.show-logo ul li:nth-child(5){

	margin-right: 0;

}

.show-logo ul li:nth-child(10){

	margin-right: 0;

}



/* 网页模板 */

.t-bg{

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

}

.ysf-tem{

	margin-top: 60px;

	margin-bottom: 60px;

}

.t-l-b{

	width: 333px;

	height: 201px;

	/* background-color: orange; */

	border-radius: 20px;

	background-color: #c467ff;

	    background: linear-gradient(145deg,#fe80fb,#c467ff);

		margin-top: 30px;

	

}

.tm-show ul li{

	text-align: center;

	float: left;

	color: #fff;

	cursor: pointer;

	transition: all .3s;

}

.tm-show ul li:hover{

	transform: scale(1.1);

}

.t-m-b{

	width: 444px;

	height: 264px;

	background: #27c9f8;

	background: linear-gradient(145deg,#06e5f8,#3eb5f8);

	border-radius: 20px;

	margin: 0 40px;

}

.t-r-b{

	width: 333px;

	height: 201px;

	/* background-color: orange; */

	border-radius: 20px;

	background-color: #f65589;

	    background: linear-gradient(145deg,#f26768,#f65589);

		margin-top: 30px;

	

}

.tm-show ul li img{

	margin-top: 50px;

}

.t-m-b h3{

	font-size: 28px;

}

.t-m-b p{

	font-size: 16px;

	line-height: 28px;

}

.t-r-b h3,.t-l-b h3{

	font-size: 18px;

}

.t-r-b p,.t-l-b p{

	font-size: 14px;

	line-height: 24px;

	padding: 0 15px;

}

/* 模板展示 */

.t-show{

	padding: 70px 0;

	background-color: #F7F7F7;

}

.show-template ul li{

	width: 33%;

	float: left;

	margin-right: 6px;

	margin-bottom: 30px;

	text-align: center;

}

.show-template ul li img{

	width:90%;

	

}

.show-template ul li:nth-child(3){

	margin-right: 0;

}

.show-template ul li:last-child{

	margin-right: 0;

}

/* 案例展示 start */

.case-bg{

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

}

.case-show-list-s{

	margin-top: 90px;

}

.loadmore{

	display: block;

	width: 180px;

	height: 46px;

	background: url(../images/loadmore.png) no-repeat center center;

	margin: 0 auto;

	margin-top: 20px;

	margin-bottom: 40px;

}

/* 案例展示详情页面 start */



.company-info h2{

	font-size: 24px;

	color: #fff;

	display: inline-block;

}

.company-info{

	margin-top: 100px;

}

.company-info i{

	display: inline-block;

	font-size: 28px;

	color: #fff;

	padding-left: 10px;

	

}

.company-info hr{

	display: block;

	width: 50px;

	height: 2px;

	border: none;

	background-color: #fff;

	margin-top: 15px;

}

.next-case{

	margin-top:50px;

}

.next-case a{

	display: inline-block;

	width: 140px;

	height: 40px;

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

	border-radius: 50px;

	text-align: center;

	line-height: 40px;

	font-size: 14px;

	color: #fff;

	margin-right: 10px;

}

.next-case i{

	font-size: 24px;

	vertical-align: middle;

}

/* 案例 */

.case-detail-content{

	background-color: #f5f5f5;

	padding: 70px 0;

}

.case-detail-title h3{

	font-size: 24px;

}

.case-detail-img{

	background-color: #fff;

	margin-top: 30px;

	padding: 20px;

	/* padding-bottom: 100px; */

}

.case-detail-title p{

	font-size: 15px;

	color: #ccc;

	line-height: 24px;

}

.top-view-list span{

	display: inline-block;

	width: 10px;

	height: 10px;

	background-color: red;

	border-radius: 50%;

	margin-right: 8px;

}

.top-view-list span.one-circle{

	background-color: #00aaff;

}

.top-view-list span.two-circle{

	background-color: #357ffa;

}

.top-view-list span.three-circle{

	background-color: #25cbf2;

}

.r-show-case{

	margin-top: 20px;

}

.r-show-case img{

	width: 100%;

	display: block;

}

.r-show-case{

	margin-top: 30px;

}

/* 新闻资讯 */

.news-bg{

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

}

.news-title-top{

	/* height: 63px; */

	background-color: #EAEAEA;

}

.inner-news-title a{

	/* float: left; */

}

.link{

	cursor: pointer;

	position: relative;

	    z-index: 2;

	    vertical-align: top;

	    display: inline-block;

	    vertical-align: middle;

	    width: 49.5%;

	    padding-top: 15px;

	    padding-bottom: 15px;

	    text-align: center;

	    -webkit-transition: all 400ms ease 0s;

	    transition: all 400ms ease 0s;

	    line-height: 1.4;

}

.link-cn{

	font-size: 16px;

	color: #333;

}

.link-en{

	font-size: 14px;

	color: #ccc;

}

.inner-news-title a.on{

	background-color: #fff;

}

.news-list{

	margin-top: 63px;

}

/* 新闻列表 */

.news-top ul li{

	float: left;

	position: relative;

	overflow: hidden;

	/* padding-bottom: 20px; */



}

.news-top ul li img{

	transition: all .5s;

}

.news-top ul li:first-child{

	width: 777px;

	height: 450px;

	background-color: orange;

}

.news-top ul li:last-child{

	width:352px;

	height: 450px;

	float: right;

	border-bottom: 1px solid #ccc;

}

.news-top ul li:first-child a{

	width: 100%;

	height: 100%;

}

.news-top ul li:first-child a img{

	width: 790px;

	height:450px;

}

.news-top ul li:last-child a .news-top-img{

	overflow: hidden;

}

.news-top ul li:last-child a .news-top-img img{

	width: 100%;

	height: 238px;

}

.news-top ul li:last-child a .news-top-title h3{

	font-size: 15px;

	margin-top: 20px;

	margin-bottom: 20px;

}

.news-top ul li:first-child a .news-top-infos{

	display: none;

}

.news-list-s{

	/* margin-top: 70px; */

	margin-bottom: 70px;

}

.news-top ul li:first-child .news-top-title{

	position: absolute;

	width: 100%;

	left: 0;

	bottom: 0;

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

	padding: 20px;

}

.news-top ul li:first-child .news-top-title h3{

	color: #fff;

	font-size: 16px;

	font-weight: bold;

}

.news-top ul li .news-top-infos .news-top-info p{

	font-size: 13px;

	line-height: 24px;

	color: #999;

	max-height: 48px;

}

.news-top ul li a .news-top-time{

	margin-top: 30px;

}

.news-top ul li a .news-top-time p{

	font-size: 13px;

	color: #999;

	display: inline-block;

	text-align: left;

	float: left;

}

.news-top ul li a .news-top-time i{

	font-size: 20px;

	vertical-align: middle;

	text-align: right;

	float: right;

}

.news-top ul li:hover img{

	transform: scale(1.2);

}

.news-top ul li:hover h3{

	color: #333;

}

.news-bottom ul{

	margin-right: -70px;

}

.news-bottom ul li{

	width: 352px;

	height: 420px;

	float: left;

	border-bottom: 1px solid #ccc;

	margin-top:70px;

	margin-right: 70px;

}

.news-bottom ul li a .news-top-img{

	overflow: hidden;

}

.news-bottom ul li a .news-top-img img{

	width: 100%;

	height: 212px;

	transition: all .3s;

}

.news-bottom ul li a .news-top-title h3{

	font-size: 15px;

	margin-top: 20px;

	margin-bottom: 20px;

}

.news-bottom ul li a .news-top-time p{

	font-size: 13px;

	color: #999;

	display: inline-block;

	text-align: left;

	float: left;

}

.news-bottom ul li a .news-top-time{

	margin-top: 30px;

}

.news-bottom ul li a .news-top-time p{

	font-size: 13px;

	color: #999;

	display: inline-block;

	text-align: left;

	float: left;

}

.news-bottom ul li a .news-top-time i{

	font-size: 18px;

	vertical-align: middle;

	text-align: right;

	float: right;

}

.news-bottom ul li .news-top-infos .news-top-info p{

	font-size: 13px;

	line-height: 24px;

	color: #999;

	max-height: 48px;

}



.news-bottom ul li:hover img{

	transform: scale(1.2);

}

.news-bottom ul li:hover h3{

	color: #333;

}

/* 翻页 */

.next-page{

	text-align: center;

	margin-top: 70px;

}

.next-page a{

	display: inline-block;

	width: 36px;

	height: 36px;

	/* background-color: #00AAFF; */

	text-align: center;

	border-radius: 5px;

	line-height: 36px;

	color:#b7b5b5;

	margin: 0 8px;

}

.next-page a.active-on{

	background-color: #33bbff;

	color: #fff !important;

}

.prev-icon i,.next-icon i{

	font-size: 14px;

}

.next-page a:hover{

	background-color:  #33bbff;

	color: #fff;

}

/* 新闻详情页 */

.news-content{

	margin-bottom: 60px;

}

.n-content{

	padding: 20px 0;

	margin-top: 70px;

}

.news-left-c{

	width: 804px;

	padding-right: 79px;

	border-right: 1px solid #e6e5e5;

	padding-bottom: 72px;

}

.news-right-c{

	width: 237px;

	padding-left: 55px;

}

.news-d-title h2{

	font-size: 24px;

	/* font-weight: bold; */

	line-height: 50px;

	color: #333;

}

.news-d-title p{

	font-size: 14px;

	color: #999;

	line-height: 26px;

}

.news-d-title{

	padding-bottom: 20px;

	border-bottom: #e6e5e5 solid 1px;

}

.n-contents img{

	/* width: 100% !important; */

	height: auto !important;

	/* padding-top:60px; */

	max-width: 800px;

}

.n-contents{

	color: #333;

	font-size: 14px;

}

.n-contents p{

	/* margin-top: 19px; */

	font-size: 15px;

	line-height: 26px;

	text-align: justify;

}

.nex-p {

	margin-top: 60px;

	font-size: 14px;

}



.nex-p span {

	font-weight: bold;

}



.l-next {

	float: left;

}



.r-next a {

	display: block;

	width: 120px;

	height: 37px;

	background-color: #00aaffcc;

	line-height: 37px;

	font-size: 14px;

	color: #fff;

	border-radius: 30px;

	text-align: center;

	text-align: center;

	vertical-align: middle;

	margin-top: 20px;

}



.nex-p .l-next a {

	vertical-align: middle;

	display: inline-block;

	width: 75%;

	font-size: 14px;

	color: #666;





}



.r-next {

	float: right;

}



.nex-p div {

	margin: 10px 0;

}

.m-img-n img{

	width: 100%;

	height:142px;

	transition: all .3s;

}

.m-img-n {

	margin-bottom: 25px;

	overflow: hidden;

}

.m-info-n h3{

	font-size: 13px;

	color: #333;

	font-weight: bold;

	line-height: 26px;

}

.m-info-n p{

	margin-top: 10px;

	color: #bfbfbf;

	font-size: 13px;

}

.news-right-c ul li{

	padding-bottom: 30px;

	border-bottom: 1px solid #dcdcdc;

}

.news-right-c ul li:hover img{

	transform: scale(1.2);

}



/* 关于我们 */

.about-bg{

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

}

.code-bg{

	width: 422px;

	height: 520px;

	background-color: #00AAFF;

	z-index: 9;

}

.f1-left img{

	position: absolute;

	top:-52px;

	left: 45px;

}

.f1-left{

	position: relative;

}

.f1-c{

	margin-top: 200px;

}

.about-content{

	/* margin-bottom:320px; */

}

.f1-right{

	width: 642px;

}

.ysf-fz{

	margin-top: 60px;

}

.ysf-fz ul li{

	float: left;

	text-align: center;

}

.ysf-fz ul li h3{

	font-size: 50px;

	font-weight: normal;

}

.ysf-fz ul li p{

	font-size: 15px;

	color: #999;

	margin-top: 15px;

}

.fz-m{

	margin: 0 114px;

}

.ysf-info p{

	font-size: 14px;

	color: #666;

	line-height: 26px;

	margin-top: 54px;

	text-align: justify;

}

.BMap_bubble_title .title{

	font-size: 14px !important;

	text-align: left;

}

.BMap_bubble_content .content{

	font-size: 14px !important;

	margin-top: 0;

}

.company-office-show ul li img{

	width: 350px;

}

.company-office-show ul li{

	float: left;

}

.bzs ul li{

	float: left;

	width: 365px;

}

.bzs ul li p{

	text-align: justify;

	color: #333;

	margin-top: 20px;

	line-height: 26px;

}

.bzs {

	margin-bottom: 70px;

}

.left-c-info{

	float: left;

	margin-right: 214px;

}

.m-c-info{

	float: left;

	margin-right: 229px;

}

.r-c-qrcode{

	float: left;

	text-align: center;

}

.left-c-info h4{

	font-size: 38px;

	color: #333;

}

.lxfss{

	font-size: 25px;

	margin-top: 10px;

	margin-bottom: 10px;

}

.office-time{

	font-size: 13px;

	color: #333;

	margin-top: 5px;

	line-height: 26px;

}

.left-c-info a{

	font-size: 15px;

	color: #fff;

	display: block;

	width:191px;

	height:45px;

	background-color: #00aaff;

	border-radius: 30px;

	text-align: center;

	line-height: 45px;

	margin: 30px 0;

}

.m-1{

	font-size: 20px;

	color: #333;

}

.m-2{

	font-size: 28px;

	font-weight: bold;

	line-height: 50px;

	color: #00aaff;

}

.m-3{

	font-size: 14px;

	color: #444;

	margin-bottom: 10px;

}

.m-info-f{

	margin-top: 30px;

}

.m-4{

	font-size: 14px;

	color: #333;

	line-height: 26px;

}

.r-c-qrcode img{

	width: 160px;

	height: 160px;

}

.r-c-qrcode p{

	font-size: 13px;

}

.company-b-info{

	margin: 90px 0;

}

.ysflocation{

	padding: 10px;

	color: #00AAFF;

	animation: move 3s 0s infinite;

	    -webkit-animation: move 3s 0s infinite;

		display: inline-block;

}

/* 返回顶部 */

.fix-right{

	position: fixed;

	top: 400px;

	bottom: 0;

	right: 10px;

	z-index: 9999;

	display: none;

}

.fix-right ul li{

	width: 40px;

	height:40px;

	background-color: #00AAFF;

	text-align: center;

	color: #fff;

	margin-bottom: 2px;

	cursor: pointer;

}

.fix-right ul li p{

	font-size: 12px;

}

.fix-right ul li .tops{

	margin-top: 4px;

	display: inline-block;

}

.fix-right ul li .bi{

	font-size: 25px;

	text-align: center;

	line-height: 40px;

}

.fix-right ul li a i{

	color: #fff;

}

.hoveqr{

	position: relative;

}

.s-qrcode{

	position: absolute;

	    width: 121px;

	    height: 124px;

	    background-color: #00AAFF;

	    top: -84px;

	    left: -120px;

	

		display: none;

}

.chat{

	animation: move 3s 0s infinite;

	    -webkit-animation: move 3s 0s infinite;

		display: inline-block;

}

.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}

.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}

.side ul li:hover{background:#00A2F0;color:#fff}

.side ul li:hover a{color:#fff}

.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}

.side ul li i.bgs1{background-image:url(../images/right_pic5.png)}

.side ul li i.bgs2{background-image:url(../images/right_pic7.png)}

.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}

.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}

.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}

.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}

.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}

.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}

.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}

.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}

.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)}

.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}

.side ul li.sidetop{background:#00aaff;color:#fff;display: none;}

.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}

.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:-79px;background-image:url(../images/leftewm.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}

.side ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-158px;background:#2daafc}

.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}

.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}

.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#1d92fb}

.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}

.side ul li:hover .son{display:block!important;animation:fadein 1s}



@keyframes fadein{from{opacity:0}

to{opacity:1}

}

.index-case-list ul{

	margin-right: -62px;

}

.next-page a{

	/* color: #fff !important; */

}