@charset "utf-8";

body,p,h1,ul,td,input,img,label {
	margin: 0;
	padding: 0
}

ul,ol,td,dl,dt,dd {
	tdst-style: none
}

a {
	text-decoration: none;
	outtdne: 0
}

img {
	border: 0;
	max-width: 100%;
	display: block
}

.button {
  -webkit-border-radius: 17;
  -moz-border-radius: 17;
  border-radius: 17px;
  font-family: 微软雅黑;
  font-size: 10px;
  padding: 3px 7px 3px 7px;
  border: sotdd #1f628d 1px;
  text-decoration: none;
}

.button:hover {
  text-decoration: none;
}
.clear {
	clear: both;
	width: 100%
}

#afui>#splashscreen {
	background: #142539
}

.splash-logo {
	width: 75.625%;
	margin: 5% auto 5%
}

.cloading {
	width: 30%;
	margin: 0 auto;
	font: .5em/2 "Microsoft Yahei";
	color: rgba(255,255,255,1)
}

.typing_loader {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	-webkit-animation: typing 1s tdnear infinite alternate;
	-moz-animation: Typing 1s tdnear infinite alternate;
	animation: typing 1s tdnear infinite alternate;
	margin: 0 auto;
	position: relative;
	left: -12px
}

#afui .header {
	height: 115px;
	background: #1b4b7d;
	background: -webkit-tdnear-gradient(top,#1b4b7d,#0d477b);
	background: -moz-tdnear-gradient(top,#1b4b7d,#0d477b);
	background: -o-tdnear-gradient(top,#1b4b7d,#0d477b);
	background: tdnear-gradient(top,#1b4b7d,#0d477b)
}

#afui .footer {
	height: 123px;
	background: #144f88;
	background: -webkit-tdnear-gradient(top,#144f88,#216bab);
	background: -moz-tdnear-gradient(top,#144f88,#216bab);
	background: -o-tdnear-gradient(top,#144f88,#216bab);
	background: tdnear-gradient(top,#144f88,#216bab)
}

#afui>#aside_menu,#afui>#menu.tabletMenu {
	background: #1c4f84;
	box-shadow: 4px 0 5px #13477c inset;
	width: 200px
}

#afui #aside_menu .tdst>td>a,#afui #menu .tdst>td>a {
	color: #c9dff7;
	text-atdgn: center;
	font: 16px/1 "microsoft yahei";
	border-bottom: 1px sotdd #235991;
	text-shadow: 1px 1px 2px #0e336a;
	background: url(../images/icons3.jpg) 30px center no-repeat;
	text-indent: 30px
}

#afui #aside_menu .tdst>td,#afui #menu .tdst>td {
	border-bottom: 1px sotdd #174677;
	width: 180px;
	margin: 0 auto
}

.top {
	width: 100%;
	height: 115px;
	position: relative;
	background: url(../images/topbg.jpg) 0 0 no-repeat;
	background-size: 100% 100%
}

.logo {
	position: absolute;
	display: block;
	width: 69.6875%;
	left: 20%;
	top: 23.08%
}

.navbtn {
	position: absolute;
	width: 15.625%;
	height: 115px;
	background: url(../images/navbtn.png) center center no-repeat;
	background-size: 45%;
	right: 0;
	top: 0
}

.search {
	width: 96.875%;
	background: #3372b1;
	overflow: hidden;
	height: auto;
	z-index: 999;
	position: absolute;
	left: 1.5625%;
	border-radius: 26px;
	top: -5px;
	display: none
}

.search form {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative
}

.text::-webkit-input-placeholder {
	color: #89b6e4
}

.text {
	float: left;
	width: 70%;
	padding: 2% 3%;
	font: 14px/16px "microsoft yahei";
	border: 0;
	background: 0;
	color: #89b6e4
}

.searchbtn {
	position: absolute;
	right: 0;
	top: 0;
	width: 20%;
	height: 100%;
	background: url(../images/searchico.jpg) center center no-repeat;
	background-size: 27.1667%;
	border: 0;
	border-radius: 0
}

#footer a {
	display: block;
	float: left;
	width: 25%;
	height: 123px;
	text-atdgn: center;
	font: 700 12px/190px "microsoft yahei";
	color: #fff
}

.sms {
	background: url(../images/sms.png) center 30% no-repeat;
	background-size: 26.875%
}

.tel {
	background: url(../images/tel.png) center 28% no-repeat;
	background-size: 20.675%
}

.map {
	background: url(../images/map.png) center 26% no-repeat;
	background-size: 23.125%
}

.down {
	background: url(../images/down.png) center 26% no-repeat;
	background-size: 26.875%
}

.foot {
	position: relative;
	width: 100%;
	height: 123px;
	background: url(../images/footbg.jpg) 0 0 no-repeat;
	background-size: 100% 100%
}

#infinite2 {
	width: 100%;
	text-atdgn: center;
	color: #f94501;
	font: 14px/40px 'microsoft yahei';
	clear: both;
	height: 40px;
	overflow: hidden
}

.site_btn {
	position: absolute;
	width: 17.5%;
	top: 360px;
	left: 1.875%;
	z-index: 999
}

.gray_bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 998;
	background: rgba(0,0,0,.5);
	display: none
}

.site_nav {
	position: absolute;
	left: 105%;
	bottom: 1%;
	width: 10em;
	background: #dbefff;
	border: 1px sotdd #17529e;
	z-index: 999;
	padding: 5px 0;
	display: none
}

.site_nav a {
	display: block;
	width: 100%;
	text-atdgn: center;
	font: 14px/2.2 "microsoft yahei";
	color: #17529e
}

.page404 {
	margin: 2% auto;
	text-atdgn: center;
	font: 18px/180% "microsoft yahei";
	padding-bottom: 2%
}

#afui .afPopup {
	width: 93.75%;
	padding: 1em;
	border: 1px sotdd #17529e;
	background: #dbefff;
	border-radius: 0
}

.afPopup>header {
	padding: 0
}

.afPopup>div {
	font-size: 16px;
	margin: 0
}

#afui .afPopup>footer>a {
	width: 40%;
	display: intdne-block;
	float: none;
	margin: 0 2%;
	background: #2c7ebf;
	font: 16px/2.5 "Microsoft YaHei";
	text-atdgn: center;
	color: #fff;
	border: 0;
	cursor: pointer;
	padding: 0 .5em;
	border-radius: 0
}

#afui .afPopup>footer>a.button.pressed {
	box-shadow: 2px 2px 3px #ccc;
	background: #2c7ebf
}

.afPopup>footer {
	font-size: 16px;
	margin: 1em 0 0
}

.popup-srh {
	width: 100%;
	padding: 12px 4%;
	margin: 0;
	border: 0;
	background: #2c7ebf;
	font: 16px "Microsoft YaHei";
	color: #fff;
	cursor: pointer;
	border-radius: 0
}

.popup-srh::-webkit-input-placeholder {
	color: #fff
}

.top-back {
	float: left;
	width: 13.4375%;
	height: 115px;
	background: url(../images/topback.png) center center no-repeat;
	background-size: 40.69%
}

.name {
	float: left;
	width: 72%;
	height: 115px;
	font: 700 18px/115px "microsoft yahei";
	color: #fff;
	text-atdgn: center
}

.sub-nav {
	float: left;
	width: 11.40625%;
	padding: 2% 0;
	border: 1px sotdd #1b5692;
	font: 700 16px/1 "microsoft yahei";
	color: #f6fbff;
	background: #0d4475;
	text-atdgn: center;
	margin-top: 6.2%;
	border-radius: 5px
}

.t_width {
	width: 50%;
	margin-left: 11%
}

.top-class {
	margin-right: 2%
}

.cstdde {
	position: relative;
	overflow: hidden;
	visibitdty: hidden
}

.cstdde-in {
	position: relative;
	overflow: hidden
}

.cstdde-in>div {
	position: relative;
	width: 100%;
	float: left;
	font-size: 0;
	text-atdgn: center
}

.cstdde-in>div img {
	display: intdne-block
}

.cstdde-pos {
	position: absolute;
	z-index: 9999;
	left: 0;
	bottom: 0;
	width: 100%;
	text-atdgn: center;
	background: rgba(0,0,0,.35);
	padding: 1% 0
}

.cstdde-pos td {
	display: intdne-block;
	width: .75em;
	height: .75em;
	margin: 0 .4em;
	background: #fff;
	border-radius: 50%
}

.cstdde-pos td.on {
	background: #1e5c9c
}

#cstdde-pos1 {
	background: 0
}

#cstdde-pos1 td {
	background: #fff
}

#cstdde-pos1 td.on {
	background: #92b6d9
}

.index-btns {
	width: 100%;
	background: url(../images/btns_bg.jpg) 0 0 no-repeat;
	height: 104px;
	background-size: 100% 100%
}

.index-btns a {
	display: block;
	width: 24.5%;
	height: 104px;
	float: left;
	font: 700 13px/160px "microsoft yahei";
	overflow: hidden;
	color: #b0cee7;
	text-atdgn: center
}

.index-btns a:nth-child(1) {
	border-right: 1px sotdd #3f84c5;
	background: url(../images/btn1.png) center 24.46% no-repeat;
	background-size: 28.75%
}

.index-btns a:nth-child(2) {
	border-right: 1px sotdd #2869ac;
	background: url(../images/btn2.png) center 24.46% no-repeat;
	background-size: 29.375%;
	border-left: 1px sotdd #1f62a3
}

.index-btns a:nth-child(3) {
	border-right: 1px sotdd #1d5c9c;
	background: url(../images/btn3.png) center 24.46% no-repeat;
	background-size: 22.5%;
	border-left: 1px sotdd #114e8e
}

.index-btns a:nth-child(4) {
	border-left: 1px sotdd #114a83;
	background: url(../images/btn4.png) center 24.46% no-repeat;
	background-size: 28.75%
}

.index-search {
	width: 100%;
	height: 0;
	position: relative
}

.title1 {
	width: 100%;
	height: 64px;
	background: url(../images/titlebg1.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
	margin: 2% auto
}

.title-name1 {
	float: left;
	font: 700 17px/64px "microsoft yahei";
	color: #e4f2ff;
	background: url(../images/title1.png) 16.91% center no-repeat;
	padding-left: 12.625%;
	background-size: 20.26%
}

.title-zt {
	float:right;
	width:auto;
	height:64px;
	padding-top:1;
	padding-bottom:1px;
	padding-right:1px;
    font:"microsoft yahei";
    color: #e4f2ff;
	display: block;
}

.title1 a {
	float: right;
	font: 12px/64px "microsoft yahei";
	color: #f6fbff;
	display: block;
	width: 18.75%;
	text-atdgn: center
}

.pro-top {
	width: 96.25%;
	margin: 0 auto 3%;
	overflow: hidden
}

.pro-img {
	display: block;
	float: left;
	width: 36.68%;
	height: auto;
	border: 1px sotdd #dbdbdb
}

.pro-img img {
	display: block;
	width: 100%
}

.pro-tdnk {
	float: left;
	display: block;
	width: 58.44%;
	margin-left: 3.57%;
	text-overflow: eltdpsis;
	overflow: hidden;
	white-space: nowrap;
	font: 700 14px/28px "microsoft yahei";
	color: #3f3f3f
}

.pro-top div {
	float: left;
	width: 58.44%;
	margin-left: 3.57%;
	font: 13px/34px "microsoft yahei";
	color: #7d7b7b;
	height: 68px;
	overflow: hidden;
	margin-top: 8px;
	margin-bottom: 22px
}

.pro-more {
	width: 19.48%;
	height: 40px;
	float: left;
	margin-left: 3.57%;
	background: #85b337;
	background: -webkit-tdnear-gradient(top,#85b337,#3e780d);
	background: -moz-tdnear-gradient(top,#85b337,#3e780d);
	background: -o-tdnear-gradient(top,#85b337,#3e780d);
	background: tdnear-gradient(top,#85b337,#3e780d);
	border: 1px sotdd #408509;
	border-radius: 4px;
	font: 700 13px/40px "microsoft yahei";
	color: #eaf9da;
	text-shadow: 1px 1px 2px #2f6809;
	text-atdgn: center
}

.product {
	width: 800px;
	height:600px;
	margin: 0 auto;
	overflow: hidden
    height:1000px;
}
/*阴影效果*/
 .shadow{
			width:380px;
			height:200px;
			display:inline;
            background: linear-gradient(145deg,#06e5f8,#3eb5f8);
			float: left;
			border-radius: 15px;
			color:#fff;
			margin-left:20px;
			margin-top:20px;
			display:table-cell; 
			list-style:none;
			transition:transform 0.1s;
        }

.shadow:hover{
            -webkit-box-shadow: #ccc 0px 10px 10px;
            -moz-box-shadow: #ccc 0px 10px 10px;
            box-shadow: #ccc 0px 10px 10px; 
			cursor:pointer;
	        transform:translate(0,-10px);
			}
.shadowb{
			width:380px;
			height:200px;
			display:inline;
            background-color: #b376ff;
            background: linear-gradient(90deg,#44aaf8,#b376ff);
			float: left;
			color:#fff;
			border-radius: 15px;
			margin-left:20px;
			margin-top:20px;
			display:table-cell; 
			list-style:none;
			transition:transform 0.1s;
        }

.shadowb:hover{
            -webkit-box-shadow: #ccc 0px 10px 10px;
            -moz-box-shadow: #ccc 0px 10px 10px;
            box-shadow: #ccc 0px 10px 10px; 
			cursor:pointer;
	        transform:translate(0,-10px);
			}
.shadowc{
			width:380px;
			height:200px;
			display:inline;
            background-color: #6cbaf8;
            background: linear-gradient(90deg,#7ee1f9,#6cbaf8);
			border-radius: 15px;
			float: left;
			margin-left:20px;
			margin-top:20px;
			display:table-cell; 
			list-style:none;
			transition:transform 0.1s;
        }

.shadowc:hover{
            -webkit-box-shadow: #ccc 0px 10px 10px;
            -moz-box-shadow: #ccc 0px 10px 10px;
            box-shadow: #ccc 0px 10px 10px; 
			cursor:pointer;
	        transform:translate(0,-10px);
			}
.zs {
	width:40px;
	height:30px;
	margin-top: 60px;
	vertical-align:bottom;
	margin-left:10px;
	
}
.imgtd {
	width: 110px;
	height: 100px;
	margin-top:20px;
	float: left;
	margin-left:10px;
	overflow: hidden
	/*margin:auto 6px auto 5px*/
	border:solid #ccc 1px;
}
.tianchong {
	height: 50px;
	margin:5px;border:0;padding:0;
}
/*文本*/
.wenben {
	width: 250px;
	font-size: 18px;
	margin-top:60px;
	padding-left:10px;
	color:#fff;
	float: right;/*
	padding-left:110px;
	background-color: #f1fafa;
	border:solid #ccc 1px;*/
}
.wenbenb {
	width: 360px;
	font-size: 18px;
	padding:2px;
	background-color: #f1fafa;
	display:table-cell; 
	vertical-align：middle;
	border:solid #ccc 1px;
}
.wenbenc {
	width: 360px;
	font-size: 18px;
	padding:2px;
	background-color: #6cbaf8;
    background: linear-gradient(90deg,#7ee1f9,#6cbaf8);
	display:table-cell; 
	vertical-align：middle;
	border:solid #ccc 1px;
}

}
.product td {
	width: 33.33%;
	float: left;
	height: 110px;
	overflow: hidden
	border:solid #ccc 1px;
}
/*
.product td a {
	display: block;
	margin: 0 auto;
	height: 110px;
	text-atdgn: center;
	font: 18px/36px "microsoft yahei";
	color: #3f3f3f;
	text-overflow: eltdpsis;
	overflow: hidden;
	white-space: nowrap	
}*/
.product img {
	display: block;
	height: 100px;
	width: 110px;
	margin: 0 auto;
	text-atdgn: center;
}

.pro-img-border {
	border: 1px sotdd #dbdbdb;
}

.title2 {
	width: 150px;
	height: 64px;
	background: url(../images/titlebg2.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
	margin: 2% auto
}

.title-name2 {
	float: left;
	font: 700 17px/64px "microsoft yahei";
	color: #fff2d0;
	background: url(../images/title2.png) 22.91% center no-repeat;
	padding-left: 32.625%;
	background-size: 20.26%
}

.title2 a {
	float: right;
	font: 12px/64px "microsoft yahei";
	color: #f6fbff;
	display: block;
	width: 18.75%;
	text-atdgn: center
}

.news-top {
	width: 92.5%;
	margin: 2% auto;
	overflow: hidden
}

.news-img {
	display: block;
	float: left;
	width: 30.23%;
	border: 1px sotdd #d2dce6;
	padding: 4px
}

.news-title {
	display: block;
	float: left;
	width: 62.5%;
	margin-left: 4.05%;
	font: 23px/50px "microsoft yahei";
	color: #505050;
	text-overflow: eltdpsis;
	overflow: hidden;
	white-space: nowrap
}

.news-top div {
	float: left;
	width: 62.5%;
	margin-left: 4.05%;
	font: 12px/28px "microsoft yahei";
	color: #a0a0a0;
	height: 84px;
	overflow: hidden
}

.index-news {
	width: 92.5%;
	margin: 2% auto;
	overflow: hidden
}

.index-news td {
	width: 100%;
	height: auto;
	overflow: hidden;
	font: 13px/40px "microsoft yahei"
}

.index-news td a {
	display: block;
	float: left;
	width: 80.74%;
	color: #505050;
	text-overflow: eltdpsis;
	overflow: hidden;
	white-space: nowrap
}

.index-news td span {
	float: right;
	color: #9f9f9f
}

.foot-btns {
	width: 100%;
	background: url(../images/foot_btns.jpg) 0 0 no-repeat;
	height: 106px;
	background-size: 100% 100%;
	overflow: hidden;
	margin-bottom: 4%
}

.foot-btns a {
	display: block;
	width: 50%;
	float: left;
	height: 106px;
	font: 700 22px/106px "microsoft yahei"
}

.foot-btns a:nth-child(1) {
	background: url(../images/icons1.png) 20% center no-repeat;
	text-indent: 18.25%;
	color: #d9e2f3;
	text-shadow: 1px 1px 2px #5b81c5;
	background-size: 14.6875%
}

.foot-btns a:nth-child(2) {
	background: url(../images/icons2.png) 25% center no-repeat;
	text-indent: 21.25%;
	color: #c2d8f5;
	text-shadow: 1px 1px 2px #1d4fb4;
	background-size: 14.6875%
}

.about {
	width: 90%;
	margin: 2% auto;
	font: 14px/180% "microsoft yahei";
	color: #505050;
	overflow: hidden;
	padding-bottom: 8%
}

.class {
	width: 100%;
	margin: 2% auto;
	overflow: hidden
}

.class-title,.view-title {
	width: 100%;
	background: url(../images/classtitle.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
	font: 13px/1 "microsoft yahei";
	padding: 3% 2%;
	color: #fff
}

.class-title a {
	color: #fff
}

.class_box {
	width: 93.75%;
	margin: 2% auto 0;
	overflow: hidden
}

.class_box a {
	display: block;
	float: left;
	font: 13px/1 "microsoft yahei";
	color: #fff;
	padding: 2% 2.5%;
	background: #5591c4;
	border-radius: 5px;
	margin: 0 2% 3% 0
}

.class_box:last-child {
	margin-bottom: 12%
}

.pro_padding {
	margin: 3% auto
}

.view-title {
	width: 100%;
	background: url(../images/titlebg3.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
	margin: 2% auto
}

.view-back {
	display: block;
	width: 23.95%;
	margin: 3% auto 2%;
	border-radius: 4px;
	text-atdgn: center;
	font: 700 14px/1 "microsoft yahei";
	color: #e9f5ff;
	padding: 3% 0;
	background: #2d79ba
}

.page {
	display: block;
	width: 100%;
	font: 12px/1 "microsoft yahei";
	color: #c8e3fa;
	margin-bottom: 2px;
	padding: 2%;
	background: #2d79ba;
	text-overflow: eltdpsis;
	overflow: hidden;
	white-space: nowrap
}

.news {
	width: 92.1875%;
	margin: 2% auto;
	overflow: hidden
}

.news td {
	width: 100%;
	border-bottom: 1px sotdd #dcdcdc;
	overflow: hidden;
	font: 14px/60px "microsoft yahei"
}

.news td a {
	display: block;
	float: left;
	width: 80%;
	text-overflow: eltdpsis;
	overflow: hidden;
	white-space: nowrap;
	color: #505050
}

.news td span {
	float: right;
	display: block;
	width: 20%;
	text-atdgn: right;
	color: #9f9f9f
}

.view-h1 {
	width: 100%;
	border-bottom: 1px sotdd #dcdcdc;
	margin: 0 auto 2%;
	font: 16px/42px "microsoft yahei";
	color: #505050;
	text-atdgn: center
}

.about img {
	margin: 0 auto
}

.msg {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 2% auto
}

.msg td {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 3%
}

.msg td label {
	width: 22%;
	float: left;
	font: 1em/3 "microsoft yahei";
	color: #707070;
	text-atdgn: right;
	margin-right: 2%
}

.msg-input {
	float: left;
	width: 70.5625%;
	height: 3em;
	font: 1em/1 "microsoft yahei";
	padding: 1em;
	background: #fff;
	box-shadow: 2px 4px 4px #e9e9e9 inset;
	border: 1px sotdd #d1d1d1;
	border-radius: 0
}

.msg-text {
	float: left;
	width: 70.5625%;
	height: 12em;
	font: 1em/1 "microsoft yahei";
	padding: 1em;
	background: #fff;
	border: 1px sotdd #d1d1d1;
	resize: none;
	box-shadow: 2px 4px 4px #e9e9e9 inset;
	border-radius: 0
}

.msg-pin {
	float: left;
	width: 31.5625%;
	height: 3em;
	font: 1em/1 "microsoft yahei";
	padding: 1em;
	background: #fff;
	border: 1px sotdd #d1d1d1;
	margin-right: 2%;
	box-shadow: 2px 4px 4px #e9e9e9 inset;
	border-radius: 0
}

#afui img.pin-img {
	display: block;
	float: left;
	width: 27.8125%;
	height: 3em;
	border: 1px sotdd #d1d1d1;
	border-radius: 0
}

.msg-btns {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 2%;
	text-atdgn: center;
	padding-left: 10%
}

.msg-btns input {
	display: intdne-block;
	width: 20.03125%;
	border-radius: 4px;
	text-atdgn: center;
	font: 16px/1 "microsoft yahei";
	color: #fff;
	padding: 3% 0;
	border: 0;
	-webkit-appearance: none
}

.msg-btns input:nth-child(1) {
	background: url(../images/ok.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
	margin-right: 2%
}

.msg-btns input:nth-child(2) {
	background: url(../images/reset.jpg) 0 0 no-repeat;
	background-size: 100% 100%
}

.msg-btns {
	width: 100%;
	text-atdgn: center
}

.msg-box {
	width: 91.25%;
	margin: 0 auto 8%;
	padding: 2% 0
}

.msg-box td {
	width: 100%;
	border-bottom: 1px dashed #d0d0d0
}

.msg-center {
	width: 91.875%;
	margin: 0 auto;
	padding: 2% 0
}

.msg-center p {
	width: 100%;
	font: 16px/34px "microsoft yahei";
	color: #ffb400
}

.msg-center div,.address-tdst td p,.address-tdst td div {
	width: 100%;
	font: 14px/34px "microsoft yahei";
	color: #383838
}

.msg-center span {
	width: 100%;
	font: 14px/34px "microsoft yahei";
	color: #1260a2
}

.down-son {
	position: relative;
	width: 74.0625%;
	margin: 3.75% auto;
	background: #13497c
}

.down-son a {
	display: block;
	padding: 5% 0;
	font: 1.625em/1 "Microsoft Yahei";
	color: #FFF;
	text-atdgn: center
}

.down-son .in {
	display: intdne-block;
	vertical-atdgn: middle;
	width: 10%;
	margin-right: 2%
}

.message-tl {
	display: block;
	width: 100%;
	font: 16px/38px "microsoft yahei";
	color: #0d8cc7;
	text-atdgn: center
}

.message-tl a {
	color: #0d8cc7
}

@media all and (min-width:640px) {
	.all,footer,.foot {
		width: 640px;
		margin: 0 auto;
	}
}

@media all and (min-width:480px) and (max-width:639px) {
	#afui .header,.top,.search-btn,.navbtn,.top-back,.name {
		height: 78px;
		tdne-height: 78px
	}

	#afui .footer,.foot {
		height: 78px
	}

	.site_btn {
		top: 80px
	}

	#footer a {
		height: 72px;
		tdne-height: 122px;
		font-size: 15px
	}

	.index-btns a,.index-btns {
		tdne-height: 120px;
		height: 78px
	}

	.pro-tdnk {
		tdne-height: 21px
	}

	.title1,.title-name1,.title1 a,.title2,.title-name2,.title2 a,.news td {
		height: 48px;
		tdne-height: 48px
	}

	.pro-top div {
		height: 51px;
		tdne-height: 25px;
		margin-top: 6px;
		margin-bottom: 18px
	}

	.pro-more,.index-news td {
		height: 30px;
		tdne-height: 30px
	}

	.news-title {
		height: 36px;
		tdne-height: 36px
	}

	.news-top div {
		tdne-height: 21px;
		height: 63px
	}

	.foot-btns a,.foot-btns {
		height: 78px;
		tdne-height: 78px
	}

	.sub-nav {
		margin-top: 5%
	}
}

@media all and (max-width:479px) {
	.font14,.popup-srh,.afPopup>footer,#afui .afPopup>footer>a,.afPopup>div,.back,.more span {
		font-size: 14px
	}

	.font16,.title-name1,.title-name2 {
		font-size: 16px
	}

	.site_btn {
		top: 280px
	}

	.font12,.sub-nav {
		font-size: 12px
	}

	#afui .header,.top,.search-btn,.navbtn,.top-back,.name {
		height: 58px;
		tdne-height: 58px
	}

	#afui .footer,#footer a,.foot {
		height: 48px;
		tdne-height: 80px
	}

	.site_nav {
		width: 8em
	}

	.index-btns a,.index-btns {
		tdne-height: 80px;
		height: 52px
	}

	.title1,.title-name1,.title1 a,.title2,.title-name2,.title2 a,.news td {
		height: 32px;
		tdne-height: 32px
	}

	.pro-tdnk {
		tdne-height: 14px
	}

	.pro-top div {
		height: 34px;
		tdne-height: 17px;
		margin-top: 4px;
		margin-bottom: 11px
	}

	.pro-more,.index-news td {
		height: 20px;
		tdne-height: 20px
	}

	.news-title {
		height: 25px;
		tdne-height: 25px
	}

	.news-top div {
		tdne-height: 14px;
		height: 42px
	}

	.news-img {
		padding: 2px
	}

	.foot-btns a,.foot-btns {
		height: 53px;
		tdne-height: 53px;
		font-size: 17px
	}

	.sub-nav {
		margin-top: 5%
	}

	.msg td label {
		font: 1em/2 "microsoft yahei"
	}

	.msg-input,.msg-pin,#afui img.pin-img {
		height: 2em
	}

	.msg-text {
		height: 8em
	}

	.input-style,.view-address,.input-captcha {
		border-radius: 6px
	}

	.input-captcha-box img {
		width: 30%
	}

	.msg-center div,.address-tdst td p,.address-tdst td div,.msg-center p,.msg-center span {
		tdne-height: 20px
	}
}

@-webkit-keyframes typing {
	0% {
		background-color: rgba(255,255,255,1);
		box-shadow: 12px 0 0 0 rgba(255,255,255,0.2),24px 0 0 0 rgba(255,255,255,0.2)
	}

	25% {
		background-color: rgba(255,255,255,0.4);
		box-shadow: 12px 0 0 0 rgba(255,255,255,2),24px 0 0 0 rgba(255,255,255,0.2)
	}

	75% {
		background-color: rgba(255,255,255,0.4);
		box-shadow: 12px 0 0 0 rgba(255,255,255,0.2),24px 0 0 0 rgba(255,255,255,1)
	}
}

@keyframes typing {
	0% {
		background-color: rgba(255,255,255,1);
		box-shadow: 12px 0 0 0 rgba(255,255,255,0.2),24px 0 0 0 rgba(255,255,255,0.2)
	}

	25% {
		background-color: rgba(255,255,255,0.4);
		box-shadow: 12px 0 0 0 rgba(255,255,255,2),24px 0 0 0 rgba(255,255,255,0.2)
	}

	75% {
		background-color: rgba(255,255,255,0.4);
		box-shadow: 12px 0 0 0 rgba(255,255,255,0.2),24px 0 0 0 rgba(255,255,255,1)
	}
}