@charset "utf-8";


.trans {



	transition: all .3s ease-in;



}



html {



	width: 100%;



	min-height: 100%;



}


.loop img{width:100%;height:150px;}
body {






	min-height: 100%;



	width: 100%;







	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;



}




img {



	border: 0px;



}
.claer{ claer:both;}


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: #063c9d;



	outline: none;



}



/*标题*/



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



	font-weight: normal;



}



.icon {



	background: url(../images/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%;




}



#top {
	max-width: 640px;
	min-width: 320px;
	margin: 10px;
	position: relative;
	background: #fff;
}



#top .logo {



	float: left;



	text-align: center;



	display: block;



	color: #000;

}

.top_A{ font-size:16px; font-weight:bold; padding-top:10px;}

#top .logo a {



	display: block;



}



#top .logo img {

max-height:50px!important;padding:0px;



}



#top .topsearch {float:left;margin-left:10px;}



#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: #999;



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: #063c9d;



	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: #063c9d;



	-webkit-transform: translateX(4rem);



	-moz-transform: translateX(7rem);



	-ms-transform: translateX(7rem);



	transform: translateX(7rem);



}



.subNavCon {



	margin: 0px;



	background: #063c9d;



	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.28rem;



	text-align: center;



	border-bottom:1px solid #043284;



}



.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: #08561a;



}



.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: 70px;


}



.inav_t dl {



	margin:0px;



	overflow: hidden;



}



.inav_t dl dd {



	width: 24.7%;



	height: 35px;



	float: left;margin:0px; padding: 0px;



	text-align: center;



	border-right: 1px solid #a02114;



	border-bottom:1px solid #a02114;background: url(../images/nav_bg.jpg) repeat-x center top;



}

.nav-link{ background-color:#b7250f}

.inav_t dl dd a {



	display: block;



	width: 100%;



height: 35px;



line-height:35px;



	color: #fff; font-size: 13px;



}



/* banner */



#banner_main {



	width: 100%;



	overflow: hidden;



	position: relative;



	z-index: 1;



	height: 4.5rem;



	background-size: 1px auto;



}



.banner {



	margin: 0 auto;



	width: 100%;



*zoom: 1;



	overflow: hidden;



	position: relative;



	height: 4.5rem;



}



.banner .list {



	width: 100%;



	overflow: hidden;



}



.banner .list li {



	float: left;



	width: 100%;



	overflow: hidden;



}



.banner .list li img {



	width: 100%;



	height: 4.5rem;



}



#banner .tip {



	width: 100%;



	height: 0.32rem;



	line-height: 0.32rem;



	text-align: center;



	clear: both;



	position: absolute;



	left: 0%;



	bottom: 6%;



	z-index: 12;



	font-size: 0;



}



#banner .tip span {



	display: inline-block;



	vertical-align: middle;



	width: 0.18rem;



	height: 0.18rem;



	margin: 0 0.06rem;



	vertical-align: middle;



background-position:-.3rem 0;



}



#banner .tip span.cur {



width:.18rem;



height:.18rem;



	background-position: 0rem 0rem;



}



#banner .banner_mask {



	z-index: 9;



	position: absolute;



	bottom: 0rem;



	width: 100%;



height: .92rem;



	



background-size:6.4rem .96rem;



}



.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(../images/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: #063c9d;



}



#copyright a {



	color: #666;



}



#fix-sider {



	width: 1rem;



	height: 1rem;



	position: fixed;



	right: 2%;



	bottom: 29%;



	background: url(../images/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: #a02114;



}



#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: #248f44;



}



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



#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 .in_title {



padding-top:.6rem;



}



.index .in_title .entit {



margin-bottom:.12rem;



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



	color: #666;



	text-align: center;



}



.index .in_title .tit {



margin-top:.2rem;



font-size:.34rem;



	font-weight: bold;



	line-height: 12px;



	text-align: center;



	color: #063c9d;



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



background-size:6.4rem .1rem;



}



.index .look_more {



	display: block;



	width: 5.6rem;



height:.8rem;



	margin: 0 auto;



font-size:.26rem;



line-height:.8rem;



	text-align: center;



	color: #fff;



}



/*特色服务*/



.index #floor_1_main {



	margin: 0 auto;



	background: #fff;



}



.index .floor_1 {



padding-bottom:.2rem;



}



.index .floor_1 .in_title {



padding-top:.2rem;



}



.index .floor_1 .cont {



	position: relative;



margin-top:.32rem;



}



.index .floor_1 .top {



	text-align: center;



padding-bottom: .2rem;



margin-right:-.22rem;



margin-top:.5rem;



}



.index .floor_1 .top h3 {



	display: inline-block;



	width: 2.68rem;



height: .62rem;



	border: 1px solid #ddd;



line-height: .64rem;



	color: #333;



font-size: .2rem;



	background: #fff;



margin-right:.2rem;



margin-bottom:.2rem;



}



.index .floor_1 .top h3.hover {



	width: 2.68rem;



	background: #063c9d;



	color: #fff;



border:.01rem solid #063c9d;



}



.index .floor_1 .top h3 a {



	color: #333;



	display: block;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



}



.index .floor_1 .top h3.hover a {



	color: #fff;



}



.index .floor_1 .cont .title {



	width: 120px;



	margin: 0 auto;



}



.index .floor_1 .cont .title .tit {



	font: bold 30px "microsoft yahei";



	color: #444;



}



.index .floor_1 .cont .title .entit {



	font: normal 12px Aarial;



	color: #929292;



	text-align: center;



}



.index .floor_1 .cont .gridlist {



	height: auto;



	overflow: hidden;



	width: 100%;



	position: relative;



	margin-bottom: 20px;



}



.index .floor_1 .cont .gridlist ul {



margin-left:.4rem;



}



.index .floor_1 .cont .gridlist ul li {



	width: 2.7rem;



	height: 2.7rem;



	float: left;



	display: block;



margin-right:.2rem;



margin-bottom:.2rem;



	border: 1px solid #ddd;



}



.index .floor_1 .gridlist ul li a {



	display: block;



}



.index .floor_1 .gridlist ul li .img {



	display: block;



	width: 2.67rem;



	height: 2.02rem;



	border-bottom: 1px solid #ddd;



}



.index .floor_1 .gridlist ul li .img img {



	display: block;



	width: 100%;



	height: 100%;



}



.index .floor_1 .gridlist ul li .txt {



	width: 2.69rem;



height:.7rem;



}



.index .floor_1 .gridlist ul li h3 {



	text-align: center;



font-size: .24rem;



height:.7rem;



line-height:.7rem;



	color: #2f4056;



	border-top: 0 none;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



}



.index .floor_1 .gridlist ul li a:hover .txt {



	color: #063c9d;



}



/*四大优势*/



.index #floor_2_main {



	width: 100%;



	height: 9rem;



	background: url("../images/f2_bg.png") no-repeat;



	background-size: 6.4rem 9rem;



}



.index .floor_2 .title {



padding-top:.8rem;



margin-bottom:.4rem;



}



.index .floor_2 .title .tit {



font-size:.4rem;



	font-weight: bold;



	text-align: center;



	color: #063c9d;



}



.index .floor_2 .title .subtit {



font-size:.24rem;



	color: #333;



	text-align: center;



margin-top:.02rem;



}



.index .floor_2 .iadvantage .list li {



	float: left;



	display: block;



	width: 2.42rem;



margin-right:.8rem;



}



.index .floor_2 .iadvantage .list li.it1 {



margin-left:.4rem;



	margin-bottom: 2rem;



}



.index .floor_2 .iadvantage .list li.it2 {



	margin-right: 0;



	margin-bottom: 2rem;



}



.index .floor_2 .iadvantage .list li.it3 {



margin-left:.4rem;



}



.index .floor_2 .iadvantage .list li.it4 {



	width: 2.6rem;



	margin-right: 0;



}



.index .floor_2 .iadvantage .list li em {



	display: block;



width:.54rem;



height:.38rem;



background-size:.54rem .37rem;



}



.index .floor_2 .iadvantage .list li .tit {



margin-bottom:.14rem;



font:bold .26rem "microsoft yahei";



	color: #333;



}



.index .floor_2 .iadvantage .list li .cont {



	color: #333;



font-size:.2rem;



line-height:.36rem;



	text-align: justify;



}



.index .floor_2 .iadvantage .list li.it1 em {



	background: url("../images/em1.png") no-repeat;



background-size:.54rem .37rem;



}



.index .floor_2 .iadvantage .list li.it2 em {



	background: url("../images/em2.png") no-repeat;



background-size:.54rem .37rem;



}



.index .floor_2 .iadvantage .list li.it3 em {



	background: url("../images/em3.png") no-repeat;



background-size:.54rem .37rem;



}



.index .floor_2 .iadvantage .list li.it4 em {



	background: url("../images/em4.png") no-repeat;



background-size:.54rem .37rem;



}



/*slip*/



.index_slip {



	position: relative;



	height: 2rem;



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



	background-size: 6.4rem 2rem;



}



.index_slip .slip_tit {



	width: 5rem;



margin-left:.3rem;



}



.index_slip .slip_tit .tit1 {



padding-top:.46rem;



font:bold .34rem "Microsoft YaHei";



	color: #fff;



line-height:.6rem;



}



.index_slip .slip_btn {



	position: absolute;



	bottom: .2em;



right:.8rem;



	display: block;



	width: 2.46rem;



height:.7rem;



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



font:bold .2rem "microsoft yahei";



line-height:.5rem;



	text-align: center;



	color: #125d27;



background-size:2.46rem .7rem;



}



.index_slip1 {



	margin-top: -2.4rem;



	background: none;



}



.index_slip1 .slip_tit {



	width: 5.5rem;



}



/*合作案例*/



.index #floor_3_main {



	width: 100%;



	background: #fff;



}



.index .floor_3 {



padding-bottom:.4rem;



}



.index .floor_3 .caseList {



	height: 6rem;



margin-top:.6rem;



	overflow: hidden;



	position: relative;



}



.index .floor_3 .caseList .bd {



	position: relative;



	width: 5.6rem;



	height: 6rem;



	margin: 0 auto;



	overflow: hidden;



	border: 1px solid #ddd;



}



.index .floor_3 .caseList .list li {



	position: relative;



	float: left;



	display: block;



	width: 5.6rem;



	height: 6rem;



}



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



	display: block;



	width: 5.6rem;



	height: 3.15rem;



}



.index .floor_3 .caseList .bd .list {



	display: inline-block;



}



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



	display: block;



	width: 5.6rem;



	height: 4.2rem;





}



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



	display: block;



	width: 100%;



	height: 100%;



}



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



	width: 5.6rem;



	height: 1.8rem;



	z-index: 9;



}



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



line-height:.8rem;



font-size:.26rem;



	text-align: center;



	color: #063c9d;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



}



.index .floor_3 .caseList .hd {



	width: 100%;



height:.16rem;



	position: absolute;



	text-align: center;



	bottom: 0.6rem;



margin-top:.4rem;



}



.index .floor_3 .caseList .hd ul {



	max-width: 90%;



	margin: auto;



}



.index .floor_3 .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_3 .caseList .hd li.on {



width:.16rem;



height:.16rem;



	background: #063c9d;



border-radius:.2rem;



}



.index .floor_3 .caseShow .list {



margin-top:.2rem;



margin-left:.4rem;



}



.index .floor_3 .caseShow .list li {



	float: left;



	display: block;



	width: 2.7rem;



	height: 2.72rem;



margin-right:.2rem;



	border: 1px solid #ddd;



}



.index .floor_3 .caseShow .list li .img {



	display: block;



	width: 2.67rem;



	height: 2.02rem;



	border-bottom: 1px solid #ddd;



}



.index .floor_3 .caseShow .list li .img img {



	display: block;



	width: 100%;



	height: 100%;



}



.index .floor_3 .caseShow .list li .txt {



	width: 2.7rem;



height:.7rem;



}



.index .floor_3 .caseShow .list li .tit {



font-size:.24rem;



line-height:.7rem;



	text-align: center;



	color: #666;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



}



.index .floor_3 .look_more {



margin-top:.2rem;



	border: 1px solid #ddd;



	color: #666;



}



/*服务流程*/



.index #floor_4_main {



	height: 14.6rem;



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



	background-size: 6.4rem 14.6rem;



}



.index .floor_4 .in_title .entit {



	color: #666;



}



.index .floor_4 .in_title .tit {



	color: #063c9d;



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



background-size:6.4rem .1rem;



}



.index .floor_4 .serviceList {



padding-top:.5rem;



}



.index .floor_4 .serviceList .list li {



	position: relative;



	width: 5.6rem;



	height: 1.14rem;



	margin: 0 auto;



margin-bottom:.26rem;



	background: url("../images/ita_bg.png") no-repeat;



	background-size: 5.6rem 1.14rem;



}



.index .floor_4 .serviceList .list li .img {



	float: left;



width:.44rem;



height:.4rem;



margin-left:.4rem;



margin-top:.3rem;



}



.index .floor_4 .serviceList .list li .img img {



	display: block;



	width: 100%;



	height: 100%;



}



.index .floor_4 .serviceList .list li .tit {



	float: left;



margin-top:.2rem;



margin-left:.4rem;



font-size:.4rem;



	color: #333;



}



.index .floor_4 .serviceList .list li .num {



	float: right;



	display: block;



width:.72rem;



height:.5rem;



margin-top:.24rem;



margin-right:.36rem;



}



.index .floor_4 .serviceList .list li .num img {



	display: block;



	width: 100%;



	height: 100%;



}



.index .floor_4 .serviceList .list li.ita7 {



	height: 1rem;



	background: url("../images/ita1_bg.png") no-repeat;



	background-size: 5.6rem 1rem;



}



/*关于我们*/



.index #floor_5_main {



	position: relative;



	background: #f8f8f8;



}



.index .floor_5 {



padding-bottom:.8rem;



}



.index .floor_5 .part1 {



	position: relative;



	width: 5.38rem;



	height: 3.02rem;



	background: #063c9d;



	margin: 0 auto;



margin-top:.8rem;



margin-bottom:.4rem;



margin-left:.64rem;



}



.index .floor_5 .part1 .video {



	position: absolute;



top:-.24rem;



left:-.24rem;



	width: 5.38rem;



	min-height: 3.02rem;



}



.index .floor_5 .part1 .video img {



	display: block;



	width: 5.38rem;



	height: 3.02rem;



}



.index .floor_5 .part2 .tips {



	width: 5.58rem;



	height: 2.48rem;



	margin: 0 auto;



margin-bottom:.3rem;



border:.01rem solid #ddd;



	background-color: #fff;



}



.index .floor_5 .part2 .tips .item {



margin-top:.3rem;



}



.index .floor_5 .part2 .tips .item .img {



	float: left;



width:.75rem;



height:.75rem;



margin-left:.3rem;



}



.index .floor_5 .part2 .tips .item .img img {



	display: block;



width:.75rem;



height:.75rem;



}



.index .floor_5 .part2 .tips .item .stit {



	float: left;



	width: 4.28rem;



margin-left:.2rem;



}



.index .floor_5 .part2 .tips .item .stit .tit1 {



font:bold .26rem "Microsoft YaHei";



	color: #333;



}



.index .floor_5 .part2 .tips .item .stit .cont1 {



margin-top:.08rem;



font-size:.24rem;



	color: #666;



}



.index .floor_5 .part2 .cont {



	width: 5.5rem;



	margin: 0 auto;



margin-bottom:.4rem;



font-size:.26rem;



	color: #333;



line-height:.5rem;



	text-align: justify;



}



.index .floor_5 .look_more {



	background: #063c9d;



}



/*新闻资讯*/



.index #floor_6_main {



	width: 100%;



	background: #fff;



}



.index .floor_6 {



	height: auto;



padding-bottom:.8rem;



}



.index .floor_6 .news {



margin-top:.1rem;



}



.index .floor_6 .news .list li {



	display: block;



	width: 5.6rem;



	margin: 0 auto;



	line-height: 1rem;



	border-top: 1px solid #ddd;



	overflow: hidden;



}



.index .floor_6 .news .list li:first-child {



	border-top: none;



}



.index .floor_6 .news .list li .tit {



	float: left;



	width: 74%;



font-size: .26rem;



	color: #333;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



}



.index .floor_6 .news .list li .time {



	float: right;



	width: 25%;



font-size: .26rem;



	color: #999;



}



.index .floor_6 .news .look_more {



	background: #063c9d;



}



/* 搜索 */



#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(../images/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(../images/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: #063c9d;



	color: #063c9d;



}



/*cateList*/



.iconbef:before {



	background: url(../images/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: #063c9d;



	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 #063c9d;



font-size: .26rem;



	text-align: center;



border-radius: .04rem;



	color: #063c9d;



	background: #fff;



	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: #063c9d;



	border-color: #063c9d;



	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: #063c9d;



	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: #08561a;



	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 #063c9d;



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 #063c9d;



	color: #fff;



	background: #063c9d;



}



.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: #063c9d;



}



/*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('../images/weibo.png');



	background-size: cover;



}



#nativeShare .weixin i {



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



	background-size: cover;



}



#nativeShare .weixin_timeline i {



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



	background-size: cover;



}



#nativeShare .qq i {



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



	background-size: cover;



}



#nativeShare .qzone i {



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



	background-size: cover;



}



#nativeShare .more i {



	background-image: url('../images/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(../images/qqzone.png) no-repeat center;



	background-size: 100% 100%;



}



#bdfx .d2 {



	background: url(../images/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;
	height: 230px;overflow: hidden;



}



.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.22rem;



	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(../images/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: #063c9d;



	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("../images/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("../images/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("../images/ico_right.png") no-repeat 92% center #063c9d;



	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;



}



}

.product_title{ height:34px; background-image:url(../images/cp_top.gif); background-repeat:repeat-x; margin-top:20px; line-height:34px; color:#FFFFFF}

.title_left{ background-image:url(../images/cag_tit.jpg); height:34px; width:120px; float:left; text-align:center; font-size:12px}

.title_more{ float:right; width:80px; height:34px; text-align:right}

.clear{ clear:both}

.pic_list ul{ margin:0px; padding:0px;}

.pic_list ul li{ float:left; width:33%; text-align:center; list-style:none; border-bottom: dotted #CCCCCC 1px; background-image: url(../images/dtico.jpg); background-repeat:no-repeat; background-position:5px center; padding-left:0px;}

.pic_list ul li a{ font-size:14px; color:#666666}

.phone_gg{ font-size:12px; color:#666666; padding-left:15px;}



.phone_gg strong{ font-size:18px; color:#FF0000}



.adv_01{ background-image: url(../images/adv_01.png); background-repeat:no-repeat; background-position:left center; height:35px; list-style:none; font-size:12px; padding-left:45px; line-height:30px; margin-top:15px; border-bottom:dotted #CCCCCC 1px;}

.adv_02{ background-image: url(../images/adv_02.png); background-repeat:no-repeat; background-position:left center; height:35px; list-style:none; font-size:12px; padding-left:45px; line-height:30px; margin-top:5px; border-bottom:dotted #CCCCCC 1px;}

.adv_03{ background-image: url(../images/adv_03.png); background-repeat:no-repeat; background-position:left center; height:35px; list-style:none; font-size:12px; padding-left:45px; line-height:30px; margin-top:5px; border-bottom:dotted #CCCCCC 1px;}

.adv_04{ background-image: url(../images/adv_04.png); background-repeat:no-repeat; background-position:left center; height:35px; list-style:none; font-size:12px; padding-left:45px; line-height:30px; margin-top:5px; border-bottom:dotted #CCCCCC 1px;}













.tem_top_nav{ display:none; }

.tem_head ul:after{clear:both;display:block;visibility:hidden;height:0;content:"";}

.tem_head ul{ margin:0px; padding:0px; background:#a02114; color:#fff; }

.tem_head li{ list-style:none; float:left; width:25%; background-image:url(../images/nav_bg.jpg);height:30px; line-height:30px; border-right:solid #a02114 1px;}

.tem_head li a{ display:block; padding:0px; color:#fff; font-size:13px; text-align:center; }

.tem_head li a:hover,.tem_head li a.navdown,.tem_head li a.met_now{ background:#b7250f; }



.tem_banner ul{ margin:0px; padding:0px;}

.tem_banner{position:relative;overflow:hidden;background:#fafafa;text-align:center;font-size:0;}

.tem_banner li{list-style:none;}

.tem_banner ul li{float:left;background-position:center center;background-repeat:no-repeat;}

.tem_banner ul li a{display:block;width:100%;height:100%;}

.tem_banner .am-control-nav{position:absolute;right:0;bottom:10px;left:0;text-align:center;}

.tem_banner .am-control-nav li{display:inline-block;margin:0 4px;cursor:pointer;}

.tem_banner .am-control-nav li a{ display:block; width:10px;height:10px;border:1px solid #fff;border-radius:10px; text-indent:-999em;}

.tem_banner .am-control-nav li a.am-active{background:#fff;}

.tem_banner .flash img{width:100%!important;}



.tem_index_title{margin:0 0 20px 0; padding:0px;border-bottom:1px solid #ccc;text-align:center;font-weight:normal;font-size:22px;}

.tem_index_title span{position:relative;top:2px;display:inline-block;padding:10px 15px;border-bottom:4px solid #666;}

.tem_index_title p{ margin:0px; height:0px;color:#8c8c8c;font-weight:normal;font-size:0px;}

.tem_index_more{clear:both;margin:0 auto;padding-top:30px;width:200px;text-align:center;}

.tem_index_more a{display:block;height:40px;background:#e9280c;color:#fff;font-weight:normal;font-size:14px;line-height:40px;}

.tem_index_more a:hover{background:#d82208;color:#fff;}



.tem_index_about{padding:20px 10px 30px;}

.tem_index_about_more{margin:0px;padding-top:20px;}

.tem_index_about_more a{display:inline-block;padding:8px 30px;border:2px solid #eee;color:#999!important;text-decoration:none;font-weight:normal;}

.tem_index_about_more a:hover{ background:#eee;text-decoration:none!important;}

.tem_index_about .met_editor{ padding:0px 8px;}



.tem_index_product{padding:20px 10px 30px;}

.tem_index_product ul{margin:0px; padding:0px;list-style:none;}

.tem_index_product ul li{float:left; overflow:hidden;margin-bottom:10px; width:50%;text-align:center;height:200px;overflow:hidden;}

.tem_index_product ul li a{display:block;margin:0 auto; width:95%; background:#fff;text-align:center;font-size:0;}

.tem_index_product ul li h2{ margin:0px;padding:8px 10px;background:#8c989f;color:#fff;text-align:left;font-weight:normal;font-size:12px; line-height:1.5;}

.tem_index_product ul li img{ width:100%;}



.tem_index_news{padding:20px 10px 30px;text-align:center;}

.tem_index_news_tab{display:-webkit-box;margin:0 0 10px; padding:0px;height:35px;border-right:1px solid #8c989f;list-style:none;line-height:35px;}

.tem_index_news_tab li{ -webkit-box-flex:1;}

.tem_index_news_tab li h3{padding:0 40px;height:35px;border:1px solid #8c989f;border-right:0;font-weight:normal;line-height:35px;cursor:pointer;}

.tem_index_news_tab li.am-active h3{background:#8c989f;color:#fff;}

.tem_index_news_tab li:hover h3{background:#8c989f;color:#fff;}

.tem_index_news_slides ul{ margin:0px;padding:0px;}

.tem_index_news_list{margin:0px;padding:0px; list-style:none;}

.ttsss{ padding:5px 10px; border-bottom:1px solid #ddd; text-align:left; background-image:url(../images/dtico.jpg); background-repeat:no-repeat; background-position:left center}

.tem_index_news_list a{display:block;}

.tem_index_news_list h3{overflow:hidden; margin:0px;margin-bottom:3px; padding:0px;height:30px; color:#000;font-weight:normal;line-height:30px; font-size:12px; color:#666666}

.tem_index_news_list p{ margin:0px; padding:0px;color:#818181; line-height:1.5;}



.tem_index_case{padding:20px 10px 30px;}

.tem_index_case .am-slider-default{ background-color:transparent!important; box-shadow:none!important;}

.tem_index_case_list ul.am-slides{ margin:0px; padding:0px;}

.tem_index_case_list ul.am-slides:after{clear:both;display:block;visibility:hidden;height:0;content:"";}

.tem_index_case_list ul.am-slides li{float:left;list-style:none;}

.tem_index_case_list .tem_list{float:left;margin:0px; margin-bottom:10px;width:50%;}

.tem_index_case_list .tem_list dt{ margin:0px;padding:0 5px;text-align:center;font-size:0;}

.tem_index_case_list .tem_list dt a{display:block;overflow:hidden;margin:0 auto;height:180px;}

.tem_index_case_list .tem_list dt img{ width:100%; height:auto; }

.tem_index_case_list .tem_list dd{ margin:0px;padding:0 5px;}

.tem_index_case_list .tem_list h3{margin:0 auto;height:40px;background:#8c989f;text-align:center;font-weight:normal;line-height:40px;}

.tem_index_case_list .tem_list h3 a{color:#fff; font-size:12px}

.tem_index_case_list .tem_list h3 a:hover{color:#fff;}

.tem_index_case_list .am-control-nav{ bottom:-30px!important; }

.tem_index_to{border-top:1px solid #e7e8ed;border-bottom:1px solid #e7e8ed;background:#f7f8fa;}

.lv_advs img{ width:100%}

.tem_index_footer{padding:40px 10px 50px;background:#1e1e1e;}

.tem_index_footer dl{ }

.tem_index_footer dl dt{margin-right:25px;height:40px;border-bottom:1px solid #363636;color:#f3f3f3;font-size:16px;line-height:40px;}

.tem_index_footer dl dt span{position:relative;top:-1px;display:inline-block;border-bottom:3px solid #838383;}

.tem_index_footer dl dd{ padding:10px;}

.tem_index_footer_contact li{position:relative;margin-bottom:15px;padding-top:5px;padding-left:48px;min-height:35px;color:#646363;list-style:none;}

.tem_index_footer_contact li i{position:absolute;top:0;left:0;width:35px;height:35px;border:1px solid #424244;border-radius:5px;color:#7c7c7c;text-align:center;font-size:22px;line-height:35px;}

.tem_index_footer_link dd{padding:20px 0;}

.tem_index_footer_link a{display:inline-block;margin:0 12px 10px 0;color:#646363;white-space:nowrap;}

.tem_index_footer_link a:hover{color:#ababab;}

.tem_index_footer_link a img{height:45px;}

.tem_index_footer_attention{ }

.tem_index_footer_attention dd{padding:20px 0;color:#646363;}

.tem_index_footer_attention li{display:inline-block;margin:8px;list-style:none;}

.tem_index_footer_attention li a{display:block;overflow:hidden;width:44px;height:44px;background:url(../pnt.png) no-repeat left top;color:#646363;font-size:0;}

.tem_index_footer_attention li.tenxun a{background-position:-83px top!important;}

.tem_index_footer_attention li.weixin a{background-position:-247px top!important;}

.tem_index_footer_attention li.qq a{background-position:-165px top!important;}

.tem_index_footer_attention li:hover a{background:url(../pnthover.png) no-repeat;}

.tem_index_footer_attention img{margin-top:8px;width:100px;}

.tem_index_footer_attention p{margin-top:5px;}



.tem_footer{position:relative;padding:30px 0 20px;background:#161616;color:#4a4a4a; text-align:center;font-size:12px;}

.tem_footer a{color:#4a4a4a;}

.tem_footer_nav{ }

.tem_footer_nav a{ display:inline-block; padding:5px 10px;  }

.tem_footer_text{ margin-top:15px;}

.powered_by_metinfo{height:35px;background:#161616;color:#4a4a4a;text-align:center;font-size:12px;line-height:35px;}

.powered_by_metinfo a{color:#4a4a4a;}



.met_section{position:relative;padding:0px 0px 30px;}

.met_section aside{ display:none;}

.met_section aside .am-offcanvas-content{ padding:5px; }

.met_section aside .am-offcanvas-bar{ width:70%; background:#1c1c1c;}

.met_section aside .am-offcanvas-bar dt a{ display:block; padding:15px;  border-bottom:1px solid #292929; color:#fff; font-weight: normal; font-size:16px;}

.met_section aside .am-offcanvas-bar dd h4{ display:inline-block; margin:5px;}

.met_section aside .am-offcanvas-bar dd a{ display:block; padding:5px; background:#292929; color:#929292; font-weight: normal; font-size:16px;}

.met_section .met_article_head{ position:relative; padding:0px 10px; }

.met_section .met_article_head h1{ padding:0px 10px; height:60px; border-bottom:1px solid #ddd; font-weight:normal; font-size:16px;line-height:60px;}

.met_section .met_article_head h3{ position:absolute; top:0px; right:15px;height:60px; color:#666; font-weight:normal; font-size:12px;line-height:60px; }

.met_section .met_article_head h3 i{ margin-right:5px; width:30px; height:30px; border-radius:100px; background:#efefef; text-align:center; font-size:16px; line-height:30px;}





/*以下CSS样式谨慎修改，内页各模块样式，多模板可共用*/

body,h1,h2,h3,h4,h5,h6,dl,dt,li,ol,ul,dd,th,td,p,pre,form,input,button,textarea,hr{margin:0;padding:0;}

h1,h2,h3,h4,h5,h6{font-size:100%;}

body ul,body ol,body dl,body p,body h1,body h2,body h3,body h4,body h5,body h6{ margin:0px; padding:0px; font-size:100%; }

img{border:0;}

button,input,select,textarea{font-size:100%;}

.met_clear{clear:both;}

.met_none{display:none;}

.met_hidden{visibility:hidden;}

.met_fl{float:left;}

.met_fr{float:right;}

.met_editor{ overflow:hidden;}

.met_editor ul,.met_editor ol{margin:0;padding:0 0 0 25px;}

.met_editor a{color:#1c57c4;}

.met_editor a:hover{text-decoration:underline;}

.met_editor img{max-width:100%;height:auto!important;}

.met_editor blockquote{padding-top:5px;padding-bottom:5px;padding-left:15px;border-left:4px solid #ddd;}

.met_editor hr{display:block;-webkit-box-sizing:content-box;box-sizing:content-box;margin:20px 0;padding:0;height:0;border:0;border-top:1px solid #ddd;}

.met_editor .metvideobox{ text-align:center; visibility:hidden; margin:10px auto; }

.met_editor .video-js{ max-width:100%; }

.met_editor table{ margin-bottom:1.6rem;padding:0!important; width:100%!important;border:0;border-collapse:collapse!important; border-spacing:0!important;}

.met_editor_table{ overflow:scroll; width:100%;}

.met_editor table td{border:1px solid #ddd!important;}

.met_editor table>thead>tr>th,table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>td,table>tbody>tr>td,table>tfoot>tr>td{padding:.7rem;border-top:1px solid #ddd;vertical-align:top;line-height:1.6;}

.met_editor table>thead>tr>th{border-bottom:1px solid #ddd;vertical-align:bottom;}

.met_editor #page_break .collapse{display:none;}

.met_editor #page_break .num{padding:10px 0;text-align:center;}

.met_editor #page_break .num li{display:inline;overflow:hidden;margin:0 2px;padding:3px 5px;border:1px solid #ccc;background-color:#fff;color:#666;text-align:center;font-size:12px;font-family:Arial;cursor:pointer;}

.met_editor #page_break .num li.on{background-color:#ccc;color:#fff;font-weight:bold;}

.metinfo-banner1{overflow:hidden;margin:0 auto;}

.met_pager{padding:30px 0 0;text-align:center;}

.met_pager a{display:inline-block; padding:0px 10px;height:30px;border:1px solid #e0e0e0;color:#aaa;text-align:center; text-align:center;line-height:30px;}

.met_pager a:hover{border:1px solid #a0a0a0;color:#aaa;}

.met_pager .PreSpan,.met_pager .NextSpan{display:inline-block; padding:0px 10px;height:30px;border:1px solid #e0e0e0;background:#f0f0f0;color:#ccc;text-align:center;line-height:30px;}

.met_pager .PreA,.met_pager .NextA{height:28px;min-width:58px;color:#aaa;line-height:28px;_width:58px;}

.met_pager .PreSpan,.met_pager .PreA{margin-right:6px;}

.met_pager .NextSpan,.met_pager .NextA{margin-left:6px;}

.met_pager .firstPage,.met_pager .lastPage{height:28px;min-width:40px;color:#aaa;font-weight:bold;line-height:28px;_width:40px;}

.met_pager .Ahover{background:#f0f0f0;color:#aaa;}

.met_pager .PageText{display:none;margin-left:10px;color:#aaa; }

.met_pager #metPageT,#metPageB{border:1px solid #e0e0e0;color:#aaa;text-align:center;}

.met_pager #metPageT{display:none;padding:6px 5px 5px;width:20px;}

.met_pager #metPageB{display:none;padding:6px 0 5px;min-width:40px;font-weight:bold;cursor:pointer;_width:40px;}

*html .met_pager #metPageT{height:13px;line-height:13px;}

*html .met_pager #metPageB{padding:0;height:28px;line-height:20px;}

*+html .met_pager #metPageT{height:13px;line-height:13px;}

*+html .met_pager #metPageB{padding:0;height:28px;line-height:20px;}

/*各模块页面样式*/

.met_module1{padding:30px 10px;}

.met_module2_list{padding:10px 10px;}

.met_module2_list li{position:relative;padding:15px 0px;border-bottom:1px solid #ddd;list-style:none;}

.met_module2_list h2{font-weight:normal;}

.met_module2_list li p{color:#818181;}

.met_module2_list li span.time{color:#818181;}

.met_module2_list li h2 i{ display:none;}

.met_module2_list li.list_2 h2,.met_module2_list li.list_3 h2{margin-bottom:3px;font-weight:bold;}

.met_module2_list li.list_2{padding:15px 0;}

.met_module2_list li.list_3{padding-left:100px;min-height:80px;}

.met_module2_list li.list_3 img{position:absolute;top:15px;left:0;}

.met_module2_list li.list_3 span.time{position:static;}

.met_module2 h1.met_title{ margin-top:10px;padding:5px 10px;font-weight:normal;font-size:28px; line-height:1.2;}

.met_module2 .met_infos{ margin:0px 10px 30px;padding-bottom:10px;border-bottom:1px solid #ddd;color:#818181;font-size:12px;}

.met_module2 .met_time{padding-right:6px;}

.met_module2 .met_source{padding-right:6px;}

.met_module2 .met_source a{color:#607fa6;}

.met_module2 .met_editor{padding:0 10px;}

.met_tools{ position:relative; margin:30px 10px 0px;padding:5px 5px 0;border-top:1px solid #ddd;}

.met_tools .met_page{ clear:both; display:-webkit-box; margin:10px 0px 0px; padding:0px;color:#818181;}

.met_tools .met_page li{ padding:8px; background:#f7f8fa; list-style:none; -webkit-box-flex:1;}

.met_tools .met_page li.met_page_preinfo{ margin-right:10px; text-align:right; }

.met_tools .met_page a{ display:block;color:#607fa6;}

.met_module3_list ul.list_1{ padding:0px 5px;list-style:none;}

.met_module3_list ul.list_1 li{float:left;overflow:hidden;margin-top:10px; width:50%; text-align:center;}

.met_module3_list ul.list_1 li a{display:block;margin:0 auto;width:95%;background:#fff;text-align:center;font-size:0;}

.met_module3_list ul.list_1 li h2{padding:10px 5px;text-align:left; font-weight:normal;font-size:14px;line-height:1.2;}

.met_module3_list ul a img{ width:100%; height:auto;}

.met_module3_list ul.list_2{list-style:none;}

.met_module3_list ul.list_2 li{padding:20px 10px;border-bottom:1px solid #ddd;}

.met_module3_list ul.list_2 dt{position:relative;float:left;width:120px;}

.met_module3_list ul.list_2 dt img{width:100%;}

.met_module3_list ul.list_2 dd{float:left;margin-top:0px; margin-left:-120px;width:100%;}

.met_module3_list ul.list_2 dd .met_listbox{ margin-left:120px;}

.met_module3_list ul.list_2 dd h2{padding:0px 10px;font-weight:normal;font-size:15px;line-height:1.2;}

.met_module3_list ul.list_2 dd p{padding:5px 10px;color:#818181;}

#showproduct dl.pshow{ padding:0px 10px;}

#showproduct dl.pshow dt{position:relative;float:left;overflow:hidden;text-align:center;font-size:0;}

#showproduct dl.pshow dt .met_box{margin:0 auto; height:480px;}

#showproduct .met_imgshowbox ul{ margin:0px; padding:0px;}

#showproduct .met_imgshowbox{position:relative; overflow:hidden;text-align:center;font-size:0;}

#showproduct .met_imgshowbox .am-slides li{list-style:none;}

#showproduct .met_imgshowbox .am-slides li a{ display:block; }

#showproduct .met_imgshowbox .am-control-nav{position:absolute;right:0;bottom:10px;left:0;text-align:center;}

#showproduct .met_imgshowbox .am-control-nav li{display:inline-block;margin:0 4px;cursor:pointer;}

#showproduct .met_imgshowbox .am-control-nav li a{ display:block; width:10px;height:10px;border:1px solid #fff;border-radius:10px; text-indent:-999em;}

#showproduct .met_imgshowbox .am-control-nav li a.am-active{background:#fff;}

#showproduct dl.pshow dd .met_box h1{padding:20px 5px;border-bottom:1px solid #ddd;font-size:16px;}

#showproduct dl.pshow dd .met_box ul li{position:relative;padding:8px 5px 8px 90px;border-bottom:1px solid #ddd;color:#818181;list-style:none;}

#showproduct dl.pshow dd .met_box ul li span{position:absolute;top:0;left:0;padding:8px 5px;width:80px;word-wrap:break-word;}

#showproduct dl.pshow dd .met_box .desc{margin-top:20px;padding:10px;background:#f7f8fa;color:#666;}

#showproduct .met_nav{ position:relative; visibility:hidden; overflow:hidden; margin:30px 0; height:45px; border:1px solid #ddd; background:#fff;line-height:45px;}

#showproduct .met_nav #wrapper{ position: absolute; overflow:hidden; width: 100%; height:43px; }

#showproduct .met_nav #scroller{ position:absolute; }

#showproduct .met_nav .am-icon-forward{ position:absolute; top:0px; right:5px; color:#aaa; font-size:12px;  }

#showproduct .met_nav ol{  border:0; }

#showproduct .met_nav li{ display:inline-block; height:43px; border-right:1px solid #ddd;list-style:none;cursor:pointer;}

#showproduct .met_nav li a{display:block; margin-right:0px; padding:0px; height:100%; border:0; text-align:center; line-height:43px;}

#showproduct .met_nav li.am-active a,#showproduct .met_nav li.met_hover a{background:#f7f8fa;}

#showproduct .met_nav li .am-dropdown-content{ padding:5px; }

#showproduct .met_related{margin-top:30px;padding:10px 10px;border-bottom:1px solid #ddd;color:#333;font-weight:normal;font-size:18px;}

#showproduct .met_related_list{list-style:none; }

#showproduct .met_related_list li{float:left;overflow:hidden;margin-top:10px;width:50%; text-align:center;}

#showproduct .met_related_list li a{display:block;margin:0 auto; width:95%;border:1px solid #ddd;background:#fff;text-align:center;font-size:0;}

#showproduct .met_related_list li h2{padding:10px 10px;border-top:1px solid #ddd;text-align:left;font-weight:normal;font-size:14px;}

#showproduct .met_related_list li img{width:100%;}

#showproduct .met_related_list li a:hover h2{color:#333;}

#showproduct .met_nav_contbox{padding:0 10px; border:0;}

#downloadlist{padding:15px;}

#downloadlist .metlist{margin-bottom:20px;}

#downloadlist .metlist dt{padding:8px 5px 8px 0;border-bottom:1px solid #ddd;background:url(../images/dt-9.gif) no-repeat 5px 11px;font-weight:bold;font-size:14px;}

#downloadlist .metlist dd{padding:8px;background:#f7f8fa;color:#999;}

#downloadlist .metlist dd b{font-weight:normal;}

#downloadlist .metlist dd span{display:block; padding-right:20px;}

#downloadlist .metlist dd a{color:#1c57c4;}

#downloadlist .metlist dd a.down{color:#fa1a1a;}

#showdownload{padding:15px;}

#showdownload h1.title{margin-bottom:30px;padding:15px 5px;border-bottom:1px solid #ddd;font-size:24px;}

#showdownload .paralist{visibility:hidden;padding:5px 10px;background:#8c989f;color:#fff;}

#showdownload .paralist li{position:relative;padding:8px 5px 8px 90px;min-height:20px;border-bottom:1px solid #ddd;list-style:none;}

#showdownload .paralist li:last-child{border-bottom:0;}

#showdownload .paralist li a{color:#fff;}

#showdownload .paralist li span{position:absolute;top:0;left:0;padding:8px 5px;width:80px;word-wrap:break-word;}

#showdownload .met_editor{padding:0 10px;}

#showdownload .ctitle{margin:30px 0 10px;padding:0 10px;height:40px;border-bottom:1px solid #ddd;font-weight:normal;font-size:16px;line-height:40px;}

#showdownload .downloadbox{margin-top:30px;}

#showdownload .downloadbox a{display:inline-block;padding:0 35px;height:35px;border-radius:2px;background:#23b7e5;color:#fff;line-height:35px;}

#showdownload .downloadbox a:hover{background:#38c4f0;}

#showdownload .downloadbox a.active{background:#1ba4cf;}

#imglist ul.list_1{ padding:0px 5px;list-style:none;}

#imglist ul.list_1 li{float:left;overflow:hidden;margin-top:10px;width:50%;text-align:center;}

#imglist ul.list_1 li a{display:block;margin:0 auto;width:95%;border:1px solid #ddd;background:#fff;text-align:center;font-size:0;}

#imglist ul.list_1 li h2{padding:10px 10px;border-top:1px solid #ddd;text-align:left;font-weight:normal;font-size:14px;}

#imglist ul a img{ width:100%;}

#imglist ul a:hover h2{color:#333;}

#imglist ul.list_2{list-style:none;}

#imglist ul.list_2 li{padding:20px 10px;border-bottom:1px solid #ddd;}

#imglist ul.list_2 dt{position:relative;float:left;width:120px;}

#imglist ul.list_2 dt img{ width:100%;}

#imglist ul.list_2 dd{float:left;margin-top:0px; margin-left:-120px;width:100%;}

#imglist ul.list_2 dd .met_listbox{ margin-left:120px;}

#imglist ul.list_2 dd h2{padding:0px 10px;font-size:15px;line-height:1.2;}

#imglist ul.list_2 dd p{padding:5px 10px;color:#818181;}

#showimg h1.met_title{ margin:0px 10px;margin-bottom:30px;padding:15px 5px;border-bottom:1px solid #ddd;font-size:24px;}

#showimg .met_imgshowbox ul{ margin:0px; padding:0px;}

#showimg .met_imgshowbox{position:relative; overflow:hidden;text-align:center;font-size:0;}

#showimg .met_imgshowbox .am-slides li{list-style:none;}

#showimg .met_imgshowbox .am-slides li a{ display:block; }

#showimg .met_imgshowbox .am-control-nav{position:absolute;right:0;bottom:10px;left:0;text-align:center;}

#showimg .met_imgshowbox .am-control-nav li{display:inline-block;margin:0 4px;cursor:pointer;}

#showimg .met_imgshowbox .am-control-nav li a{ display:block; width:10px;height:10px;border:1px solid #fff;border-radius:10px; text-indent:-999em;}

#showimg .met_imgshowbox .am-control-nav li a.am-active{background:#fff;}

#showimg .imgparalist{visibility:hidden;visibility:hidden; margin:0px 10px;margin-top:30px;padding:5px 10px;background:#8c989f;color:#fff;}

#showimg .imgparalist li{position:relative;padding:8px 5px 8px 90px;min-height:20px;border-bottom:1px solid #ddd;list-style:none;}

#showimg .imgparalist li:last-child{border-bottom:0;}

#showimg .imgparalist li a{color:#fff;}

#showimg .imgparalist li span{position:absolute;top:0;left:0;overflow:hidden;padding:8px 5px;width:80px;word-wrap:break-word;}

#joblist{padding:10px;}

#joblist dl{margin-top:10px;padding:10px 5px 10px;border:1px solid #ddd;}

#joblist dt{padding:0 10px;font-weight:bold;font-size:16px;line-height:1.2;}

#joblist dd{ margin-top:0px;}

#joblist dd .dtail{padding:5px 10px 0;border-top:1px solid #ddd;}

#joblist dd .dtail span{margin-right:15px;}

#joblist dd .dtail a{color:#1c57c4;}

#joblist dd .editor{padding:10px;}

#joblist dd .mis{padding:5px 10px;border-bottom:1px solid #ddd;font-size:12px;}

#joblist dd .mis span{margin-right:15px;color:#999;}

#showjob h1.title{ margin:0px 10px;margin-bottom:30px;padding:15px 5px;border-bottom:1px solid #ddd;font-size:24px;}

#showjob .ctitle{margin:30px 10px 10px;padding:0 10px;height:40px;border-bottom:1px solid #ddd;font-weight:normal;font-size:16px;line-height:40px;}

#showjob .met_editor{padding:0 10px;}

#cvlist{padding:15px;}

#showjob .paralist{visibility:hidden;visibility:hidden;margin:0px 10px;margin-top:30px;padding:5px 10px;background:#8c989f;color:#fff;}

#showjob .paralist li{position:relative;padding:8px 5px 8px 90px;min-height:20px;border-bottom:1px solid #ddd;list-style:none;}

#showjob .paralist li:last-child{border-bottom:0;}

#showjob .paralist li a{color:#fff;}

#showjob .paralist li span{position:absolute;top:0;left:0;overflow:hidden;padding:8px 5px;width:80px;word-wrap:break-word;}

#showjob .info_cv{margin-top:30px;margin-left:10px;}

#showjob .info_cv a{display:inline-block;padding:0 35px;height:35px;border-radius:2px;background:#23b7e5;color:#fff;line-height:35px;}

#showjob .info_cv a:hover{background:#38c4f0;}

#showjob .info_cv a.active{background:#1ba4cf;}

#messagelist{padding:10px;}

#messagelist .metlist{margin-top:10px;padding:5px;border:1px solid #ddd;}

#messagelist .metlist dt{padding:5px;}

#messagelist .metlist dt span.name{color:#2c7199;}

#messagelist .metlist dt span.time{padding-left:5px;color:#aaa;font-size:12px;}

#messagelist .metlist dt span.tt{float:right;padding-right:5px;color:#aaa;}

#messagelist .metlist dd.info span.tt{clear:both;display:none;}

#messagelist .metlist dd.info span.text{display:block;padding:0 5px 10px;border-bottom:1px solid #ddd;line-height:1.5;}

#messagelist .metlist dd.reinfo span.tt{display:block;padding:10px 5px 0;color:#2c7199;}

#messagelist .metlist dd.reinfo span.text{display:block;padding:5px 5px 10px;line-height:1.5;}

#messagelist .v52fmbx{margin:30px 0 0;}

#linklist{padding:15px 15px 25px;}

#linklist .ctitle{margin:10px 0 10px;padding:5px 10px;border-bottom:1px solid #ddd;}

#linklist .inside{padding:15px 0 0;}

#linklist .metlist .img li{display:inline;padding-right:5px;list-style:none;}

#linklist .metlist .img img{width:88px;height:31px;}

#linklist .metlist .txt li{float:left;overflow:hidden;margin-right:5px;width:88px;height:20px;list-style:none;line-height:20px;}

#linksubmit{padding:15px;}

#linksubmit table{margin:0 auto;}

#memberbox{padding:15px;}

#memberbox .main_deng{width:95%;}

#memberbox .member_login_submit span{ display:block; margin-top:20px;}

#memberbox .main_zhuce{ width:95%;}

ul.searchnavlist{margin:0;padding:0 20px;list-style:none;}

ul.searchnavlist li{padding:5px 0;}

ul.searchnavlist .advsearch_searchword input{padding:2px 5px;width:90%;height:28px;outline:0;border:1px solid #dcdfe0;border-radius:2px;background-color:#fff;color:#333;line-height:28px\9;}

ul.searchnavlist .searchgo{display:block;padding:0 35px;height:34px;border:0 none;border-radius:2px;background:#23b7e5;color:#fff;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun';line-height:26px;cursor:pointer;}

ul.searchnavlist .searchgo:hover{background:#38c4f0;}

ul.searchnavlist .searchgo:active{background:#1ba4cf;}