* {

	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 {

	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(../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%;

	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: #1048a0;

}



.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 #0b2d7e solid;

	border-bottom: 1px #0b2d7e 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;

	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.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(../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: #1048a0;

}



#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: #1048a0;

}



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

}



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

#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: 3rem;

	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: 45%;

	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: #1048a0;

}



/*关于我们*/

.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("../images/ixbannerbg.png") no-repeat;

}



.index_slip .tit {

	width: 4.7rem;

	padding-top: .1rem;

	margin-left: .4rem;

	font: bold .24rem "Microsoft YaHei";

	color: #fff;

	line-height: .5rem;

}



.index_slip .slip_btn {

	display: block;

	position: absolute;

	bottom: .3rem;

	right: .4rem;

	width: 2.44rem;

	height: .56rem;

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

	width: 5.6rem;

	height: 4.8rem;

	text-align: center;

}



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

	width: 5.6rem;

	height: 3.2rem;

}



.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;
	display: none;

}



.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(../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: #1048a0;

	color: #1048a0;

}



/*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: #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: #cb1a20;

	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: .5rem;

	padding: 3% 3% 5%;

}



.showInfo .contxt img {

	width: 100% !important;

	margin: 10px auto !important;

	height: auto !important;

	/* display: inline; */

	float: none !important;

	clear: both;

}



.showInfo .contxt div,
.showInfo .contxt table tr td {

	width: 100% !important;

	float: none !important;

	height: auto !important;

	clear: both;

	padding: 0 !important;

	display: block;

}



.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('../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;

}



.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(../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: #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("../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 #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;

	}

}