@charset "utf-8";



/*==========@@HTML默认 开始@@==========*/



/*基本*/



* {



	padding: 0px;



	margin: 0px



}



body {



	font-size: 100px;



}



* {



	margin: 0;



	padding: 0;



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



	box-sizing: border-box;



}



.trans {



	transition: all .3s ease-in;



}



html {



	width: 100%;



	min-height: 100%;



}



body {



	width: 100%;



	min-height: 100%;



	max-width: 640px;



	min-width: 320px;



	margin: 0 auto;



font:.24rem/1.5 "PingFang SC", Helvetica, "Helvetica Neue", "microsoft yahei", Tahoma, Arial, sans-serif;



	color: #666;



	-webkit-touch-callout: none;



	-webkit-user-select: none;



	-khtml-user-select: none;



	-moz-user-select: none;



	-ms-user-select: none;



	user-select: none;



	background: #fff;



	position: relative;



}



body:before, body:after {



	content: "";



	width: 100%;



	display: block;



}



body:before {



	height: 1rem;



}



body:after {



height: .88rem;



}



img {

width:100%;



	border: 0px;



}



em {



	font-style: normal;



}



s, i {



	font-style: normal;



}



ul, ol {



	list-style-type: none;



}



li {



	list-style: none outside none;



}



b {



	font-weight: normal;



}



/*表单*/



input, button, select, textarea {



	outline: none;



	font-family: "PingFang SC", "Microsoft Yahei", Arial;



font-size:.24rem;



	-webkit-appearance: none !important;



}



table {



	border-collapse: collapse;



	border-spacing: 0;



}



input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {



color:#999;



}



input:-moz-placeholder, textarea:-moz-placeholder {



color:#999;



}



input::-moz-placeholder, textarea::-moz-placeholder {



color:#999;



}



input:-ms-input-placeholder, textarea:-ms-input-placeholder {



color: #999;



}



/*公用样式*/



.layout {



	position: fixed;



	width: 100%;



	height: 100%;



	left: 0;



	top: 0;



	z-wrapper: 101;



	background: #000;



	opacity: 1;



}



.blue {



	color: #28a5f4;



}



/*链接*/



a, a:link, a:visited, a:hover, a:active {



	color: #666;



	text-decoration: none;



}



a:focus {



	outline: none;



}



a:hover, a:active {



	color: #1048a0;



	outline: none;



}



/*标题*/



h1, h2, h3, h4, h5, h6, h7 {



	font-weight: normal;



}



.icon {



	background: url(../img/icon.png) no-repeat;



	display: inline-block;



	background-size: 2.4rem auto;



	vertical-align: middle;



}



.icon, .iconbef:before, .iconbef:after {



	content: "\20";



	display: block;



}



/*清除浮动*/



.fl {



	float: left;



}



.fr {



	float: right;



}



.hidden {



	display: none;



}



.clearfix:after {



	content: "";



	display: block;



	clear: both;



	width: 100%;



	height: 0;



	line-height: 0;



	font-size: 0;



}



.clear, .clearfix:after {



	content: "";



	display: block;



	clear: both;



	width: 100%;



	height: 0;



	line-height: 0;



	font-size: 0;



}



/*==========@@HTML默认 结束@@==========*/



.wrapper {



	width: 100%;



}



/*==========@@公共模块 开始@@==========*/



.header {



	background-size: 100% 1.04rem;



}



#top_main {



	width: 100%;



	height: 1rem;



*zoom: 1;



	z-index: 300;



	position: fixed;



	top: 0px;



	left: 0px;



}



#top {



	max-width: 640px;



	min-width: 320px;



	height: 1rem;



	margin: 0px auto;



	position: relative;



	background: #fff;



}



#top .logo {



	text-align: center;



	display: block;



	color: #000;



font-size: .32rem;



padding-top: .2rem;



margin-left: .2rem;



}



#top .logo a {



	display: block;



}



#top .logo img {



	display: block;



height: .6rem;



}



#top .topsearch {



	display: block;



	position: absolute;



	right: 20%;



top:.2rem;



	text-align: center;



	cursor: pointer;



width:.5rem;



height:.5rem;



margin:.16rem auto;



}



#top .topsearch span {



	display: block;



	width: 100%;



	height: 0.42rem;



	background-position: 0rem -1.19rem;



width:.42rem;



}



#top_main .tsearch * {



	box-sizing: border-box;



}



#top_main .tsearch {



	position: absolute;



	height: 1rem;



	width: 6.4rem!important;



padding: .2rem 5%;



	left: 0;



top: .99rem;



	z-index: 99;



	background: #f2f2f2;



	box-sizing: border-box;



	display: none;



}



#top_main .tsearch input {



	-webkit-appearance: none;



}



#top_main .tsearch .txt {



	width: 78%;



	color: #000;



text-indent: .1rem;



font-size:.22rem;



height:.64rem;



	background: #fff;



	border: 1px solid #fff;



	border-radius: 0.1rem;



	position: absolute;



	left: 5%;



top:.2rem;



border-top-left-radius: .6rem;



border-bottom-left-radius: .6rem;



}



#top_main .tsearch .btn {



	color: #fff;



font-size:.22rem;



	width: 16%;



height:.62rem;



line-height: .6rem;



	text-align: center;



	border: 0px;



	background-color: #1048a0;



	background-position: -0.748rem -1.055rem;



	position: absolute;



	right: 5%;



top:.2rem;



border-top-right-radius: .6rem;



border-bottom-right-radius: .6rem;



}



#top_main .btn_close_main {



width: .88rem;



	height: 1rem;



	background-color: #f2f2f2;



	position: absolute;



	top: 0;



	right: 18%;



	z-index: 9;



	display: none;



}



#top_main .btn_close_main .btn_close {



width: .34rem;



height: .33rem;



margin-top: .38rem;



margin-left: .26rem;



	background-position: -2rem -1rem;



}



#top #nav {



width: .6rem;



	height: 50%;



	position: absolute;



	right: 3%;



top: .36rem;



	text-align: center;



	cursor: pointer;



}



#top .nav {



width: .39rem;



height: .36rem;



background-position: -.5rem -1.2rem;



}



#top .close {



	background-position: -2.06rem 0;



width: .34rem;



height: .34rem;



	cursor: pointer;



	position: absolute;



	right: 44%;



	top: -0.02rem;



	text-align: center;



}



/*subNav*/



.subNav {



	position: fixed;



	width: 100%;



	height: 100%;



	right: 0;



top: .99rem;



	z-index: 999;



	max-width: 640px;



	min-width: 320px;



	background: #1048a0;



	-webkit-transform: translateX(4rem);



	-moz-transform: translateX(7rem);



	-ms-transform: translateX(7rem);



	transform: translateX(7rem);



}



.subNavCon {



	margin: 0px;



	background: #1048a0;



	width: 100%;



	border-top: 1px solid #e5e5e5;



}



.subNav .closrbox {



	width: 20%;



	height: 0.5rem;



line-height: .5rem;



	background: #fff;



	position: absolute;



	right: 2%;



	top: -5%;



}



.subNav .close {



	background-position: -1.64rem -1.5rem;



width: .4rem;



height: .4rem;



}



.subNav .c_clos {



	width: 52%;



	position: absolute;



	left: 0;



	top: 0;



	height: 100%;



}



.subNav .list {



margin-top:.6rem;



}



.subNav li {



	width: 100%;



	display: block;



	line-height: 1rem;



	margin: 0 auto;



	position: relative;



}



.subNav li:first-child {



margin-top:.6rem;



}



.subNav .subnav2 {



	width: 100%;



	display: none;



}



.subNav .subnav2 a {



margin-bottom: .1rem;



	background: #eeeeee;



font-size: .24rem;



}



.subNav li a {



	display: block;



	width: 4rem;



	margin: 0 auto;



	color: #fff;



	font-size: 0.34rem;



	text-align: center;



	border-bottom: 1px solid #46baff;



}



.subNav li a:hover {



	color: #00923f;



}



.subNav li em {



width: .3rem;



height: .3rem;



	display: inline-block;



	background-position: 0 -2.2rem;



	vertical-align: middle;



	position: absolute;



	right: 3%;



top: .26rem;



}



.subNav li:hover {



	background: #083a89;



}



.subNav li:hover a {



	color: #fff;



}



.subNav.show {



	right: 0 !important;



}



.subNavShow {



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



	-moz-transform: translateX(-48%);



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



	transform: translateX(-48%);



	display: block;



}



.subNavShow2 {



	-webkit-transform: translateX(0);



	-moz-transform: translateX(0);



	-ms-transform: translateX(0);



	transform: translateX(0);



}



/*首页导航*/



.inav_t {



width: 100%;



height: 1.4rem;



background: #293042;

}



.inav_t dl {



	height: 1.4rem;



	overflow: hidden;



}



.inav_t dl dd {



width: 33.33%;



height: 0.7rem;



float: left;



text-align: center;



border-right: 1px #fff solid;



border-bottom: 1px #fff solid;

}



.inav_t dl dd:nth-child(5), .inav_t dl dd:nth-child(6), .inav_t dl dd:nth-child(7), .inav_t dl dd:nth-child(8) {



	border-bottom: 1px #474747 solid;



}



.inav_t dl dd a {



	display: block;



	width: 100%;



height: .69rem;



line-height: .69rem;



	color: #fff;



}



/* banner */



#banner_main {



	width: 100%;



	overflow: hidden;



	position: relative;



	z-index: 1;



	



	background-size: 1px auto;



}



.banner {



	margin: 0 auto;



	width: 100%;



*zoom: 1;



	overflow: hidden;



	position: relative;







}



.banner .list {



	width: 100%;



	overflow: hidden;



}



.banner .list li {



	float: left;



	width: 100%;



	overflow: hidden;



}



.banner .list li img {



	width: 100%;



	



}



#banner .tip {



	width: 100%;



	height: 0.35rem;



	line-height: 0.35rem;



	clear: both;



	position: absolute;



	left: 6%;



	bottom: 10%;



	z-index: 2;



	font-size: 0;



}



#banner .tip span {



	display: inline-block;



	vertical-align: middle;



	width: 0.12rem;



	height: 0.12rem;



	margin: 0 0.05rem;



	vertical-align: middle;



background-position:-.26rem 0;



}



#banner .tip span.cur {



width:.24rem;



height:.2rem;



	background-position: 0rem 0rem;



}



.showInfo #banner .tip {



	width: 100%;



	text-align: center;



	margin-left: 0;



	left: 0;



bottom: .2rem;



}



/*版权信息*/



#footer_main {



	text-align: center;



	width: 100%;



	background: #fff;



	padding: 0.1rem 0 0.4rem;



}



#returntop {



	width: 1rem;



	height: 1rem;



	background: url(../img/gotop.png) no-repeat center top;



	background-size: 1rem auto;



	position: fixed;



	bottom: 20%;



	right: 2%;



	cursor: pointer;



	z-index: 99;



}



#copyright {



	width: 94%;



	margin: 0 auto;



	color: #666;



	font-size: 0.24rem;



line-height:.4rem;



	padding: 0.2rem 0;



}



#footer_main .bottomNav {



}



#footer_main .bottomNav .list {



border-top:.02rem solid #ddd;



}



#footer_main .bottomNav .list li {



	width: 100%;



height:.8rem;



border-bottom:.02rem solid #ddd;



}



#footer_main .bottomNav .list li a {



	display: block;



	height: 0.8rem;



	line-height: 0.8rem;



	padding: 0 0.4rem;



}



#footer_main .bottomNav .list li .tit {



	display: block;



	font-size: 0.26rem;



	color: #444444;



	line-height: 0.8rem;



	float: left;



}



#footer_main .bottomNav .list li em {



	display: block;



	float: right;



	width: 0.2rem;



	height: 0.3rem;



	margin-top: 0.25rem;



background-position:-2.2rem -.5rem;



}



#footer_main .bottomNav .list li:hover .tit {



	color: #1048a0;



}



#copyright a {



	color: #666;



}



#fix-sider {



	width: 1rem;



	height: 1rem;



	position: fixed;



	right: 2%;



	bottom: 29%;



	background: url(../img/tel.png) no-repeat center top;



	background-size: 1rem auto;



	cursor: pointer;



	z-index: 999;



}



/* 工具栏 */



#toolbar {



	position: fixed;



	bottom: 0;



	width: 100%;



	z-index: 888;



	height: 1.1rem;



	left: 0;



}



#toolbar .list {



	width: 100%;



	max-width: 640px;



	min-width: 320px;



	margin: 0 auto;



	background: #293042;



}



#toolbar .list li {



	float: left;



	width: 25%;



	text-align: center;



}



#toolbar .list a {



	display: block;



	height: 1.1rem;



	line-height: 0.24rem;



	font-size: 0.26rem;



	padding-top: 0.2rem;



}



#toolbar .list a span {



	text-align: center;



	color: #fff;



	display: block;



	font-size: 0.24rem;



}



#toolbar .list a s {



	margin-left: auto;



	margin-right: auto;



	width: 0.31rem;



	height: 0.32rem;



	display: block;



margin-bottom: .12rem;



background-position: -.76rem -.2rem;



}



#toolbar .list li:nth-child(2) s {



background-position: -.0rem -.2rem;



}



#toolbar .list li:nth-child(3) s {



background-position: -.38rem -.2rem;



}



#toolbar .list li:nth-child(4) s {



background-position: -1.2rem -.2rem;



width:.34rem;



height:.34rem;



}



#toolbar .list li:hover {



	background: #0185d0;



}



/*==========@@页面布局 开始@@==========*/



#search {



	background: #fff;



	width: 96%;



	margin: 0.2rem auto;



	height: 0.6rem;



	-moz-border-radius: 0.5rem;



	-webkit-border-radius: 0.5rem;



	border-radius: 0.5rem;



	padding: 0;



	-webkit-box-shadow: 1px 1px 1px #e7e9e9;



	-moz-box-shadow: 1px 1px 1px #e7e9e9;



	box-shadow: 1px 1px 1px #e7e9e9;



}



#search input {



	display: block;



	font-family: "微软雅黑";



	padding: 0;



	margin: 0;



}



#search .txt {



	border: none;



	width: 66%;



	height: 0.5rem;



	line-height: 0.6rem;



	margin-right: 1%;



	padding: 0 4%;



	color: #666;



	font-size: 0.22rem;



	background: none;



}



#search .searchbtn {



	cursor: pointer;



	border: none;



	font-size: 0.24rem;



	width: 0.8rem;



	height: 0.6rem;



	text-align: center;



	background-position: -0.63rem 0;



}



.index #floor_1_main, .index #floor_2_main, .index #floor_3_main {



	width: 100%;



	margin: 0 auto;



	background: #fff;



}



.index {



	background: #fff;



	overflow: hidden;



}



/* 首页产品 */



.index #floor_1_main {



	margin: 0 auto;



	background: #fff;



}



.index .title_main {



padding-top:.5rem;



}



.index .in_title {



padding-top:.6rem;



}



.index .in_title .entit {



margin-bottom:.12rem;



font: normal .5rem "AvantGarde Bk BT";



	color: #666;



	text-align: center



}



.index .in_title .tit {



width: 3.5rem;



margin: 0 auto;



font-size:.34rem;



font-weight: bold;



text-align: center;



color: #1048a0;

}



.index .in_title .tit em {



	display: block;



width:.5rem;



height:.02rem;



margin-top:.2rem;



	background: #ccc;



}



.index .look_more {



	display: block;



	width: 5.6rem;



height:.78rem;



	margin: 0 auto;



font-size:.3rem;



line-height:.78rem;



	text-align: center;



	color: #333;



	background: #fff;



border:.01rem solid #ddd;



}



.index .tab {



	text-align: center;



margin-top: .2rem;



}



.index .tab a {



	width: 29%;



	height: 0.48rem;



	line-height: 0.48rem;



margin: .05rem;



	display: inline-block;



padding: 0 .1rem;



	background: #1048a0;



	color: #fff;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



}



.index .tab a:hover {



	background: #0185d0;



}



/*关于我们*/



.index #floor_1_main {



/* background: #f6f6f6; */

}



#floor_1_main .floor_1 {



padding-bottom:.8rem;



}



#floor_1_main .about {



/* padding-top:.6rem; */

}



#floor_1_main .about .item {



	display: block;



	width: 100%;



	height: 4.523rem;



}



#floor_1_main .about img {



	display: block;



	width: 100%;



	height: 100%;



}



#floor_1_main .contW {



	position: relative;



	display: block;



	width: 100%;



}



#floor_1_main .contW .cont {



	width: 5.5rem;



	margin: 0 auto;



margin-top:.3rem;



font-size:.26rem;



	color: #666;



line-height:.5rem;



	text-align: justify;



}



#floor_1_main .contW .view_detail {



	display: block;



	width: 5.6rem;



height:.7rem;



	margin: 0 auto;



margin-top:.5rem;



font-size:.24rem;



line-height:.7rem;



	text-align: center;



	color: #fff;



	background: #1048a0;



}



/*产品中心*/



.index #floor_2_main {



	width: 100%;



	background: #fff;



}



.index .floor_2 {



padding-bottom:.4rem;



}



.index .floor_2 .proCenter .list {



margin-left: .25rem;



margin-top: .2rem;



}



.index .floor_2 .proCenter .list li {



	position: relative;



	float: left;



	display: block;



	width: 2.8rem;



margin-right: .26rem;



margin-bottom:.5rem;



}



.index .floor_2 .proCenter .list li .img {



	width: 2.8rem;



	height: 2.1rem;



}



.index .floor_2 .proCenter .list li .img img {



	display: block;



	width: 100%;



	height: 100%;



}



.index .floor_2 .proCenter .list li .txt {



	height: 1rem;



	background: #f6f6f6;



}



.index .floor_2 .proCenter .list li .txt .tit {



font-size: .26rem;



	text-align: center;



	color: #333;



	padding-top: 0.24rem;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



}



.index .floor_2 .proCenter .list li .detail {



	position: absolute;



bottom:-.26rem;



left: .49rem;



	width: 1.84rem;



height:.52rem;



font-size:.2rem;



	color: #1048a0;



	text-align: center;



line-height: .52rem;



	background: #fff;



	border-radius: 1rem;



	border: 0.01rem solid #1048a0;



}



.index_slip {



	position: relative;



	width: 100%;



	height: 2rem;



	background: url("../img/ixbannerbg.png") no-repeat;



}



.index_slip .tit {



	width: 4.7rem;



padding-top:.4rem;



margin-left:.4rem;



font:bold .32rem "Microsoft YaHei";



	color: #fff;



line-height:.5rem;



}



.index_slip .slip_btn {



	display: block;



	position: absolute;



bottom:.4rem;



right:.4rem;



	width: 2.44rem;



height:.56rem;



	background: url("../img/ixbanner-btn.png") no-repeat;



font:bold .26rem "microsoft yahei";



line-height:.56rem;



	text-align: center;



	color: #10479f;



}



.index_slip1 .tit {



	width: 5.2rem;



}



/* 产品优势 */



.index #floor_3_main {



	width: 100%;



	background: #fff;



}



.index .floor_3 .proAdvant .list li {



	display: block;



	width: 5.6rem;



	margin: 0 auto;



padding-top:.4rem;



padding-bottom:.4rem;



border-top:.02rem solid #ddd;



}



.index .floor_3 .proAdvant .list li:first-child {



	border-top: none;



}



.index .floor_3 .proAdvant .list li .img {



	float: left;



	width: 1.34rem;



	height: 1.5rem;



}



.index .floor_3 .proAdvant .list li .img img {



	display: block;



	width: 100%;



	height: 100%;



}



.index .floor_3 .proAdvant .list li .txt {



	float: right;



	display: block;



	width: 3.8rem;



}



.index .floor_3 .proAdvant .list li:nth-child(2) .img {



	float: right;



}



.index .floor_3 .proAdvant .list li:nth-child(2) .txt {



	margin-left: 0;



	float: left;



}



.index .floor_3 .proAdvant .list li .txt .tit {



font:bold .3rem "Microsoft YaHei";



	color: #1048a0;



}



.index .floor_3 .proAdvant .list li .txt .cont {



margin-top:.12rem;



font-size:.2rem;



	color: #666;



line-height:.4rem;



	text-align: justify;



}



/*工程案例*/



.index #floor_4_main {



	width: 100%;



	background: #f0f0f0;



}



.index .floor_4 {



padding-bottom:.6rem;



}



.index .floor_4 .caseList {



margin-top: .3rem;



	overflow: hidden;



	position: relative;



}



.index .floor_4 .caseList .bd {



	position: relative;



	width: 5.6rem;



	margin: 0 auto;



	overflow: hidden;



}



.index .floor_4 .caseList .list li {



position: relative;



float: left;



display: block;







height: 5rem;

}



.index .floor_4 .caseList .bd .list li a {



	display: block;



	width: 5.6rem;



	height: 3.15rem;



}



.index .floor_4 .caseList .bd .list {



	display: inline-block;



	;



}



.index .floor_4 .caseList .bd .list li .img {



display: block;






 height: 3.5rem;

}



.index .floor_4 .caseList .bd .list li .txt {



	width: 5.6rem;



	z-index: 9;



}



.index .floor_4 .caseList .bd .list li .txt .tit {



margin-top:.4rem;



margin-bottom:.2rem;



font-size:.26rem;



	color: #1048a0;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



}



.index .floor_4 .caseList .bd .list li .txt .cont {



font-size:.24rem;



	color: #666;



line-height:.4rem;



}



.index .floor_4 .caseList .hd {



	width: 100%;



height: .2rem;



	position: absolute;



bottom: .2rem;



margin-top:.4rem;



}



.index .floor_4 .caseList .hd ul {



	max-width: 100%;



	text-align: center;



}



.index .floor_4 .caseList .hd li {



	display: inline-block;



	float: none;



width: .16rem;



height: .16rem;



	background-color: #999;



	border-radius: 100%;



margin-right: .16rem;



	font-size: 0px;



	cursor: pointer;



}



.index .floor_4 .caseList .hd li.on {



	background-color: #1048a0;



}



/*新闻动态*/



.index #floor_5_main {



	width: 100%;



	background: #fff;



}



.index .floor_5 {



	height: auto;



padding-bottom:.8rem;



}



.index .floor_5 .inews {



margin-top:.1rem;



}



.index .floor_5 .inews .list li {



	display: block;



	width: 5.6rem;



	margin: 0 auto;



border-top:.02rem solid #ddd;



	line-height: 1rem;



	overflow: hidden;



}



.index .floor_5 .inews .list li:first-child {



	border-top: none;



}



.index .floor_5 .inews .list li .tit {



	float: left;



	width: 74%;



font-size: .26rem;



	color: #333;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



}



.index .floor_5 .inews .list li .time {



	float: right;



	width: 25%;



font-size: .26rem;



	color: #999;



}



.index .floor_5 .look_more {



	background: #f6f6f6;



}



/* 搜索 */



#top .search {



	margin: 0.1rem auto;



	width: 4.6rem;



	height: 0.56rem;



	line-height: 0.56rem;



	border-radius: 0.5rem;



	background: #fff;



}



#top .search input {



	border: none;



}



#top .search .txt {



	width: 80%;



	display: block;



	background: none;



	height: 0.56rem;



	line-height: 0.56rem;



	text-indent: 0.08rem;



	color: #333;



	font-size: 0.22rem;



}



#top .search .searchbtn {



	background-position: -1.2rem -1.7rem;



	width: 0.4rem;



	height: 0.4rem;



	display: block;



	margin: 0.05rem 0.2rem 0 0;



}



.searchinfo {



	background: #fff;



	padding: 0.4rem 2%;



	height: 100%;



}



.searchinfo h2 {



	color: #000;



}



.searchinfo .searchlist {



	padding: 0.2rem 0;



}



.searchinfo .searchlist a {



	display: inline-block;



	margin: 0 1.0rem 0.3rem 0;



	color: #fff;



	background: #093c84;



	font-size: 0.24rem;



	text-align: center;



	height: 0.64rem;



	line-height: 0.64rem;



	padding: 0 0.2rem;



	border-radius: 0.5rem;



}



/*******************content*************/



.dialog-layout {



	position: fixed;



	width: 100%;



	height: 100%;



	left: 0;



	top: 0;



	z-index: 101;



	background: #000;



	opacity: .5;



}



.index .hd {



	padding: 0 3%;



}



.index .hd li {



	width: 25%;



	float: left;



	background: #ccc;



	color: #fff;



font-size: .3rem;



height: .56rem;



line-height: .56rem;



	text-align: center;



}



.index .hd li.on {



	background: #2b5899;



}



/*内页样式*/



.content {



	width: 100%;



padding-bottom: .2rem;



	padding-top: 0.2rem;



	background: #fff;



}



.iconn {



	background: url(../img/iconn.png) no-repeat;



	background-size: 1.4rem auto;



	vertical-align: middle;



}



/*recom*/



.recom {



padding-top: .2rem;



	background: #f1f1f1;



	transition: none;



}



.recom * {



	transition: none;



}



.recom .recomCon {



	width: 100%;



	overflow: hidden;



	background: #fff;



	box-sizing: border-box;



}



.recom .recomConList {



	width: 200%;



}



.recom .list {



	float: left;



	width: 50%;



}



.recom .list li {



	border-bottom: 1px solid #eeeeee;



}



.recom .list li a {



	display: block;



padding: .16rem .2rem .16rem .3rem;



}



.recom .list li.item {



	position: relative;



}



.recom .list li.item .img {



	width: 1.2rem;



height: .9rem;



	float: left;



margin-right: .15rem;



padding: .04rem;



	border: 1px solid #f1f1f1;



}



.recom .list li.item h3 {



	color: #000;



height: .4rem;



	overflow: hidden;



}



.recom .list li.item .txt {



font-size: .2rem;



	color: #aaaaaa;



line-height: .28rem;



}



.recom .list li.item .time {



	color: #aaaaaa;



	position: absolute;



right: .25rem;



font-size: .18rem;



bottom: .2rem;



}



.recom .list li.item .time:before {



width: .22rem;



height: .22rem;



	display: inline-block;



	background-position: -1.4rem 0;



}



.recom .list li .tit {



	color: #2b5899;



}



.recom .list li .tit:after {



	width: 1px;



height: .28rem;



	content: "\20";



	display: inline-block;



margin: 0 .18rem;



	vertical-align: middle;



	background: #eeeeee;



}



.newslist {



	padding: 0 3%;



}



.newslist .item {



	width: 100%;



	border-bottom: 1px solid #eeeeee;



}



.newslist .item * {



	transition: all .3s linear;



}



.newslist .item a {



padding: .3rem 0;



	width: 100%;



	display: block;



}



.newslist .item img {



	width: 1.44rem;



height: .96rem;



	display: block;



margin-top: .06rem;



	float: right;



margin-right: .1rem;



}



.newslist .item h3 {



font-size: .3rem;



line-height: .36rem;



max-height: .72rem;



	overflow: hidden;



	color: #000000;



}



.newslist .item .dec {



	color: #999999;



font-size: .2rem;



margin-top: .08rem;



}



.newslist .item .dec span {



margin-right: .2rem;



}



.newslist .item.pic4 h3 {



height: .36rem;



margin-bottom: .08rem;



}



.newslist .item.pic4 img {



	float: left;



margin-right: .06rem;



}



.newslist .item.pic4 img:last-child {



	margin-right: 0;



}



.g-top {



	width: 0.68rem;



height: .68rem;



	position: fixed;



	bottom: 15%;



	z-index: 998;



	right: 2%;



	cursor: pointer;



	background: url(../img/ico-top.png) no-repeat;



	background-size: 100% auto;



}



/*subCate*/



.subCate {



padding: 0rem 0 .2rem;



}



.subCate a {



	width: 48%;



	margin: 0 1%;



font-size: .22rem;



height: .5rem;



	overflow: hidden;



	display: block;



	float: left;



line-height: .5rem;



	text-align: center;



	color: #666;



	border: 1px solid #ddd;



	box-sizing: border-box;



margin-bottom: .1rem;



}



.subCate a.on {



	border-color: #1048a0;



	color: #1048a0;



}



/*cateList*/



.iconbef:before {



	background: url(../img/iconn.png) no-repeat;



	background-size: 1.4rem auto;



	vertical-align: middle;



}



.cateList {width: 100%;line-height: 0.8rem;text-align: center;background: #f6f6f6;color: #1048a0;position: relative;}



.cateList .goBack {



width: .8rem;



height: .8rem;



padding-top: .23rem;



	position: absolute;



left: .1rem;



	top: 0;



	z-index: 12;



}



.cateList .goBack:before {



width: .4rem;



height: .4rem;



	display: block;



	margin: 0 auto;



	background-position: -1.0rem -0.64rem;



}



.cateList h3 {



	position: relative;



font-size: .3rem;



	border-top: 1px solid #e6e6e6;



	border-bottom: 1px solid #e6e6e6;



}



.cateList h3 s {



	position: absolute;



	top: 0.34rem;



right:.4rem;



width: .25rem;



height: .2rem;



margin-left: .1rem;



	background-position: -1.16rem 0;



	display: none;



}



.cateList .box {



	width: 100%;



padding: .2rem 3% .0;



	z-index: 11;



	background: #fff;



	display: none;



	border-bottom: 1px solid #ddd;



}



.cateList .box a {



	width: 48.5%;



	margin-right: 3%;



margin-bottom: .15rem;



height: .62rem;



line-height: .6rem;



	border: 1px solid #dddddd;



font-size: .26rem;



	text-align: center;



	display: block;



	float: left;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



}



.cateList .box a:nth-child(2n) {



	margin-right: 0;



}



.cateList .box a.on {



	background: #1048a0;



	border-color: #1048a0;



	color: #fff;



}



/*pager*/



.pager {



	width: 100%;



	text-align: center;



	background: #f6f6f6;



padding: .2rem 0;



font-size: .2rem;



}



.pager a, .pager span {



	width: 1.6rem;



height: .4rem;



line-height: .4rem;



	display: inline-block;



	background: #e59f19;



	color: #fff;



	border-radius: 5px;



}



.pager .yem {



height: .4rem;



	display: inline-block;



margin: 0px .1rem;



line-height: .4rem;



}



/*reLink*/



.reLink {



margin: .2rem 4% .1rem;



	width: 92%;



}



.reLink .prevLink, .reLink .nextLink {



	display: block;



height: .6rem;



line-height: .6rem;



font-size: .24rem;



	overflow: hidden;



	text-overflow: ellipsis;



	white-space: nowrap;



	width: 100%;



	box-sizing: border-box;



	border-bottom: 1px solid #e8e8e8;



}





.reLink a {



	color: #333333;



}



/*m-share*/



.m-share {



	margin-left: 3%;



margin-bottom: .2rem;



}



.showInfo .showTit {



	width: 96%;



	margin: 0 auto;



line-height: .3rem;



padding:.2rem 2% .1rem;



	border-bottom: 1px dashed #ccc;



	text-align: center;



}



.showInfo .showTit h1 {



	color: #333333;



font-size: .4rem;



line-height: .45rem;



margin-bottom: .05rem;



}



.showInfo .showTit .mark {



font-size: .22rem;



	color: #999;



margin-top: .1rem;



}



.moreBtn {



	width: 94%;



	margin: 2% auto 6%;



	height: 0.88rem;



	line-height: 0.88rem;



	display: block;



	text-align: center;



	background: #1048a0;



	color: #fff;



font-size: .22rem;



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



}



.moreBtn a {



	display: block;



	color: #fff;



}



.moreBtn:active, .moreBtn:hover {



	background: #0185d0;



	color: #fff;



}



/*showInfor*/



.showInfo {



	width: 100%;



	background: #fff;



	overflow: hidden;



}



.showInfo .showSubTit {



	width: 100%;



height: .65rem;



line-height: .65rem;



	font-weight: normal;



margin: .2rem 0 .1rem;



	background: #f6f6f6;



	border-bottom: 1px solid #1048a0;



font-size: .24rem;



text-indent: .15rem;



}



/*recomNew*/



.recomNew {



	width: 96%;



	padding: 0.1rem 0 2%;



	margin: 0 auto;



}



.recomNew li {



	width: 100%;



height: .6rem;



line-height: .6rem;



	border-bottom: 1px solid #eeeeee;



	overflow: hidden;



}



.recomNew li a {



font-size: .24rem;



	display: block;



	position: relative;



	padding-left: 2%;



}



.recomNew li a:before {



	content: "";



	position: absolute;



	background: #cccccc;



	width: 3px;



	height: 3px;



	left: 0;



	top: 0.28rem;



	z-index: 11;



	-moz-border-radius: 3px;



	-webkit-border-radius: 3px;



	border-radius: 3px;



}



/*showSubTit*/



.showInfo .contxt {



font-size: .24rem;



line-height: .34rem;



	padding: 3% 3% 5%;



}



.showInfo .contxt img {



	max-width: 100%;



	margin: 0px auto;



	height: auto !important;



	display: inline;



}



.showInfo .contxt p {



line-height:.4rem;



}



.showInfo .contxt .biao td {



padding:.09rem;



	border: 1px solid #ccc;



	vertical-align: middle;



	WORD-WRAP: break-word;



	table-layout: fixed;



	word-break: break-all;



}



.showmenu {



	width: 100%;



padding: 0.1rem 0 .2rem;



	background: #fff;



}



.showmenu a {



	width: 48%;



height: .6rem;



	display: block;



	float: left;



line-height: .6rem;



	text-align: center;



border-radius: .04rem;



	color: #333;



	background: #fff;



	margin: 0 1% 2%;



	border: 1px solid #ddd;



	box-sizing: border-box;



}



.showmenu a.hover {



	border: 1px solid #1048a0;



	color: #fff;



	background: #1048a0;



}



.erro {



	padding: 0.2rem;



}



/*news.html*/



.newsList .list {



	width: 100%;



margin-bottom: .3rem;



}



.newsList .item {



	padding: 0.3rem 0.2rem;



	overflow: hidden;



	position: relative;



	border-bottom: 1px solid #f3f3f3;



}



.newsList .item:nth-child(2n) {



	background: #f9f9f9;



}



.newsList .item:nth-child(2n) {



	background: #fff;



}



.newsList .item:nth-child(2n) span:after {



	background: #f9f9f9;



}



.newsList .item:last-child {



	border: 0px;



}



.newsList .item a {



	width: 100%;



	display: block;



}



.newsList .item img {



	width: 1.6rem;



	height: 1.2rem;



margin-right: .2rem;



	float: left;



}



.newsList .item h3 {



font-size: .26rem;



line-height: .38rem;



	font-weight: normal;



margin-bottom: .2rem;



	color: #000;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



}



.newsList .item .txt {



	color: #666666;



font-size: .23rem;



line-height: .35rem;



}



.addimglist .item img {



	width: 1.2rem;



	height: 1.48rem;



margin-right: .1rem;



	float: left;



}



.addimglist .item h3 {



	width: 4.7rem;



font-size: .3rem;



line-height: .38rem;



	font-weight: normal;



margin-bottom: .28rem;



	color: #000;



margin-top:.02rem;



	float: left;



}



.addimglist .item .txt {



	color: #666666;



font-size: .22rem;



line-height: .28rem;



	width: 4.7rem;



	float: left;



}



.newsList .item:hover h3 {



	color: #1048a0;



}



/*fenx*/



#nativeShare {



	margin: 0 auto;



	width: 100%;



	padding-top: 0.3rem;



	max-width: 640px;



	min-width: 320px;



}



#nativeShare .label {



	margin-left: 0.2rem;



	font-size: 0.24rem;



	color: #666666;



	line-height: 0.6rem;



}



#nativeShare .list {



	width: 5.4rem;



	float: right;



}



#nativeShare .list span {



	height: 0.9rem;



	width: 0.9rem;



	padding: 0;



	display: inline-block;



}



#nativeShare .list span i {



	margin: 0 auto;



	width: 0.63rem;



	height: 0.63rem;



	display: block;



}



#nativeShare .weibo i {



	background-image: url('../img/weibo.png');



	background-size: cover;



}



#nativeShare .weixin i {



	background-image: url('../img/weixin_friend.png');



	background-size: cover;



}



#nativeShare .weixin_timeline i {



	background-image: url('../img/weixin.png');



	background-size: cover;



}



#nativeShare .qq i {



	background-image: url('../img/qq.png');



	background-size: cover;



}



#nativeShare .qzone i {



	background-image: url('../img/qqzone.png');



	background-size: cover;



}



#nativeShare .more i {



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



	background-size: cover;



}



#nativeShare .list span.qzone, #nativeShare .list span.more {



	width: 0.73rem;



}



#fenxiang {



	display: none;



}



.fenx {



	height: 1.0rem;



	width: 100%;



}



.fenx .tt {



	margin-left: 0.2rem;



	font-size: 0.24rem;



	color: #666666;



	line-height: 0.6rem;



}



.fenx .bdsharebuttonbox {



	width: 80%;



	float: right;



}



.fenx .bdsharebuttonbox a {



	margin-left: 0.2rem;



}



#bdfx {



}



#bdfx a {



	height: 0.6rem;



	width: 0.6rem;



	margin: 0;



	padding: 0;



	margin: 0px 0.08rem;



	display: inline-block;



}



#bdfx .d1 {



	background: url(../img/qqzone.png) no-repeat center;



	background-size: 100% 100%;



}



#bdfx .d2 {



	background: url(../img/weibo.png) no-repeat center;



	background-size: 100% 100%;



}



/*catelist*/



.catelist .item span {



	display: block;



	width: 9px;



	height: 16px;



	position: absolute;



	top: 28%;



	margin-top: -8px;



	right: 2%;



}



.catelist .item span:before {



	content: "";



	position: absolute;



	background: #ccc;



	width: 11px;



	height: 11px;



	right: 0;



	top: 0;



	z-indx: 10;



	-moz-transform: rotate(45deg);



	-o-transform: rotate(45deg);



	-webkit-transform: rotate(45deg);



	transform: rotate(45deg);



}



.catelist .item span:after {



	content: "";



	position: absolute;



	background: #fff;



	width: 11px;



	height: 11px;



	right: 4px;



	top: 0;



	z-indx: 11;



	-moz-transform: rotate(45deg);



	-o-transform: rotate(45deg);



	-webkit-transform: rotate(45deg);



	transform: rotate(45deg);



}



.caselist li {



	width: 47%;



	margin-left: 2%;



	margin-bottom: 2%;



	float: left;



	box-sizing: border-box;



}



.caselist li a {



	display: block;



}



.caselist li figure {



	width: 100%;



	padding-top: 75%;



	position: relative;



	overflow: hidden;



}



.caselist li figure img {



	width: 100%;



	height: 100%;



	position: absolute;



	left: 0;



	top: 0;



	min-height: 100%;



	display: block;



}



.caselist li h3 {



height: .65rem;



line-height: .65rem;



	text-align: center;



	font-size: 0.26rem;



	font-weight: normal;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



}



/*.list_imgH li figure{padding-top: 133.333333%;}*/



.list_4 li figure {



	padding-top: 75%;



}



.messagePage {



	padding: 3% 3% 5%;



}



.messagePage .indexTit {



margin-bottom: .4rem;



	text-align: center



}



.messagePage .indexTit h3 {



font-size: .3rem;



	text-align: center;



}



.messagePage .item {







	width: 100%;



	height: 0.7rem;



	line-height: 0.7rem;



	position: relative;



	-webkit-border-radius: 0.06rem;



	border-radius: 0.06rem;



margin-bottom: .18rem;



	border: 1px solid #dedede;



}



.messagePage .item label {



	width: 1rem;



	color: #333;



	display: block;



	float: left;



	text-align: center;



	height: 0.7rem;



	line-height: 0.7rem;



}



.messagePage .item input {



	width: 4.5rem;



	height: 0.7rem;



	line-height: 0.7rem;



	border: 0;



	background: none;



	color: #999;



}



.messagePage .item select {



	width: 4.5rem;



	height: 0.7rem;



	line-height: 0.7rem;



	border: 0;



	background: none;



	background: #fff url(../img/mess.jpg) right no-repeat;



	background-size: auto 100%;



}



.messagePage .item .b {



	position: absolute;



right: .12rem;



	color: #ff9f00;



}



.messagePage .item.con {



	height: 2.8rem;



}



.messagePage .item.con textarea {



	width: 100%;



	height: 2.1rem;



padding: .1rem .16rem .1rem;



	resize: none;



	background: none;



	border: 0px;



}



.messagePage .item.con .b {



	top: 0;



}



/*.messagePage .btn .reset{width: 2.72rem; height: 0.68rem; line-height: 0.68rem; text-align: center; float: left; border: 1px solid #d2d2d2; background: #f9f9f9; color: #333333; font-size: .28rem;}*/



.messagePage .btn input {



	width: 100%;



	height: 0.68rem;



	line-height: 0.68rem;



	text-align: center;



	display: block;



	float: right;



	background: #1048a0;



	color: #fff;



font-size: .28rem;



	border: 0;



}



.showtel {



	position: fixed;



	width: 5rem;



	height: 2rem;



	top: 60%;



	left: 50%;



	margin-left: -2.5rem;



	z-index: 999;



	display: none;



	text-align: center



}



.showtel a {



	display: inline-block;



	width: 5rem;



height:.8rem;



line-height:.8rem;



	border-radius: 5px;



	background: #00633d;



	color: #fff;



font-size:.3rem;



margin-bottom:.2rem



}



/*产品导航*/



.m-navwrap {



	position: relative;



	width: 100%;



margin-top:-.2rem;



padding-bottom:.2rem;



}



#navwrap {



	width: 100%;



	float: right;



	top: 38px;



	background-color: #f6f6f6;



	z-index: 2;



	display: none;



	left: 0;



}



#navwrap .tit {



	display: block;



	width: 100%;



	padding: 0 17% 0 5%;



height: .8rem;



line-height: .8rem;



font-size: .24rem;



	color: #fff;



	background: url("../img/ico_down1.png") no-repeat 92% center #fff;



	background-size: auto 42%;



	cursor: pointer;



	border-bottom: 1px solid #e8e8e8;



}



#navwrap a {



	color: #333;



	display: block;



}



#navwrap .sub-box {



	width: 100%;



	background: #f6f6f6;



	display: none;



}



#navwrap .sub-box a {



	display: block;



	width: 100%;



	padding: 0 6.4% 0 4.6%;



height: .7rem;



line-height: .7rem;



	border-top: 1px solid #e8e8e8;



	color: #333;



font-size: .2rem;



text-indent:.3rem;



	background: url("../img/ico_right1.png") no-repeat 92% center;



	background-size: auto 35%;



}



.nav-ico {



	position: absolute;



top:.1rem;



right:.2rem;



width:.4rem;



height:.36rem;



background-position: -.5rem -1.2rem;



}



#navwrap .sub-box a:first-child {



	border-top: none;



}



#navwrap .sub-box a:hover {



	background: url("../img/ico_right.png") no-repeat 92% center #1048a0;



	color: #fff;



}



/*字体*/



@media only screen and (min-width:641px) {



html {



	font-size: 100px;



}



}



@media only screen and (max-width:640px) {



html {



	font-size: 100px;



}



}



@media only screen and (max-width:540px) {



html {



	font-size: 84.375px;



}



}



@media only screen and (max-width:480px) {



html {



	font-size: 75px;



}



}



@media only screen and (max-width:414px) {



html {



	font-size: 64.6875px;



}



}



@media only screen and (max-width: 400px) {



html {



	font-size: 62.5px;



}



}



@media only screen and (max-width: 375px) {



html {



	font-size: 58.5938px;



}



}





@media only screen and (max-width: 360px) {



html {





	font-size: 56.25px;



}



}



@media only screen and (max-width: 320px) {



html {



	font-size: 50px;



}



}



#topnav.menu-btn .menu-line {



	background: #000;



	height: 4px;



	position: absolute;



	width: 24px;



	right: 0;



}



#topnav.menu-btn #menu-line1 {



	top: 0;



}



#topnav.menu-btn #menu-line2 {



	top: 50%;



}



#topnav.menu-btn #menu-line3 {



	top: 100%;



}



#topnav.menu-btn .menu-line {



	animation-duration: 0.5s;



	animation-timing-function: ease;



	animation-iteration-count: 1;



	animation-direction: normal;



	animation-delay: 0;



	animation-play-state: running;



	animation-fill-mode: forwards;



}



#topnav.menu-btn.inactive #menu-line1 {



	animation: 800ms ease 0s normal none 2 running menu;



}



#topnav.menu-btn.inactive #menu-line2 {



	animation: 800ms ease 0.16s normal none 2 running menu;



}



#topnav.menu-btn.inactive #menu-line3 {



	animation: 800ms ease 0.32s normal none 2 running menu;



}



/*导航动画*/



@keyframes menu-line1-hover {



0% {



}



50% {



transform: rotate(0deg);



-ms-transform: rotate(0deg);



-webkit-transform: rotate(0deg);



-moz-transform: rotate(0deg);



-o-transform: rotate(0deg);



}



100% {



top:50%;



transform: rotate(45deg);



-ms-transform: rotate(45deg);



-webkit-transform: rotate(45deg);



-moz-transform: rotate(45deg);



-o-transform: rotate(45deg);



}



}



@keyframes menu-line2-hover {



0% {



opacity: 1



}



50% {



opacity: 1



}



51% {



opacity: 0



}



100% {



opacity: 0



}



}



@keyframes menu-line3-hover {



0% {



}



50% {



transform: rotate(0deg);



-ms-transform: rotate(0deg);



-webkit-transform: rotate(0deg);



-moz-transform: rotate(0deg);



-o-transform: rotate(0deg);



}



100% {



top:50%;



transform: rotate(-45deg);



-ms-transform: rotate(-45deg);



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



-moz-transform: rotate(-45deg);



-o-transform: rotate(-45deg);



}



}



@keyframes menu-line1 {



0% {



top:50%;



transform: rotate(45deg);



-ms-transform: rotate(45deg);



-webkit-transform: rotate(45deg);



-moz-transform: rotate(45deg);



-o-transform: rotate(45deg);



}



50% {



top:50%;



transform: rotate(0deg);



-ms-transform: rotate(0deg);



-webkit-transform: rotate(0deg);



-moz-transform: rotate(0deg);



-o-transform: rotate(0deg);



}



100% {



top:0%;



transform: rotate(0deg);



-ms-transform: rotate(0deg);



-webkit-transform: rotate(0deg);



-moz-transform: rotate(0deg);



-o-transform: rotate(0deg);



}



}



@keyframes menu-line2 {



0% {



opacity: 0



}



50% {



opacity: 0



}



51% {



opacity: 1



}



100% {



opacity: 1



}



}



@keyframes menu-line3 {



0% {



top:50%;



transform: rotate(-45deg);



-ms-transform: rotate(-45deg);



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



-moz-transform: rotate(-45deg);



-o-transform: rotate(-45deg);



}



50% {



top:50%;



transform: rotate(0deg);



-ms-transform: rotate(0deg);



-webkit-transform: rotate(0deg);



-moz-transform: rotate(0deg);



-o-transform: rotate(0deg);



}



100% {



top:100%;



}



}



@-webkit-keyframes menu {



0% {



width: 24px;



}



45% {



width: 6px;



}



90% {



width: 24px;



}



100% {



width: 24px;



}



}



@keyframes menu {



0% {



width: 24px;



}



45% {



width: 6px;



}



90% {



width: 24px;



}



100% {



width: 24px;



}



}



header {width: 6.5rem;/* height: 1.15rem; */position: fixed;left: 50%;top: 0;z-index: 100;margin-left: -3.25rem;z-index: 1000;background-color: #fff;box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,.3);}



header .logo {



 margin-left: .28rem;



}



header .logo h4 img.logos {



 height: .76rem;



 margin-top: .19rem;



	float: left;



}



header .logo h4 img.tits {



 height: .55rem;



 margin-top: .32rem;



	float: left;



 margin-left: .2rem;



}



header .phone {



 padding-right: .4rem;



}



header .phone h4 {



 padding-top: .36rem;



}



header .phone h4 span {



 height: .52rem;



	float: left;



	display: inline-block;



 border-right: .01rem solid #333333;



}



header .phone h4 span img {



 height: .52rem;



 margin-right: .15rem;



}



header .phone h4 strong {



	float: right;



 padding-left: .15rem;



}



header .phone h4 strong img {



 height: .52rem;



}



header span.menu {



	display: block;



	position: absolute;



 right: .35rem;



 top: .35rem;



 width: .60rem;



 height: .45rem;



	background: url(../img/menuhome.png)center no-repeat;



	-webkit-background-size: 100% 100%;



	background-size: 100% 100%;



}





.alert-menu {



	width: 4.1rem;



	height: 100%;



	background: #333333;



	position: fixed;



	right: -4.5rem;



	top: 1.15rem;



	z-index: 100;



 box-shadow: .05rem .02rem .3rem rgba(51,51,51,.6);



}







.menu-addr {



	width: 100%;



 height: .76rem;



	background-color: #ff3333;



 padding-left: .4rem;



}



.menu-addr h3 img.addr {



 height: .36rem;



 margin-top: .18rem;



 margin-right: .18rem;



	float: left;



}



.menu-addr h3 {



	color: #fff;



 line-height: .76rem;



	font-weight: normal;



 font-size: .26rem;



}



.menu-addr h3 a {



	color: #fff;



}



.menu-addr h3 img.men {



 height: .42rem;



 margin-top: .17rem;



 margin-right: .22rem;



	float: right;



}



.menu-li {



	width: 100%;



	display: table;



}



.menu-li ul {



	width: 100%;



	display: table;



}



.menu-li ul li {



	width: 100%;



	display: table;



}



.menu-li ul li h5 {



 height: .76rem;



	font-weight: normal;



 line-height: .76rem;



	color: #fff;



 font-size: .26rem;



 padding: 0 .4rem;



	width: 100%;



 border-bottom: .01rem solid #484848;



}



.menu-li ul li h5 i {



	display: inline-block;



 width: .25rem;



 height: .13rem;



	background: url(../img/ico53.png) center no-repeat;



	-webkit-background-size: 100% 100%;



	background-size: 100% 100%;



 margin-top: .31rem;



	float: right;



	transition: .5s;



}



.menu-li ul li.acti h5 i {



	transform: rotate(180deg);



}







.slide-menu {



	width: 100%;



	display: table;



	background-color: rgb(255,255,255);



	display: none;



}



.slide-menu p {width: 100%;height: .56rem;padding-left: 0.4rem;color: #666666;font-size: .24rem;line-height: .56rem;border-bottom: .01rem solid #f0f0f0;padding-right: 0.15rem;}



.slide-menu p i {



	display: inline-block;



	float: right;



 width: .13rem;



 height: .25rem;



	background: url(../img/ico52.png) center no-repeat;



	-webkit-background-size: 100% 100%;



	background-size: 100% 100%;



 margin-top: .25rem;



}



.main-mtn {



	margin-top: 0;



}





/*catelist*/

.catelist .item span {

	display: block;

	width: 9px;

	height: 16px;

	position: absolute;

	top: 28%;

	margin-top: -8px;

	right: 2%;

}

.catelist .item span:before {

	content: "";

	position: absolute;

	background: #ccc;

	width: 11px;

	height: 11px;

	right: 0;

	top: 0;

	z-indx: 10;

	-moz-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

}

.catelist .item span:after {

	content: "";

	position: absolute;

	background: #fff;

	width: 11px;

	height: 11px;

	right: 4px;

	top: 0;

	z-indx: 11;

	-moz-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

}

.caselist li {

	width: 47%;

	margin-left: 2%;

	margin-bottom: 2%;

	float: left;

	box-sizing: border-box;

}

.caselist li a {

	display: block;

}

.caselist li figure {

	width: 100%;

	padding-top: 75%;

	position: relative;

	overflow: hidden;

}

.caselist li figure img {

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	min-height: 100%;

	display: block;

}

.caselist li h3 {

height: .65rem;

line-height: .65rem;

	text-align: center;

	font-size: 0.26rem;

	font-weight: normal;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

}



.content {

	width: 100%;

padding-bottom: .2rem;

	padding-top: 0.2rem;

	background: #fff;

}



/*showInfor*/

.showInfo {

padding: 0 0 .2rem;

	width: 100%;

}

.showInfo .title {

font-size: .4rem;

	text-align: center;

line-height: .46rem;

margin-bottom: .2rem;

	color: #333333;

padding: .3rem 3% 0;

}

.showInfo .menu {

margin-bottom: .2rem;

}

.showInfo .mark {

font-size: .22rem;

	line-height: 0.5rem;

	text-align: center;

	color: #666666;

	border-top: 1px dashed #e5e5e5;

	border-bottom: 1px dashed #e5e5e5;

}

.showInfo .mark span {

margin: 0 .06rem;

}

.showInfo .contxt {

padding: .2rem 3% .4rem;

	color: #666666;

}

.showInfo .contxt img {

	max-width: 100%;

	height: auto !important;

}

.showInfo .reLink {

margin: .2rem 3% .1rem;

}

.showInfo .showRelate {

margin-top: .1rem;

}

.showInfo .showRelate .sitepath {

padding: .18rem 0 0;

}

.showInfo .showRelate .sitepath h3 {

	font-weight: bold;

}

.showInfo .showRelate .item {

margin-bottom: .2rem;

}


.floor_5_main {

padding-bottom: .5rem;

}

.floor_5_main .textlist {

	display: block;

	margin: 0 0.24rem;

	margin-top: 0;

}

.floor_5_main .textlist ul {

	display: inline-block;

	width: 100%;

}

.floor_5_main .textlist ul li {

	display: block;

	width: 100%;

	float: left;

	border-bottom: #dddddd solid 1px;

padding: .2rem 0;

}

.floor_5_main .textlist ul li:nth-child(5) {

	border-bottom: none;

}

.floor_5_main .textlist ul li .tl {

	float: left;

	width: 100%

}

.floor_5_main .textlist ul li .tl em {

	display: block;

	font-size: 0.28rem;

	color: #333333;

	line-height: 0.4rem;

	margin-bottom: 0.09rem;

	font-weight: normal;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

}

.floor_5_main .textlist ul li .tl p {

font-size: .22rem;

	line-height: 0.3rem;

	height: 0.58rem;

	color: #999999;

	overflow: hidden;

	margin-bottom: 0.09rem;

}

.floor_5_main .textlist ul li .tl span {

	display: block;

	font-size: 0.2rem;

	color: #999999;

	line-height: 0.2rem;

	float: right;

	height: 0.24rem;

	line-height: 0.24rem;

}

.floor_5_main .textlist ul li .tl i {

	display: block;

	font-size: 0.2rem;

	color: #999999;

	float: left;

	height: 0.24rem;

	line-height: 0.24rem;

}

.floor_5_main .textlist ul li img {

	float: right;

	width: 1.84rem;

	height: 1.38rem;

}



/*首页标题*/

.indexTit {

margin-bottom: .36rem;

}

.indexTit .tit {

	font-size: 0.4rem;

	color: #646464;

	text-align: center;

	height: 0.4rem;

	line-height: 0.4rem;

	margin-bottom: 0.18rem;

}

.indexTit i {

	width: 0.4rem;

	height: 0.02rem;

	display: block;

	margin: 0 auto;

	background: #1ea4fe;

}

.index .floor_1_main {

padding-top: .8rem;

padding-bottom: .4rem;

}



.index .more {

	width: 3.82rem;

height: .6rem;

	text-align: center;

line-height: .6rem;

	margin: 0 auto;

	display: block;

	background-color: #1ea4fe;

font-size: .22rem;

	color: #ffffff;

	border-radius: 0.08rem;

}





.zs {background: url("../img/zsb.jpg") no-repeat center 0;overflow: hidden; background-color:#efefef}

.zs h3 {height: 120px;text-align: center;font-size: 20px;color: #000000;font-weight: normal;padding-top: 23px;background: url("../img/zs_03.jpg") no-repeat center 162px;}

.zs h3 span {color: #bd2327;font-size: 32px;font-weight: bold;line-height: 50px;}

.zsa {/* height: 890px; */overflow: hidden;background-color:#efefef}

.zsa h3 {/* height: 100px; */text-align: center;font-size: 20px;color: #000000;font-weight: normal;padding-top: 20px;/* padding-bottom: 50px; */margin-bottom: 20px;background: url("../img/zs_03.jpg") no-repeat center 162px;}

.zsa h3 span {color: #bd2327;font-size: 20px;font-weight: bold;}

.contenta{width: 100%;margin: 0 auto;overflow: hidden;}

.zs .zsk {/* height: 390px; */}

.zs .zsk ul {height: 500px;overflow: hidden;padding-top: 10p;margin-top: 10p;}

.zs .zsk li {float: left;background: #f1f1f1;text-align: center;font-size: 20px;color: #666666;width: 316px;/* height: 120px; */margin: 0 0 10px 10px;}

.zs .zsk li img { margin: 0 auto; padding: 20px 0 10px;}

.zs .zsk li:nth-child(1) {width: 546px;height: 480px;margin: 0;}

.zs .zsk li:nth-child(1) img {/* padding: 87px 0 12px; */}

.zs .zsk p {font-size: 16px;color: #666666;text-align: center;margin-top: 10px;margin-bottom: 10px;}









.hy_con{width:100%;margin:0 auto;margin-top: 30px;}

.case{/* height:603px; */margin-top: 30px;overflow:hidden;}

.case ul{width: 760px;/* height:475px; */overflow:hidden;/* float:left; */margin: 0 auto;/* margin-top:34px; */}

.case li{width: 138px;height:57px;overflow:hidden;margin-bottom:11px;font:16px "Microsoft Yahei";line-height:57px;float: left;margin-left: 10px;text-align: center;}

.case li a{display:block;/* padding-left:25px; */color:#fff;background:url(../img/case_bg1.gif) no-repeat left top;}

.case li a:hover,.case .cur a{background:url(../img/case_bg2.gif) no-repeat left top;}

.case dl{ width: 100%;

            float: left;

            margin-right: 12px;

            margin-bottom: 20px;}

.case dt{display: block;width:290px;margin: 0 auto;}

.case dt img{

			display: block;

			width:100%;

			

			}

			

			.case dd{text-align:center;/* width: 290px; */}

.case dd p{

            font-size: 16px;

            color: #666;

            /* width:290px; */

            line-height: 30px;

            /* text-align: left; */

            font-weight: 700;

            text-align: center;

            /* background: #076ba8; */

            }

			

			

			.case dd span{

			width:100%;

            font-size: 16px;

            color: #666;

            width:290px;

            line-height: 30px;

            text-align: center; 

          

           

            /* background: #076ba8; */

            }