/*全局字体样式样式开始*/
body {
    background-color:#ffffff;
	margin: 0;
	padding: 0;
	color:#111111;
	letter-spacing:0.5px;
}

ol, ul {list-style: none; }



/*全局栅格去掉边距样式开始*/
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}



/*页面内容宽度及样式开始*/
.container {
    padding-right: 0px !important;
    padding-left: 0px !important;
	width:100% !important;
}

@media (max-width: 768px){
	.container-xs {
		padding-right: 15px !important;
		padding-left: 15px !important;
		width:100% !important;
	}
}



/*回顶部按钮*/
.backtop{
	position:fixed;
	bottom:15px;
	right:15px;
	z-index:9999;
	background-color:rgba(255,255,255,0.7);
	padding:20px;
	display:none;
}

.backtop:hover {
	background-color:rgba(220,244,248,0.4);
}



/*首页导航样式大屏开始*/
.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1005;
	height: 90px;
	line-height: 24px;
	-webkit-transition: 400ms;
	transition: 400ms;
}

.header a {color: #fff;}

.header .logo {
	float:left;
	margin-left:18%;
	width: 60px;
	height: 60px;
	overflow: hidden;
	margin-top: 10px;
	-webkit-transition: 400ms;
	transition: 400ms;
}

@media (max-width: 768px){
	.header .logo {margin-left:30px;}
}

.header .logo .lgImg {
	display:block;
	width:100%;
}

.header .logo .lg-1 {
	-webkit-transition: 400ms;
	transition: 400ms;
}

.header .nav {
	float:right;
	margin-right:18%;
	margin-top: 25px;
	-webkit-transition: 400ms;
	transition: 400ms;
}

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

.nav li > a {
	display: block;
	position: relative;
	font-size:1.3em !important;
	padding: 10px 0;
}

.nav li > a:before {
	content: "";
	position: absolute;
	left: auto;
	right: 0;
	bottom: 0;
	width: 0;
	background: #01dcff;
	border-radius:5px;
	-webkit-transition: 600ms;
	transition: 600ms;
	height: 3px;
}

.nav li > a:hover, .nav li > a.act {
	color: #01dcff;
	text-decoration: none;
	background-color: transparent !important;
}

.nav li > a:hover:before, .nav li > a.act:before {
	left: 0;
	right: auto;
	width: 100%;
}

.sheader {
	background: #fff;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.sheader a { color: #333; }

.sheader .logo {margin-top:15px;}

.sheader .logo .lg-1 { margin-top: -60px; }

.sheader .nav { margin-top: 19px; }

.sheader .nav li > a:before {
	content: "";
	position: absolute;
	left: auto;
	right: 0;
	bottom: 0;
	width: 0;
	background: #1a4daf;
	border-radius:5px;
	-webkit-transition: 600ms;
	transition: 600ms;
	height: 3px;
}

.sheader .nav li > a:hover, .sheader .nav li > a.act { color: #1a4daf; }

.sheader .nav li > a:hover:before, .sheader .nav li > a.act:before {
	color: #1a4daf;
	left: 0;
	right: auto;
	width: 100%;
}

.head-wx {
	background-image:url(images/wx-head.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	width:100px;
	height:100px;
	opacity:0;
    filter: alpha(opacity=0);
	position:absolute;
	transition: 0.8s;
	-webkit-transition: 0.8s;
}

.headwx:hover .head-wx {
	width:100px;
	height:100px;
	opacity:1;
    filter: alpha(opacity=1);
}



/*首页导航样式小屏开始*/
.carousel {z-index:-1;}

.indicator {display:none;}

.menuzord {z-index:9999;}

@media (max-width: 768px){
    .menuzord-menu > li {height: auto;}
	.indicator {display:block;}
}

@media (max-width: 768px){
	.menuzord-menu > li {height: auto;}
}

@media (max-width: 768px){
	.menuzord-brand {
		width:40px !important;
		height:40px !important;
		margin:10px !important;
	}
}

@media (max-width: 768px){
	.menuzord .showhide em {
		background:#00acff;
		width: 30px;
		height: 4px;
	}
}



/*首页相关样式开始*/
.margin-top100 {margin-top:100px;}
.margin-top50 {margin-top:50px;}
.margin-top30 {margin-top:30px;}
.margin-top20 {margin-top:20px;}
.margin-top10 {margin-top:10px;}
.margin-bottom50 {margin-bottom:50px;}
.margin-bottom30 {margin-bottom:30px;}
.margin-bottom20 {margin-bottom:20px;}
.margin-bottom10 {margin-bottom:10px;}



/*首页公司概况样式*/
.pro-bg {
	background-image:url(images/pro-bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	height:410px;
	margin-top:100px;
}

@media (max-width: 768px){
	.pro-bg {
		background-position:center center;
		height:200px;
		margin-top:50px;
		}
}

.pro-t {
	font-size:3em;
	margin-top:100px;
	display:block;
	text-align:center;

}

@media (max-width: 768px){
	.pro-t {
		font-size:2em;
		margin-top:50px;
	}
}


.pro-line {
	display:block;
	width:100px;
	height:4px;
	background-color:#1a4daf;
	margin:20px auto 0px;
}

.pro-con {
	font-size:1.4em;
	line-height:30px;
	margin-top:40px;
	display:block;
	text-align:left;
	color:#5e5e5e;
}

.pro-more {
	margin-top:30px;
	display:block;
	text-align:center;
}

.pro-more .fa {
	font-size:0.875em !important;
	margin-left:10px;
}

.pro-more a {
	color:#0038a5;
	font-size:1.25em;
}

.pro-more a:hover {
	text-decoration:underline;
	color:#01dcff;
}



/*首页技术与产品样式*/
.produ-bg {
	background-image:url(images/produ-bg.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	height:500px;
	text-align:center;
}

.produ-con {
	font-size:1.8em;
	color:#5e5e5e;
	line-height:40px;
	width:950px;
	margin:40px auto 0px;
	display:block;
}

@media (max-width: 768px){
	.produ-con {
		font-size:1.5em;
		width:auto;
	}
}



/*首页技术与产品四大业务样式*/
.produ-bg1 {
	background-image:url(images/produ-bg1a.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	height:580px;
	text-align:center;
	overflow:hidden;
	position:relative;
}

@media (max-width: 768px){
	.produ-bg1 {height:400px;}
}

.block-pic {
	position:absolute;
	background-image:url(images/block-pic1.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	bottom:20px;
	left:0;
	right:0;
	top:0px;
	overflow:hidden;
	transition: 400ms;
	-webkit-transition: 400ms;
}

@media (max-width: 768px){
	.block-pic {
		background-image:url(images/block-pic1xs.png);
	}
}

.produ-bg1:hover .block-pic{
	bottom:40px;
	top:0px;
}

.produ-bg2 {
	background-image:url(images/produ-bg2.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	height:580px;
	text-align:center;
}

@media (max-width: 768px){
	.produ-bg2 {
		background-position:center center;
		height:400px;
	}
}

.block-pic2 {
	position:absolute;
	background-image:url(images/block-pic2.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	bottom:80px;
	left:0;
	right:0;
	top:0px;
	transition: 400ms;
	-webkit-transition: 400ms;
}

@media (max-width: 768px){
	.block-pic2 {bottom:20px;}
}

.block-pic2a {
	position:absolute;
	background-image:url(images/block-pic2a.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	bottom:0px;
	left:0;
	right:0;
	top:0px;
}

@media (max-width: 768px){
	.block-pic2a {bottom:-120px;}
}

.block-pic2b {
	position:absolute;
	background-image:url(images/block-pic2b.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	bottom:10px;
	left:0;
	right:0;
	top:0px;
	transition: 400ms;
	-webkit-transition: 400ms;
}

@media (max-width: 768px){
	.block-pic2b {bottom:-60px;}
}

.produ-bg2:hover .block-pic2{
	bottom:100px;
	top:0px;
	left:20px;
}

.produ-bg2:hover .block-pic2b{
	bottom:30px;
	left:-20px;
	top:0px;
}

.produ-bg3 {
	background-image:url(images/produ-bg3.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	height:580px;
	text-align:center;
	overflow:hidden;
}

@media (max-width: 768px){
	.produ-bg3 {
		background-position:left top;
		height:400px;
	}
}

.block-pic3 {
	position:absolute;
	background-image:url(images/block-pic3.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	bottom:-20px;
	left:0;
	right:0;
	top:0px;
	transition: 400ms;
	-webkit-transition: 400ms;
}

@media (max-width: 768px){
	.block-pic3 {background-position:center center;}
}

.produ-bg3:hover .block-pic3 {
	bottom:0px;
	top:0px;
}

.produ-bg4 {
	background-image:url(images/produ-bg4.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	height:580px;
	text-align:center;
	overflow:hidden;
}

@media (max-width: 768px){
	.produ-bg4 {
		background-position:left center;
		height:400px;
	}
}

.block-pic4 {
	position:absolute;
	background-image:url(images/block-pic4.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	bottom:-20px;
	left:0;
	right:0px;
	top:0px;
	transition: 400ms;
	-webkit-transition: 400ms;
}

@media (max-width: 768px){
	.block-pic4 {background-position:center center;}
}

.produ-bg4:hover .block-pic4 {
	bottom:0px;
	top:0px;
}

.produ-clst {
	font-size:2.14em;
	margin-top:100px;
	display:block;
	text-align:center;
	font-weight:bold;
	color:#3f3f3f;
}

@media (max-width: 768px){
	.produ-clst {margin-top:50px;}
}

.produ-clscon {
	font-size:1.4em;
	color:#5e5e5e;
	line-height:30px;
	margin:20px auto;
	display:block;
}

.produ-clsmore {
	position:relative;
	margin-top:20px;
	display:block;
	text-align:center;
}

.produ-clsmore .fa {
	font-size:0.75em !important;
	margin-left:5px;
}

.produ-clsmore a {
	color:#0038a5;
	font-size:1.05em;
}

.produ-clsmore a:hover {
	text-decoration:underline;
	color:#01dcff;
}



/*首页典型案例样式*/
.cases-bg {
	background-color:#fff;
	text-align:center;
}

.cases-show {
	display:flex;
	width:762px;
	height: 210px;
	position:relative;
	margin:100px auto 0px;
	border-radius:10px 10px 0px 0px;
}

@media (max-width: 768px){
	.cases-show {
		width:auto;
		height:160px;
		margin:50px auto 0px;
	}
}

.cases-1 {
	width:25%;
	height:210px;
	background:rgba(255,255,255,0.3);
}

.cases-1:hover {background:rgba(255,255,255,0);}

.cases-2 {
	width:33%;
	height:210px;
	background:rgba(255,255,255,0.5);
}

.cases-2:hover {background:rgba(255,255,255,0);}

.cases-3 {
	width:42%;
	height:210px;
	background:rgba(255,255,255,0.7);
}

.cases-3:hover {background:rgba(255,255,255,0);}

.block {
	height:100%;
	z-index:1;
}

.bg {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	border-radius:10px 10px 0px 0px;
}

.block + .bg {
	opacity:0;
    filter: alpha(opacity=0);
	transition:all .8s ease-in-out 0s;
	-webkit-transition:all .8s ease-in-out 0s;
	-moz-transition:all .8s ease-in-out 0s;
	-ms-transition:all .8s ease-in-out 0s;
	-o-transition:all .8s ease-in-out 0s;

}

.block1 + .bg {
	background-image: url(images/cases-pic1.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	position:absolute;
	opacity:1;
    filter: alpha(opacity=1);
}

.block1:hover + .bg {
	background-image: url(images/cases-pic4.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	position:absolute;
	opacity:1;
    filter: alpha(opacity=1);
}

.block2:hover + .bg {
	background-image: url(images/cases-pic2.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	position:absolute;
	opacity:1;
    filter: alpha(opacity=1);
}

.block3:hover + .bg {
	background-image: url(images/cases-pic3.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	position:absolute;
	opacity:1;
    filter: alpha(opacity=1);
}

.cases-show span {
	color:#fff;
	font-weight:bold;
	font-size:1.5em;
	margin:90px auto;
	display:block;
	z-index:99;
	opacity:1;
    filter: alpha(opacity=1);
	transition: 400ms;
	-webkit-transition: 400ms;
}

@media (max-width: 768px){
	.cases-show span {
		font-size:1.15em;
		margin:80px auto;
	}
}



/*首页服务中心样式*/
.service-bg {
	background-color:#fafafa;
	text-align:center;
}

.service-pic {
	width:330px;
	height:265px;
	position:bottom center;
	display:block;
	margin:100px auto 0px;
}




/*首页新闻样式*/
.news-td {margin-top:40px;}

.news-size {
	width:85%;
	margin: 0 auto;
}

@media (max-width: 768px){
	.news-size {width:100%;}
}

.news-size div {overflow:hidden;}

.news-picbg img {
	border-radius:10px 10px 0px 0px;
	height:200px !important;
	background-size:cover;
	background-repeat:no-repeat;
}

@media (max-width: 768px){
	.news-picbg img {height:auto !important;}
}

.news-zibg {
	background-color:#fafafa;
	padding:25px !important;
	height:160px;
	border-radius:0px 0px 10px 10px;
	border:1px solid #ececec;
	border-top:none;
}

@media (max-width: 768px){
	.news-zibg {margin-bottom:30px;}
}

.news-tt {
	margin-bottom:10px;
	text-align:left !important;
	font-size:1.15em;
	font-weight:bold;
	color:#111111;
}

.news-tc {
	font-size:1em;
	color:#111111;
	text-align:left !important;
}


.news-de {
	margin-top:20px;
	color:#0038a5;
	font-size:0.875em;
	text-align:left !important;
}

.news-de .fa {
	font-size:0.75em !important;
	margin-left:5px;
}

.news-size img {
	transition: 0.8s;
	-webkit-transition: 0.8s;
}

.news-size:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.news-size .news-zibg {
	transition: 0.8s;
	-webkit-transition: 0.8s;
}

.news-size:hover .news-zibg {
	background:#fff;
	border-radius:0px 0px 0px 0px;
}

.news-size:hover .news-tt {color:#1f50b0;}

.news-size:hover .news-tc {color:#1f50b0;}

.news-arrow .fa {
	font-size:3em;
	color:#cccccc;
	border:2px solid #cccccc;
	border-radius:50%;
	width:75px;
	height:75px;
	padding-top:15px;
	margin-top:80%;
}

.news-arrow:hover .fa {
	background-color:#cccccc;
	color:#fff;
	cursor:pointer;
}



/*Flag样式*/
.flag {
	height:230px;
	margin-top:100px;
	background-image: url(images/flag.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

@media (max-width: 768px){
	.flag {
		height:100px;
		margin-top:30px;
		background-position:center center;
	}
}



/*首页联系样式*/
.contact {
	background-color:#fafafa;
	padding-bottom:50px;
}

.contact-t {
	margin-top:100px;
	font-size:1.8em;
	color:#3f3f3f;
}

@media (max-width: 768px){
	.contact-t {
		margin-top:30px;
		font-size:1.5em;
	}
}

.contact-add {
	font-size:1.4em;
	color:#5e5e5e;
	margin-top:10px;
}

@media (max-width: 768px){
	.contact-add {font-size:1.2em;}
}

.contact-h {height:170px;}

@media (max-width: 768px){
	.contact-h {height:140px;}
}

.contact-24h {
	margin-top:40px;
	padding:10px 20px 10px 20px;
	background-color:#4698ca;
	color:#fff;
	font-size:1em;
	font-weight:bold;
	display:block;
	width:50%;
}

@media (max-width: 768px){
	.contact-24h {
		margin-top:20px;
		width:50%;
	}
}

.contact-tel {
	font-size:1.15em;
	color:#5e5e5e;
	display:block;
	margin-top:10px;
}

.contact-wx {
	position:absolute;
	bottom:0px;
}

.contact-qq {
	position:absolute;
	bottom:0px;
}

.contact-map {
	width:345px;
	height:345px;
	background-image: url(images/map-1.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	transition: 0.8s;
	-webkit-transition: 0.8s;
	margin-top:50px;
}

@media (max-width: 768px){
	.contact-map {margin:30px auto 0px;}
}

.contact-map:hover {
	background-image: url(images/map-2.jpg);
	transition: 0.8s;
	-webkit-transition: 0.8s;
}


/*页脚样式*/
.copyright-bg {
	background:#0038a5;
	height:60px;
	line-height:60px;
}

@media (max-width: 768px){
	.copyright-bg {
		height:auto;
		line-height:30px;
		padding-top:20px;
		padding-bottom:20px;
	}
}

.copyright-zi {
	color:#fff;
	font-size:1.1em;
}

@media (max-width: 768px){
	.copyright-zi {
		text-align:center;
		font-size:0.9em;
	}
}

.copyright-oa {text-align:right !important;}

@media (max-width: 768px){
	.copyright-oa {
		text-align:center !important;
		background:#0038a5;
		font-size:0.9em;
	}
}

.mail-i {color:#fff;}

.mail-i a{
	color:#fff;
	font-size:1.1em;
	text-decoration:none;
}

.mail-i i{font-size:1.3em;}

.mail-i a:hover{
	color:#01dcff;
	text-decoration:underline;
}


.copyright-href {text-align:right !important;}

@media (max-width: 768px){
	.copyright-href {
		text-align:center !important;
		background:#0038a5;
	}
}

.copyright-href a{
	font-size:0.875em;
	color: #4562b4;
}



/*二级页Banner及子菜单样式*/
.subbanner {
	width:100%;
	background-size:cover;
	height:550px;
	z-index:-1 !important;
}

@media (max-width: 768px){
	.subbanner {
		width:100%;
		background-size:cover;
		height:120px;
	}
}


.submenu {
	position:absolute;
	text-align:center;
	top:230px;
}

@media (max-width: 768px){
	.submenu {top:100px;}
}

.submenu-tcn {
	color:#0064ff;
	font-size:4em;
	font-weight:600;
	display:block;
}

@media (max-width: 768px){
	.submenu-tcn {font-size:2em;}
}

.submenu-ten {
	color:#0064ff;
	font-size:2.2em;
	font-weight:600;
	display:block;
	font-family:"Times New Roman";
}

@media (max-width: 768px){
	.submenu-ten {font-size:1.2em;}
}

.submenulist {
	position:absolute;
	text-align:center;
	top:400px;
}

@media (max-width: 768px){
	.submenulist {
		top:20px;
		z-index:9998;
		position:relative;
	}
}

.submenulist span {
	display:inline-block;
	margin-left:5px;
	margin-right:5px;
	background:rgba(0,104,255,0.8);
	color:#fff;
	font-size:1.2em;
	font-weight:500;
	padding:15px 35px;
}

@media (max-width: 768px){
	.submenulist span {
		font-size:1.15em;
		margin-bottom:10px;
		padding:10px 10px;
	}
}

.submenulist span:hover {
	background:rgba(0,25,131,0.8);
}

.submenulist span.active {
	background:rgba(0,25,131,0.8);
}



/*二级页企业概况样式*/
.profile-flag1 {
	color:#1a4daf;
	font-size:3em;
	display:block;
	margin-top:100px;
	text-align:center;
}

@media (max-width: 768px){
	.profile-flag1 {
		font-size:2em;
		margin-top:50px;
	}
}

.profile-flag2 {
	color:#1a4daf;
	font-size:2em;
	font-family:"Times New Roman";
	display:block;
	text-align:center;
}

@media (max-width: 768px){
	.profile-flag2 {font-size:1.2em;}
}

.profile-video {margin-top:100px;}

@media (max-width: 768px){
	.profile-video {margin-top:50px;}
}


.profile-tcn {
	margin-top:100px;
	font-size:3.2em;
	display:block;
	margin-bottom:-10px;
}

@media (max-width: 768px){
	.profile-tcn {
		margin-top:50px;
		font-size:2em;
	}
}

.profile-ten1 {
	color:#1a4daf;
	font-size:2em;
	font-family:"Times New Roman";
}

@media (max-width: 768px){
	.profile-ten1 {font-size:1.5em;}
}

.profile-ten2 {
	color:#1a4daf;
	font-size:2em;
	font-family:"Times New Roman";
}

@media (max-width: 768px){
	.profile-ten2 {font-size:1.5em;}
}

.profile-line {
	display:block;
	width:100px;
	height:4px;
	background-color:#1a4daf;
	margin-top:10px;
}

.profile-con {
	margin-top:40px;
	font-size:1.4em;
	color:#5e5e5e;
	display:block;
	line-height:30px;
}



/*二级页企业理念样式*/
.philo-bg {
	background-image: url(subimages/philo-bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	height:610px;
	margin-top:100px;
}

@media (max-width: 768px){
	.philo-bg {
		margin-top:50px;
		background-position:center;
	}
}

.philo-tcn {
	margin-top:100px;
	font-size:3.2em;
	display:block;
	margin-bottom:-10px;
	color:#fff;
}

@media (max-width: 768px){
	.philo-tcn {font-size:2em;}
}


.philo-ten {
	color:#fff;
	font-size:2em;
	font-family:"Times New Roman";
}

@media (max-width: 768px){
	.philo-ten {font-size:1.5em;}
}

.philo-line {
	display:block;
	width:100px;
	height:4px;
	background-color:rgba(255,255,255,0.8);
	margin-top:10px;
}

.philo-1 {
	background-image: url(subimages/philo-line2.png);
	background-repeat:no-repeat;
	background-position:left top;
	height:6px;
	height:30px;
	margin-top:60px !important;
	padding-left:20px !important;
	transition: 0.8s;
	-webkit-transition: 0.8s;
}

.philo-1:hover {
	background-image: url(subimages/philo-line1.png);
	cursor:pointer;

}

.philo-clstcn {
	color:#fff;
	font-size:1.56em !important;
}

.philo-1:hover .philo-clstcn {color:#01dcff;}

.philo-clsten {
	color:#fff;
	font-size:1.16em !important;
	margin-left:10px;
}

.philo-1:hover .philo-clsten {color:#01dcff;}

.philo-clstcn1 {
	color:rgba(255,255,255,0.8);
	font-size:1.2em !important;
	display:block;
	margin-top:5px;
	margin-bottom:50px;
}

.philo-1:hover .philo-clstcn1 {color:#01dcff;}


/*二级页经营领域样式*/
.parent {display: flex;}

@media (max-width: 768px){
	.parent {display: block;}
}

.left {flex: 1;}

.middle {width:100px;}

.right {flex: 1;background-color:#fafafa;}

@media (max-width: 768px){
	.right {height: 400px !important;}
}

.scope-con {
	margin-top:40px;
	font-size:1.4em;
	color:#5e5e5e;
	display:block;
	line-height:30px;
}

.scope-bg {
	background-image: url(images/logo-1.png);
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
}

.scope-circle1 {
	background-image: url(subimages/scope-circle1.png);
	background-repeat:no-repeat;
	position:absolute;
	width:112px;
	height:112px;
	top:50%;
	left:50%;
    transform:translate( -50%, -150%);
	transition: 0.4s;
	-webkit-transition: 0.4s;
}

.scope-circle1:hover {background-image: url(subimages/scope-circle1a.png);}

.scope-circle2 {
	background-image: url(subimages/scope-circle2.png);
	background-repeat:no-repeat;
	position:absolute;
	width:112px;
	height:112px;
	top:50%;
	left:50%;
    transform:translate( 50%, -80%);
	transition: 0.4s;
	-webkit-transition: 0.4s;
}

.scope-circle2:hover {background-image: url(subimages/scope-circle2a.png);}

.scope-circle3 {
	background-image: url(subimages/scope-circle3.png);
	background-repeat:no-repeat;
	position:absolute;
	width:112px;
	height:112px;
	top:50%;
	left:50%;
    transform:translate( 10%, 30%);
	transition: 0.4s;
	-webkit-transition: 0.4s;
}

.scope-circle3:hover {background-image: url(subimages/scope-circle3a.png);}

.scope-circle4 {
	background-image: url(subimages/scope-circle4.png);
	background-repeat:no-repeat;
	position:absolute;
	width:112px;
	height:112px;
	top:50%;
	left:50%;
    transform:translate( -110%, 30%);
	transition: 0.4s;
	-webkit-transition: 0.4s;
}

.scope-circle4:hover {background-image: url(subimages/scope-circle4a.png);}

.scope-circle5 {
	background-image: url(subimages/scope-circle5.png);
	background-repeat:no-repeat;
	position:absolute;
	width:112px;
	height:112px;
	top:50%;
	left:50%;
    transform:translate( -150%, -80%);
	transition: 0.4s;
	-webkit-transition: 0.4s;
}

.scope-circle5:hover {background-image: url(subimages/scope-circle5a.png);}



/*二级页资质专利样式*/
.cert-bg {
	background-color:#fafafa;
	margin-top:100px;
}

@media (max-width: 768px){
	.cert-bg {margin-top: 50px;}
}

.cert-bg1 {
	background-color:#fafafa;
	padding-bottom:100px;
}

@media (max-width: 768px){
	.cert-bg1 {padding-bottom:0px;}
}

.cert-list {
	text-align:center;
	padding-right:30px !important;
	font-size:1em;
	color:#a4a4a4;
}

@media (max-width: 768px){
	.cert-list {
		margin-bottom: 40px !important;
		padding-right:0 !important;
	}
}

.cert-list img {margin:0 auto !important;}

.cert-list span {
	font-size:1.05em;
	color:#111111;
}

.cert-arrow .fa {
	font-size:3em;
	color:#cccccc;
	border:2px solid #cccccc;
	border-radius:50%;
	width:75px;
	height:75px;
	padding-top:15px;
	margin-top:80%;
	padding-left:20px;
}

.cert-arrow:hover .fa {
	background-color:#cccccc;
	color:#fff;
	cursor:pointer;
}




/*二级页联系我们样式*/
.subcontact-tcn {
	margin-top:100px;
	font-size:3.2em;
	display:block;
	margin-bottom:-10px;
}

@media (max-width: 768px){
	.subcontact-tcn {
		margin-top:50px;
		font-size:2em;
	}
}

.subcontact-bg {background-color:#fafafa;}

@media (max-width: 768px){
	.subcontact-bg {margin-top:50px;}
}

.subcontact-t1 {
	margin-top:50px;
	font-size:1.8em;
	color:#3f3f3f;
}

@media (max-width: 768px){
	.subcontact-t1 {margin-top:30px;}
}

.subcontact-bottom {margin-bottom:100px;}

@media (max-width: 768px){
	.subcontact-bottom {margin-bottom:50px;}
}

.subcontact-map {
	width:100%;
	height:600px;
	overflow:hidden;
}

@media (max-width: 768px){
	.subcontact-map {height:auto;}
}

.form-bor {
	border:1px solid #8d8d8d;
	margin-top:20px;
	margin-right:20px;
}

.form-mu {
	color:#c10031 !important;
	float:right;
	margin-right:20px;
	margin-top:10px;
}

.con-input1 {
	border:none !important;
	padding:15px;
	color:#c5c5c5;
	width:80%;
}

.con-textarea {
	border:none !important;
	padding:15px;
	color:#c5c5c5;
	width:100%;
}

.form-conbtn {
	width:180px;
	line-height:50px;
	background:#a3a3a3;
	color:#fff;
	font-size:1.2em;
	text-align:center;
	display:block;
	margin-top:20px;
	text-decoration:none;
}

.form-conbtn:hover {background:#1f50b0;}


/*二级页新闻中心样式*/
.subnews-top {margin-top:100px;}

@media (max-width: 768px){
	.subnews-top {margin-top:50px;}
}

.subnews-bottom {margin-bottom:40px;}

@media (max-width: 768px){
	.subnews-bottom {margin-bottom:0px;}
}

.page {text-align:center;}

.back-conbtn {
	width:180px;
	line-height:50px;
	background:#a3a3a3;
	color:#fff;
	font-size:1.2em;
	text-align:center;
	display:block;
	margin-top:50px;
}

.back-conbtn:hover {
	background:#1f50b0;
	text-decoration:none !important;
}

.news-title {
	margin-top:100px;
	font-size:2.5em;
	display:block;
	margin-bottom:-10px;
}

@media (max-width: 768px){
	.news-title {
		margin-top:50px;
		font-size:2em;
	}
}

.news-date {
	padding:20px;
	border:1px solid #d6d6d6;
	color:#797979;
	margin-top:30px;
	width:auto;
	display:inline-block;
}



/*二级页服务中心样式*/
.service-tcn {
	margin-top:100px;
	font-size:2.5em;
	display:block;
}

@media (max-width: 768px){
	.service-tcn {
		font-size:2em;
		margin-top:50px;
	}
}

.service-tel {font-size:2.8em;}

@media (max-width: 768px){
	.service-tel {font-size:2.2em;}
}

.service-tcn1 {
	margin-top:10px;
	font-size:1.5em;
	display:block;
	color:#5e5e5e;
}

.service-tcn2 {
	font-size:1.8em;
	display:block;
	color:#5e5e5e;
	margin-bottom:20px;
}

.serivce-pic img {
	margin-top:100px;
	transition: 0.8s;
	-webkit-transition: 0.8s;
	border-radius:5px;
}

@media (max-width: 768px){
	.serivce-pic img {margin-top:50px;}
}

.serivce-pic:hover img {
	transition: 0.8s;
	-webkit-transition: 0.8s;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}


/*二级页技术咨询样式*/
.consult-bg {
	background-color:#fafafa;
	margin-top:100px;
	padding-bottom:200px;
}

@media (max-width: 768px){
	.consult-bg {
		padding-bottom:50px;
		margin-top:50px;
	}
}

.consult-circlebg {
	background-image: url(subimages/service-circle0.png);
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
	width:292px;
	height:292px;
	transition: 0.4s;
	-webkit-transition: 0.4s;
}


@media (max-width: 768px){
	.consult-circlebg {
		background-image: url(subimages/service-circle0xs.png);
		background-size:200px 200px !important;
		width:100%;
		margin-top:50px;
	}
}


.consult-circle1 {
	background-image: url(subimages/service-circle1.png);
	background-repeat:no-repeat;
	position:absolute;
	width:169px;
	height:169px;
	top:50%;
	left:50%;
    transform:translate( 50%, -110%);
	transition: 0.4s;
	-webkit-transition: 0.4s;
}

.consult-circle1:hover {background-image: url(subimages/service-circle1a.png);}

@media (max-width: 768px){
	.consult-circle1  {
		background-image: url(subimages/service-circle1xs.png);
		width:120px;
		height:120px;
	}
	.consult-circle1:hover {background-image: url(subimages/service-circle1axs.png);}
}

.consult-circle2 {
	background-image: url(subimages/service-circle2.png);
	background-repeat:no-repeat;
	position:absolute;
	width:169px;
	height:169px;
	top:50%;
	left:50%;
    transform:translate( 65%, 5%);
	transition: 0.4s;
	-webkit-transition: 0.4s;
}

.consult-circle2:hover {background-image: url(subimages/service-circle2a.png);}

@media (max-width: 768px){
	.consult-circle2  {
		background-image: url(subimages/service-circle2xs.png);
		width:120px;
		height:120px;
	}
	.consult-circle2:hover {background-image: url(subimages/service-circle2axs.png);}
}

.consult-circle3 {
	background-image: url(subimages/service-circle3.png);
	background-repeat:no-repeat;
	position:absolute;
	width:169px;
	height:169px;
	top:50%;
	left:50%;
    transform:translate( -43%, 77%);
	transition: 0.4s;
	-webkit-transition: 0.4s;
}

.consult-circle3:hover {background-image: url(subimages/service-circle3a.png);}

@media (max-width: 768px){
	.consult-circle3  {
		background-image: url(subimages/service-circle3xs.png);
		width:120px;
		height:120px;
	}
	.consult-circle3:hover {background-image: url(subimages/service-circle3axs.png);}
}

.consult-circle4 {
	background-image: url(subimages/service-circle4.png);
	background-repeat:no-repeat;
	position:absolute;
	width:169px;
	height:169px;
	top:50%;
	left:50%;
    transform:translate( -155%, 12%);
	transition: 0.4s;
	-webkit-transition: 0.4s;
}

.consult-circle4:hover {background-image: url(subimages/service-circle4a.png);}

@media (max-width: 768px){
	.consult-circle4  {
		background-image: url(subimages/service-circle4xs.png);
		width:120px;
		height:120px;
	}
	.consult-circle4:hover {background-image: url(subimages/service-circle4axs.png);}
}

.consult-circle5 {
	background-image: url(subimages/service-circle5.png);
	background-repeat:no-repeat;
	position:absolute;
	width:169px;
	height:169px;
	top:50%;
	left:50%;
    transform:translate( -160%, -105%);
	transition: 0.4s;
	-webkit-transition: 0.4s;
}

.consult-circle5:hover {background-image: url(subimages/service-circle5a.png);}

@media (max-width: 768px){
	.consult-circle5  {
		background-image: url(subimages/service-circle5xs.png);
		width:120px;
		height:120px;
	}
	.consult-circle5:hover {background-image: url(subimages/service-circle5axs.png);}
}

.consult-circle6 {
	background-image: url(subimages/service-circle6.png);
	background-repeat:no-repeat;
	position:absolute;
	width:169px;
	height:169px;
	top:50%;
	left:50%;
    transform:translate( -55%, -180%);
	transition: 0.4s;
	-webkit-transition: 0.4s;
}

.consult-circle6:hover {background-image: url(subimages/service-circle6a.png);}

@media (max-width: 768px){
	.consult-circle6  {
		background-image: url(subimages/service-circle6xs.png);
		width:120px;
		height:120px;
	}
	.consult-circle6:hover {background-image: url(subimages/service-circle6axs.png);}
}



/*二级页运营管理样式*/
.os-top {
	margin-top:100px;
	text-align:center;
}

@media (max-width: 768px){
	.os-top {margin-top:50px;}
}

.os-top span {margin:0 auto;}

.os-tcn {
	margin-top:100px;
	font-size:3.2em;
	display:block;
	margin-bottom:-10px;
}

@media (max-width: 768px){
	.os-tcn {margin-top:50px;}
}

.os-ten1 {
	color:#1a4daf;
	font-size:2em;
	font-family:"Times New Roman";
}

.os-picbg1 {
	background-color:#fafafa;
	border-radius:5px;
	margin-bottom:20px;
	margin-right:20px;
	margin-top:50px;
	background-image: url(subimages/os-pic1.png);
	background-repeat:no-repeat;
	background-position:center 20px;
	height:233px;
	transition: 0.4s;
	-webkit-transition: 0.4s;
}

@media (max-width: 768px){
	.os-picbg1 {margin-right:0px;}
}

.os-picbg1:hover {background-color:#eaf3f9;}

.os-picbg2 {
	background-color:#fafafa;
	border-radius:5px;
	margin-bottom:20px;
	margin-right:20px;
	margin-top:50px;
	background-image: url(subimages/os-pic2.png);
	background-repeat:no-repeat;
	background-position:center 20px;
	height:233px;
	transition: 0.4s;
	-webkit-transition: 0.4s;
}

@media (max-width: 768px){
	.os-picbg2 {
		margin-right:0px;
		margin-top:0px;
		height:160px;
	}
}

.os-picbg2:hover {background-color:#eaf3f9;}

.os-picbg3 {
	background-color:#fafafa;
	border-radius:5px;
	margin-bottom:20px;
	margin-right:20px;
	margin-top:50px;
	background-image: url(subimages/os-pic3.png);
	background-repeat:no-repeat;
	background-position:center 20px;
	height:233px;
	transition: 0.4s;
	-webkit-transition: 0.4s;
}

@media (max-width: 768px){
	.os-picbg3 {
		margin-right:0px;
		margin-top:0px;
		height:160px;
	}
}

.os-picbg3:hover {background-color:#eaf3f9;}

.os-picbg4 {
	background-color:#fafafa;
	border-radius:5px;
	margin-bottom:20px;
	margin-right:20px;
	margin-top:50px;
	background-image: url(subimages/os-pic4.png);
	background-repeat:no-repeat;
	background-position:center 20px;
	height:233px;
	transition: 0.4s;
	-webkit-transition: 0.4s;
}

@media (max-width: 768px){
	.os-picbg4 {
		margin-right:0px;
		margin-top:0px;
		height:160px;
	}
}

.os-picbg4:hover {background-color:#eaf3f9;}

.os-picbg5 {
	background-image: url(subimages/os-pic5.png);
	background-repeat:no-repeat;
	background-position:center 20px;
	height:152px;
	background-color:#fafafa;
	border-radius:5px;
	margin-bottom:20px;
	margin-top:5px;
	width:98.5% !important;
	transition: 0.4s;
	-webkit-transition: 0.4s;
}

.os-picbg5:hover {background-color:#eaf3f9;}

@media (max-width: 768px){
	.os-picbg5 {
		background-image: url(subimages/os-pic5a.png);
		height:486px;
	}
}


/*二级页售后服务样式*/
.customer-bg {
	background-color:#fafafa;
	margin-top:100px;
	padding-bottom:200px;
}

@media (max-width: 768px){
	.customer-bg {
		padding-bottom:50px;
		margin-top:50px;
	}
}

.customer-cn {
	font-size:1.5em;
	display:block;
	color:#5e5e5e;
	margin-top:20px;

}

.service-afterbg {
	background-image: url(subimages/service-after0.png);
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
	width:170px;
	height:170px;
	transition: 0.4s;
	-webkit-transition: 0.4s;
}

@media (max-width: 768px){
	.service-afterbg {
		width:auto;
		margin-top:20px;
	}
}

.service-after1 {
	background-image: url(subimages/service-after1.png);
	background-repeat:no-repeat;
	position:absolute;
	width:126px;
	height:126px;
	top:50%;
	left:50%;
    transform:translate( 45%, -130%);
	transition: 0.4s;
	-webkit-transition: 0.4s;
}

.service-after1:hover {background-image: url(subimages/service-after1a.png);}

.service-after2 {
	background-image: url(subimages/service-after2.png);
	background-repeat:no-repeat;
	position:absolute;
	width:128px;
	height:128px;
	top:50%;
	left:50%;
    transform:translate( 15%, 52%);
	transition: 0.4s;
	-webkit-transition: 0.4s;
}

.service-after2:hover {background-image: url(subimages/service-after2a.png);}

.service-after3 {
	background-image: url(subimages/service-after3.png);
	background-repeat:no-repeat;
	position:absolute;
	width:129px;
	height:128px;
	top:50%;
	left:50%;
    transform:translate( -160%, 0%);
	transition: 0.4s;
	-webkit-transition: 0.4s;
}

.service-after3:hover {background-image: url(subimages/service-after3a.png);}

.service-after4 {
	background-image: url(subimages/service-after4.png);
	background-repeat:no-repeat;
	position:absolute;
	width:129px;
	height:130px;
	top:50%;
	left:50%;
    transform:translate( -130%, -140%);
	transition: 0.4s;
	-webkit-transition: 0.4s;
}

.service-after4:hover {background-image: url(subimages/service-after4a.png);}



/*二级页典型案例样式*/
.cases-cls1bg {
	margin-top:100px;
	margin-bottom:50px;
}

@media (max-width: 768px){
	.cases-cls1bg {
		padding-bottom:0px;
		margin-top:50px;
		margin-bottom:0px;
	}
}

.cases-top {text-align:center;}

@media (max-width: 768px){
	.cases-top {margin-top:0px;}
}

.cases-top span {margin:0 auto;}

.cases-tcn {
	margin-top:100px;
	font-size:3.2em;
	display:block;
	margin-bottom:-10px;
}

@media (max-width: 768px){
	.cases-tcn {
		margin-top:50px !important;
		font-size:2em;
	}
}

.cases-tcn1 {
	margin-top:40px !important;
	font-size:1.4em;
	color:#5e5e5e;
	display:block;
	line-height:30px;
}

.cases-showcls1bg {
	background-color:#fafafa;
	border-radius:10px;
	margin-top:50px;
	width:96%;
	overflow:hidden;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	margin-bottom:0px;
	height:100%;
	position:relative;
}

@media (max-width: 768px){
	.cases-showcls1bg {
		width:100%;
		height:auto;
		margin-top:30px;
	}
}

.cases-showt {
	color:#111111;
	font-size:1.8em;
	font-weight:600;
	display:block;
	margin-top:30px;
	padding-left:30px;
	padding-right:30px;
	text-align:center;
}

@media (max-width: 768px){
	.cases-showt {margin-top:30px;}
}

.cases-showt1 {
	color:#6b6b6b;
	font-size:1.4em;
	display:block;
	text-align:center;
}

.cases-showt2 {
	display:block;
	color:#6b6b6b;
	font-size:1.15em;
	text-align:left !important;
	margin-left:30px !important;
	margin-top:20px;
	line-height:24px;
}

@media (max-width: 768px){
	.cases-showt2 {margin-bottom:50px;}
}

.flex {
	display:flex;
	flex-wrap:wrap;
}

.cases-picshow1 {
	position:absolute;
	margin-top:30px;
	bottom:0;
	height:250px;
}

@media (max-width: 768px){
	.cases-picshow1 {
		position:relative;
		height:auto;
		margin-top:0px;
	}
}

.cases-picshow1 img {
	transition: 0.8s;
	-webkit-transition: 0.8s;
}

.cases-showcls1bg:hover {background-color:#eaf3f9;}

.cases-showcls1bg:hover .cases-picshow1 img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
}

.cases-picshow2 {
	position:relative;
	height:250px;
}

@media (max-width: 768px){
	.cases-picshow2 {
		position:relative;
		height:auto;
	}
}

.cases-picshow2 img {
	top:0;
	position:absolute;
	transition: 0.8s;
	-webkit-transition: 0.8s;
}

@media (max-width: 768px){
	.cases-picshow2 img {position:relative;}
}

.cases-showcls1bg:hover .cases-picshow2 img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
}

.cases-showcls1bg1 {
	border-radius:10px;
	margin-top:72px !important;
	width:98%;
	overflow:hidden;
	height:480px;
	position:relative;
	text-align:center !important;
}

@media (max-width: 768px){
	.cases-showcls1bg1 {
		margin-top:30px !important;
		width:100%;
		height:250px;
	}
}

.cases-showcls1bg1:hover .cases-showthird img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
}

.cases-showthird {
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:99 !important;
	position:absolute;
}

.cases-showthird img {
	width:100%;
	height:100%;
	transition: 0.8s;
	-webkit-transition: 0.8s;
}

.cases-showzi {
	z-index:9999 !important;
	position:absolute;
	margin-top:10%;
	margin-left:28%;
}

@media (max-width: 768px){
	.cases-showzi {
		margin-top:30px;
		margin-left:20px;
	}
}

.cases-showzi span {color:#fff;}

.cases-cls2bg {
	margin-top:100px;
	background-color:#fafafa;
	padding-top:100px;
	padding-bottom:100px;
}

@media (max-width: 768px){
	.cases-cls2bg {
		padding-bottom:50px;
		margin-top:50px;
		padding-top:0px;
	}
}

.cases-showcls2bg {
	background-color:#fff;
	border-radius:10px;
	margin-top:50px;
	width:96%;
	overflow:hidden;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	margin-bottom:0px;
	height:100%;
	position:relative;
}

@media (max-width: 768px){
	.cases-showcls2bg {
		width:100%;
		height:auto;
		margin-top:30px;
	}
}

.cases-showcls2bg:hover {background-color:#eaf3f9;}

.cases-showcls2bg:hover .cases-picshow1 img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
}

.cases-showcls2bg:hover .cases-picshow2 img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
}

.cases-showcls2bg1 {
	border-radius:10px;
	margin-top:72px !important;
	width:98%;
	overflow:hidden;
	height:480px;
	position:relative;
	text-align:center !important;
}

@media (max-width: 768px){
	.cases-showcls2bg1 {
		margin-top:30px !important;
		width:100%;
		height:250px;
	}
}

.cases-showcls2bg1:hover .cases-showthird img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
}

.cases-tablebg {
	border-radius:10px;
	margin-top:30px !important;
	background-color:#fafafa;
	overflow:hidden;
	text-align:center !important;
	color:#000;
	padding:30px !important;
	width:98%;
}

@media (max-width: 768px){
	.cases-tablebg {
		padding-left:10px !important;
		padding-right:10px !important;
		margin-top:0px;
	}
}

.cases-tablebg1{
	border-radius:10px;
	margin-top:30px !important;
	background-color:#fff;
	overflow:hidden;
	text-align:center !important;
	color:#000;
	padding:30px !important;
	width:98%;
}

.cases-tabletop {margin-top:20px !important;}

.cases-tabletop tr td:nth-child(1) {text-align:left;}

.cases-tabletop th,
.cases-tabletop tr td:nth-child(2),
.cases-tabletop tr td:nth-child(3),
.cases-tabletop tr td:nth-child(4) {white-space: nowrap;}

@media (max-width: 768px){
	.cases-tabletop tr td:nth-child(3) {white-space:normal;}
}

.cases-tabletop tr td:last-child {white-space: nowrap;}

/*.cases-tabletitle {font-weight:bold;}*/

.cases-list-title {
	font-size:1.2em;
	font-weight:bold;
	border-top:2px solid #dddddd;
	border-bottom:2px solid #dddddd;
	margin-top:30px;
	padding:10px;
}

@media (max-width: 768px){
	.cases-list-title {font-size:1em;}
}

.cases-list-down {
	border-bottom:1px solid #dddddd;
	padding:10px;
}

.cases-list-name {text-align:left;}



/*二级页技术与产品-一体化污水处理设备样式*/
.tech-top {
	text-align:center;
	margin-top:100px;
}

@media (max-width: 768px){
	.tech-top {margin-top:50px;}
}

.tech-top span {margin:0 auto;}

.tech-tcn {
	margin-top:100px;
	font-size:3.2em;
	display:block;
	margin-bottom:-10px;
}

@media (max-width: 768px){
	.tech-tcn {
		margin-top:50px;
		font-size:2em;
	}
}

.tech-ten {
	color:#1a4daf;
	font-size:2em;
	font-family:"Times New Roman";
}

@media (max-width: 768px){
	.tech-ten {font-size:1.5em;}
}

.tech-tcn1 {
	margin-top:40px !important;
	font-size:1.4em;
	color:#5e5e5e;
	display:block;
	line-height:30px;
}

.tech-wholebg {
	background-image:url(subimages/products-wholebg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center bottom;
	overflow:hidden;
	position:relative;
	border-radius:15px;
	margin-top:50px;
	height:875px;
	transition: 1.8s;
	-webkit-transition: 1.8s;
	width:100%;
}

@media (max-width: 768px){
	.tech-wholebg {
		height:auto;
		background-image:none;
		background-color:#e9f6fe;
	}
}

.tech-bg1 {
	background-image:url(subimages/products-cls1bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	overflow:hidden;
	position:relative;
	border-radius:15px;
	margin-top:50px;
	height:500px;
	transition: 1.8s;
	-webkit-transition: 1.8s;
	width:97%;
}

@media (max-width: 768px){
	.tech-bg1 {width:100%;}
}

.tech-pic1 {
	position:absolute;
	background-image:url(subimages/tech-pic1.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	bottom:-70px;
	left:0;
	right:0;
	top:0;
	transition: 1.8s;
	-webkit-transition: 1.8s;
}

.tech-bg1:hover .tech-pic1 {bottom:-20px;}

.tech-padding {
	padding:50px;
	padding-bottom:none;
}

@media (max-width: 768px){
	.tech-padding {padding:30px;}
}

.tech-clst {
	font-size:2em;
	display:block;
	font-weight:bold;
	color:#3f3f3f;
	margin-bottom:20px;
}

@media (max-width: 768px){
	.tech-clst {
		margin-top:0px;
		font-size:1.5em;
	}
}

.tech-clst1 {
	font-size:2em;
	display:block;
	font-weight:bold;
	color:#3f3f3f;
	margin-top:50px;
	margin-bottom:20px;
}

@media (max-width: 768px){
	.tech-clst1 {font-size:1.5em;}
}

.tech-clst2 {
	font-size:2em;
	display:block;
	font-weight:bold;
	color:#3f3f3f;
	margin-top:50px;
	margin-bottom:20px;
	text-align:right;
}

@media (max-width: 768px){
	.tech-clst2 {font-size:1.5em;}
}

.tech-clst3 {
	text-align:right !important;
	display:block;
}

@media (max-width: 768px){
	.tech-clst2 {text-align:left !important;}
	.tech-clst3 {text-align:left !important;}
}

.tech-clst4 {
	background-color:#00aaea;
	padding:30px;
	display:block;
	float:right;
	margin-top:250px;
	bottom:0;
	border-radius:8px !important;
	font-weight:bold;
}

@media (max-width: 768px){
	.tech-clst4 {
		width:100%;
		float:none;
		margin-top:50px;
	}
}

.tech-clst4 a{
	font-size:1.2em;
	color:#fff;
}

.tech-clst4 a:hover{
	color:#14149e;
}

.tech-bg2 {
	background-image:url(subimages/products-cls1bg1.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	overflow:hidden;
	position:relative;
	border-radius:15px;
	margin-top:50px;
	height:500px;
	transition: 1.8s;
	-webkit-transition: 1.8s;
	width:97%;
}

@media (max-width: 768px){
	.tech-bg2 {
		width:100%;
		margin-top:30px;
	}
}

.tech-pic2 {
	position:absolute;
	background-image:url(subimages/tech-pic2.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	bottom:-70px;
	left:0;
	right:0;
	top:0;
	transition: 1.8s;
	-webkit-transition: 1.8s;
}

.tech-bg2:hover .tech-pic2 {bottom:-20px;}



/*二级页技术与产品-智慧水务云平台样式*/
.smart-top {
	text-align:center;
	margin-top:100px;
}

@media (max-width: 768px){
	.smart-top {margin-top:50px;}
}

.smart-top span {margin:0 auto;}

.smart-bg {
	background-color:#fafafa;
	margin-top:100px;
	padding-bottom:100px;
}

@media (max-width: 768px){
	.smart-bg {
		margin-top:50px;
		background-image:none;
		padding-bottom:50px;
	}
}

.smart-td {margin-top:50px;}

.smart-1t {
	font-size:2em;
	margin-bottom:20px;
	color:#3f3f3f;
	display:block;
	text-align:center;
	font-weight:bold;
}

@media (max-width: 768px){
	.smart-1t {font-size:1.5em;}
}

.smart-1 {
	background-image:url(subimages/smart-pic2.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	width:379px;
	height:389px;
	transition: 0.8s;
	-webkit-transition: 0.8s;
}

@media (max-width: 768px){
	.smart-1 {
		margin:0 auto;
	}
}

.smart-td:hover .smart-1 {
	background-image:url(subimages/smart-pic2a.png);
	transition: 0.8s;
	-webkit-transition: 0.8s;
}

.smart-td:hover .smart-1t {color:#1f50b0;}

.smart-2 {
	background-image:url(subimages/smart-pic3.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	height:389px;
	transition: 0.8s;
	-webkit-transition: 0.8s;
}

.smart-td:hover .smart-2 {
	background-image:url(subimages/smart-pic3a.png);
	transition: 0.8s;
	-webkit-transition: 0.8s;
}

.smart-3 {
	background-image:url(subimages/smart-pic4.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	height:410px;
	border-radius:15px;
	transition: 1.8s;
	-webkit-transition: 1.8s;
}

@media (max-width: 768px){
	.smart-3 {
		height:250px;
		background-size:cover;
	}
}

.smart-3:hover {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
}



/*二级页技术与产品-IFAS工艺包样式*/
.ifas-bg1 {
	background-color:#fafafa;
	overflow:hidden;
	position:relative;
	border-radius:15px;
	margin-top:50px;
	height:500px;
	transition: 1.8s;
	-webkit-transition: 1.8s;
	width:97%;
}

@media (max-width: 768px){
	.ifas-bg1 {
		width:100%;
		margin-top:30px;
	}
}

.ifas-pic1 {
	position:absolute;
	background-image:url(subimages/ifas-1.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	bottom:-20px;
	left:0;
	right:0;
	top:0;
	transition: 1.8s;
	-webkit-transition: 1.8s;
}

.ifas-bg1:hover .ifas-pic1 {bottom:0px;}

.ifas-bg2 {
	background-color:#fafafa;
	overflow:hidden;
	position:relative;
	border-radius:15px;
	margin-top:50px;
	height:500px;
	transition: 1.8s;
	-webkit-transition: 1.8s;
	width:97%;
}

@media (max-width: 768px){
	.ifas-bg2 {
		width:100%;
		margin-top:30px;
		height:400px;
	}
}

.ifas-pic2 {
	position:absolute;
	background-image:url(subimages/ifas-2.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	bottom:-20px;
	left:0;
	right:0;
	top:0;
	transition: 1.8s;
	-webkit-transition: 1.8s;
}

.ifas-bg2:hover .ifas-pic2 {bottom:0px;}


/*二级页技术与产品-高压电解样式*/
.elec-bg {
	background-color:#fafafa;
	margin-top:100px;
	padding-bottom:100px;
}

@media (max-width: 768px){
	.elec-bg {
		margin-top:50px;
		padding-bottom:50px;
	}
}

.elec-tcn2 {
	font-size:2em;
	color:#6c6c6c;
	display:block;
}

@media (max-width: 768px){
	.elec-tcn2 {font-size:1.3em;}
}

.elec-pic {
	margin-top:30px;
	margin-bottom:50px;
}

.elec-pic img {
	transition: 1.8s;
	-webkit-transition: 1.8s;
	border-radius:5px;
}

.elec-pic:hover img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
}

.elec-zi {
	text-align:right;
	padding-right:20px !important;
}

@media (max-width: 768px){
	.elec-zi {
		text-align:left;
		padding-left:20px !important;
		margin-bottom:20px;
	}
}

.elec-zi1 {
	text-align:left;
	padding-left:20px !important;
}



/*语音阅读样式*/
.audio-td {
	margin-top:30px;
}

.audioplayer {
    border: 1px solid #d6d6d6;
    background: #878787 !important;
    background: -webkit-gradient( linear, left top, left bottom, from( #878787 ), to( #706f6f ) ) !important;
    background: -webkit-linear-gradient( top, #878787, #706f6f ) !important;
    background: -moz-linear-gradient( top, #878787, #706f6f ) !important;
    background: -ms-radial-gradient( top, #878787, #706f6f ) !important;
    background: -o-linear-gradient( top, #878787, #706f6f ) !important;
    background: linear-gradient( top, #878787, #706f6f ) !important;
}

.audioplayer-bar {
    background-color:#818181 !important;
}

.audioplayer-bar-played {
    background: -webkit-gradient( linear, left top, right top, from( #1d66d5 ), to( #00f5ff ) ) !important;
    background: -webkit-linear-gradient( left, #1d66d5, #00f5ff ) !important;
    background: -moz-linear-gradient( left, #1d66d5, #00f5ff ) !important;
    background: -ms-radial-gradient( left, #1d66d5, #00f5ff ) !important;
    background: -o-linear-gradient( left, #1d66d5, #00f5ff ) !important;
    background: linear-gradient( left, #1d66d5, #00f5ff ) !important;
}

.audioplayer-volume-adjust div div {
    background: -webkit-gradient( linear, left bottom, left top, from( #00f5ff ), to( #1d66d5 ) ) !important;
    background: -webkit-linear-gradient( bottom, #00f5ff, #1d66d5 ) !important;
    background: -moz-linear-gradient( bottom, #00f5ff, #1d66d5 ) !important;
    background: -ms-radial-gradient( bottom, #00f5ff, #1d66d5 ) !important;
    background: -o-linear-gradient( bottom, #00f5ff, #1d66d5 ) !important;
    background: linear-gradient( bottom, #00f5ff, #1d66d5 ) !important;
}


.swiper-pagination {
	left: 0;
	right: 0;
}

.swiper-pagination-bullet {
	width: 10px !important;
	height: 10px !important;
	margin: 0 5px;
}