锘?*鏄撲紭cms锛坋youcms.com锛夊畨鍏?-绠€鍗?-鏄撶敤*/

@charset "utf-8";

/*==========@@HTML榛樿 寮€濮婡@==========*/

/*鍩烘湰*/

* {

	padding: 0px;

	margin: 0px

}

body {

	font-size: 100px;

}

* {

	margin: 0;

	padding: 0;

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

	box-sizing: border-box;

}

.trans {

	transition: all .3s ease-in;

}

html {

	width: 100%;

	min-height: 100%;

}

body {

	width: 100%;

	min-height: 100%;

	max-width: 640px;

	min-width: 320px;

	margin: 0 auto;

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

	color: #666;

	-webkit-touch-callout: none;

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	background: #f5f5f5;

	position: relative;

}

body:before, body:after {

	content: "";

	width: 100%;

	display: block;

}

body:before {

height: .75rem;

}

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: #30b7ef;

	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;

}

.iconbef:before {

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

	background-size: 2.4rem auto;

	vertical-align: middle;

}

/*娓呴櫎娴姩*/

.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榛樿  缁撴潫@@==========*/

/*==========@@HTML榛樿  缁撴潫@@==========*/

.wrapper {

	width: 100%;

}

/*==========@@鍏叡妯″潡 寮€濮婡@==========*/

.header {

	background-size: 100% 1.04rem;

}

#top_main {

	width: 100%;

height: .9rem;

*zoom: 1;

	z-index: 300;

	position: fixed;

	top: 0px;

	left: 0px;

	background: #fff;

}

#top {

	max-width: 640px;

	min-width: 320px;

height: .9rem;

	margin: 0px auto;

	position: relative;

	border-bottom: 1px solid #e3e3e3;

}

#top .logo {

	width: 4.5rem;

	display: block;

padding-top: .12rem;

margin-left:.14rem;

}

#top .logo a {

	display: block;

}

#top .logo img {

	display: block;

	width: 4.5rem;

}

#top .topsearch {

	display: block;

	position: absolute;

	right: 15%;

top:.08rem;

	text-align: center;

	cursor: pointer;

width:.5rem;

height:.5rem;

margin: .22rem auto;

}

#top .topsearch span {

	display: block;

width:.34rem;

	height: 0.34rem;

	background-position: 0rem -1.2rem;

}

#top_main .tsearch * {

	box-sizing: border-box;

}

#top_main .tsearch {

	position: absolute;

	height: 1rem;

	width: 6.4rem!important;

padding: .2rem 5%;

	left: 0;

top: .9rem;

	z-index: 99;

	background: #f5f5f5;

	box-sizing: border-box;

	display: none;

	border-top: 1px solid #30b7ef;

}

#top_main .tsearch input {

	-webkit-appearance: none;

}

#top_main .tsearch .txt {

	width: 76%;

	color: #666;

text-indent: .3rem;

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: #30b7ef;

	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: 0.9rem;

	background-color: #30b7ef;

	position: absolute;

	top: 0;

	right: 14%;

	z-index: 101;

	display: none;

}

#top_main .btn_close_main .btn_close {

width: .34rem;

height: .33rem;

margin-top: .32rem;

margin-left: .26rem;

	background-position: -2rem -1rem;

}

#top #nav {

width: .4rem;

height: .4rem;

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

	position: absolute;

	right: 4%;

top: .28rem;

	text-align: center;

	cursor: pointer;

}

#top .close {

	background-position: -2.06rem 0;

width: .34rem;

height: .34rem;

	cursor: pointer;

	position: absolute;

	right: 12%;

	top: -0.06rem;

	text-align: center;

}

/*subNav*/

.subNav {

	position: fixed;

	top: 0px;

	left: 0px;

	right: 0px;

filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);

	z-index: 399;

	opacity: 0;

	visibility: hidden;

	width: 100%;

	height: 100%;

	max-width: 640px;

	min-width: 320px;

	margin: auto;

	background: #fff;

	transition: all .6s ease 0s;

	transform: translate3d(0, -100px, 0);

	-moz-transform: translate3d(0, -100px, 0);

	-webkit-transform: translate3d(0, -100px, 0);

}

.subNavCon {

	margin: 0px;

	width: 100%;

}

.subNav .subTop {

height:.9rem;

	background: #fff;

	z-index: 400;

	position: relative;

	border-bottom: 1px solid #ddd;

}

.subNav .subTop .nylogo {

	width: 4.5rem;

	display: block;

padding-top: .12rem;

margin-left:.14rem;

}

.subNav .subTop .nylogo a {

	display: block;

}

.subNav .subTop .nylogo img {

	display: block;

	width: 4.5rem;

}

.subNav .subTop .close {

width:.42rem;

height:.42rem;

	position: absolute;

	z-index: 1;

right: .25rem;

top:.24rem;

	background-position: -2.06rem 0;

	display: inline-block;

	vertical-align: middle;

}

.subNav .subBottom {

	height: 100%;

	margin: 0 0.6rem;

}

.subNav .subBottom li {

padding-top:.06rem;

padding-bottom:.08rem;

	border-bottom: 1px solid #ddd;

	position: relative;

}

.subNav .subBottom li a {

	display: block;

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

	color: #999;

	width: 80%;

}

.subNav .subBottom li a .txt {

height:.8rem;

line-height:.8rem;

	color: #333;

}

.subNav .subBottom li a.hover .txt {

	color: #30b7ef;

}

.subNav .subBottom li a .tit {

	display: inline-block;

font-size:.3rem;

line-height:.8rem;

	font-family: "AvantGarde Bk BT";

	color: #333;

}

.subNav .subBottom li em {

width: .28rem;

 height: .28rem;

	display: inline-block;

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

	vertical-align: middle;

	position: absolute;

	right: 0;

top: .32rem;

}

.subNav .subBottom .list {

	padding-top: 0.2rem;

}

.subNav .subBottom li.hover a .tit, .subNav .subBottom li:hover a .tit {

	color: #333;

}

.subNav.show {

	opacity: 1;

	visibility: visible;

	transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	-webkit-transform: translate3d(0, 0, 0);

}

.subNavShow {

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

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

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

	transform: translateX(-48%);

	display: block;

}

.subNav .subnav2 {

margin-top:.2rem;

	display: none;

}

.subNav .subnav2 a {

height: .6rem;

font-size: .24rem;

	box-sizing: border-box;

 line-height: .6rem;

	text-align: left;

	color: #fff;

	display: block;

	padding: 0;

	background: none;

	border-bottom: 1px solid #ddd;

font-size: .24rem!important;

 margin-bottom: .2rem;

}

.subNav li.hover em {

width:.31rem;

height:.03rem;

top:.46rem;

	background-position: -2.06rem -1.54rem;

}

/* banner */

#banner_main {

	width: 100%;

	overflow: hidden;

margin-top:.14rem;

	position: relative;

	z-index: 1;

	height: 4rem;

	background-size: 1px auto;

}

.banner {

	margin: 0 auto;

	width: 100%;

*zoom: 1;

	overflow: hidden;

	position: relative;

	height: 4rem;

}

.banner .list {

	width: 100%;

	overflow: hidden;

}

.banner .list li {

	float: left;

	width: 100%;

	overflow: hidden;

}

.banner .list li img {

	width: 100%;

	height: 4rem;

}

#banner .tip {

	width: 100%;

	height: 0.32rem;

	line-height: 0.32rem;

	text-align: center;

	clear: both;

	position: absolute;

	left: 0%;

	bottom: 8%;

	z-index: 12;

	font-size: 0;

}

#banner .tip li {

	display: inline-block;

	vertical-align: middle;

	width: 0.2rem;

	height: 0.2rem;

	margin: 0 0.06rem;

	vertical-align: middle;

	background-color: #fff;

	border-radius: 100%;

}

#banner .tip li.on {

width:.2rem;

height:.2rem;

	background-color: #30b7ef;

}

/* reLink */

.reLink {

	line-height: 0.38rem;

	color: #666;

	border-top: 0.02rem solid #e4e4e4;

	border-bottom: 0.02rem solid #e4e4e4;

	margin-bottom: 0.15rem;

	font-size: 0.24rem;

	padding: 0.15rem;

}

.reLink .prevLink, .reLink .nextLink {

	width: 100%;

}

.reLink a {

	color: #666;

	font-size: 0.24rem;

}

.reLink a:hover {

	color: #004a91;

}

/*鐗堟潈淇℃伅*/

#footer_main {

	text-align: center;

	width: 100%;

	background: #fff;

	padding: 0.1rem 0 0.1rem;

}

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

}

#footer_main .bottomNav {

padding-left:.4rem;

padding-right:.4rem;

}

#footer_main .bottomNav .list {

padding-top:.3rem;

}

#footer_main .bottomNav .list li {

	width: 100%;

height:.8rem;

	border-bottom: 1px solid #ccc;

}

#footer_main .bottomNav .list li a {

	display: block;

	height: 0.8rem;

	line-height: 0.8rem;

}

#footer_main .bottomNav .list li .tit {

	display: block;

	font: normal 0.26rem "AvantGarde Bk BT";

	color: #333;

	line-height: 0.8rem;

	float: left;

}

#footer_main .bottomNav .list li em {

	display: block;

	float: right;

	width: 0.28rem;

	height: 0.32rem;

	margin-top: 0.25rem;

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

}

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

	color: #8ABC29;

}

#copyright {

	width: 90%;

	margin: 0 auto;

	color: #666;

	font-size: 0.24rem;

line-height:.4rem;

padding: 0.4rem 0 .5rem;

	text-align: left;

}

#copyright p {

font:normal .2rem "microsoft yahei";

	color: #666;

line-height:.4rem;

	text-align: center;

}

#copyright a {

font:normal .2rem "microsoft yahei";

	color: #666;

line-height:.3rem;

}

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

	height: 1.12rem;

	background: #fff;

	left: 0;

	border-top: 1px solid #e6e6e6;

}

#toolbar .list {

	width: 100%;

	max-width: 640px;

	min-width: 320px;

	margin: 0 auto;

}

#toolbar .list li {

	float: left;

	width: 25%;

	text-align: center;

	border-right: 1px solid #ddd;

}

#toolbar .list li:last-child {

	border-right: none;

}

#toolbar .list a {

	display: block;

	height: 1.12rem;

	line-height: 0.24rem;

	font: bold 0.26rem "microsoft yahei";

	padding-top: 0.2rem;

}

#toolbar .list a span {

	text-align: center;

	color: #666;

margin-top:.06rem;

	display: block;

font-size:.2rem;

}

#toolbar .list a s {

	margin-left: auto;

	margin-right: auto;

	width: 0.44rem;

	height: 0.44rem;

	display: block;

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

margin-bottom: .02rem;

}

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

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

}

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

background-position: -0.99rem .0rem;

}

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

background-position: -1.5rem .0rem;

width:.47rem;

height:.44rem;

}

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

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

width:.44rem;

height:.44rem;

}

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

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

}

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

background-position: -1rem -.44rem;

width:.41rem;

height:.44rem;

}

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

background-position: -1.5rem -.44rem;

width:.47rem;

height:.44rem;

}

#toolbar .list li:hover span {

	color: #30b7ef;

}

/*==========@@椤甸潰甯冨眬  寮€濮婡@==========*/

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

}

/*棣栭〉瀵艰埅*/

.inav_t {

	width: 100%;

	height: 1.4rem;

	background: -moz-linear-gradient(top, #009423 0%, #006B31 100%);

	background: #30b7ef;

}

.inav_t dl {

	height: 1.4rem;

	overflow: hidden;

}

.inav_t dl dd {

	width: 25%;

	height: 0.7rem;

	float: left;

	text-align: center;

	border-right: 1px #57c3f0 solid;

	border-bottom: 1px #57c3f0 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 #57c3f0 solid;

}

.inav_t dl dd a {

	display: block;

	width: 100%;

height: .69rem;

line-height: .69rem;

	color: #fff;

}

/*index*/

.index {

	background: #f5f5f5;

	overflow: hidden;

}

.index .top_tit {

	position: relative;

padding-top:.6rem;

}

.index .top_tit .enName {

font-size:.2rem;

	color: #56b7fb;

line-height:.2rem;

	text-align: center;

	text-transform: uppercase;

}

.index .top_tit .cName {

margin-top:.08rem;

font-size:.32rem;

	color: #333;

	text-align: center;

line-height:.32rem;

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

background-size:6.08rem .2rem;

}

.index .more {

	display: block;

	width: 2.19rem;

height:.59rem;

	margin: 0 auto;

font-size:.24rem;

line-height:.6rem;

	text-align: center;

	color: #fff;

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

background-size:2.19rem .59rem;

}

/*瑙ｅ喅鏂规*/

.solution {

padding-bottom:.5rem;

	border-bottom: 1px solid #e3e3e3;

margin-bottom:.2rem;

	background: #fff;

}

.solution .solute .h3tab {

	width: 6.1rem;

height: .5rem;

	margin: 0 auto;

margin-top:.3rem;

	border-bottom: 1px solid #e6e6e6;

}

.solution .solute .h3tab a {

	position: relative;

	display: block;

height: .5rem;

}

.solution .solute .h3tab a .tit {

font-size: .26rem;

	font-weight: bold;

	color: #999;

line-height:.32rem;

	text-align: center;

	width: 1.8rem;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

}

.solution .solute .h3tab a s.line {

	position: absolute;

	bottom: 0;

	left: 0;

	display: block;

	width: 1.8rem;

height:.05rem;

	background: #30b7ef;

	display: none;

}

.solution .solute .h3tab li {

margin-left:.6rem;

}

.solution .solute .h3tab li:first-child {

	margin-left: 0;

}

.solution .solute .h3tab li:nth-child(2) {

	margin-left: 0.3rem;

}

.solution .solute .h3tab li:nth-child(3) {

	margin-left: 0.4rem;

}

.solution .solute .h3tab .on a .tit {

	color: #30b7ef;

}

.solution .solute .h3tab .on a .etit {

	color: #30b7ef;

}

.solution .solute .h3tab .on a s.line {

	display: block;

}

.solution .solute .togCon {

	width: 6.1rem;

	margin: 0 auto;

margin-top:.5rem;

margin-bottom: .3rem;

}

.solution .solute .togCon .img {

	width: 2.96rem;

	height: 2.32rem;

}

.solution .solute .togCon .txt {

	width: 2.92rem;

margin-left:.2rem;

}

.solution .solute .togCon .txt .tit {

margin-top:.12rem;

font-size:.28rem;

	color: #333;

line-height:.36rem;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

}

.solution .solute .togCon .txt .cont {

margin-top:.14rem;

font-size:.24rem;

	color: #666;

line-height:.4rem;

}

/*妗堜緥灞曠ず*/

.caseShow {

	border-bottom: 1px solid #e3e3e3;

padding-bottom:.5rem;

margin-bottom:.2rem;

	background: #fff;

}

.caseShow .menu1 {

	text-align: center;

margin-top: .3rem;

}

.caseShow .menu1 a {

	display: inline-block;

	width: 1.8rem;

	padding: 0 0.1rem;

	height: 0.5rem;

	margin: 0 0.05rem;

font-size: .22rem;

	text-align: center;

	line-height: 0.5rem;

	color: #fff;

	background: #30b7ef;

	border-radius: 0.5rem;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

}

.caseShow .caseList .list {

padding:0 .18rem;

margin-top: .2rem;

}

.caseShow .caseList .list li {

	float: left;

	width: 2.82rem;

	border: 1px solid #d6d6d6;

margin-bottom:.3rem;

}

.caseShow .caseList .list li:nth-child(even) {

margin-left:.4rem;

}

.caseShow .caseList .list li .img {

	display: block;

	width: 2.8rem;

	height: 2.1rem;

}

.caseShow .caseList .list li .img img {

	display: block;

	width: 100%;

	height: 100%;

}

.caseShow .caseList .list li .txt {

	width: 2.8rem;

	height: 1.5rem;

}

.caseShow .caseList .list li .txt .tit {

padding-top:.24rem;

margin-left:.2rem;

font-size:.28rem;

	color: #666;

line-height:.36rem;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.caseShow .caseList .list li .txt .cont {

	width: 2.56rem;

margin-left:.2rem;

font-size:.22rem;

	color: #999;

line-height:.4rem;

}

/*news*/

.news {

	width: 100%;

	background: #fff;

}

.news .newsList {

margin-top:.4rem;

}

.news .newsList .list li {

	display: block;

	width: 6rem;

	margin: 0 auto;

	background: #fff;

margin-bottom:.2rem;

}

.news .newsList .list li:first-child {

	padding-top: none;

}

.news .newsList .list li a {

	display: block;

	width: 6rem;

	height: 1.5rem;

	margin: 0 auto;

}

.news .newsList .list li .img {

	float: left;

	width: 1.68rem;

	height: 1.26rem;

}

.news .newsList .list li .img img {

	display: block;

	width: 100%;

	height: 100%;

}

.news .newsList .list li .txt {

margin-top:.02rem;

	float: left;

	width: 4rem;

margin-left:.3rem;

}

.news .newsList .list li .txt .tit {

font-size:.3rem;

	color: #666;

line-height:.4rem;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.news .newsList .list li .txt .cont {

margin-top:.2rem;

font:normal .24rem arial;

	color: #999;

}

.news .newsList .list li:hover .txt .tit {

	color: #30b7ef;

}

/*about*/

.about {

	width: 100%;

	background: #fff;

}

.about .aboutCont {

	width: 6.1rem;

	margin: 0 auto;

}

.about .aboutImg {

	position: relative;

	width: 6.1rem;

	height: 3.96rem;

margin-top:.3rem;

}

.about .aboutImg .aboutBg {

	position: absolute;

	top: 0;

	left: 0;

	width: 2.8rem;

	height: 3.96rem;

	background: #30b7ef;

	z-index: 2;

}

.about .aboutImg .aImg {

	position: relative;

	z-index: 3;

}

.about .aboutImg .aImg .img {

margin-left:.5rem;

	display: block;

	width: 5.59rem;

	height: 3.45rem;

}

.about .aboutImg .aImg .tit {

padding-left:.24rem;

margin-top:.12rem;

font-size:.24rem;

margin-left:.2rem;

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

	color: #fff;

	text-transform: uppercase;

background-size:.17rem;

}

.about .aboutCont .cont {

margin-top:.2rem;

font-size:.24rem;

	color: #666;

line-height:.4rem;

}

.about .aboutCont .more {

margin-top:.4rem;

}


.newsPage .itemxw a {
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
}
.newsPage .itemxw img {
	width: 254px;
	height: 168px;
	display: block;
	margin-right: 30px;
}
.newsPage .itemxw h3 {
	font-size: 20px;
	padding: 35px 0 20px;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.newsPage .itemxw .txt {
	color: #999999;
	line-height: 24px;
	height: 48px;
	padding-right: 20px;
	overflow: hidden;
}
.newsPage .itemxw .time {
	width: 150px;
	padding-top: 45px;
	font-family: arial;
	font-size: 20px;
	color: #999;
}
.newsPage .itemxw .time .day {
	font-size: 40px;
	line-height: 45px;
	display: block;
}
.newsPage .itemxw:hover {
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.newsPage .itemxw:hover h3 {
	font-weight: bold;
	color: #21aab0;
	text-indent: 5px;
}
.newsPage .itemxw:hover .time .day span {
	background: #6d6d6d;
}
.newsPage .itemxw:hover .time .day strong {
	background: #ff0000;
	color: #fff;
}
.newsPage .itemxw:hover img {
	filter: brightness(105%);
	-webkit-filter: brightness(105%);
}

/**************category****************/

.nybanner {

	width: 100%;

	height: 2.4rem;

	position: relative;

	overflow: hidden;

margin-bottom:-.9rem;

	background: url(../images/nybanner.jpg) center top no-repeat;

	background-size: 6.4rem 2.4rem;

	color: #fff;

}

.nybanner .title {

padding-left:.4rem;

}

.nybanner h3 {

margin-top: .7rem;

font-size:.4rem;

line-height: .45rem;

	color: #fff;

}

.nybanner .en {

font-size: .33rem;

	font-family: arial;

	font-weight: bold;

}

.nybanner .line {

	display: block;

width:.6rem;

height:.04rem;

	background: #fff;

margin-top: .05rem;

}

.cateList {

	width: 100%;

margin-top:.9rem;

	line-height: 0.8rem;

	text-align: center;

	background: #30b7ef;

	color: #fff;

	position: relative;

}

.cateList .goBack {

width: .8rem;

height: .8rem;

padding-top: .25rem;

	position: absolute;

left: .1rem;

	top: 0;

	z-index: 12;

}

.cateList .goBack:before {

width: .2rem;

height: .32rem;

	display: block;

	margin: 0 auto;

	background-position: -1.5rem -2.1rem;

}

.cateList h3 {

	position: relative;

font-size: .3rem;

}

.cateList h3 s {

	position: absolute;

	top: 0.34rem;

right:.4rem;

width: .22rem;

height: .18rem;

margin-left: .1rem;

	background-position: -1.06rem -2.2rem;

	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: #30b7ef;

	border-color: #30b7ef;

	color: #fff;

}

.dialog-layout {

	position: fixed;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	z-index: 999;

	background: #000;

	opacity: .8;

}

/*content*/

.content {

	width: 100%;

padding: .3rem 0 .3rem;

	background: #f0f0f0;

}

.content.iteam {

padding: 0 3% .4rem;

}

/*newsPage*/

.newsPage {

padding-bottom: 1.4rem;

}

.newsPage .item {

	width: 94%;

padding-right: .1rem;

	height: 1.5rem;

	display: block;

	background: #fff;

margin: 0 auto .22rem;

}

.newsPage .item img {

	width: 2rem;

	height: 1.5rem;

	display: block;

margin-right: .2rem;

}

.newsPage .item h3 {

padding-top: .1rem;

font-size: .26rem;

	line-height: 0.34rem;

margin-bottom: .06rem;

	color: #333333;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

}

.newsPage .item p {

font-size: .22rem;

	line-height: 0.32rem;

	color: #999999;

	overflow: hidden;

}

.newsPage .item .time {

	color: #999;

font-size: .22rem;

}

.newsPage .item:first-child {

	padding-top: 0;

}

/*picturePage*/

.picturePage {

	width: 100%;

	padding-bottom: 5%;

}

.picturePage .item {

	width: 45.5%;

	margin-left: 3%;

margin-bottom: .3rem;

	float: left;

	background: #fff;

}

.picturePage .item a {

	display: block;

	width: 100%;

}

.picturePage .item figure {

	width: 100%;

	padding-top: 75%;

	overflow: hidden;

	position: relative;

}

.picturePage .item img {

	width: 100%;

	min-height: 100%;

	position: absolute;

	left: 0;

	top: 0;

}

.picturePage .item h3 {

	text-align: center;

line-height: .6rem;

height: .6rem;

}

/*showPage*/

.showPage {

	width: 100%;

	padding-bottom: 5%;

}

.showPage .item {

	width: 45.5%;

	margin-left: 3%;

margin-bottom: .3rem;

	float: left;

	background: #fff;

}

.showPage .item a {

	display: block;

	width: 100%;

}

.showPage .item figure {

	width: 100%;

	padding-top: 56.25%;

	overflow: hidden;

	position: relative;

}

.showPage .item img {

	width: 100%;

	min-height: 100%;

	position: absolute;

	left: 0;

	top: 0;

}

.showPage .item h3 {

	text-align: center;

line-height: .6rem;

height: .6rem;

}

.searchPage .list {

	width: 100%;

	padding: 0;

}

.searchPage .list .item img {

	height: auto;

}

.seeMore {

	width: 94%;

	margin: 0 auto;

	height: 0.7rem;

	line-height: 0.7rem;

	display: block;

	text-align: center;

	background: #30b7ef;

	color: #fff;

}

.seeMore a {

	color: #fff;

}

/*reLink*/

.reLink {

margin: .2rem .4rem .2rem;

	border: 1px solid #dddddd;

	color: #333;

}

.reLink .prevLink, .reLink .nextLink {

	width: 100%;

	height: 0.6rem;

	line-height: 0.6rem;

	position: relative;

	overflow: hidden;

text-indent: .18rem;

	border-bottom: 1px solid #ddd;

	background: #fff;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

}

.reLink .prevLink:before, .reLink .nextLink:before {

	width: 0.16rem;

	height: 0.26rem;

	position: absolute;

right: .18rem;

top: .18rem;

	background-position: -4.45rem 0;

}

.reLink .nextLink {

	border-bottom: 0;

}

.reLink .nextLink:hover a {

	color: #0362ab;

}

/*showInfo*/

.showInfo {

padding: 0 0 .2rem;

	overflow: hidden;

}

.showInfo article {

	width: 100%;

padding: .3rem 0;

	text-align: center;

	background: #fff;

	border-bottom: 1px solid #dddddd;

}

.showInfo article .title {

	margin: 0 2%;

font-size: .36rem;

line-height: .44rem;

	text-align: center;

}

.showInfo article .mark {

font-size: .22rem;

padding: .2rem 0 0;

	text-align: center;

	color: #666666;

}

.showInfo article .mark span {

margin: 0 .06rem;

}

.showInfo .img {

	width: 94%;

margin: .25rem auto;

}

.showInfo .img img {

	max-width: 100%;

	display: block;

	margin: 0 auto;

}

.showInfo .contxt {

padding: .2rem 3% .4rem;

line-height: .42rem;

	color: #666666;

}

.showInfo .contxt img {

	max-width: 100%;

	height: auto !important;

}

/*proPage*/

.proPage .item {

margin: 0 3% .4rem;

	background: #fcfafb;

border-bottom: .04rem solid #e7e5e6;

}

.proPage .item a {

	display: block;

	width: 100%;

}

.proPage .item a img {

	width: 100%;

	display: block;

}

.proPage .item h3 {

	height: 1rem;

	line-height: 1rem;

	color: #333333;

font-size: .28rem;

	font-weight: bold;

padding-left: .2rem;

}

/*aboutPage*/

.aboutPage {

padding: .3rem .4rem .4rem;

	color: #666;

line-height: .38rem;

	box-sizing: border-box;

	text-align: justify;

}

.aboutPage1 {

	background: #fff;

}

.aboutPage img {

	max-width: 100%;

	height: auto!important;

}

/*contactPage*/

.contactPage1 {

	background: #fff;

}

.contactPage {

padding-bottom: .3rem;

}

.contactPage .txtcon {

padding: 0 .4rem .3rem;

}

.contactPage .imessage {

	position: relative;

}

.contactPage .miaod {

	position: absolute;

	width: 100%;

height: .01rem;

	display: block;

	opacity: 0;

	left: 0;

	top: -1rem;

}

.contactPage .title {

margin: .2rem 3% .2rem;

	color: #61b32e;

font-size: .34rem;

	font-weight: bold;

}

.contactPage .mapArea {

	width: 100%;

	overflow: hidden;

margin-top: .2rem;

}

.BMap_bubble_content {

font-size: .2rem;

}

.detailPage {

	background: #fff;

}

/*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 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%;

}

embed {

	width: 100% !important;

	height: auto !important;

}

/*瀛椾綋*/ 

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

}

}

@media all and (min-width:640px) {

#top_main {

	max-width: 640px;

	left: 50%;

	margin-left: -320px;

}

}

@media all and (min-width:640px) {

#toolbar {

	max-width: 640px;

	left: 50%;

	margin-left: -320px;

}

}