a,a:link,a:visited {
	text-decoration:none;
	color:#999
}
a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
	margin:0;
	padding:0;
	border:0;
	font:inherit;
	font-size:100%;
	vertical-align:baseline
}
a img,label {
	border:none
}
button,caption,img,input,select,td,textarea,th {
	vertical-align:middle
}
label {
	text-decoration:none
}
body,button,input,select,textarea {
	font:12px/1.5 Verdana,Arial,Helvetica,sans-serif;
	color:#444;
	font-family:"PingFang SC",arial,"Microsoft YaHei",sans-serif
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	-ms-box-sizing:border-box;
	box-sizing:border-box
}
address,i {
	font-style:normal
}
a,button,div,fieldset,form,input,legend,select,table,textarea {
	outline:0
}
ol,ul {
	list-style:none
}
::-moz-focus-inner {
	border:0
}
.clear {
	clear:both;
	font-size:0;
	height:0;
	line-height:0
}
a:hover {
	text-decoration:none
}
legend {
	text-indent:-9999px;
	height:0
}
fieldset,img {
	border:0
}
button,input,select,textarea {
	font-size:100%
}
a,div,input,input[type=text],input[type=password],li,ul {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-appearance:none
}
.clearfix:after {
	clear:both;
	content:"";
	display:block;
	font-size:0;
	height:0;
	overflow:hidden;
	visibility:hidden
}
.clearfix {
	zoom:1
}
html,p {
	text-align:justify;
	text-justify:inter-ideograph
}
table {
	border-collapse:collapse;
	border-spacing:0
}
caption,td,th {
	text-align:left;
	font-weight:400
}
blockquote,q {
	quotes:none
}
blockquote:after,blockquote:before,q:after,q:before {
	content:"";
	content:none
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
	display:block
}
body,html {
	height:100%;
	min-height:100%
}
body {
	min-width:1200px;
	background-color:#f2f2f4
}
.pt5 {
	padding-top:5px
}
.pt10 {
	padding-top:10px
}
.pt15 {
	padding-top:15px
}
.pt20 {
	padding-top:20px
}
.pt30 {
	padding-top:30px
}
.pt40 {
	padding-top:40px
}
.pt50 {
	padding-top:50px
}
.pt60 {
	padding-top:60px
}
.pl5 {
	padding-left:5px
}
.pl10 {
	padding-left:10px
}
.pl15 {
	padding-left:15px
}
.pl20 {
	padding-left:20px
}
.pl30 {
	padding-left:30px
}
.pr5 {
	padding-right:5px
}
.pr10 {
	padding-right:10px
}
.pr15 {
	padding-right:15px
}
.pr20 {
	padding-right:20px
}
.pr30 {
	padding-right:30px
}
.pb5 {
	padding-bottom:5px
}
.pb10 {
	padding-bottom:10px
}
.pb15 {
	padding-bottom:15px
}
.pb20 {
	padding-bottom:20px
}
.pb30 {
	padding-bottom:30px
}
.pb40 {
	padding-bottom:40px
}
.pb50 {
	padding-bottom:50px
}
.pb60 {
	padding-bottom:60px
}
.mt5 {
	margin-top:5px
}
.mt10 {
	margin-top:10px
}
.mt15 {
	margin-top:15px
}
.mt20 {
	margin-top:20px
}
.mt30 {
	margin-top:30px
}
.ml5 {
	margin-left:5px
}
.ml10 {
	margin-left:10px
}
.ml15 {
	margin-left:15px
}
.ml20 {
	margin-left:20px
}
.ml30 {
	margin-left:30px
}
.mr5 {
	margin-right:5px
}
.mr10 {
	margin-right:10px
}
.mr15 {
	margin-right:15px
}
.mr20 {
	margin-right:20px
}
.mr30 {
	margin-right:30px
}
.mb5 {
	margin-bottom:5px
}
.mb10 {
	margin-bottom:10px
}
.mb15 {
	margin-bottom:15px
}
.mb20 {
	margin-bottom:20px
}
.mb30 {
	margin-bottom:30px
}
.f12 {
	font-size:12px
}
.f14 {
	font-size:14px
}
.f16 {
	font-size:16px
}
.f18 {
	font-size:18px
}
.f20 {
	font-size:20px
}
.f22 {
	font-size:22px
}
.f24 {
	font-size:24px
}
.f26 {
	font-size:26px
}
.f28 {
	font-size:28px
}
.f30 {
	font-size:30px
}
.f32 {
	font-size:32px
}
.f34 {
	font-size:34px
}
.lh24 {
	line-height:24px
}
.lh26 {
	line-height:26px
}
.lh28 {
	line-height:28px
}
.lh30 {
	line-height:30px
}
.lh32 {
	line-height:32px
}
.lh34 {
	line-height:34px
}
.lh36 {
	line-height:36px
}
.lh38 {
	line-height:38px
}
.lh40 {
	line-height:40px
}
.lh42 {
	line-height:42px
}
.lh44 {
	line-height:44px
}
.lh46 {
	line-height:46px
}
.lh48 {
	line-height:48px
}
.lh50 {
	line-height:50px
}
.pull-left {
	float:left
}
.pull-right {
	float:right
}
.content {
	width:1200px;
	margin:0 auto;
	height:auto
}
.layout {
	width:100%;
	height:auto;
	padding:76px 0
}
.no-margin {
	margin:0!important
}
.no-padding {
	padding:0!important
}
.no-margin-top {
	margin-top:0!important
}
.no-margin-left {
	margin-left:0!important
}
.no-margin-right {
	margin-right:0!important
}
.no-margin-bottom {
	margin-bottom:0!important
}
.no-padding-top {
	padding-top:0!important
}
.no-padding-bottom {
	padding-bottom:0!important
}
.no-padding-left {
	padding-left:0!important
}
.no-padding-right {
	padding-right:0!important
}
.color {
	color:#329dcb!important
}
.blue-btn {
	background-color:#329dcb!important;
	color:#fff!important;
	border-color:#329dcb!important
}
.blue-btn:hover {
	background-color:#2f91fd!important
}
.blue-btn:active {
	background-color:#0060c8!important
}
.blue-border-btn {
	border:1px solid #329dcb!important;
	background:0 0!important;
	color:#329dcb!important
}
.blue-border-btn:hover {
	background-color:#329dcb!important;
	color:#fff!important
}

.green-btn {
	background-color:#0e2c83!important;
	color:#fff!important;
	border-color:#0e2c83!important
}
.green-btn:hover {
	background-color:#dc331c!important
}
.green-btn:active {
	background-color:#c02d18!important
}
.green-border-btn {
	border:1px solid #0e2c83!important;
	color:#0e2c83!important;
	background:0 0!important
}
.green-border-btn:hover {
	background-color:#dc331c!important;
	color:#fff!important
}
.bg-fafafc {
	background-color:#fafafc
}
.bg-white {
	background-color:#FFF
}
.bg-grey {
	background-color:#f2f2f4
}
.bg-black {
	background-color:#fff
}
.bg-black .layout-subtitle,.bg-black .layout-title {
	color:#333
}
.article-item-lists .article-detail-line,.hezi-article-block .article-lists .article-content .article-introduce,.information-tab .information-right .article-list .article-content p,.two-lines-text {
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical
}
.align-center {
	text-align:center!important
}
.align-left {
	text-align:left!important
}
.align-right {
	text-align:right!important
}
.button,.page-top .header .header-nav {
	text-align:center
}
.button {
	display:inline-block;
	height:34px;
	min-width:100px;
	font-size:14px;
	line-height:34px
}
.blue {
	color:#329dcb
}
@-webkit-keyframes opacity {
	0% {
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	opacity:0
}
100% {
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	opacity:1
}
}@keyframes opacity {
	0% {
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	opacity:0
}
100% {
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	opacity:1
}
}@-webkit-keyframes left-to-right {
	0%{width:0
}
100% {
	width:100%
}
}@keyframes left-to-right {
	0%{width:0
}
100% {
	width:100%
}
}.page-top {
	width:100%;
	height:auto;
	z-index:500
}
.page-top .top-bar {
	width:100%;
	height:40px;
	background-color:#fbfbfb;
	color:#666;
	font-size:12px;
	position:relative;
	z-index:1100
}
.page-top .top-bar .content {
	height:40px
}
.page-top .header {
	width:100%;
	height:70px;
	position:relative;
	z-index:1000;
    box-shadow:0 1px 2px rgba(155, 155, 155, 0.2);
    -webkit-box-shadow:0 1px 2px rgba(155, 155, 155, 0.2);
    -moz-box-shadow:0 1px 2px rgba(155, 155, 155, 0.2);
    -o-box-shadow:0 1px 2px rgba(155, 155, 155, 0.2);
    -ms-box-shadow:0 1px 2px rgba(155, 155, 155, 0.2);
}
.page-top .header .header-inner {
	width:100%;
	height:70px;
	position:relative;
	z-index:1
}
.page-top .header .header-inner .header-content {
	position:relative;
	z-index:5;
	width:100%;
	height:70px;
	background-color:#fff;
    border-bottom: 1px solid #ccc;
}
.page-top .header .logo {
	width:200px;
}
.page-top .header .logo img {
	width:100%;
	height:auto;
    margin-top:5px;
}
.page-top .header .header-nav ul {
	display:inline-block;
	vertical-align:middle;
	height:70px
}
.page-top .header .header-nav ul li {
	float:left;
	height:70px
}
.page-top .header .header-nav ul li.cur a,.page-top .header .header-nav ul li:hover a {

}
.page-top .header .header-nav a {
	display:block;
	height:70px;
	line-height:70px;
	font-size:14px;
	color:#333;
	padding:0 23px
}
.page-top .header .header-nav .curline {
	background:#329dcb;
	height:3px;
	position:absolute;
	bottom:0;
	width:68px;
	left:0
}
.page-top .header .slide-menu {
	width:100%;
	height:auto;
	background-color:#fff;
	position:absolute;
	z-index:2;
	top:70px;
	left:0;
	padding:10px 0 25px;
	display:none;
	overflow-y:auto;
    box-shadow: 5px 4px 5px #ececec;
}
.page-top .header .slide-menu .menu-left {
	background-color:#fafafa;
	width:208px
}
.page-top .header .slide-menu .menu-left .menu-item {
	margin-bottom:0;
	text-align:left
}
.page-top .header .slide-menu .menu-left .menu-item .menu-title {
	font-size:20px;
	line-height:50px;
	color:#333;
	padding:0 20px;
	border-bottom:1px solid #e5e5e5
}
.page-top .header .slide-menu .menu-left .menu-item .menu-list {
	display:block;
	padding:0 20px;
	font-size:14px;
	color:#666;
	height:38px;
	line-height:38px;
	margin-top:10px
}
.page-top .header .slide-menu .menu-left .menu-item .menu-list.cur {
	background-color:#329dcb;
	color:#fff
}
.page-top .header .slide-menu .menu-right {
	padding-left:100px;
	padding-top:76px;
	width:992px
}
.page-top .header .slide-menu .menu-right .menu-abstract {
	display:none
}
.page-top .header .slide-menu .menu-right .menu-abstract.act {
	display:block
}
.page-top .header .slide-menu .menu-right .menu-abstract .abstract-left {
	width:420px;
	height:auto
}
.page-top .header .slide-menu .menu-right .menu-abstract .abstract-left .abstract-label {
	font-size:24px;
	color:#333;
	position:relative;
	padding-bottom:12px;
	margin-bottom:10px;
	text-align:left
}
.page-top .header .slide-menu .menu-right .menu-abstract .abstract-left .abstract-label:after {
	content:'';
	position:absolute;
	width:20px;
	height:2px;
	background-color:#329dcb;
	left:0;
	bottom:0
}
.page-top .header .slide-menu .menu-right .menu-abstract .abstract-left p {
	font-size:16px;
	color:#666;
	line-height:34px
}
.page-top .header .slide-menu .menu-right .menu-abstract .abstract-right {
	width:400px;
	margin-left:72px
}
.page-top .header .slide-menu .menu-right .menu-abstract .abstract-right img {
	width:100%;
	height:auto
}
.page-top .header .slide-menu .menu-right .menu-abstract .abstract-buttons {
	margin-top:30px;
	text-align:left
}
.page-top .header .slide-menu .menu-right .menu-abstract .abstract-buttons .abstract-btn {
	padding:0;
	display:inline-block;
	width:100px;
	height:34px;
	border:1px solid #ccc;
	font-size:14px;
	color:#666;
	text-align:center;
	line-height:34px;
	margin-right:10px
}
.page-top .header .slide-menu .menu-right .menu-abstract .abstract-buttons .abstract-btn:hover {
	color:#329dcb;
	border-color:#329dcb
}
.page-top .header.fixed {
	position:fixed;
	top:0;
	left:0
}
.page-top.index-page-top {
	position:absolute;
	top:0;
	left:0
}
/*.page-top.index-page-top .top-bar {
	background-color: #28292c;
}
.page-top.index-page-top .header .header-inner .header-content {
	background-color: #004a56;
}*/
.index-banner {
	background-color:#fff;
	overflow:hidden
}
.index-banner .banner-inner {
	width:1200px;
	margin:0 auto;
	position:relative;
	height:580px;
}
.index-banner .banner-inner .banner-images {
	position:absolute;
	right:0;
	top:50%
}
.index-banner .banner-inner .banner-images .images-pag {
	position:relative;
	width:100%;
	height:100%;
	margin-top: 25px;
}
.index-banner .banner-inner .banner-images .images-pag .img-1,.index-banner .banner-inner .banner-images .images-pag .img-10,.index-banner .banner-inner .banner-images .images-pag .img-2,.index-banner .banner-inner .banner-images .images-pag .img-3,.index-banner .banner-inner .banner-images .images-pag .img-4,.index-banner .banner-inner .banner-images .images-pag .img-5,.index-banner .banner-inner .banner-images .images-pag .img-6,.index-banner .banner-inner .banner-images .images-pag .img-7,.index-banner .banner-inner .banner-images .images-pag .img-8,.index-banner .banner-inner .banner-images .images-pag .img-9 {
	position:absolute;
	overflow:hidden
}
.index-banner .banner-inner .banner-images .img-1 {
	z-index:10
}
.index-banner .banner-inner .banner-images .img-2 {
	z-index:20
}
.index-banner .banner-inner .banner-images .img-3 {
	z-index:30
}
.index-banner .banner-inner .banner-images .img-4 {
	z-index:40
}
.index-banner .banner-inner .banner-images .img-5 {
	z-index:50
}
.index-banner .banner-inner .banner-images .img-6 {
	z-index:60
}
.index-banner .banner-inner .banner-images .img-7 {
	z-index:70
}
.index-banner .banner-inner .banner-images .img-8 {
	z-index:80
}
.index-banner .banner-inner .banner-images .img-9 {
	z-index:90
}
.index-banner .banner-inner .banner-images .img-10 {
	z-index:100
}
.index-banner .banner-inner .banner-images.banner-1 {
	width:385px;
	height:362px;
	margin-top:-181px
}
.index-banner .banner-inner .banner-images.banner-1 .img-1 {
	top:0;
	left:50%;
	margin-left:-146px;
	-webkit-animation:opacity .5s linear;
	animation:opacity .5s linear;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.index-banner .banner-inner .banner-images.banner-1 .img-2 {
	top:38px;
	left:50%;
	margin-left:-146px;
	-webkit-animation:opacity .5s linear .5s;
	animation:opacity .5s linear .5s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.index-banner .banner-inner .banner-images.banner-1 .img-3 {
	bottom:44px;
	left:50%;
	margin-left:-193px;
	-webkit-animation:opacity .5s linear 1.5s;
	animation:opacity .5s linear 1.5s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.index-banner .banner-inner .banner-images.banner-1 .img-4 {
	bottom:34px;
	left:50%;
	margin-left:-193px;
	-webkit-animation:opacity .5s linear 2s;
	animation:opacity .5s linear 2s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.index-banner .banner-inner .banner-images.banner-1 .img-5 {
	z-index:5;
	bottom:0;
	left:50%;
	margin-left:-147px;
	-webkit-animation:opacity .5s linear 2.5s;
	animation:opacity .5s linear 2.5s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.index-banner .banner-inner .banner-images.banner-1 .img-6 {
	top:39px;
	left:50%;
	margin-left:-175px;
	-webkit-animation:opacity .5s linear 3s;
	animation:opacity .5s linear 3s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.index-banner .banner-inner .banner-images.banner-1 .img-7 {
	top:114px;
	left:42px;
	-webkit-animation:opacity .5s linear 3.5s;
	animation:opacity .5s linear 3.5s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.index-banner .banner-inner .banner-images.banner-1 .img-8 {
	top:114px;
	left:42px;
	width:0;
	-webkit-animation:left-to-right 1.5s linear 4s;
	animation:left-to-right 1.5s linear 4s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.index-banner .banner-inner .banner-images.banner-1 .img-9 {
	top:94px;
	right:38px;
	-webkit-animation:opacity .5s linear 4.5s;
	animation:opacity .5s linear 4.5s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.index-banner .banner-inner .banner-images.banner-1 .img-10 {
	top:101px;
	right:38px;
	width:0;
	-webkit-animation:left-to-right 1.5s linear 5s;
	animation:left-to-right 1.5s linear 5s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.index-banner .banner-inner .banner-images.banner-1 .img-10 img {
	float:right
}
.index-banner .banner-inner .banner-words {
	position:absolute;
	left:0;
	top:50%;
	-webkit-transform:translate(0,-50%);
	transform:translate(0,-50%);
	height:auto;
	color:#fff
}
.index-banner .banner-inner .banner-words .banner-title {
	font-size:36px
}
.index-banner .banner-inner .banner-words .banner-subtitle {
	font-size:18px;
	margin-top:20px;
	line-height:40px
}
.index-banner.swiper-container .swiper-wrapper .swiper-slide:first-of-type {
	background:#003;
	background:linear-gradient(to bottom,#0b5966 0,#3956c4 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000033',endColorstr='#000c18',GradientType=0)
}
.index-banner.swiper-container .swiper-pagination {
	bottom:80px;
	height:5px;
	line-height:5px
}
.index-banner.swiper-container .swiper-pagination .swiper-pagination-bullet {
	width:15px;
	height:5px;
	vertical-align:top;
	border-radius:0;
	-webkit-opacity:.5;
	-moz-opacity:.5;
	-ms-opacity:.5;
	opacity:.5;
	background-color:#FFF
}
.index-banner.swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	opacity:1
}
.index-banner.swiper-container .swiper-button-next,.index-banner.swiper-container .swiper-button-prev {
	width:22px;
	height:40px;
	margin-top:-20px
}
.index-banner.swiper-container .swiper-button-next {
	background-image:url(../images/next.png);
	right:30px
}
.index-banner.swiper-container .swiper-button-prev {
	background-image:url(../images/prev.png);
	left:30px
}
.advantage-bar {
	width:100%;
	height:80px;
	position:relative;
	z-index:5
}
.advantage-bar .content {
	position:absolute;
	top:-65px;
	left:50%;
	margin-left:-600px
}
.advantage-bar .advantage-item {
	background-color:#f2f2f4;
	width:241px;
	height:130px;
	margin-left:-1px
}
.advantage-bar .advantage-item .advantage-head {
	width: 100%;
    height: 60px;
    background-color: #32a1d1;
    color: #fff;
    text-align: center;
    line-height: 60px;
    font-size: 16px;
    border: 1px solid #2a91be;
}
.advantage-bar .advantage-item .advantage-head span {
	display:inline-block;
	vertical-align:middle
}
.advantage-bar .advantage-item .advantage-head .advantage-icon {
	width:26px;
	height:26px;
	background:url(../images/advantage-icon.png) no-repeat
}
.layout-title:after,.product-server .server-icon:after {
	background-color:#329dcb;
	bottom:0;
	content:''
}
.advantage-bar .advantage-item .advantage-head .advantage-icon.one {
	background-position:3px 0
}
.advantage-bar .advantage-item .advantage-head .advantage-icon.two {
	background-position:-224px 0
}
.advantage-bar .advantage-item .advantage-head .advantage-icon.three {
	background-position:-476px 1px
}
.advantage-bar .advantage-item .advantage-head .advantage-icon.four {
	background-position:-724px 1px
}
.advantage-bar .advantage-item .advantage-head .advantage-icon.five {
	background-position:-963px 1px
}
.advantage-bar .advantage-item .advantage-foot {
	height:70px;
	padding-top:12px;
	font-size:12px;
	color:#666;
	line-height:24px;
	border:1px solid #e5e5e5;
	border-top:none
}
.advantage-bar .advantage-item .advantage-foot p {
	text-align:center
}
.layout-title {
	text-align:center;
	font-size:24px;
	color:#333;
	line-height:24px;
	padding-bottom:24px;
	position:relative
}
.layout-title:after {
	position:absolute;
	left:50%;
	width:46px;
	height:1px;
	margin-left:-23px
}
.layout-subtitle {
	margin-top:18px;
	text-align:center;
	font-size:16px;
	color:#666;
	line-height:30px
}
.product-server {
	margin-top:50px;
	width:1200px;
	height:386px;
	-ms-box-shadow:0 0 10px rgba(0,0,0,.1);
	box-shadow:0 0 10px rgba(0,0,0,.1)
}
.product-server .item {
	height:386px;
	width:300px;
	overflow:hidden;
	position:relative
}
.product-server .item.show .item-inner .server-item .shade-layout {
	display:none
}
.product-server .item-inner {
	width:300px
}
.product-server .item-inner.item-half {
	height:193px
}
.product-server .item-inner.full-item {
	height:386px
}
.product-server .item-inner.animation-top .slide-shadow.top {
	top:0
}
.product-server .item-inner.animation-top .slide-shadow.top~.server-item img {
	-webkit-transform:scale(1.25,1.25);
	transform:scale(1.25,1.25)
}
.product-server .item-inner.animation-bottom .slide-shadow.bottom {
	bottom:0
}
.product-server .item-inner.animation-bottom .slide-shadow.bottom~.server-item img {
	-webkit-transform:scale(1.25,1.25);
	transform:scale(1.25,1.25)
}
.product-server .server-item {
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden
}
.product-server .server-item img {
	transition:all .4s ease;
	width:100%;
	height:auto;
	position:absolute;
	z-index:1;
	top:0;
	left:0
}
.product-server .shade-layout {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	overflow:hidden
}
.product-server .init-content {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	z-index:1;
	text-align:center;
	-webkit-transform:translate(0,-50%);
	transform:translate(0,-50%)
}
.product-server .server-title {
	font-size:16px;
	color:#fff;
	margin-top:14px
}
.product-server .server-icon {
	width:48px;
	height:68px;
	margin:0 auto;
	padding-bottom:20px;
	position:relative
}
.product-server .server-icon:after {
	position:absolute;
	left:50%;
	width:20px;
	height:2px;
	margin-left:-10px
}
.product-server .server-icon.server-icon-1 {
	background:url(../images/server-icon-01.png) center top no-repeat;
	-ms-background-size:46px 46px;
	background-size:46px 46px
}
.product-server .server-icon.server-icon-2 {
	background:url(../images/server-icon-02.png) center top no-repeat;
	-ms-background-size:48px 47px;
	background-size:48px 47px
}
.product-server .server-icon.server-icon-3 {
	background:url(../images/server-icon-03.png) center top no-repeat;
	-ms-background-size:48px 42px;
	background-size:48px 42px
}
.product-server .server-icon.server-icon-4 {
	background:url(../images/server-icon-04.png) center top no-repeat;
	-ms-background-size:48px 48px;
	background-size:48px 48px
}
.product-server .server-icon.server-icon-5 {
	background:url(../images/server-icon-05.png) center top no-repeat;
	-ms-background-size:46px 48px;
	background-size:46px 48px
}
.product-server .server-icon.server-icon-6 {
	background:url(../images/server-icon-06.png) center top no-repeat;
	-ms-background-size:48px 48px;
	background-size:48px 48px
}
.product-server .server-button {
	display:block;
	width:140px;
	height:34px;
	line-height:34px;
	text-align:center;
	font-size:14px;
	color:#fff;
	border:1px solid #fff;
	margin:20px auto 0;
	cursor:pointer
}
.product-server .server-button:hover {
	border-color:#329dcb;
	color:#329dcb
}
.product-server .server-introduce {
	text-align:center;
	font-size:14px;
	color:#fff;
	padding:0 60px;
	margin-top:10px
}
.product-server .slide-shadow {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	z-index:10;
	background-color:rgba(47,57,81,.6);
	transition:all .4s ease
}
.product-server .slide-shadow .server-icon {
	padding-bottom:0;
	height:48px
}
.product-server .slide-shadow .server-icon:after {
	display:none
}
.product-server .slide-shadow .server-title {
	position:relative;
	padding-bottom:10px
}
.product-server .slide-shadow .server-title:after {
	content:'';
	position:absolute;
	bottom:0;
	left:50%;
	width:20px;
	height:2px;
	margin-left:-10px;
	background-color:#329dcb
}
.product-server .slide-shadow.top {
	top:-100%
}
.product-server .slide-shadow.bottom {
	bottom:-100%
}
.tab-block {
	width:1200px;
	height:580px;
	margin:50px auto 0;
	background-color:#FFF;
	border:1px solid #e5e5e5
}
.tab-block.information-tab {
	height:430px
}
.tab-block.information-tab .tabs {
	height:380px
}
.tab-block.feature-tab {
	height:710px
}
.tab-block.feature-tab .tabs {
	height:658px
}
.tab-block .tab-buttons {
	width:100%;
	height:50px;
	background-color:#fafafa
}
.tab-block .tab-buttons .tab-button {
	width:33.33%;
	float:left;
	height:50px;
	text-align:center;
	font-size:16px;
	color:#999;
	line-height:50px;
	position:relative;
	cursor:pointer
}
.tab-block .tab-buttons .tab-button.cur {
	background-color:#fff;
	color:#333
}
.tab-block .tab-buttons .tab-button.cur:after {
	content:'';
	position:absolute;
	top:-1px;
	left:0;
	width:100%;
	height:2px;
	background-color:#329dcb
}
.tab-block .tabs {
	width:100%;
	height:528px
}
.tab-block .tabs .tab-item {
	width:100%;
	height:100%;
	padding:20px;
	display:none
}
.case-block .case-item:hover .case-shadow .getcase-button,.tab-block .tabs .tab-item.active {
	display:block
}
.tab-block .tabs .tab-item .feature-img {
	width:743px
}
.tab-block .tabs .tab-item .feature-img img {
	width:100%;
	height:auto
}
.tab-block .tabs .tab-item .feature-content {
	width:386px;
	margin-right:4px
}
.tab-block .tabs .tab-item .feature-content .feature-top {
	height:163px;
	width:100%;
	border-bottom:1px solid #e5e5e5
}
.tab-block .tabs .tab-item .feature-content .feature-top .feature-title {
	font-size:18px;
	color:#333
}
.tab-block .tabs .tab-item .feature-content .feature-top p {
	font-size:14px;
	color:#999;
	margin-top:16px;
	line-height:28px
}
.tab-block .tabs .tab-item .feature-content .feature-bottom {
	position:relative;
	height:325px;
	padding-top:30px
}
.project-block,.tab-block .tabs .tab-item .feature-content .feature-labels {
	padding-top:10px
}
.tab-block .tabs .tab-item .feature-content .feature-bottom .feature-title {
	font-size:18px;
	color:#333
}
.tab-block .tabs .tab-item .feature-content .feature-buttons {
	position:absolute;
	bottom:30px;
	left:0
}
.tab-block .tabs .tab-item .feature-content .feature-buttons .feature-btn {
	display:inline-block;
	vertical-align:top;
	width:100px;
	height:34px;
	font-size:12px;
	text-align:center;
	line-height:34px;
	margin-right:18px
}
.tab-block .tabs .tab-item .feature-content .feature-labels .label {
	float:left;
	min-width:100px;
	height:32px;
	line-height:32px;
	font-size:12px;
	color:#999;
	text-align:center;
	border-radius:30px;
	padding:0 12px;
	border:1px dashed #e5e5e5;
	cursor:pointer;
	margin:0 18px 18px 0
}
.tab-block .tabs .tab-item .feature-content .feature-labels .label:hover {
	border-color:#329dcb;
	color:#329dcb
}
.case-block {
	margin-top:46px;
	height:320px;
	width:1200px
}
.case-block .case-item {
	width:240px;
	height:320px;
	position:relative;
	overflow:hidden
}
.case-block .case-item img {
	width:100%;
	height:auto
}
.case-block .case-item:hover .case-shadow {
	background-color:rgba(47,57,81,.6)
}
.case-block .case-item:hover .case-shadow .shadow-inner {
	height:189px
}
.case-block .case-shadow {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2;
	color:#fff;
	text-align:center
}
.case-block .case-shadow .shadow-inner {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	height:129px;
	overflow:hidden;
	-webkit-transform:translate(0,-50%);
	transform:translate(0,-50%);
	transition:all .3s ease
}
.case-block .case-shadow .case-icon {
	width:100%;
	height:45px
}
.case-block .case-shadow .case-icon.case-icon-1 {
	background:url(../images/case-icon-01.png) center no-repeat;
	-ms-background-size:45px auto;
	background-size:45px auto
}
.case-block .case-shadow .case-icon.case-icon-2 {
	background:url(../images/case-icon-02.png) center no-repeat;
	-ms-background-size:45px auto;
	background-size:45px auto
}
.case-block .case-shadow .case-icon.case-icon-3 {
	background:url(../images/case-icon-03.png) center no-repeat;
	-ms-background-size:45px auto;
	background-size:45px auto
}
.case-block .case-shadow .case-icon.case-icon-4 {
	background:url(../images/case-icon-04.png) center no-repeat;
	-ms-background-size:45px auto;
	background-size:45px auto
}
.case-block .case-shadow .case-icon.case-icon-5 {
	background:url(../images/case-icon-05.png) center no-repeat;
	-ms-background-size:45px auto;
	background-size:45px auto
}
.case-block .case-shadow .case-title {
	margin-top:14px;
	font-size:16px;
	line-height:16px;
	padding-bottom:16px;
	position:relative
}
.case-block .case-shadow .case-title:after {
	content:'';
	position:absolute;
	bottom:0;
	left:50%;
	width:20px;
	height:2px;
	background-color:#329dcb;
	margin-left:-10px
}
.case-block .case-shadow .case-title a {
	color:#fff
}
.case-block .case-shadow .case-title a:hover {
	color:#329dcb
}
.case-block .case-shadow .case-subtitle {
	font-size:14px;
	line-height:14px;
	margin-top:18px
}
.case-block .case-shadow .getcase-button {
	display:block;
	width:140px;
	height:34px;
	line-height:34px;
	font-size:14px;
	color:#fff;
	margin:28px auto 0;
	text-align:center;
	border:1px solid #fff;
	overflow:hidden
}
.case-block .case-shadow .getcase-button:hover {
	border-color:#329dcb;
	color:#329dcb
}
.project-block {
	width:1200px
}
.project-block .project-item {
	width:174px;
	height:130px;
	float:left;
	-webkit-opacity:.4;
	-moz-opacity:.4;
	-ms-opacity:.4;
	opacity:.4;
	margin-right:82px;
	margin-top:30px
}
.project-block .project-item:nth-of-type(5n) {
	margin-right:0
}
.project-block .project-item:hover {
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	opacity:1
}
.question-icon {
	width:16px;
	height:16px;
	display:inline-block;
	vertical-align:middle;
	background:url(../images/question-icon.png) center no-repeat;
	-ms-background-size:16px 16px;
	background-size:16px 16px
}
.information-tab .information-left {
	width:500px;
	height:340px;
	overflow:hidden;
	position:relative
}
.information-tab .information-left img {
	width:100%;
	height:auto
}
.information-tab .information-left .left-bottom {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:48px;
	line-height:48px;
	background-color:rgba(0,0,0,.5);
	z-index:2;
	color:#fff;
	padding:0 14px
}
.information-tab .information-left .left-bottom .article-title {
	font-size:18px;
	width:400px
}
.information-tab .information-left .left-bottom .article-time {
	font-size:14px
}
.information-tab .information-right {
	width:640px;
	height:340px
}
.information-tab .information-right .article-list {
	padding-top:24px
}
.information-tab .information-right .article-list .article-link {
	display:block;
	padding:0 20px
}
.information-tab .information-right .article-list .article-link .article-head span {
	display:inline-block;
	vertical-align:middle
}
.information-tab .information-right .article-list .article-number {
	width:20px;
	height:20px;
	text-align:center;
	line-height:20px;
	color:#fff;
	background-color:#999;
	font-size:14px
}
.information-tab .information-right .article-list .article-title {
	font-size:16px;
	color:#333;
	line-height:20px;
	margin-left:14px;
	width:450px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.information-tab .information-right .article-list .article-time {
	float:right;
	font-size:12px;
	color:#999;
	line-height:20px
}
.information-tab .information-right .article-list .article-content {
	margin-top:10px;
	padding-left:44px;
	width:450px;
	font-size:14px;
	color:#666;
	line-height:26px;
	display:none
}
.information-tab .information-right .article-list .article-content p {
	height:52px
}
.information-tab .information-right .article-list:nth-of-type(1) .article-number,.information-tab .information-right .article-list:nth-of-type(2) .article-number,.information-tab .information-right .article-list:nth-of-type(3) .article-number {
	background-color:#333
}
.information-tab .information-right .article-list.current .article-link {
	background-color:#fafafc;
	padding:20px
}
.information-tab .information-right .article-list.current .article-number {
	background-color:#329dcb!important
}
.information-tab .information-right .article-list.current .article-title {
	color:#329dcb
}
.information-tab .information-right .article-list.current .article-content {
	display:block
}
.footer-layout {
	padding-top:52px;
    border-top:1px solid #dfdfdf;
}
.footer-layout .footer-head {
	line-height:63px;
	font-size:16px;
	color:#333
}
.footer-layout .footer-head .footer-logo {
	width:200px;
	height:63px;
	margin-right:20px
}
.footer-layout .subnav-block {
	padding:32px 0;
	border-bottom:1px solid #dfdfdf;
	color:#999;
	position:relative
}
.footer-layout .subnav-block dl {
	margin-right:110px
}
.footer-layout .subnav-block dl dt {
	font-size:14px;
	color:#fff;
	margin-bottom:12px
}
.footer-layout .subnav-block dl dt a {
	color:#333
}
.footer-layout .subnav-block dl dt a:hover {
	color:#329dcb
}
.footer-layout .subnav-block dl dd {
	line-height:24px;
    color: #333;
}
.footer-layout .subnav-block dl dd a {
	color:#333
}
.footer-layout .subnav-block dl dd a:hover {
	color:#329dcb
}
.footer-layout .QR-code-block {
	width:140px;
	position:absolute;
	right:0;
	bottom:50px
}
.footer-layout .QR-code-block:hover .QR-init {
	display:none
}
.footer-layout .QR-code-block:hover .QR-change {
	display:block
}
.footer-layout .QR-code-block .code-icon {
	width:43px;
	height:44px;
	display:block;
	margin:0 auto 18px
}
.footer-layout .QR-code-block .QR-change {
	display:none
}
.footer-layout .QR-code-block .QR-title {
	font-size:14px;
	color:#333;
	text-align:center
}
.footer-layout .QR-code-block .code-img {
	display:block;
	width:140px;
	height:140px;
	margin:0 auto 6px
}
.footer-layout .friendship-link {
	line-height:54px;
	border-bottom:1px solid #dfdfdf;
}
.footer-layout .friendship-link .link-list {
	display:inline-block;
	vertical-align:middle;
	font-size:12px;
	color:#333;
	margin-right:36px
}
.footer-layout .friendship-link a:hover {
	color:#329dcb
}
.footer-layout .copyRight {
	line-height:40px;
	color:#333
	text-align: center;
}
.footer-layout .copyRight a:hover {
	color:#329dcb
}
.full-page-banner {
	width:100%;
	height:400px
}
.full-page-banner.product-banner {
	background:url(../images/full-page-product.jpg) center no-repeat;
	-ms-background-size:cover;
	background-size:cover
}
.full-page-banner.program-banner {
	background:url(../images/full-page-program.jpg) center no-repeat;
	-ms-background-size:cover;
	background-size:cover
}
.full-page-banner.about-banner {
	background:url(../images/full-page-about.jpg) center no-repeat;
	-ms-background-size:cover;
	background-size:cover
}
.full-page-banner.submit-banner{
    background:url(../images/need00.png) center no-repeat;
	-ms-background-size:cover;
	background-size:cover
}
.full-page-banner .full-page-content {
	width:1200px;
	margin:0 auto;
	height:400px;
	display:table-cell;
	vertical-align:middle;
	color:#fff
}
.full-page-banner .full-page-title {
	font-size:36px;
	margin-bottom:16px
}
.full-page-banner .full-page-title.underline {
	position:relative;
	padding-bottom:12px;
	margin-bottom:8px
}
.full-page-banner .full-page-title.underline:after {
	content:'';
	position:absolute;
	bottom:0;
	left:50%;
	width:20px;
	height:2px;
	background-color:#329dcb;
	margin-left:-10px
}
.full-page-banner .full-page-subtitle {
	font-size:18px;
	line-height:44px
}
.product-left {
	width:474px;
	height:340px;
	overflow:hidden;
	margin:0 40px
}
.product-left img {
	width:100%;
	height:auto
}
.product-right {
	width:500px;
	height:340px;
	margin:0 40px
}
.product-right .item-title {
	font-size:24px;
	color:#333;
	position:relative;
	line-height:24px;
	padding-bottom:22px
}
.product-right .item-title:after {
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:20px;
	height:2px;
	background-color:#329dcb
}
.product-right .item-content {
	margin-top:14px;
	font-size:16px;
	color:#666;
	line-height:34px
}
.product-right .item-buttons .blue-border-btn {
	min-width:170px;
	padding:0 10px
}
.product-right .item-buttons .button {
	margin-right:20px
}
.page-product-footer {
	width:100%;
	height:260px;
	background:url(../images/full-page-product-bottom.jpg) center no-repeat;
	-ms-background-size:cover;
	background-size:cover;
	color:#fff
}
.page-product-footer .product-buttons {
	margin-top:36px
}
.page-product-footer .product-buttons .button {
	width:120px;
	margin:0 14px
}
.program-block {
	padding:0 25px;
	margin-top:46px
}
.program-block .program-item {
	float:left;
	width:303px;
	height:359px;
	margin:0 40px 22px
}
.program-block .program-item .program-title {
	line-height:56px;
	height:56px;
	text-align:center;
	font-size:18px;
	color:#333;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	padding:0 10px
}
.program-block .program-item .program-title a {
	color:#333
}
.program-block .program-item .program-title a:hover {
	color:#329dcb
}
.program-block .program-item .item-inner {
	width:303px;
	height:303px;
	overflow:hidden;
	position:relative
}
.program-block .program-item .item-inner img {
	width:100%;
	height:auto
}
.program-block .program-item .item-inner .program-content {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:2
}
.program-block .program-item .item-inner .program-content .shadow {
	position:absolute;
	width:0;
	height:0;
	/*border-radius:50%;*/
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	-ms-box-shadow:0 500px 0 rgba(47,57,81,.4) inset;
	box-shadow:0 500px 0 rgba(47,57,81,.4) inset;
	z-index:2;
	transition:all .3s ease;
	margin-top: -100%;
}




.program-block .program-item .item-inner .program-content .content-inner {
	display:none;
	width:303px;
	height:303px;
	vertical-align:middle;
	text-align:center;
	position:relative;
	z-index:10
}
.program-block .program-item .item-inner .program-content .program-layout-title {
	color:#fff;
	text-align:center;
	position:relative;
	padding-bottom:10px
}
.program-block .program-item .item-inner .program-content .program-layout-title:after {
	content:'';
	position:absolute;
	left:50%;
	bottom:0;
	width:20px;
	height:2px;
	background-color:#329dcb;
	margin-left:-10px
}
.program-block .program-item .item-inner .program-content .item-icon {
	height:45px;
	width:100%;
	position:relative
}
.program-block .program-item .item-inner .program-content .item-icon.program-icon-1 {
	background:url(../images/case-icon-01.png) center top no-repeat;
	-ms-background-size:45px auto;
	background-size:45px auto
}
.program-block .program-item .item-inner .program-content .item-icon.program-icon-2 {
	background:url(../images/case-icon-04.png) center top no-repeat;
	-ms-background-size:45px auto;
	background-size:45px auto
}
.program-block .program-item .item-inner .program-content .item-icon.program-icon-3 {
	background:url(../images/case-icon-02.png) center top no-repeat;
	-ms-background-size:45px auto;
	background-size:45px auto
}
.program-block .program-item .item-inner .program-content .item-icon.program-icon-4 {
	background:url(../images/case-icon-08.png) center top no-repeat;
	-ms-background-size:45px auto;
	background-size:45px auto
}
.program-block .program-item .item-inner .program-content .item-icon.program-icon-5 {
	background:url(../images/case-icon-06.png) center top no-repeat;
	-ms-background-size:45px auto;
	background-size:45px auto
}
.program-block .program-item .item-inner .program-content .item-icon.program-icon-6 {
	background:url(../images/case-icon-03.png) center top no-repeat;
	-ms-background-size:45px auto;
	background-size:45px auto
}
.program-block .program-item .item-inner .program-content .item-icon.program-icon-7 {
	background:url(../images/case-icon-07.png) center top no-repeat;
	-ms-background-size:45px auto;
	background-size:45px auto
}
.program-block .program-item .item-inner .program-content .item-icon.program-icon-8 {
	background:url(../images/case-icon-05.png) center top no-repeat;
	-ms-background-size:45px auto;
	background-size:45px auto
}
.program-block .program-item .item-inner .program-content .item-icon.program-icon-9 {
	background:url(../images/case-icon-09.png) center top no-repeat;
	-ms-background-size:45px auto;
	background-size:45px auto
}
.program-block .program-item .item-inner .program-content .program-introduce {
	padding:0 58px;
	color:#fff;
	text-align:center;
	margin-top:10px
}
.program-block .program-item .item-inner .program-content .program-introduce a {
	color:#fff
}
.program-block .program-item .item-inner .program-content .program-btn {
	display:none;
	margin:20px auto 0;
	width:140px;
	height:34px;
	line-height:34px;
	text-align:center;
	border:1px solid #fff;
	font-size:14px;
	color:#fff
}
.program-block .program-item .item-inner .program-content .program-btn:hover {
	color:#329dcb;
	border-color:#329dcb
}
.program-block .program-item .item-inner:hover .program-content .shadow {
	width:303px;
	height:303px;
	margin-top: 0;
}
.program-block .program-item .item-inner:hover .program-content .content-inner {
	display:table-cell
}
.program-block .program-item .item-inner:hover .program-content .program-btn,.swiper-container.operate-swiper-banner .swiper-slide .banner-link {
	display:block
}
.operate-layout {
	padding-bottom:60px;
    margin-top: 70px;
}
.operate-layout .operate-left {
	float:left;
	width:888px
}
.operate-layout .operate-right {
	float:right;
	width:282px;
	position:relative
}
.operate-layout .operate-right .operate-right-inner {
	width:100%;
	height:auto
}
.operate-layout .operate-right .operate-right-inner.fixed {
	position:fixed;
	z-index:10
}
.operate-layout .operate-right.absolute {
	position:absolute;
	right:0
}
.operate-layout .operate-right .block-item {
	width:282px;
	height:auto;
	background-color:#FFF
}
.operate-banner .operate-banner-left {
	width:596px;
	height:340px;
	float:left
}
.operate-banner .operate-banner-right {
	float:right;
	width:282px
}
.operate-banner .operate-banner-right .banner-item {
	width:282px;
	height:165px;
	position:relative;
	overflow:hidden
}
.operate-banner .operate-banner-right .banner-item img {
	width:100%;
	height:auto
}
.operate-banner .operate-banner-right .banner-item .banner-shadow {
	width:100%;
	height:38px;
	background-color:rgba(0,0,0,.5);
	font-size:14px;
	color:#fff;
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
	line-height:38px;
	padding:0 8px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}

.program-mycontent{
	position: absolute;
	width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}

.program-mycontent .content-inner{
	background-color: red;
    width: 303px;
    height: 303px;
    vertical-align: middle;
    text-align: center;
    position: relative;
    z-index: 10;
}

.operate-banner .operate-banner-right .banner-item.banner-bottom {
	margin-top:10px
}
.swiper-container.operate-swiper-banner {
	width:596px;
	height:340px
}
.swiper-container.operate-swiper-banner .swiper-slide {
	width:100%;
	height:100%
}
.swiper-container.operate-swiper-banner .swiper-slide .banner-link img {
	width:100%;
	height:auto
}
.swiper-container.operate-swiper-banner .swiper-slide .banner-link .banner-shadow {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:48px;
	line-height:48px;
	padding-right:140px;
	padding-left:14px;
	background-color:rgba(0,0,0,.5);
	color:#fff;
	font-size:16px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.swiper-container.operate-swiper-banner .swiper-pagination {
	width:100%;
	height:48px;
	line-height:48px;
	bottom:0;
	text-align:right;
	padding:0 13px
}
.swiper-container.operate-swiper-banner .swiper-pagination .swiper-pagination-bullet {
	width:8px;
	height:8px;
	vertical-align:middle;
	border:1px solid #fff;
	background:0 0;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	opacity:1
}
.swiper-container.operate-swiper-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color:#FFF
}
.hezi-article-block {
	width:888px
}
.hezi-article-block .label-page-title {
	width:100%;
	height:50px;
	border-bottom:1px solid #e5e5e5;
	padding:0 14px;
	line-height:50px;
	background-color:#FFF
}
.hezi-article-block .label-page-title span {
	display:inline-block;
	vertical-align:middle;
	font-size:16px
}
.hezi-article-block .label-page-title .label-icon {
	color:#999
}
.hezi-article-block .label-page-title .title {
	font-weight:700;
	color:#333
}
.hezi-article-block .article-lists {
	position:relative;
	padding:30px 20px;
	background-color:#FFF
}
.hezi-article-block .article-lists:after {
	content:'';
	width:848px;
	height:1px;
	background-color:#eee;
	position:absolute;
	bottom:0;
	left:20px;
	z-index:10
}
.hezi-article-block .article-lists .article-img {
	width:222px;
	height:151px;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
	margin-right:22px
}
.hezi-article-block .article-lists .article-img+.article-content,.hezi-article-block .article-lists .article-img~.article-content {
	width:600px
}
.hezi-article-block .article-lists .article-img img {
	width:100%;
	height:auto
}
.hezi-article-block .article-lists .article-content {
	display:inline-block;
	vertical-align:top;
	height:151px;
	width:100%
}
.hezi-article-block .article-lists .article-content .article-title {
	font-size:18px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	border:none
}
.hezi-article-block .article-lists .article-content .article-title a {
	color:#333
}
.hezi-article-block .article-lists .article-content .article-author {
	font-size:12px;
	color:#999;
	margin-top:10px
}
.hezi-article-block .article-lists .article-content .article-author .article-time {
	padding-left:20px;
	background:url(../images/time-icon.png) left center no-repeat;
	-ms-background-size:14px 14px;
	background-size:14px 14px
}
.hezi-article-block .article-lists .article-content .article-author .article-reading {
	padding-left:20px;
	background:url(../images/read-icon.png) left center no-repeat;
	-ms-background-size:14px 10px;
	background-size:14px 10px;
	margin-left:30px
}
.hezi-article-block .article-lists .article-content .article-introduce {
	margin-top:20px;
	font-size:14px;
	height:42px;
	color:#333;
	overflow:hidden
}
.hezi-article-block .article-lists .article-content .article-other-link {
	font-size:12px;
	margin-top:12px;
	color:#999
}
.hezi-article-block .article-lists .article-content .article-other-link .article-label {
	font-size:12px;
	color:#329dcb;
	display:inline-block;
	height:22px;
	line-height:22px;
	margin-right:10px
}
.hezi-article-block .article-lists .article-content .article-other-link .article-label:hover {
	color:#329dcb;
	border-color:#329dcb
}
.hezi-article-block .article-lists .article-content .article-other-link .article-reading {
	margin-left:20px
}
.hezi-article-block .article-lists .article-content .article-other-link .article-other {
	float:right;
	color:#2db7f5;
	font-size:12px
}
.hezi-article-block .article-lists:hover {
	background-color:#fafafc
}
.hezi-article-block .article-lists:hover .article-content .article-title a {
	color:#329dcb
}
.hezi-article-block .article-lists-block {
	display:none
}
.hezi-article-block .article-lists-block.active {
	display:block
}
.article-butotns-tab {
	width:100%;
	height:50px;
	border-bottom:1px solid #e5e5e5;
	padding:0 4px;
	background-color:#FFF
}
.article-butotns-tab .tab-link {
	float:left;
	height:50px;
	font-size:18px;
	margin:0 14px
}
.article-butotns-tab .tab-link.active a {
	color:#333;
	font-weight:700
}
.article-butotns-tab .tab-link.active a:after {
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:2px;
	background-color:#329dcb
}
.article-butotns-tab .tab-link a {
	color:#999;
	line-height:50px;
	display:block;
	position:relative
}
.article-butotns-tab.activity-list-tab .tab-link {
	margin:0 30px
}
.hezi-advert-block {
	position:relative;
	padding-top:42px;
	padding-bottom:34px;
	text-align:center;
	font-size:12px;
	color:#999
}
.hezi-advert-block .advert-head {
	width:84px;
	height:84px;
	background-color:rgba(255,255,255,.6);
	position:absolute;
	left:50%;
	top:-42px;
	margin-left:-42px;
	border-radius:50%
}
.hezi-advert-block .advert-head .advert-head-inner {
	position:relative;
	width:100%;
	height:100%
}
.hezi-advert-block .advert-head .advert-head-inner .advert-head-content {
	position:absolute;
	width:74px;
	height:74px;
	background-color:#FFF;
	top:5px;
	left:5px;
	border-radius:50%;
	overflow:hidden
}
.hezi-advert-block .advert-head .advert-head-inner .advert-head-content img {
	width:100%;
	height:auto
}
.hezi-advert-block .advert-title {
	font-size:16px;
	color:#333;
	margin-top:10px;
	padding:0 10px
}
.hezi-advert-block .advert-content {
	margin-top:10px;
	line-height:20px
}
.hezi-advert-block .advert-content p {
	text-align:center
}
.hezi-advert-block .advert-btn {
	width:120px;
	height:30px;
	line-height:30px;
	border-radius:20px;
	display:block;
	text-align:center;
	font-size:14px;
	margin:34px auto 0;
	color:#329dcb;
	border:1px solid #329dcb
}
.hezi-advert-block .advert-btn:hover {
	color:#fff;
	background:#f77053;
	background:linear-gradient(to right,#f77053 0,#e44b5d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f77053',endColorstr='#e44b5d',GradientType=1)
}
.hezi-advert-block .advert-data {
	padding:0 31px;
	margin-top:30px
}
.hezi-advert-block .advert-data .advert-data-item {
	width:110px;
	float:left;
	text-align:center
}
.hezi-advert-block .advert-data .advert-data-item .item-number {
	font-weight:700;
	font-size:16px;
	color:#333
}
.hezi-advert-block .advert-data .advert-data-item .item-label {
	font-size:12px;
	color:#999;
	margin-top:12px
}
.hezi-advert-block .advert-data .advert-data-item.border-right {
	position:relative
}
.hezi-advert-block .advert-data .advert-data-item.border-right:after {
	content:'';
	position:absolute;
	right:0;
	height:16px;
	width:1px;
	background-color:#e5e5e5;
	top:20px
}
.item-title-head {
	width:100%;
	height:50px;
	border-bottom:1px solid #e5e5e5;
	padding:24px 20px 0;
	position:relative
}
.item-title-head .item-title {
	font-size:16px;
	color:#333;
	position:relative;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	line-height:16px
}
.hezi-item-container {
	padding:20px 10px 25px
}
.hezi-item-container .item-label {
	font-size:12px;
	height:22px;
	line-height:22px;
	text-align:center;
	padding:0 12px;
	color:#666;
	border-radius:4px;
	margin:0 10px 15px 0;
	float:left;
	background-color:#f7f7fa;
	border:1px solid #e5e5e5
}
.hezi-item-container .item-label:hover {
	color:#329dcb;
	border-color:#329dcb;
	background-color:#e5faf5
}
.hezi-item-container .read-more {
	font-size:14px;
	display:block;
	color:#329dcb;
	padding-left:24px;
	margin-top:10px
}
.hezi-tab-list {
	display:none
}
.hezi-tab-list.active {
	display:block
}
.article-item-lists {
	padding:10px;
	display:block;
	font-size:14px;
	line-height:20px;
	color:#666;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.article-item-lists .article-number {
	display:inline-block;
	width:20px;
	height:20px;
	text-align:center;
	line-height:20px;
	color:#fff;
	margin-right:16px;
	background-color:#999;
	border-radius:2px
}
.article-item-lists .article-number.around {
	border-radius:50%
}
.article-item-lists .article-dot {
	width:4px;
	height:4px;
	display:inline-block;
	background-color:#ccc;
	border-radius:50%;
	vertical-align:middle;
	margin-right:5px
}
.article-item-lists:first-of-type .article-number,.article-item-lists:nth-of-type(2) .article-number,.article-item-lists:nth-of-type(3) .article-number {
	background-color:#333
}
.article-item-lists.active .article-number,.article-item-lists:hover .article-dot,.article-item-lists:hover .article-number {
	background-color:#329dcb
}
.article-item-lists .article-detail-line {
	font-size:12px;
	color:#666;
	white-space:normal;
	padding-left:40px;
	margin-top:5px;
	height:40px;
	overflow:hidden;
	display:none
}
.article-item-lists.active,.article-item-lists:hover {
	color:#329dcb
}
.article-item-lists.active .article-detail-line {
	display:block
}
.article-tab-bar {
	position:absolute;
	right:10px;
	bottom:-1px
}
.about-content .about-title:after,.about-tab-bar .tab-button.act:after,.article-tab-bar .bar-button.active:after {
	content:'';
	bottom:0;
	left:0
}
.article-tab-bar .bar-button {
	float:left;
	position:relative;
	margin:0 10px;
	font-size:12px;
	color:#666;
	padding-bottom:10px;
	cursor:default
}
.article-tab-bar .bar-button.active {
	color:#333
}
.article-tab-bar .bar-button.active:after {
	width:100%;
	height:2px;
	background-color:#329dcb;
	position:absolute
}
.article-recommend-list {
	display:block;
	padding-bottom:18px;
	border-bottom:1px solid #e6e6e6;
	margin-bottom:20px
}
.article-recommend-list:last-of-type {
	border:none;
	margin-bottom:0
}
.article-recommend-list .article-recommend-img {
	float:left;
	width:100px;
	height:75px;
	overflow:hidden
}
.article-recommend-list .article-recommend-content {
	float:left;
	width:130px;
	margin-left:12px;
	height:64px;
	overflow:hidden;
	padding:8px 0 0;
	font-size:12px;
	color:#666
}
.article-recommend-list .article-recommend-content p {
	overflow:hidden;
	text-overflow:-o-ellipsis-lastline;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical
}
.article-recommend-list:hover .article-recommend-content {
	color:#329dcb
}
.hezi-solve-case {
	width:282px;
	height:232px;
	background:url(../images/solve.jpg) center no-repeat;
	text-align:center;
	padding-top:32px
}
.hezi-solve-case .solve-case-title {
	color:#fff;
	font-size:28px;
	line-height:28px
}
.hezi-solve-case .solve-case-content {
	width:242px;
	height:68px;
	border:1px solid #fff;
	border-radius:5px;
	margin:19px auto 0;
	padding-top:12px
}
.hezi-solve-case .solve-case-content p {
	text-align:center;
	font-size:14px;
	color:#fff
}
.hezi-solve-case .solve-case-button {
	width:120px;
	height:36px;
	display:block;
	margin:20px auto 0;
	font-size:14px;
	color:#fff;
	text-align:center;
	line-height:36px;
	background:#2e87ff;
	background:linear-gradient(to right,#2e87ff 0,#0cf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e87ff',endColorstr='#00ccff',GradientType=1);
	box-shadow:0 -1px 0 rgba(0,0,0,.5) inset;
	border-radius:5px
}
.article-loading-more {
	height:48px;
	line-height:48px;
	width:100%;
	text-align:center;
	font-size:14px;
	cursor:pointer;
	margin-top:20px;
	background-color:#FFF;
	display:none
}
.article-loading-more a {
	display:block;
	line-height:48px;
	color:#999
}
.hezi-article-page {
	border:1px solid #eee;
	padding:0
}
.hezi-article-page .article-layout {
	padding:30px 29px 0
}
.hezi-article-page .article-layout .article-title {
	font-size:24px;
	color:#333;
	line-height:30px
}
.hezi-article-page .article-layout .article-subtitle {
	margin-top:12px;
	font-size:12px;
	color:#999;
	position:relative
}
.hezi-article-page .article-layout .article-subtitle a {
	color:#329dcb
}
.hezi-article-page .article-layout .article-subtitle span {
	margin-right:26px
}
.hezi-article-page .article-layout .article-subtitle .time {
	padding-left:20px;
	background:url(../images/time-icon.png) left center no-repeat;
	-ms-background-size:14px 14px;
	background-size:14px 14px
}
.hezi-article-page .article-layout .article-subtitle .read {
	padding-left:20px;
	background:url(../images/read-icon.png) left center no-repeat;
	-ms-background-size:14px 10px;
	background-size:14px 10px
}
.hezi-article-page .article-layout .article-subtitle .read i {
	color:#329dcb;
	font-size:16px;
	margin:0 2px
}
.hezi-article-page .article-layout .article-subtitle .article-classify span {
	margin-right:8px;
	position:relative;
	padding-right:8px
}
.hezi-article-page .article-layout .article-subtitle .activity-join-btn {
	position:absolute;
	right:0;
	top:0;
	width:78px;
	height:30px;
	border:1px solid #329dcb;
	color:#329dcb;
	font-size:14px;
	text-align:center;
	line-height:30px;
	border-radius:2px
}
.hezi-article-page .article-layout .advertising-words {
	margin-top:34px;
	height:42px;
	line-height:42px;
	border:1px solid #81d4f9;
	background:#f2fbfe;
	padding-left:18px;
	padding-right:18px;
	font-size:14px;
	color:#666
}
.hezi-article-page .article-layout .advertising-words .advertising-words-icon {
	width:12px;
	height:14px;
	display:inline-block;
	vertical-align:middle;
	background:url(../images/ling-icon.png) center no-repeat;
	margin-right:8px
}
.hezi-article-page .article-layout .advertising-words a {
	color:#2db7f5;
	text-decoration:underline
}
.hezi-article-page .article-layout .article-abstract {
	background-color:#f6f6f6;
	color:#999;
	font-size:14px;
	padding:10px 16px;
	border:1px solid #eee;
	margin-top:30px
}
.hezi-article-page .article-layout .article-container {
	padding:20px 0;
	font-size:16px;
	color:#666
}
.hezi-article-page .article-layout .article-container img {
	margin-bottom:20px
}
.hezi-article-page .article-layout .article-container p {
	margin-bottom:10px;
	line-height:28px
}
.hezi-article-page .article-layout .article-container h2 {
	font-size:20px;
	color:#333;
	font-weight:700;
	padding-bottom:12px;
	border-bottom:1px solid #e5e5e5;
	margin-bottom:12px;
	margin-top:25px
}
.hezi-article-page .article-layout .article-container h3 {
	font-size:18px;
	color:#333;
	padding-left:14px;
	line-height:18px;
	position:relative;
	margin-top:30px;
	margin-bottom:16px
}
.hezi-article-page .article-layout .article-container h3:after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:4px;
	height:100%;
	background:#00baf3;
	background:linear-gradient(to bottom,#59d6ff 0,#59b3ff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#59d6ff',endColorstr='#59b3ff',GradientType=0)
}
.hezi-article-page .article-layout .statement {
	font-size:14px
}
.hezi-article-page .article-layout .statement span {
	color:#329dcb
}
.hezi-article-page .article-layout .share-and-label {
	margin-top:20px
}
.hezi-article-page .article-layout .share-and-label .article-label {
	float:left;
	font-size:12px;
	color:#999;
	border:1px solid #f6f6f6;
	background-color:#f6f6f6;
	padding:6px 10px;
	border-radius:4px;
	margin-right:20px
}
.hezi-article-page .article-layout .share-and-label .article-label:hover {
	color:#329dcb;
	border:1px solid #329dcb;
	background-color:#e5faf5
}
.hezi-article-page .article-layout .share-and-label .article-share-btn {
	float:right
}
.hezi-article-page .article-layout .share-and-label .article-share-btn .bdsharebuttonbox a {
	width:113px;
	height:32px;
	margin-top:0;
	margin-bottom:0;
	margin-left:20px
}
.hezi-article-page .article-layout .share-and-label .article-share-btn .bdsharebuttonbox .bds_weixin {
	background:url(../images/wechat.png) center no-repeat;
	margin-right:0
}
.hezi-article-page .article-layout .share-and-label .article-share-btn .bdsharebuttonbox .bds_tsina {
	background:url(../images/sina.png) center no-repeat;
	margin-right:0
}
.hezi-article-page .article-layout .article-pagination {
	padding:23px 0 0;
	border-bottom:1px solid #e5e5e5
}
.hezi-article-page .article-layout .article-pagination .pagination-list {
	margin-bottom:23px;
	font-size:14px;
	color:#333
}
.hezi-article-page .article-layout .article-pagination .pagination-list span {
	float:left
}
.hezi-article-page .article-layout .article-pagination .pagination-list .pagination-name {
	width:760px
}
.hezi-article-page .article-layout .article-pagination .pagination-list a {
	color:#333
}
.hezi-article-page .article-layout .article-pagination .pagination-list a:hover {
	color:#329dcb
}
.hezi-article-page .other-articles {
	padding:0 20px
}
.hezi-article-page .other-articles .item-title-head {
	width:auto;
	margin-left:9px;
	margin-right:9px;
	padding-left:0;
	padding-right:0
}
.hezi-article-page .other-articles .other-articles-lists {
	padding-top:20px;
	padding-bottom:40px
}
.hezi-article-page .other-articles .other-articles-lists .other-articles-list {
	width:282px
}
.hezi-article-page .other-articles .other-articles-lists .other-articles-list .article-card .card-img {
	width:262px;
	height:180px
}
.hezi-article-page .other-articles .other-articles-lists .other-articles-list .article-card .card-content {
	width:262px
}
.hezi-article-page .article-comment {
	padding:0 29px 26px
}
.operate-article-card {
	float:left;
	padding:10px 10px 0
}
.operate-article-card .article-card {
	width:100%;
	background-color:#FFF
}
.operate-article-card .article-card .card-img {
	display:block;
	width:100%;
	height:auto;
	overflow:hidden
}
.operate-article-card .article-card .card-img img {
	width:100%;
	height:auto
}
.operate-article-card .article-card .card-content {
	padding:16px;
	border:1px solid #e5e5e5;
	border-top:none;
	height:60px
}
.operate-article-card .article-card .card-content .card-title {
	line-height:26px;
	font-size:16px;
	width:100%;
	height:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.operate-article-card .article-card .card-content .card-title a {
	color:#333
}
.operate-article-card:hover .article-card .card-content .card-title a,.operate-crumbs .hezi-crumbs a {
	color:#329dcb
}
.operate-article-card .article-card .card-content.table-cell {
	display:table-cell;
	vertical-align:middle;
	padding:0 16px;
	height:66px
}
.hezi-crumbs a,.hezi-crumbs span {
	display:inline-block;
	vertical-align:middle
}
.operate-article-card:hover {
	background-color:#FFF;
	box-shadow:0 0 10px rgba(0,0,0,.1)
}
.operate-article-card:hover .article-card .card-content {
	border:none
}
.operate-crumbs .hezi-crumbs {
	padding:20px 0 20px;
	font-size: 16px;
}
.operate-crumbs .hezi-crumbs span {
	color:#999
}
.hezi-crumbs {
	width:1200px;
	margin:0 auto;
	padding:20px 34px
}
.hezi-crumbs ul li {
	float:left;
	font-size:14px;
	color:#666;
	margin:0 2px;
	line-height:14px
}
.hezi-crumbs a {
	color:#666
}
.hezi-crumbs a:hover {
	color:#329dcb
}
.get-program-button {
	text-align:center;
	padding-top:44px;
	padding-bottom:24px
}
.get-program-button .button {
	width:280px;
	height:46px;
	line-height:46px;
	border-radius:4px;
	-ms-box-shadow:0 0 10px rgba(17,131,255,.5);
	box-shadow:0 0 10px rgba(17,131,255,.5)
}
.hezi-pagination {
	padding:28px;
	border-top:1px solid #e6e6e6;
	background-color:#FFF
}
.hezi-pagination ul {
	width:560px;
	margin:0 auto
}
.hezi-pagination ul li {
	float:left;
	margin:0 10px
}
.hezi-pagination ul li a {
	display:block;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	border:1px solid #cfcfcf;
	color:#666;
	font-size:14px
}
.hezi-pagination ul li a:hover {
	color:#329dcb;
	border-color:#329dcb
}
.hezi-pagination ul li a.pagination-cur {
	color:#fff;
	background-color:#329dcb;
	border-color:#329dcb
}
.hezi-pagination ul li a.pagination-none:hover {
	color:#666;
	border-color:#cfcfcf
}
.about-tab-bar {
	height:55px;
	-ms-box-shadow:0 5px 4px #efefef;
	box-shadow:0 5px 4px #efefef
}
.about-tab-bar .tab-button {
	display:inline-block;
	vertical-align:top;
	line-height:55px;
	font-size:16px;
	color:#999;
	position:relative;
	margin:0 35px;
	cursor:pointer
}
.about-tab-bar .tab-button.act {
	color:#333
}
.about-tab-bar .tab-button.act:after {
	position:absolute;
	width:100%;
	height:2px;
	background-color:#329dcb
}
.shadow-layout {
	background-color:#FFF;
	width:100%;
	-ms-box-shadow:0 0 14px #d8d8d8;
	box-shadow:0 0 14px #d8d8d8
}
.about-content {
	width:730px;
	padding:58px 40px 20px
}
.about-content .about-title {
	font-size:24px;
	color:#333;
	position:relative;
	line-height:24px;
	padding-bottom:22px
}
.about-content .about-title:after {
	position:absolute;
	width:20px;
	height:2px;
	background-color:#329dcb
}
.about-content .about-subtitle {
	font-size:16px;
	color:#333;
	font-weight:700;
	margin-top:20px
}
.about-content .about-words {
	font-size:16px;
	color:#666;
	line-height:34px;
	margin-top:10px
}
.about-content .contact-words {
	font-size:16px;
	color:#666;
	margin-top:14px
}
.about-content .contact-words span {
	color:#333
}
.about-content .contact-words i {
	color:#329dcb
}
.about-swiper {
	width:470px
}
.about-swiper .swiper-item {
	width:470px;
	height:330px
}
.about-swiper .swiper-item .swiper-container {
	width:100%;
	height:330px
}
.about-swiper .swiper-item .swiper-container .swiper-wrapper .swiper-slide {
	width:100%
}
.about-swiper .swiper-item .swiper-container .swiper-wrapper .swiper-slide img {
	width:100%;
	height:auto
}
.about-swiper .swiper-item .swiper-container .swiper-pagination {
	height:10px;
	bottom:10px;
	line-height:10px
}
.about-swiper .swiper-item .swiper-container .swiper-pagination .swiper-pagination-bullet {
	width:8px;
	height:8px;
	background:0 0;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	opacity:1;
	border:1px solid #fff
}
.about-swiper .swiper-item .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color:#fff
}
.about-swiper .swiper-item .swiper-container .swiper-button {
	width:40px;
	height:80px;
	margin-top:-40px
}
.about-swiper .swiper-item .swiper-container .swiper-button.swiper-button-next {
	right:0;
	background:url(../images/next.png) center no-repeat rgba(0,0,0,.5);
	-ms-background-size:9px auto;
	background-size:9px auto
}
.about-swiper .swiper-item .swiper-container .swiper-button.swiper-button-prev {
	left:0;
	background:url(../images/prev.png) center no-repeat rgba(0,0,0,.5);
	-ms-background-size:9px auto;
	background-size:9px auto
}
.contact-us {
	width:1200px;
	height:413px;
	background:url(../images/about-bg.jpg) right center no-repeat
}
.map-bar .map-title:after,.map-lists-block .map-list:after {
	height:2px;
	left:0;
	content:''
}
.map-bar {
	padding:40px 0
}
.map-bar .map-title {
	font-size:16px;
	color:#333;
	padding-bottom:20px;
	position:relative;
	border-bottom:1px solid #e5e5e5
}
.map-bar .map-title:after {
	position:absolute;
	bottom:-1px;
	width:20px;
	background-color:#329dcb
}
.map-lists-block {
	padding-top:10px
}
.map-lists-block .map-list {
	width:300px;
	display:block;
	font-size:14px;
	color:#666;
	line-height:36px;
	margin-top:6px;
	position:relative;
	padding-left:8px
}
.map-lists-block .map-list:after {
	position:absolute;
	top:50%;
	width:2px;
	background-color:#666;
	margin-top:-1px
}
.map-lists-block .map-list:hover {
	color:#329dcb
}
.map-lists-block .map-list:hover:after {
	background-color:#329dcb
}
.submit-block {
	width:100%;
	height:1172px;
	background:url(../images/submit-bg.jpg) center no-repeat;
	-ms-background-size:cover;
	background-size:cover;
}
.dcc-form {
	width:720px;
	background-color:#FFF;
	border-radius:10px;
	margin:0 auto;
	padding:58px 60px
}
.dcc-form .form-list {
	margin-top:18px
}
.dcc-form .form-list .form-label {
	font-size:16px;
	color:#333
}
.dcc-form .form-list .form-label i {
	color:#dc2619
}
.dcc-form .form-list .form-text {
	position:relative
}
.dcc-form .form-list .error-remind {
	position:absolute;
	font-size:14px;
	right:20px;
	top:50%;
	margin-top:-10px;
	color:#dc2619
}
.dcc-form .form-list .form-input,.dcc-form .form-list .form-textarea {
	margin-top:8px;
	display:block;
	width:100%;
	padding:10px;
	border:1px solid #ccc;
	border-radius:4px;
	font-size:16px;
	color:#333
}
.dcc-form .form-list .form-input:focus,.dcc-form .form-list .form-textarea:focus {
	border-color:#329dcb;
	-ms-box-shadow:0 4px 3px rgba(17,131,255,.1);
	box-shadow:0 4px 3px rgba(17,131,255,.1)
}
.dcc-form .form-list .form-input.error,.dcc-form .form-list .form-textarea.error {
	border-color:#dc2618!important
}
.dcc-form .form-list .form-input {
	height:46px
}
.dcc-form .form-list .form-textarea {
	box-sizing: border-box;
	height:96px;
	resize:none
}
.dcc-form .form-list .form-textarea~.error-remind {
	left:0;
	right:auto;
	bottom:-30px;
	top:auto
}
.dcc-form .form-submit {
	display:block;
	width:100%;
	height:46px;
	line-height:46px;
	border-radius:4px;
	border:none;
	margin-top:60px;
	-ms-box-shadow:0 6px 14px rgba(17,131,255,.21);
	box-shadow:0 6px 14px rgba(17,131,255,.21);
	font-size:20px;
	cursor:pointer
}
.submit-title {
	font-size:24px;
	line-height:24px;
	color:#333;
	padding-bottom:24px;
	position:relative
}
.submit-title:after {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:46px;
	height:1px;
	background-color:#329dcb
}
.submit-subtitle {
	font-size:20px;
	color:#333;
	margin-top:30px
}
.submit-prompt {
	font-size:16px;
	color:#666;
	line-height:32px;
	margin-top:10px
}
.success-block {
	width:100%;
	height:580px;
	background:url(../images/success.jpg) center no-repeat;
	-ms-background-size:cover;
	background-size:cover;
	padding-top:80px
}
.success-block .success-inner {
	width:720px;
	height:420px;
	background-color:#FFF;
	margin:0 auto;
	border-radius:10px;
	padding:36px 60px
}
.success-block .success-button {
	display:block;
	width:180px;
	height:46px;
	line-height:46px;
	border:none;
	border-radius:5px;
	font-size:20px;
	-ms-box-shadow:0 6px 14px rgba(17,131,255,.21);
	box-shadow:0 6px 14px rgba(17,131,255,.21);
	text-align:center;
	margin-top:50px
}
.subnav-bar {
	position:fixed;
	right:20px;
	z-index:1000;
	width:58px;
	height:232px;
	bottom:30px;
	background-color:#FFF;
	-ms-box-shadow:0 0 10px rgba(0,0,0,.08);
	box-shadow:0 0 10px rgba(0,0,0,.08)
}
.subnav-bar,.subnav-bar .subnav-item:last-of-type:after {
	display:none
}
.subnav-bar .subnav-item {
	width:100%;
	height:57px;
	position:relative;
	cursor:pointer
}
.subnav-bar .subnav-item:after {
	content:'';
	position:absolute;
	bottom:0;
	left:50%;
	width:26px;
	height:1px;
	background-color:#e5e5e5;
	margin-left:-13px
}
.subnav-bar .subnav-item:hover .subnav-title {
	display:table-cell
}
.subnav-bar .subnav-item:hover .tool-popup {
	display:block
}

.subnav-bar .subnav-item .subnav-title {
	background-color:#FFF;
	width:58px;
	text-align:center;
	font-size:12px;
	color:#329dcb;
	vertical-align:middle;
	padding:10px 12px
}
.subnav-bar .subnav-item .tool-popup {
	position:absolute;
	right:60px;
	background-color:#FFF;
	top:0;
	width:auto;
	white-space:nowrap;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:14px;
	color:#666;
	display:none
}
.subnav-bar .subnav-item .tool-popup img {
	width:100%;
	height:auto
}
.subnav-bar .subnav-item .tool-popup .txt {
    margin-top:-5px;
}

.subnav-bar .subnav-item .tool-popup.phone-popup {
	top:4px;
	width:220px;
	height:50px;
	line-height:50px;
	background:url(../images/tool-bar-bg-01.png) center top no-repeat;
	-ms-background-size:cover;
	background-size:cover
}
.subnav-bar .subnav-item .tool-popup.wechat-popup {
	top:-50px;
	width:160px;
	height:195px;
	-ms-background-size:cover;
	background-size:cover;
	border: 1px solid #d6d6d6;
}
.subnav-bar .subnav-item.icon-phone {
	background:url(../images/phone-icon.png) center no-repeat;
	-ms-background-size:18px 18px;
	background-size:18px 18px
}
.subnav-bar .subnav-item.icon-QQ {
	background:url(../images/QQ-icon.png) center no-repeat;
	-ms-background-size:16px 18px;
	background-size:16px 18px
}
.subnav-bar .subnav-item.icon-wechat {
	background:url(../images/wechat-icon.png) center no-repeat;
	-ms-background-size:23px 18px;
	background-size:23px 18px
}
.subnav-bar .subnav-item.icon-form {
	background:url(../images/form-icon.png) center no-repeat;
	-ms-background-size:16px 18px;
	background-size:16px 18px
}
.subnav-bar .subnav-item.icon-up {
	background:url(../images/up-icon.png) center no-repeat;
	-ms-background-size:14px 8px;
	background-size:14px 8px
}
.case-lists-block {
	padding:0 25px;
	margin-top:44px
}
.case-lists-block .case-lists {
	float:left;
	width:330px;
	height:390px;
	margin:0 20px 40px;
	border:1px solid #e5e5e5
}
.case-lists-block .case-lists .case-content {
	width:328px;
	height:328px;
	background-color:#f2f2f4;
	position:relative;
	overflow:hidden;
	text-align:center;
	display:table-cell;
	vertical-align:middle
}
.case-lists-block .case-lists .case-label {
	height:60px;
	background-color:#FFF;
	text-align:center;
	line-height:60px;
	font-size:18px;
	color:#333;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	padding:0 10px
}
.case-lists-block .case-lists:hover .case-layer {
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	opacity:1;
	position: absolute;
	top: 0;
/*	-webkit-animation:opacity .5s linear;
	animation:opacity .5s linear;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both*/
	transition:all .3s ease;
}
.case-lists-block .case-main {
	width:263px;
	height:88px;
	border-radius:4px;
	background-color:#FFF;
	padding:10px 0 10px 10px;
	margin:0 auto
}
.case-lists-block .case-main img {
	float:left;
	width:68px;
	height:68px
}
.case-lists-block .case-main .case-name {
	float:left;
	position:relative;
	width:161px;
	line-height:68px;
	text-align:center;
	margin-left:22px;
	font-size:24px;
	color:#333
}
.case-lists-block .case-main .case-name:after {
	content:'';
	position:absolute;
	left:0;
	top:50%;
	margin-top:-10px;
	width:1px;
	height:20px;
	background-color:#ccc
}
.case-lists-block .case-introduce {
	padding:0 32px;
	font-size:16px;
	color:#999;
	margin-top:22px;
	height:72px;
	overflow:hidden;
	text-overflow:-o-ellipsis-lastline;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical
}
.case-lists-block .case-layer {
	width:100%;
	height:100%;
	position:absolute;
	top:-100%;
	left:0;
	z-index:2;
	background-color:rgba(174, 174, 174, 0.9);
	color:#fff;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	opacity:0
}
.case-lists-block .case-layer .layer-inner {
	width:328px;
	height:328px;
	overflow:hidden;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	padding:0 44px;
	font-size:14px;
	line-height:34px;
}
.case-lists-block .case-layer .layer-inner .layer-btn {
	display:block;
	width:140px;
	height:34px;
	line-height:34px;
	text-align:center;
	font-size:14px;
	color:#fff;
	border:1px solid #fff;
	margin:20px auto 0;
	cursor:pointer
}
.case-lists-block .case-layer .layer-inner .layer-btn:hover {
	border-color:#329dcb;
	color:#329dcb
}


.share-notiflix.hide {
		opacity: 0;
		visibility: hidden;
		right: calc(((100% - 2048px)/2)) !important
}

	.share-notiflix.show {
		opacity: 1;
		visibility: visible
	}

.share-notiflix:hover i.close {
    opacity: 1;
    visibility: visible;
}

.share-notiflix i.close:hover {
		transform: rotate(90deg)
	}

  .share-notiflix {
      transition: all .5s ease-in-out;
      position: fixed;
      z-index: 201;
      width: 200px;
      height: 105px;
      text-align: center;
      top: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      color: #20232a;
      background: #fff;
      box-shadow: 0 0 20px -8px rgba(0,0,0,.3);
      padding: 18px 15px;
      border-radius: 20px 0 0 20px;
  }

  .share-notiflix h4 {
    width: 100%;
    padding: 0 0 10px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin: 0 0 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
}

.share-notiflix i.close,.weixin-tip i.close {
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    transition: all .2s ease-in-out;
    position: absolute;
    z-index: 10;
    right: 3px;
    top: 3px;
    width: 25px;
    height: 25px;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
}

  @media only screen and (max-width:767px) {
      .share-notiflix {
        z-index: 202;
        height: unset;
        top: unset;
        width: 100%;
        padding: 40px 30px 20px;
        border-radius: 20px 20px 0 0;
        left: 0;
        right: 0;
        bottom: -200px
      }

      .share-notiflix.show {
        bottom: 0
      }

      .share-notiflix i.close {
        width: 200px;
        padding: 15px 0;
        left: 0;
        right: 0;
        top: 0;
        margin: auto;
        opacity: 1;
        visibility: visible
      }

      .share-notiflix i.close:before {
        content: "";
        width: 140px;
        height: 6px;
        position: absolute;
        background: #c7c7c7;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        border-radius: 10px
      }

      .share-notiflix i.close:hover {
        transform: unset
      }

      .share-notiflix .share-links a {
        font-size: 22px;
        line-height: 22px;
        margin: 6px 8px
      }
  }

.weixin-tip {
    position: fixed;    
    z-index: 2005;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    margin: 0;
    display:none;
}

.weixin-tip i.close{
    opacity: 1;
    visibility: visible;
}

.weixin-tip i.close:hover {
		transform: rotate(90deg)
	}

.weixin-tip .dialog{
    position: relative;
    margin: 0 auto 50px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 15vh;
    width: 300px;
    background: #fff;
}

.weixin-tip .dialog h4{
    padding: 30px 20px 0;
    font-size: 18px;
    text-align: center;
    color: #666;
}

.weixin-tip .dialog img{
    padding: 15px 20px;
    color: #606266;
    font-size: 14px;
    word-break: break-all;
}

  .weixin-tip-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background: #000;    
    z-index: 2004;
    display:none;
}

/* --- Modernization Overrides --- */

/* 1. Global Typography & Colors */
body {
    font-size: 14px; /* Up from 12px */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
    color: #333;
    line-height: 1.6;
}

/* 2. Advantage Items (Cards) */
.advantage-item {
    transition: all 0.3s ease;
    border-radius: 8px;
    padding: 20px 10px; /* Add some padding */
}

.advantage-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    background-color: #fff; /* Ensure bg is white */
}

.advantage-head span {
    font-weight: 600; /* Make titles bolder */
}

/* 3. Product Server (Cards) */
.product-server .item-inner {
    border-radius: 8px;
    overflow: hidden; /* For border-radius */
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    transition: box-shadow 0.3s ease;
}

.product-server .item-inner:hover {
    box-shadow: 0 15px 30px rgba(0,0,0,0.15);
}

.product-server .server-title {
    font-weight: 700;
}

.product-server .server-button {
    border-radius: 20px; /* Rounded pill button */
    background-color: #007bff; /* Modern Blue */
    color: #fff !important;
    border: none;
    padding: 8px 24px;
    transition: background-color 0.3s ease;
}

.product-server .server-button:hover {
    background-color: #0056b3;
    text-decoration: none;
}

/* 4. Section Headings */
.layout-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #222;
}

.layout-subtitle {
    font-size: 16px;
    color: #666;
    max-width: 800px;
    margin: 0 auto 40px;
}

/* 5. Header Modernization */
.page-top .header.fixed {
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    background-color: rgba(255, 255, 255, 0.95); /* Slight transparency */
    backdrop-filter: blur(5px); /* Modern blur effect */
}

/* 6. General UX Enhancements */
html {
    scroll-behavior: smooth;
}

::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
::-webkit-scrollbar-thumb {
    background: #ccc; 
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #999; 
}