@charset "utf-8";
/* CSS 网站头部*/
img {border:0}
ul,li,dd,dt { list-style:none;}
h1, h2, h3, h4, h5, h6, form, div, p, i, img, ul, li, ol, table, tr, td,th, fieldset, label, legend,button,input { margin:0;padding:0;}
a,a:hover { text-decoration:none}
#topbg { width:100%; height:50px; float:left; line-height:50px; border-bottom:1px solid #efefef; z-index:9999999}
#logo { width:10%; height:50px; float:left;}
#logo img { width:180px !important; height:50px !important}
.m { width:1200px; margin:0 auto}
.m2 { width:1300px; margin:0 auto}

nav{ width:65%; margin:0 auto; float:left; margin-left:5%; z-index:9999}
#nav{ line-height:50px; overflow:hidden;}
#nav li {float: left; width:111px;height:50px; font-size:16px;font-family:"微软雅黑";line-height: 50px;text-align: center;}
#nav li a {display: block;color:#fff; text-decoration:none}
#nav li a:hover { color:#00c1de}
#nav li ul {display: none;position: absolute;background:rgb(31,147,198);width:111px; font-size:16px; font-weight:normal;}
#nav ul li:hover>ul {position: relative;left: 111px;top: -35px;}
#nav li:hover>ul {display: block;}
#nav li ul li {float: none; color:rgb(255,255,255);margin: 0px;}
#nav li ul li a { background-position:80% 50%; color:rgb(255,255,255); font-size:16px;}
#nav li ul li a:hover{background-position:80% 50%}
#nav li ul li ul{display: none;position: absolute;background:rgb(3,133,191);width: 111px; }
#nav li ul li:hover>ul {position: relative;left: 111px;top: -15px;}
#nav li ul li:hover>ul {display: block;}
#nav li ul li  ul li ul{float: none;margin: 0px; background:rgb(29,146,198);}
#nav li ul li ul li a {background-position:80% 50%;}
#nav li ul li  ul li ul a{ background:none;}
#nav li ul li  ul li ul a:hover{ background:rgb(3,133,191);}

#denglu { width:15%; height:50px; margin:0; padding:0; float:right}
#denglu ul { width:100%; height:50px; margin:0; padding:0}
#denglu li { width:50%; height:50px; float:left; font-size:16px; display:block}
#denglu li a{ height:50px;font-size:16px; color:#FFF; text-align:center; line-height:50px; display:block}
#denglu li a:hover{ font-size:16px; color:#FFF; background:#00c1de;}

#full-screen-slider { width:100%; height:600px; float:left; position:relative; z-index:-9; margin-top:-50px}
#slides { display:block; width:100%; height:600px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:560px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}

/*弹框样式1*/
.cd-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:9999;
}
.cd-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container {
    position: relative;
    width:400px;
    margin:150px auto;
    background: #FFF;
    border-radius: .4rem .4rem .4rem .4rem;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.cd-popup-close{ position: absolute;right:10px;top:10px; z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;}
.is-visible .cd-popup-container {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}

/*弹框样式2*/
.cd-popup1 {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:9999;
}
.cd-popup1.is-visible1 {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container1 {
    position: relative;
    width:400px;
    margin:250px auto;
    height:250px;
    background: #FFF;
    border-radius: .4rem .4rem .4rem .4rem;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-60px);
  -moz-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  -o-transform: translateY(-60px);
  transform: translateY(-60px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.cd-popup-close{ position: absolute;right:10px;top:10px; z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;}
.is-visible1 .cd-popup-container1 {
	-webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  }
  
  .basic-grey {
margin-left:auto;
margin-right:auto;
max-width: 500px;
background: #F7F7F7;
padding: 25px 15px 25px 10px;
font: 12px Georgia, "Times New Roman", Times, serif;
color: #888;
text-shadow: 1px 1px 1px #FFF;
border:1px solid #E4E4E4;
}
.basic-grey h1 {
font-size: 25px;
padding: 0px 0px 10px 40px;
display: block;
border-bottom:1px solid #E4E4E4;
margin: -10px -15px 30px -10px;;
color: #888;
}
.basic-grey h1>span {
display: block;
font-size: 11px;
}
.basic-grey label {
display: block;
margin: 0px;
}
.basic-grey label>span {
float: left;
width: 20%;
text-align: right;
padding-right: 10px;
margin-top: 10px;
color: #888;
}
.basic-grey input[type="text"], .basic-grey input[type="password"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select {
border: 1px solid #DADADA;
color: #888;
height: 30px;
margin-bottom: 16px;
margin-right: 6px;
margin-top: 2px;
outline: 0 none;
padding: 3px 3px 3px 5px;
width: 70%;
font-size: 12px;
line-height:15px;
box-shadow: inset 0px 1px 4px #ECECEC;
-moz-box-shadow: inset 0px 1px 4px #ECECEC;
-webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
.basic-grey textarea{
padding: 5px 3px 3px 5px;
}
.basic-grey select {
background: #FFF url('down-arrow.png') no-repeat right;
background: #FFF url('down-arrow.png') no-repeat right);
appearance:none;
-webkit-appearance:none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
width: 70%;
height: 35px;
line-height: 25px;
}
.basic-grey textarea{
height:100px;
}
.basic-grey .button {
background: #E27575;
border: none;
padding: 10px 25px 10px 25px;
color: #FFF;
box-shadow: 1px 1px 5px #B6B6B6;
border-radius: 3px;
text-shadow: 1px 1px 1px #9E3F3F;
cursor: pointer;
}
.basic-grey .button:hover {
background: #CF7A7A
}

#sige { width:100%; height:135px; background:#00c1de; float:left}
#sige ul { width:1300px; height:135px; margin:0 auto}
#sige li { width:320px; height:135px; float:left; border-right:1px solid #54d5e9;  display:block; text-align:center;color:#fff;}
#sige li a{ color:#fff; background:#00c1de;width:320px; height:135px;border-right:1px solid #54d5e9; display:block}
#sige li a:hover{color:#fff; background:#3dd0e6;opacity:0.9;filter:alpha(opacity=90);width:320px; height:135px;}
#sige li span { float:left; margin-left:70px}
#sige li p { width:140px; line-height:35px; font-size:18px; text-align:center; float:left}
#sige li i { font-style:normal; font-size:12px; padding:5px; line-height:24px; display:inline-block}

/* CSS 第一行*/
.index_title { width:100%; height:65px; line-height:65px; margin:40px auto 10px auto; font-size:36px; font-weight:bold; color:#00c1de; text-align:center}
#index_service { width:1300px; height:auto; margin:10px auto}
#index_service ul { width:1300px; height:auto; margin:0 auto; padding:0}
#index_service li { width:400px; height:100px; margin:10px 15px; float:left}
#index_service li img { width:80px; height:80px; float:left; padding:5px 10px;}
#index_service li a { display:block}
#index_service li p { font-size:18px; font-weight:bold}
#index_service li a p { font-size:18px; font-weight:bold; color:#000;}
#index_service li a:hover p { font-size:18px; font-weight:bold; color:#F00;display:block}
#index_service li i { font-size:12px; font-style:normal}
#index_service li a i { font-size:12px; font-style:normal; color:#000;display:block}
#index_service li a:hover i { font-size:12px; font-style:normal;color:#f00}

/* CSS 第二行*/
#pro_bg { width:100%; height:420px; background:url(../images/pro_bg.jpg) no-repeat center; float:left; margin:10px auto; }
.pro_sige { width:1300px; height:420px; margin:0 auto; padding:0}
.pro_sige ul{ width:1300px; height:420px; margin:0 auto; padding:0}
.pro_sige li{ width:325px; height:420px; float:left; text-align:center; color:#FFF}
.pro_sige li a { color:#fff}
.pro_sige li a i { font-size:16px; font-weight:bold; color:#FFF; font-style:normal}
.pro_sige li a p{width:325px;height:0;display:block;background:#00c1de;opacity:0.6; bottom:0; position:relative;filter:alpha(opacity=60);color:#fff;font-size:0px;}
.pro_sige li a:hover p{width:325px;height:420px;line-height:50px;font-size:12px;text-align:center;transition:all 0.7s; margin:-65px auto auto 10px}
.experience-zone .title, .overview .item h3 {
	font-size: 32px;
	color: #00c1de;
	text-align: center
}
.case-nav .case-list li button:focus {
	outline: 0
}
.overview .item {
	padding-bottom: 70px
}
.overview .item h3 {
	margin: 0
}
.overview .item img {
	display: block;
	margin: 0 auto
}
.overview .overview-1 {
	background-color: #fff
}
.overview .overview-1 h3 {
	padding: 70px 0
}
.overview .overview-2 {
	background-color: #f5f5f5
}
.overview .overview-2 h3 {
	padding-top: 82px;
	padding-bottom: 80px
}
.experience-zone .title {
	line-height: 32px;
	margin: 0;
	padding-top: 80px;
	padding-bottom: 90px
}
.experience-zone .module-wrap {
	background: #373D41
}
.experience-zone .module-wrap .slide-container {
	position: relative;
	max-width: 1300px;
	height: 420px
}
.experience-zone .module-wrap .slide-container .slide-btn, .experience-zone .module-wrap .slide-container .slide-btn-panel {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50px;
	border: 0;
	outline: 0;
	cursor: pointer;
	background: 0 0
}
.experience-zone .module-wrap .slide-container .slide-btn i, .experience-zone .module-wrap .slide-container .slide-btn-panel i {
	display: inline-block;
	font-size: 25px;
	color: #fff;
	cursor: pointer;
	opacity: .7
}
.experience-zone .module-wrap .slide-container .slide-btn-panel:hover i, .experience-zone .module-wrap .slide-container .slide-btn:hover i {
	opacity: 1
}
.experience-zone .module-wrap .slide-container .slide-btn-panel.left-btn, .experience-zone .module-wrap .slide-container .slide-btn.left-btn {
	left: 0
}
.experience-zone .module-wrap .slide-container .slide-btn-panel.right-btn, .experience-zone .module-wrap .slide-container .slide-btn.right-btn {
	right: 0
}
.experience-zone .module-wrap .slide-container .slide-btn-panel {
	display: none
}
.experience-zone .module-wrap .slide-container .slide-btn-panel .btn-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #161A1D;
	opacity: .3;
	display: none
}
.experience-zone .module-wrap .slide-container:hover .slide-btn-panel, .experience-zone .module-wrap .slide-container:hover .slide-btn-panel .btn-bg {
	display: block
}
.experience-zone .module-wrap .slide-container .slide-body {
	position: relative;
	overflow: hidden;
	height: 420px;
	
}
.experience-zone .module-wrap .slide-container .slide-body .slide-content {
	position: absolute;
	overflow: hidden;
	left: 0;
	top: 0
}
.experience-zone .module-wrap .slide-container .slide-body .slide-content .slide-item {
	float: left;
	position: relative;
	color: #000;
	font-size: 0;
	text-align: center;
	cursor: pointer
}
.experience-zone .module-wrap .slide-container .slide-body .slide-content .slide-item .item-bg {
	width: 100%;
	height: 100%
}
.experience-zone .module-wrap .slide-container .slide-body .slide-content .slide-item .mask {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}
.experience-zone .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .bg {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #161A1D;
	opacity: .6;
	transition: all .4s cubic-bezier(.4, 0, .2, 1)
}
.experience-zone .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .bg.other-bg {
	opacity: .82
}
.experience-zone .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content {
	position: absolute;
	left: 0;
	right: 0;
	top: 100px;
	bottom: 0;
	transition: all .4s cubic-bezier(.4, 0, .2, 1)
}
.experience-zone .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .line-panel {
	padding: 0;
	margin: 20px 0 0;
	font-size: 0;
	line-height: 0;
	transition: all .4s cubic-bezier(.4, 0, .2, 1)
}
.experience-zone .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .line-panel .item-line {
	width: 20px;
	height: 2px;
	background: #fff;
	display: inline-block;
	opacity: 1;
	transition: all .4s cubic-bezier(.4, 0, .2, 1)
}
.experience-zone .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel {
	position: relative;
	width: 21%;
	height: 78px;
	display: inline-block
}
.experience-zone .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel .item-img, .experience-zone .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel .item-img-hover {
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	display: inline-block;
	opacity: 1;
	transition: all .4s cubic-bezier(.4, 0, .2, 1)
}
.experience-zone .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-desc, .experience-zone .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel .item-img-hover, .experience-zone .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-link {
	opacity: 0;
	transition: all .4s cubic-bezier(.4, 0, .2, 1)
}
.experience-zone .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-title {
	color: #fff;
	font-size: 22px;
	line-height: 24px;
	margin: 24px 0 0;
	padding: 0;
	transition: all .4s cubic-bezier(.4, 0, .2, 1)
}
.experience-zone .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-desc {
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin-top: 30px;
	padding: 0 23px;
	line-height: 24px;
	height: 72px
}
.experience-zone .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-link {
	display: inline-block;
	border: 1px solid #fff;
	width: 120px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	margin-top: 62px
}
.experience-zone .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-link:hover {
	color: #00C1DE;
	background: #fff
}
.experience-zone .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .bg.other-bg {
	opacity: .9
}
.experience-zone .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content {
	top: 13%
}
.experience-zone .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-img-panel .item-img {
	opacity: 0
}
.experience-zone .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-img-panel .item-img-hover {
	opacity: 1
}
.experience-zone .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .line-panel {
	margin-top: 10px
}
.experience-zone .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .line-panel .item-line {
	opacity: 0
}
.experience-zone .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-title {
	margin-top: 12px
}
.experience-zone .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-desc, .experience-zone .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-link {
	opacity: 1
}
.experience-zone .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-desc {
	margin-top: 22px
}
.experience-zone .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-link {
	margin-top: 14%
}
.experience-zone .slide-item {
	width: 25%
}
.experience-zone .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .bg {
	background: #00c2de;
	opacity: .9!important
}

.focus{height:435px;overflow:hidden;position:relative;}
/* focus_s */
.focus_s{position:absolute;left:50%;bottom:5%;height:13px;overflow:hidden;width:110px;z-index:9;margin:0 0 0 -30px;}
.focus_s li{float:left;cursor:pointer;height:13px;width:12px;overflow:hidden;margin-right:10px;background: url(../images/dian.png) no-repeat;}
.focus_s li.active{background-position:-12px 0;}
/* focus_m */
.focus_m ul{opacity:1;filter:alpha(opacity=100);}
.focus_m li{width:100%;height:435px;position:absolute;top:0;left:0;}
/* focus_l focus_r */
.focus_l,.focus_r{position:absolute;display:block;width:50px;height:75px;overflow:hidden;z-index:2;top:150px;}
.focus_l{left:0;}
.focus_r{right:0;}
.focus_l b,.focus_r b{position:absolute;z-index:1;display:block;width:50px;height:75px;overflow:hidden;background:#000;opacity:0.3;filter:alpha(opacity=30);cursor:pointer;}
.focus_l span,.focus_r span{display:inline-block;position:relative;z-index:2;width:22px;height:33px;top:21px;cursor:pointer; margin-right:28px;}
.focus_l span{left:12px;background-image:url(../images/l.png);_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/l.png');}
.focus_r span{left:16px;background:url(../images/r.png) 0 0 no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/r.png');}
.focus_l:hover b,.focus_r:hover b{opacity:0.5;filter:alpha(opacity=50);}

.index_case { width:1300px; height:320px; margin:50px auto;  z-index:9999; position:relative}
.index_case img { width:322px; height:153px; float:left; margin:83px 100px 84px 50px}
.case_content { width:680px; height:320px; line-height:30px; font-size:14px;overflow-x:hidden; overflow-y:visible; color:#FFF; float:right; margin:auto 50px}
.case_content a { font-size:14px; color:#FFF}

.index_link { width:1300px; margin:20px auto 140px auto; padding:0}
.index_link ul { width:1300px; margin:0 auto; padding:0}
.index_link li{ width:200px; height:80px; float:left; margin:5px;}
.index_link li  img{ width:200px; height:80px;}
.index_link li a:hover img{ width:200px; height:80px;opacity:0.6;filter:alpha(opacity=60);}

#bootom { width:100%; height:250px; background:url(../images/bottom_bg.jpg) repeat-x; float:left; margin-top:20px;}
#nv_bt { width:1300px; height:105px; margin:20px auto; padding:0;}
#nv_bt ul{ width:1300px; height:105px; margin:0 auto; padding:0}
#nv_bt li{ width:300px; height:105px; line-height:105px; color:#666; font-size:14px; font-weight:bold; float:left; margin:auto 10px;}
#banquan { width:1300px; height:100px; line-height:40px; text-align:center; margin:10px auto; color:#666; font-size:14px; font-weight:bold; border-top:1px solid #999}
#banquan a {color:#666; font-size:14px; font-weight:bold}
#banquan a:hover {color:#fff; font-size:14px; font-weight:bold}

/*微信页面开始*/
.weixin_banner { width:100%; height:600px; float:left}
.weixin_title { width:100%; height:65px; line-height:35px; margin:40px auto 10px auto; font-size:36px; font-weight:bold; color:#000; text-align:center}
.weixin_title span { font-style:normal; font-size:18px; font-weight:normal; text-align:center;}
.weixin_pic1 { width:1010px; height:430px; margin:0 auto}
.weixin_pic1 img{ width:1010px; height:430px;}

/*wifi页面开始*/
.wifi_title { width:1300px; height:45px; line-height:45px; font-size:18px; font-weight:bold; margin:10px auto;}
.wifi_title span{ float:right; font-weight:normal;; font-size:12px}
.wifi_title span a{ font-weight:normal;; font-size:12px; color:#666}
.wifi_title span a:hover{ font-weight:normal;; font-size:12px; color:#f00}
#wifi_pro { width:1300px; margin:10px auto; padding:0}
#wifi_pro ul{ width:1300px; margin:0 auto; padding:0}
#wifi_pro li{ width:300px; height:235px; float:left; background:#dedede; display:block; margin:auto 12px;}
#wifi_pro li img{ width:300px; height:210px;}
#wifi_pro li span{ width:300px; height:35px; float:left; display:block; background:#06C; font-size:16px; color:#fff; font-weight:bold; bottom:0; position:relative}
#wifi_pro li span a{ font-size:16px; color:#fff; font-weight:bold; text-align:center; display:block; bottom:0; position:relative}
#wifi_pro li span a:hover{ font-size:16px; color:#ff0; }
.top20 { margin-top:20px;}
#wifi_case { width:1300px; margin:10px auto; padding:0}
#wifi_case ul { width:1300px; margin:0 auto; padding:0}
#wifi_case li{ width:400px; height:145px; float:left; margin:10px;}
#wifi_case li p { font-size:18px; color:#06F; font-weight:bold}
#wifi_case li p a{ font-size:18px; color:#06F; font-weight:bold}
#wifi_case li p a:hover{ font-size:18px; color:#f00; font-weight:bold}
#wifi_case li span { line-height:24px; font-size:12px; color:#666}

/*sms页面开始*/
#sms_bg { width:100%; height:760px; background:url(../images/sms_bg.jpg) no-repeat center; float:left; z-index:-9; color:#FFF}
.sms_youshi { width:790px; height:300px; background:#00c1de; float:right; z-index:99999}
.sms_youshi ul{ width:790px; height:300px; margin:0; padding:0}
.sms_youshi li{ width:395px; height:150px; float:left; color:#FFF; font-size:14px}
.sms_youshi li span{ float:left; width:56px; height:56px; margin:48px 30px;}
.sms_youshi li p { font-size:18px; font-weight:bold; float:right; width:265px; height:120px; padding:5px; margin-top:20px;}
.sms_youshi li i { font-size:14px; font-style:normal; font-weight:normal}
#sms_text { width:660px; height:240px; margin-top:10%; margin-left:10%}
#sms_title { font-size:36px; font-weight:bold; line-height:45px; float:left;}
#sms_content { font-size:14px; float:left}
#sms_button { width:300px; height:45px; margin:0; padding:0}
#sms_button ul{ width:300px; height:45px; margin:0; padding:0}
#sms_button li{ width:120px; height:45px; line-height:45px; border:1px solid #fff; float:left; text-align:center; font-size:14px; font-weight:bold; color:#FFF; margin:20px 10px;}
#sms_button li a{ font-size:14px; font-weight:bold; color:#FFF}
#sms_button li a:hover{ font-size:14px; font-weight:bold; color:#FFF;background:#00c1de; display:block}
#sms_tool  { width:1300px; height:auto; margin:20px auto;}
#sms_tool ul { width:1300px; height:auto; margin:0px auto; padding:0}
#sms_tool li { width:400px; float:left; font-size:16px; font-weight:bold; border-right:1px solid #ddd; color:#000; text-align:center}
#sms_tool li a{  font-size:16px; font-weight:bold; color:#000}
#sms_tool li a:hover{  font-size:16px; font-weight:bold; color:#00c1de}
#sms_tool li span{font-size:12px; font-weight:normal; color:#666}

/*内容页面开始*/
#second_banner { width:100%; height:300px; float:left; background:url(../images/second_banner.jpg) no-repeat center}
#second_xue { width:1300px; height:40px; float:left; color:#00c1de; border-bottom:1px solid #ddd; margin:20px auto 10px auto;}
#second_xue a { color:#00c1de}
#second_xue a:hover { color:#f00}
#second_xue span { color:#00c1de; font-size:16px; font-weight:bold}

.listpage {clear: both;text-align: center;}
.xiaocms-page { padding:14px 0 10px;font-family:\5b8b\4f53; margin-right: 10px;}
.xiaocms-page a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px;margin-left: 1px;}
.xiaocms-page a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
.xiaocms-page span { display:inline-block; height:22px;padding:0 10px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;margin-left: 1px; }

#online_service_bar {
	font-size:12px;
	color:#555;
	font-family:"Microsoft YaHei", Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;
}
#online_service_bar a {
	color:#555;
	text-decoration: none;
}
#online_service_bar a:hover {
	color:#E21F2B;
	text-decoration: none;
}
#online_service_bar img {
	border:none;
	vertical-align: middle;
}
#online_service_bar dl, #online_service_bar dd, #online_service_bar ul, #online_service_bar li {
	margin:0;
	padding:0;
	list-style:none;
}
/*在线客服边栏*/
#online_service_bar {
	font-size:12px;
	color:#555;
	font-family:"Microsoft YaHei", Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;
}
#online_service_bar a {
	color:#555;
	text-decoration: none;
}
#online_service_bar a:hover {
	color:#E21F2B;
	text-decoration: none;
}
#online_service_bar img {
	border:none;
	vertical-align: middle;
}
#online_service_bar dl, #online_service_bar dd, #online_service_bar ul, #online_service_bar li {
	margin:0;
	padding:0;
	list-style:none;
}
/*在线客服边栏*/
#online_service_bar {
	position:absolute;
	top:-150px;
	right:0;
	overflow:hidden;
	z-index:1001;
}
#online_service_fullbar {
	display:none;
	width:138px;
	padding-bottom:10px;
	background:url(../images/footer.gif) no-repeat left bottom;
}
.service_bar_head {
	text-indent: -9999px;
	width:138px;
	height:58px;
	position:relative;
	background:url(../images/header.gif) no-repeat left top;
}
.service_bar_main {
	width:auto;
	padding:5px 12px;
	background:url(../images/main.gif) repeat-y left top;
}
#service_bar_close {
	position:absolute;
	width:35px;
	height:35px;
	top:0;
	right:0;
	cursor:pointer;
	display:block;
	text-indent: -9999px;
}
/*在线客服边栏收缩状态*/
#online_service_minibar {
	margin-top:150px;
	width:23px;
	height:80px;
	background:url(../images/mini.gif) no-repeat right top;
	display:none;
	cursor: pointer;
}
/*客服菜单列表*/
.service_menu {
	font-size:12px;
	width:106px;
	overflow:hidden;
}
.service_menu li {
	width:106px;
	display:inline;
	overflow:hidden;
}
.service_menu li dt {
	text-align:left;
	margin-bottom:5px;
	padding:8px 10px 6px 10px;
*padding:9px 10px 5px 10px;
	background:url(../images/menu.gif) no-repeat top center;
	cursor: pointer;
}
.service_menu li dd {
	display:none;
	text-align:center;
}
.service_menu li dd a img {
	margin-bottom:5px;
}
.service_menu li.hover dt {
	color:#E21F2B;
}
.service_menu li.hover dd {
	padding:5px 0;
	line-height:20px;
}
.qq_btn {
	display:block;
	padding:4px;
}
.service_tel {
	font-size:12px;
	font-family:"Microsoft YaHei", Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;
	padding-left:22px;
	height:28px;
	line-height:28px;
	background:url(../images/tel.png) no-repeat 5px center;
}

.wapper{width:1580px;height:auto;margin:20px auto;overflow:hidden;} 
		
.wapper ul{margin-top:30px;}		

.wapper li{float:left; margin-right: 30px; margin-bottom: 20px; width:350px;height:350px;background-color:#f1f1f1;color:#fff;text-align:center;font-weight:bold;display:inline-block; overflow: hidden}
.wapper li img { width:350px; height:250px !important;cursor: pointer;transition: all 0.6s;}

.wapper li .pic{margin:0 0 30px 0;width:350px; height:250px !important; display: block; overflow: hidden}
.wapper li .title{margin:0 10px 2px}
.wapper li .title a{color:#333;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;_zoom:1}
.wapper li .desc{margin:0 10px 10px; font-size:12px; font-weight:normal; line-height:24px;text-align:center; _zoom:1;color:#b0b0b0}	
.wapper li .price{margin:10px 10px 14px;color:#39F; font-size:14px; font-weight:normal}	
		
.wapper li{
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	
}


.wapper li img:hover {
	 -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}
.wapper li:hover {

	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	-webkit-box-shadow:0px 5px 15px #e5e5e5;
    -moz-box-shadow:0px 5px 15px #e5e5e5;
    box-shadow:0px 5px 15px #e5e5e5;
}

/*运营方法论*/
.infotitle{
    width:100%;
    height:620px;
    background:rgba(255,255,255,1);
    opacity:1;
    overflow: hidden;
}
.infotitle .pt{
   width: 80%;
   margin: 80px 0 0 10%;
    text-align: center;
    font-size:36px;
    font-family:font_SNheiti;
    font-weight:800;
    color:rgba(60,60,60,1);
    opacity:1;
}
.infotitle ul{
    width: 80%;
    margin: 50px 0 50px 10%;
}
.infotitle li{
    width: 18%;
    margin: 0 1%;
    height: 280px;
    background:rgba(245,245,245,1);
    float: left;
    position: relative;
}
.infotitle li:hover{
    background:rgba(41,141,144,1);
    cursor: pointer;
}
.infotitle li:hover .p1{
    color:rgba(255,255,255,1);
}
.infotitle li:hover .p2{
    color:rgba(255,255,255,1);
}
.infotitle li:hover .p3{
    color:rgba(255,255,255,1);
}
.infotitle .p1{
    width:100%;
    text-align: center;
    font-size:38px;
    font-family:font_SNheiti;
    font-weight:800;
    color:rgba(109,109,109,1);
    opacity:1;
    position: absolute;
    left: 0px;
    top: 15%;
}
.infotitle .p2{
    width:100%;
    text-align: center;
    font-size:24px;
    font-family:font_SNheiti;
    font-weight:800;
    line-height:42px;
    color:rgba(109,109,109,1);
    opacity:1;
    position: absolute;
    left: 0px;
    top: 36%;
}
.infotitle .p3{
    width:90%;
    margin-left: 5%;
    text-align: center;
    font-size:17px;
    font-family:font_SNheiti;
    font-weight:400;
    line-height:23px;
    color:rgba(150,150,150,1);
    opacity:1;
    position: absolute;
    left: 0px;
    top: 62%;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

/*运营方法论end*/

/*我们的案例*/
.ourcase{
    background:rgba(248,248,248,1);
    overflow: hidden;
	padding-bottom:30px;
}
.ourcase .casetitel1{
    width: 90%;
    margin: 80px 0 0 5%;
    text-align: center;
    font-size:36px;
    font-family:font_SNheiti;
    font-weight:800;
    color:rgba(60,60,60,1);
    opacity:1;
}
.ourcase .showtitle{
    width: 80%;
    margin: 50px 0 50px 10%;
    overflow: hidden;
}
.ourcase .showtitle li{
    width: 31%;
    margin: 0 1.15%;
    height: 670px;
    background:rgba(255,255,255,1);
    float: left;
    overflow: hidden;
    position: relative;

}
.showtitle li .div_1{
    width: 99%;
    margin: 0.5%;
    height: 240px;
    background:rgba(245,245,245,1);
    overflow: hidden;
    position: relative;
}
.showtitle .p1{
    width:90%;
    margin: 20px 0 0 5%;
    font-size:42px;
    font-family:font_SNheiti;
    font-weight:bold;
    line-height:40px;
    color:rgba(60,60,60,1);
    opacity:1;
    overflow: hidden;
}

.showtitle .p2{
    width:90%;
    margin: 20px 0 0 5%;
    font-size:14px;
    font-family:font_SNheiti;
    font-weight:400;
    line-height:23px;
    color:rgba(109,109,109,1);
    opacity:1;
    overflow: hidden;
}

.showtitle .p3{
    width:90%;
    margin: 3px 0 0 5%;
    font-size:14px;
    font-family:font_SNheiti;
    font-weight:400;
    line-height:23px;
    color:rgba(109,109,109,1);
    opacity:1;
    overflow: hidden;
}

.showtitle .p4{
    width:90%;
    margin: 20px 0 0 5%;
}
.showtitle .p4 .i1{
    width:158px;
    height:52px;
    font-size:52px;
    font-family:font_SNheiti;
    font-weight:800;
    color:rgba(41,141,144,1);
    opacity:1;
}
.showtitle .p4 .i2{
    width:38px;
    height:17px;
    font-size:16px;
    font-family:font_SNheiti;
    font-weight:400;
    color:rgba(41,141,144,1);
    opacity:1;
}

.showtitle li .div_2{
    width: 99%;
    margin: 0.5%;
    height: auto;
    overflow: hidden;
    position: relative;
    padding-top: 10px;
}
.showtitle li .div_2 p{
    width: 90%;
    margin: 10px 0 0 5%;
    font-size:14px;
    font-family:font_SNheiti;
    font-weight:400;
    color:rgba(109,109,109,1);
    opacity:1;
}
.showtitle li span{
    width: 85%;
    text-align: center;
    color:rgba(41,141,144,1);
    background:rgba(255,255,255,1);
    border:1px solid rgba(41,141,144,1);
    font-size:16px;
    font-family:font_SNheiti;
    font-weight:400;
    padding: 8px;
    margin: 0 auto;
    display: block;
}
.showtitle li span a{
	color:rgba(41,141,144,1);
}
.showtitle li span:hover{
    color:#FFFFFF;
    background:rgba(41,141,144,1);
    cursor: pointer;
}
.showtitle li span:hover a{
    color:#FFFFFF;
}
.ourcase .centretitle{
    width: 100%;
    text-align: center;
    font-size:36px;
    font-family:font_SNheiti;
    font-weight:800;
    line-height:44px;
    color:rgba(60,60,60,1);
    opacity:1;
    margin: 20px auto;
}

.ourcase_listBox{
    width: 80%;
    margin: 40px 10% 20px 10%;
    overflow: hidden;
}
.ourcase_list{
    width: 100%;
    overflow: hidden;
}
.ourcase_list li{
    width: 30.3%;
    /*height:409px;*/
    margin:1.5%;
    float: left;
    text-align: center;
}
/*.ourcase_list li:hover{*/
    /*box-shadow:0px 0px 10px rgba(0,0,0,0.16);*/
    /*background:rgba(255,255,255,1);*/
/*}*/
.ourcase_list li span{
    display: -ms-flex; /* 兼容IE */
	display: flex;
    display:-webkit-flex;
    align-items: center;
    width: 100%;
    padding-top: 65%;
    /*height: 50%;*/
    overflow: hidden;
    position: relative;
}

.ourcase_list li span img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top:0px;
    display: block;
    margin: 0 auto;
    transition: 600ms;

}
.ourcase_list li:hover span img{
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);

}
.ourcase_list li h1{
    width: 90%;
    height:32px;
    font-size:22px;
    font-family:font_SNheiti;
    font-weight:bold;
    line-height:24px;
    color:rgba(60,60,60,1);
    opacity:1;
    text-align: left;
    margin-left: 5%;
}
.ourcase_list li p{
    width:90%;
    /*height:24px;*/
    font-size:12px;
    font-family:font_SNheiti;
    font-weight:400;
    line-height:24px;
    color:rgba(168,168,168,1);
    opacity:1;
    margin-left: 5%;
    text-align: left;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.casedes{
    padding: 10px 0;
    height: 80px;
    background:rgba(255,255,255,1);
    opacity:1;
    overflow: hidden;
}
.casedes img{
    width: auto;
    height: 24px;
    float: left;
    display: block;
    overflow: hidden;
    margin-left: 5%;
    margin-right: 2%;
}


/*我们的案例end*/

.banner {width:100%; height: auto; margin: 20px auto}

.banner .p1{
    width:80%;
    margin: 100px 0 0 10%;
    text-align: center;
    font-size:56px;
    font-family:font_SNheiti;
    font-weight:800;
    line-height:70px;
    color:rgba(60,60,60,1);
    opacity:1;
    overflow: hidden;
}

  .banner .p1{
        font-size: 46px;
    }

.banner .info{
    width:72%;
    font-size:20px;
    font-family:font_SNheiti;
    font-weight:400;
    line-height:40px;
    color:#3C3C3C;
    opacity:0.81;
    display: block;
    text-align: center;
    margin: 50px 0 0 15%;
    overflow: hidden;
    /*-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;*/
}


/*时间轴*/
.barcontent{
    width: 100%;
    height: 500px;
    position: relative;
}
.barcontent .bar_con{
    width: 15%;
    height: 80px;
    /*overflow: hidden;*/


}
.barlocal_1{
    position: absolute;
    left: 5%;
    bottom:20%;
}
.barlocal_2{
    position: absolute;
    left: 20%;
    top:13%;
}
.barlocal_3{
    position: absolute;
    left: 35%;
    bottom:20%;
}
.barlocal_4{
    position: absolute;
    left: 49%;
    top:13%;
}
.barlocal_5{
    position: absolute;
    left: 64%;
    bottom:20%;
}
.barlocal_6{
    position: absolute;
    left: 79%;
    top:13%;
}
.barlocal_7{
    position: absolute;
    left: 71%;
    bottom:20%;
}
.barlocal_8{
    position: absolute;
    left: 82%;
    top:13%;
}
.barcontent .bar_con h1{
    width: 100%;
    font-size:24px;
    font-family:font_SNheiti;
    font-weight:bold;
    line-height:30px;
    color:rgba(60,60,60,1);
    opacity:1;
    text-align: center;
}
.barcontent .bar_con p{
    width: 100%;
    font-size:14px;
    font-family:font_SNheiti;
    font-weight:400;
    line-height:24px;
    color:rgba(109,109,109,1);
    opacity:1;
    margin-top: 25px;
	text-align:center;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
/*border-bottom:1px solid rgba(41,141,144,1);*/
.barcontent ul{
    width: 90%;
    position: absolute;
    left: 5%;
    top: 45%;
}

.barcontent ul li{
    width: 3.5%;
    padding-top:4%;
    float: left;
    margin: 0 6.5%;
    position: relative;

}
.barcontent ul li div{
    width: 100%;
    height: 100%;
    background: #fff url("../images/quan.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0px;
    top:0px;

}
.barcontent ul li div i{
   width: 8px;
    height: 14px;
    margin-left: -12px;
    margin-top: -10px;
    left: 50%;
    top: 50%;
    position: absolute;
    font-family: font_SNheiti;
    color: rgba(41,141,144,1);
    font-size: 18px;

}
.barcontent ul .xuxian{
    width: 100%;
    position: absolute;
    border-bottom: 1px dashed rgba(41,141,144,1);
    top: 50%;
    z-index: -1;
    margin-top: 2px;
}
.barcontent ul .xuxian .span_1{
    width: 6px;
    height: 6px;
    display: block;
    border: 1px solid rgba(41,141,144,1);
    border-radius:6px;
    position: absolute;
    top: -4px;
    left: 0px;
    background: white;
}
.barcontent ul .xuxian .span_2{
    width: 6px;
    height: 6px;
    display: block;
    border: 1px solid rgba(41,141,144,1);
    border-radius:6px;
    position: absolute;
    top: -4px;
    right: 0px;
    background: rgba(41,141,144,1);
}
/*时间轴end*/

#wechat_banner {width:100%; height: 800px; background: url("../images/wechat_banner.jpg") no-repeat center; float: left}
#douyin_banner {width:100%; height: 800px; background: url("../images/douyin_banner.jpg") no-repeat center; float: left}
#top40 {width:100%; height: 40px; line-height: 40px; float: left}

#abouts_banner {width:100%; height: 600px; background: url("../images/abouts.jpg") no-repeat center; float: left; margin: 0; padding: 0}