@charset "utf-8";



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



/*基本*/



* {



	padding: 0px;



	margin: 0px



}



body {



	font-size: 100px;



}

.bar-title h3{ font-size:20px; font-weight:600; text-align:center; height:40px; line-height:40px; border-bottom:1px solid #CCC;}

.content-wrap{ margin:10px auto; width:94%}

.zi16 i{ display:none}

.codema{ width:35%; margin-top:10px}

.yanz{ margin-top:10px; }

#channel li a{ color:#FFF}

.btnzc{}

.form-control{ width:95%; height:40px; line-height:40px; margin-bottom:10px;}
.login-form{ padding:0px 15px;}
* {



	margin: 0;



	padding: 0;



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



	box-sizing: border-box;

	

	font-size: 16px;

}



.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.6 'PingFangSC-Light', 'microsoft yahei', Arial, Helvetica, sans-serif, "Hiragino Sans GB";



	color: #333;



	-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: 1rem;*/



}



img {



	border: 0px;



}



em {



	font-style: normal;



}



s, i {



	font-style: normal;



}



ul, ol {



	list-style-type: none;



}



li {



	list-style: none outside none;



}



strong, b {



	font-weight: normal;



}



/*表单*/



input, button, select, textarea {



	outline: none; padding:5px 10px; margin-top:10px;



	font-family: "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;



	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */



}



a:focus {



	outline: none;



}



a:hover, a:active {



	color: #3fb150;



	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: 4rem auto;



	vertical-align: middle;



}



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



	content: "\20";



	display: block;



}



.iconn {



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



	background-size: 1.4rem auto;



	vertical-align: middle;



}



/*清除浮动*/



.fl {



	float: left;



}



.fr {



	float: right;



}



.hide {



	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默认 结束@@==========*/



.header {



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



	position: relative;



	background-size: 7.2rem auto;



}



#top_main {



	width: 100%;



	/*height: 1rem;*/



	z-index: 300;



	/*position: fixed;*/



	top: 0px;



	left: 0px;



}



#top {



	max-width: 640px;



	min-width: 320px;



	height: 1rem;



	margin: 0px auto;



	position: relative;



}



#top .logo {



	height: 1rem;



	margin: 0;



	display: block;



	padding-top: 0;



	text-align: center;



}



#top .logo a {



	display: block;



}



#top .logo img {



	height: 1rem;



}



#top .topsearch {



	display: block;



	position: absolute;



	left: 0;



	top: 0px;



	text-align: center;



	cursor: pointer;



width:.9rem;



height:.5rem;



margin: .25rem auto;



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



background-size:.4rem auto;



	z-index: 6;



}



#top .topsearch a {



	display: block;



	width: 100%;



	height: 0.4rem;



	position: relative;



}



#top #nav {



width:.6rem;



	height: 100%;



	position: absolute;



	right: 0;



	top: 0;



	text-align: center;



	cursor: pointer;



	z-index: 6;



}



#top .nav {



width:.5rem;



height:.36rem;



margin: .33rem auto;



background-position:-.56rem -.94rem;



}



#top .close {



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



background-size:.4rem auto;



width:.4rem;



height: .4rem;



	cursor: pointer;



	position: absolute;



	right: 6%;



	top: 22%;



	text-align: center;



}



#top .cur .nav {



background-position:0 -.94rem;



}



#search {



	background: #f2f2f2;



	width: 100%;



	margin: 0 auto;



	height: 1rem;



	position: absolute;



	left: 0;



	top: 1rem;



padding-top: .2rem;



	display: none;



	z-index: 999;



}



#search input {



	display: block;



	padding: 0;



	margin: 0;



}



#search .txt {



	border: none;



	width: 80%;



	height: 0.65rem;



	line-height: 0.65rem;



	margin-left: 4%;



	color: #666;



	font-size: 0.22rem;



	background: #fff;



	text-indent: 3%;



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



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



}



#search .btn {



	cursor: pointer;



	border: none;



	font-size: 0.24rem;



	width: 0.8rem;



	height: 0.65rem;



	text-align: center;



	background: #3fb150 url(../images/icon.png) no-repeat 0 -4.6rem;



	background-size: 2.4rem auto;



	color: #fff;



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



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



	background-size: 2.0rem auto;



	vertical-align: middle;



}



.searchinfo {



	background: #fff;



	padding: 0.2rem 0;



	height: 100%;



	width: 92%;



	margin: 0 auto;



}



.searchinfo h2 {



	color: #333;



}



.searchinfo .searchlist {



	padding: 0.2rem 0;



}



.searchinfo .searchlist a {



	display: inline-block;



	margin: 0 4% 4% 0;



	color: #333;



	background: #f5f5f5;



	font-size: 0.24rem;



	text-align: center;



	height: 0.64rem;



	line-height: 0.64rem;



	padding: 0 0.2rem;



	border-radius: 3px;



}



.searchinfo .searchlist a:hover {



	background: #913d23;



	color: #fff;



}



.soupage {



	background: #fff;



}



/*subNav*/



.subNav {



	position: fixed;



	width: 100%;



	height: 100%;



	right: -100%;



	top: 0rem;



	z-index: 9999;



	max-width: 640px;



	min-width: 320px;



	background-color: rgba(0,0,0,.6);



}



.subNavCon {



	margin: 0px;



	width: 100%;



	height: 100%;



}



.subNav .closrbox {



	width: 20%;



	height: 0.5rem;



line-height:.5rem;



	background: #fff;



	position: absolute;



	right: 2%;



	top: -5%;



}



.subNav .close {



width:.4rem;



height:.4rem;



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



background-size:.4rem auto;



}



.subNav .c_clos {



	width: 20%;



	position: absolute;



	left: 0;



	top: 0;



	height: 100%;



}



.subNav ul {



	margin-left: 20%;



	background: #fff;



	height: 100%;



}



.subNav li {



	width: 100%;



	display: block;



	line-height: 0.8rem;



	margin: 0 auto;



	border-bottom: 1px solid #f0efef;



	text-indent: 3%;



	position: relative;



}



.subNav .subnav2 {



	width: 100%;



	display: none;



}



.subNav .subnav2 a {



margin-bottom:.1rem;



	background: #eeeeee;



font-size:.24rem;



}



.subNav li a {



	display: block;



	color: #333;



	font-size: 0.26rem;



background-size:.15rem auto;



	width: 92%;



	margin: 0 auto;



}



.subNav li a:hover {



	color: #3fb150;



}



.subNav .toptel {



	padding-left: 4%;



padding-top:.3rem;



padding-bottom:.4rem;



}



.subNav .toptel span {



	display: block;



}



.subNav .toptel p {



	font-family: avgr;



font-size:.5rem;



}



.subNav.show {



	right: 0 !important;



}



.subNavShow {



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



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



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



	transform: translateX(-48%);



	display: block;



}



/* banner */



#banner_main {



	width: 100%;



	overflow: hidden;



	position: relative;



	z-index: 1;



}



.banner {



	margin: 0 auto;



	width: 100%;



*zoom: 1;



	overflow: hidden;



	position: relative;



	z-index: 1;



}



.banner .list {



	width: 100%;



	overflow: hidden;



}



.banner .list li {



	float: left;



	width: 100%;



	overflow: hidden;



}



.banner .list li img {



	width: 100%;



	height: auto;



}



#banner .tip {



	width: 100%;



	height: 0.32rem;



	line-height: 0.32rem;



	text-align: center;



	clear: both;



	z-index: 2;



	font-size: 0;



	position: absolute;



	left: 0;



	bottom: 5%;



}



#banner .tip span {



	display: inline-block;



	vertical-align: middle;



	width: 0.4rem;



	height: 0.05rem;



	margin: 0 0.025rem;



	vertical-align: middle;



	background: #fff;



border-radius:.3rem;



}



#banner .tip span.cur {



	background: #3fb150;



}



/* reLink */



.reLink {



margin: .2rem 3% .3rem;



}



.reLink .prevLink, .reLink .nextLink {



	display: block;



height: .7rem;



line-height: .7rem;



font-size: .24rem;



	overflow: hidden;



	text-overflow: ellipsis;



	white-space: nowrap;



	width: 100%;



	box-sizing: border-box;



	border-bottom: 1px solid #e8e8e8;



}



/*版权信息*/



.footer_main {



	text-align: center;



	width: 100%;



	padding: 0.4rem;



	font-size: 0.24rem;



	color: #666;



}



.copyright {



	width: 94%;



	margin: 0 auto;



}



.toTop {



	width: 0.9rem;



	height: 0.9rem;



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



	background-size: 0.9rem auto;



	position: fixed;



	bottom: 20%;



	right: 2%;



	cursor: pointer;



	z-index: 10;



}



.copyright a {



	color: #666;



}



/* 工具栏 */



#toolbar {



	position: fixed;



	bottom: 0;



	width: 100%;



	z-index: 888;



	height: 1rem;



	left: 0;



}



#toolbar .list {



	width: 100%;



	max-width: 640px;



	min-width: 320px;



	margin: 0 auto;



	display: table;



	background: #1d1e22;



}



#toolbar .list li {/*float:left;*/



	text-align: center;



	border-right: 1px solid #38393f;



	box-sizing: border-box;



	display: table-cell;



}



#toolbar .list a {



	display: block;



	height: 1.2rem;



	line-height: 0.24rem;



	font-size: 0.24rem;



	color: #fff;



	padding-top: 0.2rem;



}



#toolbar .list a.hover {



	color: #3fb150;



}



#toolbar .list a s {



	margin-left: auto;



	margin-right: auto;



	width: 0.34rem;



	height: 0.36rem;



	display: block;



}



#toolbar .list a span {



	text-align: center;



	padding-top: 0.1rem;



	display: block;



}



#toolbar .list a .too-home {



	background-position: 0 0;



}



#toolbar .list a .too-qiao {



	background-position: -1.3rem 0;



width:.36rem;



}



#toolbar .list a .too-map {



background-position:-.64rem 0;



}



#toolbar .list a .too-tel {



	background-position: -1.9rem 0;



}



#toolbar .list a.hover .too-home {



background-position:0 -.46rem;



}



#toolbar .list a.hover .too-qiao {



background-position:-1.3rem -.46rem;



}



#toolbar .list a.hover .too-map {



background-position:-.64rem -.46rem;



}



#toolbar .list a.hover .too-tel {



background-position:-1.9rem -.46rem;



}



.xbg {



	width: 100%;



	display: block;



	position: fixed;



	height: 1.05rem;



	left: 0;



	bottom: 0;



	background: #fff;



	z-index: 880;



}



#toolbar .list a s span {



	color: #fff;



padding-top:.9rem;



	text-transform: initial;



	font-style: normal;



}



/*#toolbar .list1 li{width:33.3%;}*/



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



.index, .floor {



	width: 100%;



	max-width: 640px;



	min-width: 320px;



	margin: 0 auto;



}



.index {



	padding-top: 0;



	position: relative;



}



.navlist {



	background: #fff;



	width: 100%;



	max-width: 640px;



	min-width: 320px;



	margin: 0 auto;



	border-bottom: 1px solid #e9e9e9;



	box-shadow: 3px 3px 3px #e7e7e7;



}



.navlist ul {



padding:.25rem 0;



}



.navlist li {



	float: left;



	width: 25%;



	text-align: center;



margin-top:.18rem;



	display: block;



}



.navlist li a {



	display: block;



}



.navlist li .tb {



	width: 1.02rem;



height:.88rem;



	margin: 0 auto;



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



	background-size: 4.6rem auto;



	display: block;



}



.navlist li h3 {



line-height:.66rem;



font-size:.24rem;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



}



.navlist li:nth-child(2) .tb {



	background-position: -1.1rem 0;



}



.navlist li:nth-child(3) .tb {



	background-position: -2.2rem 0;



}



.navlist li:nth-child(4) .tb {



	background-position: -3.28rem 0;



}



.navlist li.hover .tb {



background-position:0 -.9rem;



}



.navlist li.hover:nth-child(2) .tb {



background-position:-1.1rem -.9rem;



}



.navlist li.hover:nth-child(3) .tb {



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



}



.navlist li.hover:nth-child(4) .tb {



background-position:-3.28rem -.9rem;



}



.floor_1_main {



	background: #f5f5f5;



	width: 100%;



	max-width: 640px;



	min-width: 320px;



	margin: 0 auto;



}



.index .title {



	width: 100%;



padding-bottom:.4rem;



	text-align: center;



padding-top: .5rem;



}



.index .title h2 {



	color: #333;



font-size:.34rem;



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



	background-size: 6.4rem auto;



}



.index .title h3 {



	color: #999;



font-size:.2rem;



	text-transform: uppercase;



	font-family: arial;



}



.index .floor_1 .title2 {



	width: 96%;



	margin: 0 auto;



}



.index .tabBox .hd {



	position: relative;



	width: 100%;



}



.index .tabBox .hd ul {



	overflow: hidden;



	width: 100%;



}



.index .tabBox .hd ul li {



	display: block;



	width: 32%;



	float: left;



	position: relative;



height:.55rem;



line-height:.55rem;



	text-align: center;



font-size:.24rem;



	margin: 1% 2% 2% 0;



	box-shadow: 0 2px 5px rgba(0,0,0,.05);



	background: #fff;



border-radius: .05rem;



}



.index .tabBox .hd ul li:nth-child(3n) {



	margin-right: 0;



}



.index .tabBox .hd ul li a {



	display: block;



	color: #3e3a39;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



}



.index .tabBox .hd ul .on {



	background: #3fb150;



	border: 1px solid #3fb150;



}



.index .tabBox .hd ul .on a {



	display: block;



	color: #fff;



}



.product .list {



	padding-top: 0.1rem;



}



.product .item a {



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



} /* 去掉链接触摸高亮 */



.index .product {



	width: 94%;



	overflow: hidden;



	margin: 0 auto;



	padding-bottom: 0.2rem;



}



.product .item {



	width: 49%;



	float: left;



	margin: 2% 2% 0 0;



	position: relative;



}



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



	margin-right: 0;



}



.product .item a {



	display: block;



}



.product .item figure {



	width: 100%;



	padding-top: 75%;



	position: relative;



	overflow: hidden;



}



.product .item figure img {



	width: 100%;



	height: 100%;



	position: absolute;



	left: 0;



	top: 0;



	min-height: 100%;



	display: block;



}



.product .item h3 {



	width: 85%;



	font-weight: normal;



	color: #fff;



	font-size: 0.26rem;



	padding-left: 3%;



	display: block;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



}



.product .item .txt {



	background: rgba(0,0,0,.5);



	position: absolute;



	left: 0;



	bottom: 0;



	width: 100%;



line-height:.65rem;



height:.65rem;



}



.product .item a:hover h3 {



	color: #3fb150;



}



.product .item em {



width:.32rem;



height:.08rem;



	display: block;



background-position:-1.1rem -.9rem;



	position: absolute;



	right: 3%;



bottom: .3rem;



	z-index: 10;



}



.index .cha {



	text-align: center;



	display: block;



	color: #666;



padding-top: .4rem;



}



.floor .more {



	text-align: center;



	display: block;



	color: #666;



	border: 1px solid #999;



height: .68rem;



line-height: .68rem;



	width: 94%;



	margin: 0 auto;



}



.hbk {



	width: 100%;



height:.2rem;



	background: #f5f5f5;



}



.floor_2 {



padding:.4rem 0 1.8rem;



	background: url(../images/iyoushi.jpg) no-repeat center bottom #303035;



	background-size: 6.4rem auto;



margin-bottom: .6rem;



	position: relative;



}



.floor_2 .title h2 {



	color: #fff;



}



.bieshu {



	width: 100%;



	position: absolute;



	left: 0;



bottom:-.5rem;



}



.bieshu img {



	width: 50%;



	display: block;



	margin: 0 auto;



}



.iyoushi {



	width: 100%;



}



.iyoushi .item {



	width: 31%;



	margin: 1%;



	text-align: center;



	display: block;



	float: left;



}



.iyoushi .item a {



	display: block;



}



.iyoushi .item .img {



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



	background-size: 1.4rem auto;



	width: 1.4rem;



	height: 1.2rem;



	margin: 0 auto;



padding-top: .25rem;



}



.iyoushi .item .img figure {



	width: 50%;



	padding-top: 50%;



	position: relative;



	overflow: hidden;



	margin: 0 auto;



}



.iyoushi .item .img figure img {



	width: 100%;



	position: absolute;



	left: 0;



	top: -100%;



	display: block;



}



.iyoushi .item h3 {



font-size: .28rem;



	color: #fff;



}



.floor_3 {



	background: #fff;



padding-bottom: .4rem;



	border-bottom: 1px solid #e9e9e9;



	box-shadow: 3px 3px 3px #e7e7e7;



}



.liuc {



	padding: 3%;



}



.liuc .item {



	float: left;



}



.liuc .item .Piece {



	width: 2.8rem;



	height: 1.2rem;



	background: #f5f5f5;



	border: 1px solid #ddd;



	float: left;



padding:.24rem;



}



.liuc .item .Piece figure {



	width: 30%;



	display: block;



	float: left;



}



.liuc .item .Piece figure img {



	margin: 0 auto;



	max-width: 100%;



	display: block;



}



.liuc .item .Piece p {



	position: relative;



padding-top: .4rem;



	float: right;



	width: 60%;



}



.liuc .item .Piece p i {



font-size:.5rem;



	color: #ccc;



line-height: .5rem;



	font-family: arial;



	font-weight: bold;



	display: block;



	position: absolute;



	left: 0;



	top: 0;



	z-index: 1;



}



.liuc .item .Piece p span {



	position: relative;



	z-index: 3;



	background: #f5f5f5;



padding-top: .1rem;



font-size: .26rem;



}



.liuc .item:nth-child(1) .jtou, .liuc .item:nth-child(5) .jtou {



width: .41rem;



	height: 1.2rem;



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



background-size: .41rem auto;



	float: left;



}



.liuc .item:nth-child(2) .jtou, .liuc .item:nth-child(4) .jtou {



	display: block;



	width: 100%;



height:.4rem;



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



background-size: .18rem auto;



	float: left;



}



.liuc .item:nth-child(3) {



	float: right;



padding-bottom: .4rem;



}



.liuc .item:nth-child(3) .Piece {



	float: right;



}



.liuc .item:nth-child(3) .jtou {



width: .41rem;



	height: 1.2rem;



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



background-size: .41rem auto;



	float: left;



}



.liuc .item:nth-child(6) .jtou {



	display: none;



}



.xunpan {



	width: 100%;



	height: 2.93rem;



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



	background-size: 6.4rem auto;



	color: #fff;



	text-align: center;



}



.xunpan b {



font-size: .32rem;



	font-weight: bold;



padding-top:.6rem;



	display: block;



}



.xunpan h3 {



font-size: .32rem;



	display: block;



}



.xunpan .btn {



padding-top: .28rem;



}



.xunpan .btn a {



	display: inline-block;



	width: 2.6rem;



height: .65rem;



line-height: .65rem;



	text-align: center;



	color: #fff;



border-radius: .3rem;



}



.xunpan .btn a.zx {



	border: 1px solid #fff;



margin-right: .2rem;



}



.xunpan .btn a.tel {



	background: #3fb150;



}



.xunpan .btn a i {



width: .32rem;



height: .32rem;



	display: inline-block;



margin-right: .2rem;



}



.xunpan .btn a.zx i {



	background-position: -1.1rem -1.06rem;



}



.xunpan .btn a.tel i {



	background-position: -1.56rem -1.06rem;



}



.floor_4 {



	background: #f5f5f5;



padding-bottom: .5rem;



}



.floor_4 .title h2 {



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



	background-size: 6.4rem auto;



}



.floor_4 .title h2 b {



	font-weight: bold;



}



.focus {



	width: 94%;



	margin: 0 auto;



	position: relative;



	overflow: hidden;



	background: #fff;



	box-shadow: 0 2px 2px rgba(0, 0, 0, .2);



border-radius:.05rem;



}



.focus .hd {



	width: 100%;



height:.6rem;



	z-index: 1;



	text-align: center;



}



.focus .hd ul {



	overflow: hidden;



	display: block;



height:.6rem;



	text-align: center;



}



.focus .hd ul li {



	display: inline-block;



	width: 0.14rem;



	height: 0.14rem;



	margin: 0 1%;



	vertical-align: middle;



	background: #999;



	z-index: 3;



	font-size: 0;



border-radius: .3rem;



}



.focus .hd ul .on {



	background: #3fb150;



width: .32rem;



}



.focus .bd {



	position: relative;



	z-index: 0;



}



.focus .bd li {



	position: relative;



	text-align: center;



}



.focus .bd li figure {



	width: 100%;



	padding-top: 75%;



	position: relative;



	overflow: hidden;



	margin: 0 auto;



}



.focus .bd li figure img {



	width: 100%;



	position: absolute;



	left: 0;



	top: 0;



	display: block;



}



.focus .bd li h3 {



	display: block;



font-size:.3rem;



	line-height: 0.5rem;



	color: #000;



}



.focus .bd li .txt {



padding:.4rem;



}



.focus .bd li .txt p {



	font-size: 0.24rem;



	color: #666;



}



.focus .bd li a {



	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */



	display: block;



}



.ipatent {



	width: 100%;



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



	background-size: 6.4rem auto;



	color: #fff;



}



.ipatent .title h2 {



	color: #fff;



	background: none;



}



.ipatent .title h2 b {



	font-weight: bold;



}



.ipatent .list {



padding:.1rem 3% .4rem;



}



.ipatent .item {



	background: url(../images/ipat_bk.png) no-repeat left top;



	background-size: 6rem auto;



	display: block;



margin-bottom:.2rem;



	height: 1.5rem;



}



.ipatent .item a {



	display: block;



padding:.2rem .2rem 0;



}



.ipatent .item .txt {



	width: 70%;



	float: left;



	padding-left: 3%;



}



.ipatent .item .txt h3 {



font-size:.28rem;



	color: #fff;



}



.ipatent .item .txt p {



font-size:.2rem;



	color: #ccc;



height: .8rem;



	overflow: hidden;



}



.ipatent .item figure {



	width: 1.4rem;



	background: url(../images/ys_t_green.png) no-repeat left top;



	background-size: 1.4rem auto;



	float: right;



	height: 1.2rem;



	text-align: center;



}



.ipatent .item figure img {



width:.64rem;



height: .6rem;



margin:.3rem auto;



	display: block;



}



.ipatent .item:nth-child(2n) .txt {



	float: right;



	padding-left: 0;



	padding-right: 3%;



}



.ipatent .item:nth-child(2n) figure {



	float: left;



}



.thumblist {



	width: 100%;



margin:0 auto .3rem;



	padding: 0;



}



.thumblist li {



	width: 100%;



	display: block;



padding:.2rem 0;



	border-top: 1px solid #eee;



}



.thumblist li:first-child {



	border-top: 0;



}



.thumblist li a {



	display: block;



	padding: 0 3%;



}



.thumblist li figure {



	width: 30%;



	padding-top: 22.5%;



	position: relative;



	overflow: hidden;



	z-index: 2;



	float: right;



	margin-left: 2%;



	margin-top: 0.033rem;



}



.thumblist li figure img {



	width: 100%;



	height: 100%;



	position: absolute;



	left: 0;



	top: 0;



	min-height: 100%;



	display: block;



}



.thumblist li h3 {



font-size:.26rem;



	color: #000;



height: .4rem;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



}



.thumblist li p {



	color: #666;



font-size:.2rem;



	height: 0.65rem;



}



.thumblist li span {



	color: #999;



font-size:.2rem;



}



.thumblist li a:hover h3 {



	color: #3fb150;



}



.floor {



	box-shadow: 0 1px 2px rgba(0,0,0,.05);



	background: #fff;



}



/*内页样式*/



/*menu*/



.menubox .iconn {



width:.4rem;



height:.4rem;



	display: inline-block;



	cursor: pointer;



}



.menubox .goHome {



margin-right:.16rem;



}



.menubox .iconn:before {



width:.4rem;



height: .4rem;



	background-size: 1.4rem;



}



.menubox .goBack {



	background: none;



}



.wrapper {



	width: 100%;



	overflow: hidden;



	max-width: 640px;



	min-width: 320px;



	position: relative;



}



.productPage {



padding: 3% 0 .5rem;



}



.productPage .gridlist {



	padding: 0 3%;



}



.productPage .erro {



	padding: 0 3%;



}



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



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



}



.cateList .box a {



	width: 32%;



	margin-right: 2%;



margin-bottom: .15rem;



height: .65rem;



line-height: .63rem;



	border: 1px solid #e6e6e6;



font-size: .26rem;



	text-align: center;



	display: block;



	float: left;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



}



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



	margin-right: 0;



}



.cateList .box a.on {



	background: #3fb150;



	border-color: #3fb150;



	color: #fff;



}



.gridlist {



	padding: 0 3%;



}



.gridlist .item {



	width: calc(48.5%);



	margin-right: 3%;



margin-bottom: .05rem;



	float: left;



	position: relative;



}



.gridlist .item a {



	width: 100%;



	display: block;



}



.gridlist .item h3 {



	width: 100%;



line-height: .35rem;



height: .7rem;



	overflow: hidden;



	text-align: center;



font-size: .24rem;



}



.gridlist .item figure {



	width: 100%;



	position: relative;



	padding-top: 75%;



margin-bottom: .1rem;



	overflow: hidden;



}



.gridlist .item figure img {



	position: absolute;



	width: 100%;



	min-height: 100%;



	left: 0;



	top: 0;



}



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



	margin-right: 0;



}



.gridlist.gridlist34 .item figure {



	padding-top: 133%;



	padding-bottom: 0;



}



.newsPage {



padding:.2rem 3% .6rem;



}



.newsPage .inews {



	background: none;



}



.newsPage .newslist .item {



	border-top: 0;



	border-bottom: 1px solid #f2f2f2;



}



.newsPage .newslist .item:first-child {



padding-top: .1rem;



}



.newslist .item {



	width: 100%;



padding: .25rem 3%;



	display: block;



	border-top: 1px solid #f2f2f2;



}



.newslist .item img {



	width: 1.9rem;



	height: 1.43rem;



	display: block;



margin-left: .2rem;



}



.newslist .item h3 {



font-size: .26rem;



	line-height: 0.4rem;



margin-bottom: .05rem;



	color: #333333;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



}



.newsPage .item p {



font-size: .23rem;



	line-height: 0.35rem;



	color: #999999;



	overflow: hidden;



}



.newslist .item .dec {



	color: #848484;



font-size: .2rem;



}



.newslist .item .dec span {



margin-right: .45rem;



}



.newslist .item .dec span.ico {



	width: 0.24rem;



	height: 0.1rem;



margin-left: .2rem;



	margin-right: 0;



	background-position: -2.08rem 0;



}



.showimg {



	width: 100%;



	position: relative;



}



.showimg .imglist {



	width: 5.6rem;



	height: 4.55rem;



	margin: 0px auto;



padding: .4rem 0 .2rem;



	position: relative;



	overflow: hidden;



}



.showimg .list {



	float: left;



	width: 500%;



}



.showimg a {



	float: left;



	width: 5.6rem;



	text-align: center;



	display: block;



}



.showimg a img {



	height: 4.55rem;



	width: 5.6rem;



	margin: 0px auto;



	display: block;



	background-size: 100%;



}



.showimg span.left {



	right: auto;



	left: 50%;



	margin-left: -3rem;



}



.showimg span {



	display: none;



	width: 30px;



	height: 50px;



	text-align: center;



	position: absolute;



	top: 50%;



	margin-top: -25px;



	right: 50%;



	margin-right: -3.04rem;



	cursor: pointer;



}



.showimg span.left::before {



	content: "";



	position: absolute;



	background: #fff;



	width: 11px;



	height: 11px;



	right: 10px;



	top: 20px;



	z-index: 11;



	-moz-transform: rotate(45deg);



	-o-transform: rotate(45deg);



	-webkit-transform: rotate(45deg);



	transform: rotate(45deg);



}



.showimg span.left::after {



	content: "";



	position: absolute;



	background: #aaaaaa;



	width: 11px;



	height: 11px;



	right: 14px;



	top: 20px;



	z-index: 10;



	-moz-transform: rotate(45deg);



	-o-transform: rotate(45deg);



	-webkit-transform: rotate(45deg);



	transform: rotate(45deg);



}



.showimg span.right::before {



	content: "";



	position: absolute;



	background: #fff;



	width: 11px;



	height: 11px;



	right: 14px;



	top: 20px;



	z-index: 11;



	-moz-transform: rotate(45deg);



	-o-transform: rotate(45deg);



	-webkit-transform: rotate(45deg);



	transform: rotate(45deg);



}



.showimg span.right::after {



	content: "";



	position: absolute;



	background: #aaaaaa;



	width: 11px;



	height: 11px;



	right: 10px;



	top: 20px;



	z-index: 10;



	-moz-transform: rotate(45deg);



	-o-transform: rotate(45deg);



	-webkit-transform: rotate(45deg);



	transform: rotate(45deg);



}



.aboutPage {



padding: .3rem 0 .5rem;



}



.aboutPage .txtcon {



	color: #666666;



padding: 0 3% .3rem;



}



.aboutPage .txtcon img {



	max-width: 100%;



}



.singlePage {



padding: .3rem 3%;



border-bottom: .2rem solid #f1f1f1;



}



.singlePage img {



	max-width: 100%;



}



.contactPage {



	overflow: hidden;



}



.contactPage .txtcon {



	color: #666666;



padding: 0 3% .3rem;



}



.contactPage .txtcon img {



	max-width: 100%;



}



.contactPage .t {



	color: #000;



padding: 0 3% .2rem;



font-size: .3rem;



}



.contactPage .n-tit {



font-size: .3rem;



	color: #3fb150;



padding: .2rem 3% .2rem;



}



.contactPage .txtcon {



padding: 0 3% .3rem;



}



.contactPage .txtcon img {



	max-width: 100%;



}



.yewuPage {



padding-bottom: .6rem;



padding-top: .3rem;



}



.yewuPage .list {



	padding: 0 3%;



}



.yewuPage .item {



padding: .3rem 0 .3rem;



	width: 100%;



	display: block;



	border-bottom: 1px solid #eee;



}



.yewuPage .item figure {



	width: 36%;



	position: relative;



	padding-top: 20%;



	overflow: hidden;



margin-right: .2rem;



	float: left;



}



.yewuPage .item figure img {



	position: absolute;



	width: 100%;



	min-height: 100%;



	left: 0;



	top: 0;



}



.yewuPage .item h3 {



font-size: .26rem;



	height: 0.34rem;



	line-height: 0.34rem;



	overflow: hidden;



	color: #000;



}



.yewuPage .item .txt {



font-size: .2rem;



line-height: .3rem;



height: .6rem;



	color: #333;



	overflow: hidden;



}



.yewuPage .item .time {



font-size: .2rem;



	color: #999;



	display: block;



}



.yewuPage .item:first-child {



	padding-top: 0;



}



.yewuPage .moreBtn {



	margin-top: 0;



}



.yewuPage .erro {



	padding: 3%;



}



.moreBtn {



	width: 94%;



margin: .3rem auto 0;



	text-align: center;



	color: #666;



	height: 0.88rem;



	line-height: 0.88rem;



	display: block;



	background: #f1f1f1;



}



.moreBtn a {



	color: #666;



}



.infobox {



	padding: 3%;



}



.infobox img {



	max-width: 100% !important;



}



.nfoot {



	padding: 0.3rem 0 0.6rem;



	background: #fff;



	display: block;



	font-size: 12px;



	text-align: center;



}



.content {



	width: 100%;



	overflow: hidden;



	max-width: 640px;



	min-width: 320px;



}



.singlepage {



	padding-top: 0;



	background: #f1f1f1;



}



.singlepage .floor_1, .singlepage .floor_2, .singlepage .floor_3, .singlepage .floor_4 {



padding:.2rem 0 .4rem;



}



.singlepage .title2 {



	padding: 0 3%;



}



.singlepage .title2 h3 {



	color: #333;



font-size:.3rem;



	font-weight: bold;



}



.singlepage .title2 h4 {



	color: #999;



	text-transform: uppercase;



font-size: .24rem;



	display: block;



}



.singlepage .info {



	padding: 3%;



}



.erro {



	text-indent: 1em;



}



/*sitepath*/



.sitepathbox {



	width: 100%;



	padding: 0;



height:.8rem;



font-size:.26rem;



	margin: 0;



line-height: .8rem;



	background: #fff;



	position: relative;



	color: #666;



}



.sitepath {



	padding-right: 3%;



}



.sitepath a {



	color: #666;



	display: inline-block;



}



.sitepathbox em {



width:.14rem;



height:.2rem;



	display: inline-block;



margin:0 .16rem;



	background-position: -2.04rem 0;



}



.goBack {



	padding-left: 2%;



	display: block;



}



.floor {



padding:.3rem 0;



}



/*catelist*/







.caselist {



	padding-top: 3%;



}



.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: 100%;



	position: relative;



	overflow: hidden;



	border-bottom: 1px dotted #e0e0e0;



}



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



}



/*product.html*/



.listProduct {



	padding-bottom: 3%;



}



.listProduct .list {



	width: 100%;



}



.listProduct li {



	width: 47%;



	margin-left: 2%;



	box-sizing: border-box;



	display: block;



	padding-top: 3%;



	float: left;



	margin-bottom: 3%;



	border-bottom: 1px dotted #ccc;



}



.listProduct li a {



	display: block;



}



.listProduct li figure {



	width: 100%;



	padding-top: 75%;



	position: relative;



	overflow: hidden;



}



.listProduct li figure img {



	width: 100%;



	height: 100%;



	position: absolute;



	left: 0;



	top: 0;



	min-height: 100%;



	display: block;



}



.listProduct li h3 {



height: .5rem;



line-height: .5rem;



	font-size: 0.26rem;



	overflow: hidden;



	font-weight: normal;



	color: #000;



	text-align: center;



}



.listProduct li:hover h3 {



	color: #ff0505;



}



.listProduct li p {



	white-space: normal;



	word-wrap: break-word;



	color: #333



}



/*news.html*/



.newsList .list {



	width: 100%;



margin-bottom: .3rem;



}



.newsList .item {



	overflow: hidden;



	position: relative;



	border-bottom: 1px solid #f3f3f3;



}



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



	background: #f9f9f9;



}



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



	background: #f9f9f9;



}



.newsList .item:last-child {



	border: 0px;



}



.newsList .item a {



	width: 92%;



	height: 1.5rem;



padding:.2rem 5% .2rem 2%;



	display: block;



}



.newsList .item h3 {



font-size: .3rem;



line-height: .38rem;



	font-weight: normal;



margin-bottom: .08rem;



	color: #093c84;



}



.newsList .item .txt {



	color: #666666;



font-size: .22rem;



line-height: .28rem;



}



/*showInfor*/



.showInfo {



padding: 4% 0 .5rem;



	width: 100%;



}



.showInfo .title {



font-size: .4rem;



	text-align: center;



line-height: .46rem;



margin-bottom: .2rem;



	color: #333333;



padding: .1rem 3% 0;



}



.showInfo .menu {



margin-bottom: .2rem;



}



.showInfo .mark {



font-size: .22rem;



	text-align: center;



	color: #666666;



padding-bottom: .1rem;



	border-bottom: 1px solid #dbd7d7;



}



.showInfo .mark span {



margin: 0 .06rem;



}



.showInfo .contxt {



padding: .2rem 3% .4rem;



	color: #666666;



}



.showInfo .contxt img {



	max-width: 100%;



	height: auto !important;



}



.showInfo .reLink {



margin: .2rem 3% .1rem;



}



.showInfo .showRelate {



margin-top: .1rem;



}



.showInfo .showRelate .sitepath {



padding: .18rem 0 0;



}



.showInfo .showRelate .sitepath h3 {



	font-weight: bold;



}



.showInfo .showRelate .item {



margin-bottom: .2rem;



}



/*m-share*/



.m-share {



	margin-left: 3%;



margin-bottom: .2rem;



}



/*catemore*/



.catemore {



	width: 100%;



	margin: 0 auto;



	display: block;



	text-align: center;



	color: #868686;



font-size: .24rem;



	background: #f2f2f2;



}



.catemore a {



	display: block;



padding:.3rem 0;



	width: 94%;



	margin: 0 auto;



	text-align: center;



	border-bottom: 1px solid #e0e0e0;



	border-top: 1px solid #e0e0e0;



}



.catemore:active, .catemore:hover {



	color: #913d23;



}



.catemore span {



	display: inline-block;



width:.38rem;



height:.4rem;



background-position:-2.02rem -.8rem;



margin-right:.18rem;



	-webkit-animation: rotating 1s infinite linear;



}



.rotating {



	-webkit-backface-visibility: visible!important;



	-ms-backface-visibility: visible!important;



	backface-visibility: visible!important;



	-webkit-animation: rotating 700ms linear;



	-webkit-transform: translateZ(0);



	animation-name: rotating



}



@-webkit-keyframes rotating {



0% {



-webkit-transform:rotate(0deg)



}



100% {



-webkit-transform:rotate(360deg)



}



}



@keyframes rotating {



0% {



-webkit-transform:rotate(0deg)



}



100% {



-webkit-transform:rotate(360deg)



}



}



/* 在线留言 */



.login {



	width: 90%;



	margin: 5% auto;



	padding: 3%;



}



.login li {



	width: 100%;



	margin-bottom: 5%;



}



.login li img {



	float: right;



	margin-right: 10%;



	width: 30%;



height: .67rem;



}



.login_input {



	display: block;



	height: 2.8em;



	-webkit-appearance: none;



	border-radius: 0;



}



.login_textarea {



	height: 8em;



	margin-bottom: -2%;



}



.login li .pin_width {



	width: 50%;



}



.login li .login_btn {



	width: 100%;



	color: #fff;



	border: 0;



	text-align: center;



font: .3rem/.8rem "microsoft yahei";



	background: #3fb150;



	box-shadow: none;



}



.login input, .login textarea {



	width: 100%;



	border: 1px solid #e5e5e5;



	background: #fff;



	color: #333;



font: .24rem/.5rem "microsoft yahei";



text-indent: .1rem;



}



/*返回首页*/



#tip {



	padding: 5% 0;



	min-height: 300px;



}



#tip b {



	color: #3fb150;



	font-weight: bold;



}



/*字体*/



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



}



} /** 自定义字体******************************/



@font-face {



	font-family: constantia;



	src: url("../font/constantia.eot");



	src: url("../fonts/constantia.eot") format("eot"), url("../fonts/constantia.ttf") format("truetype");



}



.animated {



	-webkit-animation-duration: 1s;



	animation-duration: 1s;



	-webkit-animation-fill-mode: both;



	animation-fill-mode: both



}



/*导航动画*/



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



}



}



/*分页样式*/



.pglist {



	padding: 30px 0 15px;



	width: 100%;



	text-align: center;



	clear: both;



}



.pglist a {



	color: #666;



	padding: 0 15px;



	margin: 0 3px;



	background: #fff;



	border: 1px solid #edebeb;



}



.pglist * {



	display: inline-block;



	vertical-align: middle;



	line-height: 34px;



	padding-bottom: 1px;



}



.pglist a:hover, .pglist .hover {



	display: inline-block;



	color: #fff;



	background: #3fb150;



	border-color: #3fb150;



}

@media (min-width: 900px){
.pc_cang {
    display: block;
}
.sj_cang{ display:none;}
}
@media only screen and  (max-width: 900px){
.pc_cang {
    display: none;
}
.sj_cang{ display:block;}

.content .title{ text-align:center; font-size:18px; font-weight:800; height:40px; line-height:40px; background-color:#F4F4F4}
.zi input .form-control{ border:1px solid #CCC; height:40px; line-height:40px; font-size:14px;}
.wenben input .form-control{ border:1px solid #CCC; height:40px; line-height:40px; font-size:14px; margin-bottom:10px;}
.container{ padding:5px 15px;}
.wenzis{ width:120px;}
.pcyincang{ display:none}
}