/* AB模版网 做最好的织梦整站模板下载网站 */
/* 模版源码：Www.AdminBuy.Cn */
/* 仿站：Fang.AdminBuy.Cn */
/* 图标：Sc.AdminBuy.Cn 专业图标素材网站 */
/* QQ：9490489 */
body {
	font-family: "Microsoft YaHei";
}
ul, li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
a:hover {
	text-decoration: none;
}
.banner .fp-controlArrow {
	display: none;
}
.banner #fp-nav ul li, .fp-slidesNav ul li {
	width: 45px;
	height: 6px;
}
.banner #fp-nav ul li a span, .fp-slidesNav ul li a span {
	border: 0;
	width: 45px;
	height: 6px;
	background: #fff;
	border-radius: 0;
}
.banner #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span {
	background: #584b43;
}
.navbar {
	position: absolute;
	z-index: 999;
	width: 100%;
	height: 80px;
}
.navbar-brand {
	padding: 10px;
}
.navbar-default {
	background: #DEE1E8;
	border: 0;
}
.navbar-default .navbar-nav > li > a {
	color: #584b43;
	font-size: 18px;
	line-height: 78px;
	padding: 0 20px;
	margin-left: 5px;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
	color: #040404;
	border-bottom: 3px solid #584b43;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a.hover {
	color: #040404;
	border-bottom: 3px solid #584b43;
}
.toptell {
	background: url(../images/toptell.jpg) no-repeat left center;
	padding-left: 40px;
	float: left;
	line-height: 80px;
	background-size: 32px;
	margin-left: 20px;
}
.toptell a {
	color: #584b43;
	font-family: Arial;
	font-size: 20px;
}
 @media screen and (max-width:1200px) {
.navbar-default .navbar-nav > li > a {
	margin-left: 0;
	padding: 0 15px;
	font-size: 14px;
}
}
 @media screen and (max-width:992px) {
.navbar-default .navbar-nav > li > a {
	margin-left: 0;
	font-size: 12px;
	padding: 0 7px;
}
.toptell {
	background-size: 28px;
	padding-left: 30px;
	margin-left: 0;
}
.toptell a {
	font-size: 14px;
}
}
 @media screen and (max-width:768px) {
.navbar {
	height: 60px;
}
.navbar-brand img {
	height: 40px;
	width: auto;
}
.navbar-collapse {
	float: none !important;
}
.navbar-toggle {
	margin-top: 12px;
}
.navbar-nav {
	background: rgba(252,251,250,.8);
	padding: 20px 0;
	text-align: center;
}
.navbar-default .navbar-nav > li > a {
	line-height: 45px;
	font-size: 14px;
}
.toptell {
	position: absolute;
	right: 70px;
	top: 0;
	line-height: 60px;
	padding-left: 35px;
}
.toptell a {
	font-size: 15px;
}
}
.section2 {
	background: url("../images/s2.jpg") no-repeat scroll center center / cover;
	position: relative;
}
.section2 .indextit img {
	padding: 0 70px;
}
.ablogo {
	margin-top: 70px;
}
.ablogo p {
	font-size: 22px;
	color: #293146;
	margin-top: 10px;
	margin-bottom: 30px;
}
.ableft {
	padding-right: 50px;
}
.abright {
	margin-top: -30px;
}
.abright .abtit p {
	font-size: 22px;
	color: #584b43;
}
.abright .abtit span {
	font-size: 22px;
	color: #293146;
	display: block;
}
.abright .abtit i {
	display: block;
	width: 50px;
	height: 3px;
	background: #584b43;
	margin-top: 10px;
}
.abinfo p {
	font-size: 27px;
	color: #293146;
	line-height: 35px;
	margin-top: 10px;
}
.abinfo a.more {
	display: block;
	width: 110px;
	height: 45px;
	line-height: 45px;
	background: #584b43;
	text-align: center;
	color: #fff;
	margin-top: 40px;
}
 @media screen and (max-width:1440px) {
.ablogo img {
	width: 120px;
}
}
 @media screen and (max-width:1200px) {
.ablogo {
	margin-top: 20px;
}
.abright .abtit p, .abright .abtit span {
	font-size: 20px;
}
.abinfo p {
	line-height: 30px;
}
.abinfo a.more {
	margin-top: 20px;
}
}
 @media screen and (max-width:992px) {
.ableft {
	display: none;
}
.abright {
	margin-top: 0;
}
.section2 .indextit img {
	padding: 0 20px;
}
}
 @media screen and (max-width:768px) {
.section2 .indextit img {
	padding: 10px;
}
.ablogo p {
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.abright .abtit p, .abright .abtit span {
	font-size: 14px;
}
.abinfo p {
	font-size: 12px;
	line-height: 25px;
}
.abinfo a.more {
	margin-top: 10px;
	width: 80px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
}
.ablogo img {
	width: 100px;
}
}
.section3 {
	background: url("../images/s3.jpg") no-repeat scroll center center / cover;
	position: relative;
}
.section3 .indextit {
	margin-bottom: 40px;
}
.section3 .indextit img {
	padding: 0 70px;
}
.section3 .promenu {
	padding: 0 200px;
}
.section3 .promenu li {
	float: left;
	width: 20%;
	text-align: center;
}
.promenu img {
	display: inline-block;
	padding: 0 25px;
}
.prolist {
	margin-top: 30px;
	padding: 0 30px;
}
.prolist .col-xs-4 {
	padding: 0 20px;
}
.prolist img {
	border: 2px solid #b99966;
}
.prolist img:hover {
	border-color: #fff;
}
 @media screen and (max-width:992px) {
.section3 .promenu {
	padding: 0 100px;
}
.promenu img {
	padding: 0 15px;
}
.section3 .indextit img {
	padding: 0 20px;
}
}
 @media screen and (max-width:768px) {
.section3 .indextit img {
	padding: 10px;
}
.section3 .promenu {
	padding: 0 10px;
}
.promenu img {
	padding: 0 10px;
}
.prolist {
	margin-top: 30px;
	padding: 0;
}
.prolist .col-xs-4 {
	padding: 0 10px;
}
}
.section4 {
	background: url("../images/s4.jpg") no-repeat scroll center center / cover;
	position: relative;
}
.section4 .indextit img {
	padding: 0 80px;
}
.section4 .caseinfo {
	padding: 0 50px;
	text-align: center;
	margin-top: 50px;
}
.section4 .caseinfo p {
	color: #fff;
	font-size: 16px;
	line-height: 35px;
}
.section4 .caseinfo .btn-default {
	background-color: #b8aa95;
	color: #fff;
	margin-top: 20px;
	border-color: #d2c0a1;
}
 @media screen and (max-width:992px) {
.section4 .indextit img {
	padding: 0 30px;
}
.section4 .caseinfo {
	padding: 20px;
	margin-top: 30px;
}
.section4 .caseinfo p {
	font-size: 14px;
	line-height: 30px;
}
}
 @media screen and (max-width:768px) {
.section4 .indextit img {
	padding: 0;
}
.section4 .caseinfo {
	background: rgba(0,0,0,.4);
}
}
.section5 {
	background: url("../images/s5.jpg") no-repeat scroll center center / cover;
	position: relative;
}
.section5 .indextit {
	margin-bottom: 40px;
}
.section5 .indextit img {
	padding: 0 70px;
}
.newlist {
	margin-top: 30px;
}
.newli {
	margin-top: 20px;
}
.newli .row {
	background: rgba(255,255,255, 0.9) none repeat scroll 0 0;
	margin-left: 10px;
	padding: 10px 0;
}
.newli .row img {
	margin-left: -5px;
	max-height: 100px;
}
.newli .row a {
	color: #000;
	display: block;
	line-height: 30px;
}
.newli .row p {
	color: rgba(52, 52, 52, 0.92);
	font-size: 12px;
	line-height: 25px;
}
.newli .col-xs-8 {
	padding-left: 0;
}
.section5 a.more {
	display: block;
	width: 140px;
	height: 35px;
	line-height: 35px;
	background: #584b43;
	color: #fff;
	font-size: 14px;
	text-align: center;
	border-radius: 20px;
	margin: 0 auto;
	margin-top: 40px;
}
 @media screen and (max-width: 992px) {
.newli .row p {
	display: none;
}
.newli {
	margin-top: 10px;
}
.newlist {
	margin-top: 10px;
}
.section5 .indextit img {
	padding: 0 20px;
}
}
 @media screen and (max-width:768px) {
.section5 .indextit {
	margin-bottom: 20px;
}
.section5 a.more {
	display: none;
}
}
.section6 {
	background: url("../images/s6.jpg") no-repeat scroll center center / cover;
	position: relative;
}
.section6 .indextit {
	margin-bottom: 60px;
	margin-top: -200px;
}
.section6 .indextit img {
	padding: 0 70px;
}
.footcont p {
	font-size: 16px;
	color: #434446;
	line-height: 40px;
	margin: 0;
}
.footcont span.tell {
	font-size: 45px;
	color: #584b43;
	font-family: "宋体";
	font-weight: bold;
	display: block;
	line-height: 50px;
	margin-bottom: 10px;
}
.footcont p span {
	font-size: 22px;
	color: #434446;
	font-family: "宋体";
	font-weight: bold;
	display: inline-block;
}
.contleft {
	border-right: 1px solid #bbb;
}
.contleft, .contright {
	padding: 30px 0;
	padding-left: 120px;
}
.contright {
	margin-top: 20px;
}
.contright .sharetit img {
	width: 240px;
}
.contright .sharetit {
	margin-bottom: 30px;
}
.sharelink a {
	margin: 0 10px !important;
}
.sharelink a.bds_weixin {
	width: 40px !important;
	height: 41px;
	background: url(../images/f1.png) no-repeat !important;
	background-size: 40px !important;
}
.sharelink a.bds_sqq {
	width: 30px !important;
	height: 38px;
	background: url(../images/f2.png) no-repeat !important;
	background-size: 30px !important;
}
.sharelink a.bds_tsina {
	width: 37px !important;
	height: 40px;
	background: url(../images/f3.png) no-repeat !important;
	background-size: 37px !important;
}
.copy {
	text-align: center;
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 12px;
	position: absolute;
	bottom: 0;
}
.copy a {
	color: #fff;
}
 @media screen and (max-width:1200px) {
.section6 .indextit {
	margin-bottom: 40px;
	margin-top: -150px;
}
.contleft, .contright {
	padding: 20px 0;
	padding-left: 100px;
}
}
 @media screen and (max-width: 992px) {
.section6 .indextit img {
	padding: 0 20px;
}
.contleft, .contright {
	padding: 0;
	padding-left: 50px;
}
.footcont span.tell {
	font-size: 40px;
	font-weight: bold;
	line-height: 40px;
}
.contright .sharetit img {
	width: 220px;
}
.footcont p {
	font-size: 14px;
	line-height: 35px;
}
}
 @media screen and (max-width:768px) {
.contleft, .contright {
	padding-left: 10px;
}
.footcont span.tell {
	font-size: 22px;
	font-weight: bold;
	line-height: 30px;
}
.footcont p {
	font-size: 12px;
	line-height: 30px;
}
.footcont p span {
	font-size: 16px;
	font-weight: bold;
}
.contright .sharetit img {
	width: 160px;
}
.sharelink a {
	margin: 0 10px !important;
}
.sharelink a.bds_weixin {
	width: 30px !important;
	height: 41px;
	background: url(../images/f1.png) no-repeat !important;
	background-size: 30px !important;
}
.sharelink a.bds_sqq {
	width: 20px !important;
	height: 38px;
	background: url(../images/f2.png) no-repeat !important;
	background-size: 20px !important;
}
.sharelink a.bds_tsina {
	width: 27px !important;
	height: 40px;
	background: url(../images/f3.png) no-repeat !important;
	background-size: 27px !important;
}
.copy {
	font-size: 9px;
}
.ewm {
	display: none;
}
}
.indextit {
	position: relative;
	top: -100px;
	transition: all 1s;
	opacity: 0;
}
.active .indextit {
	top: 0;
	transition-delay: 0.7s;
	opacity: 1;
}
.ablogo {
	position: relative;
	left: -800px;
	transition: all 1s;
}
.active .ablogo {
	left: 0;
	transition-delay: 0.7s;
}
.ableft {
	position: relative;
	left: -150px;
	transition: all 1s;
	opacity: 0;
}
.active .ableft {
	left: 0;
	opacity: 1;
	transition-delay: 0.7s;
}
.abright {
	position: relative;
	right: -800px;
	transition: all 1s;
}
.active .abright {
	right: 0;
	transition-delay: 0.7s;
}
.promenu li:nth-child(1) {
	position: relative;
	top: -200px;
	transition: all 0.6s;
	opacity: 0;
}
.active .promenu li:nth-child(1) {
	top: 0;
	opacity: 1;
	transition-delay: 0.7s;
}
.promenu li:nth-child(2) {
	position: relative;
	top: -200px;
	transition: all 0.6s;
	opacity: 0;
}
.active .promenu li:nth-child(2) {
	top: 0;
	opacity: 1;
	transition-delay: 0.9s;
}
.promenu li:nth-child(3) {
	position: relative;
	top: -200px;
	transition: all 0.6s;
	opacity: 0;
}
.active .promenu li:nth-child(3) {
	top: 0;
	opacity: 1;
	transition-delay: 1.1s;
}
.promenu li:nth-child(4) {
	position: relative;
	top: -200px;
	transition: all 0.6s;
	opacity: 0;
}
.active .promenu li:nth-child(4) {
	top: 0;
	opacity: 1;
	transition-delay: 1.3s;
}
.promenu li:nth-child(5) {
	position: relative;
	top: -200px;
	transition: all 0.6s;
	opacity: 0;
}
.active .promenu li:nth-child(5) {
	top: 0;
	opacity: 1;
	transition-delay: 1.5s;
}
.prolist {
	position: relative;
	left: -150px;
	transition: all 1s;
	opacity: 0;
}
.active .prolist {
	left: 0;
	opacity: 1;
	transition-delay: 0.7s;
}
.section4 .indextit {
	position: relative;
	opacity: 0;
	-webkit-transform: scale(0.5, 0.5);
	transform: scale(0.5, 0.5);
	transition: all 1s;
}
.active.section4 .indextit {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	transition-delay: 0.7s;
}
.section4 .caseinfo {
	position: relative;
	opacity: 0;
	-webkit-transform: scale(0.5, 0.5);
	transform: scale(0.5, 0.5);
	transition: all 1s;
}
.active.section4 .caseinfo {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	transition-delay: 0.7s;
}
.newlist .newli:nth-child(1), .newlist .newli:nth-child(3) {
	position: relative;
	left: -150px;
	opacity: 0;
	transition: all 1s;
}
.active .newlist .newli:nth-child(1), .active .newlist .newli:nth-child(3) {
	left: 0;
	opacity: 1;
	transition-delay: 0.7s;
}
.newlist .newli:nth-child(2), .newlist .newli:nth-child(4) {
	position: relative;
	right: -150px;
	opacity: 0;
	transition: all 1s;
}
.active .newlist .newli:nth-child(2), .active .newlist .newli:nth-child(4) {
	right: 0;
	opacity: 1;
	transition-delay: 0.7s;
}
.section5 .more {
	position: relative;
	bottom: -100px;
	transition: all 1s;
	opacity: 0;
}
.active.section5 .more {
	bottom: 0;
	transition-delay: 0.7s;
	opacity: 1;
}
.footcont {
	position: relative;
	bottom: -100px;
	transition: all 1s;
	opacity: 0;
}
.active .footcont {
	bottom: 0;
	transition-delay: 0.7s;
	opacity: 1;
}
.copy {
	position: absolute;
	right: -800px;
	transition: all 1s;
	opacity: 0;
}
.active .copy {
	right: 0;
	transition-delay: 0.7s;
	opacity: 1;
}
.page_top, .submenu {
	position: relative;
	right: -150px;
	transition: all 1s;
	opacity: 0;
}
.right_left {
	right: 0;
	opacity: 1;
	transition-delay: 0.5s;
}
.dh {
	position: relative;
	left: -150px;
	transition: all 1s;
	opacity: 0;
}
.left_right {
	left: 0;
	opacity: 1;
	transition-delay: 0.5s;
}
.effect:hover {
	animation-duration: 1.2s;
	animation-name: pulse;
}
 @keyframes pulse {
 0% {
 transform: scale(1);
}
 50% {
 transform: scale(1.2);
}
 100% {
 transform: scale(1);
}
}



/* 内页 */

@media screen and (min-width: 1440px) {
.navbar .container {
	width: 1280px;
}
.navbar-nav {
	margin-left: 50px;
}
}
.nbar {
	background: #f5f5f5 !important;
	margin: 0;
	position: relative;
}
.nbar .navbar-nav > li > a {
	line-height: 77px;
}
.nbar .toptell {
	background: url(../images/tp2.jpg) no-repeat left center;
}
.nbar .toptell a {
	color: #b89966;
}
.main, .listmain {
	background: #f5f5f5;
	padding-bottom: 70px;
}
.listmain {
	background: url(../images/listbg.jpg) no-repeat bottom center #f5f5f5;
}
.banner {
	height: 300px;
	background: url(../images/banner.jpg) no-repeat center/cover;
}

.banner1 {
	height: 300px;
	background: url(../images/banner1.jpg) no-repeat center/cover;
}
@media(max-width: 768px) {
	.banner1 {

		background: url('../images/jmhz.jpg') no-repeat center/cover;
	}
}
.banner2 {
	height: 300px;
	background: url(../images/banner2.jpg) no-repeat center/cover;
}
@media(max-width: 768px) {
	.banner2 {

		background: url('../images/cpzx.jpg') no-repeat center/cover;
	}
}
.banner3 {
	height: 300px;
	background: url(../images/banner3.jpg) no-repeat center/cover;
}
@media(max-width: 768px) {
	.banner3 {

		background: url('../images/xwzx.jpg') no-repeat center/cover;
	}
}
.banner4 {
	height: 300px;
	background: url(../images/banner4.jpg) no-repeat center/cover;
}
@media(max-width: 768px) {
	.banner4 {

		background: url('../images/lxwm.jpg') no-repeat center/cover;
	}
}
.submenu {
	text-align: center;
	margin-top: 0px !important;
	float: left;
	width: 100%;
}
.submenu ul {
	display: inline-block;
	box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1)
}
.submenu ul li {
	float: left;
	border-top: 1px solid #ebebeb;
	border-right: 1px solid #d3d6cf;
}
.submenu ul li a {
	display: block;
	padding: 0 40px;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #d3d6cf;
	font-size: 16px;
	color: #000;
}
.submenu ul li:first-child a {
	border-left: 1px solid #d3d6cf;
}
.submenu ul li a:hover, .submenu ul li a.hover {
	background: #b99966;
	color: #fff;
}
.page_top {
	text-align: center;
	font-size: 25px;
	color: #b99966;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	display:none !important;
}
.page_top i {
	width: 50px;
	height: 1px;
	background: #b99966;
	display: block;
	margin: 0 auto;
}
.content {
	color: #272626;
	line-height: 30px;
}
.content img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}
.footer {
	background: #494949;
	height: 100px;
}
.footer p {
	color: #fff;
	margin: 0;
	line-height: 30px;
}
.footer a {
	color: #fff;
}
.footer .footleft {
	margin-top: 20px;
}
.footer .footright {
	margin-top: 18px;
}
.fewm {
	width: 99px;
	margin-top: -18px;
	margin-right: 20px;
}
 @media screen and (max-width: 992px) {
.banner {
	height: 200px;
}
}
 @media screen and (max-width:768px) {
.nbar .navbar-nav > li > a {
	line-height: 45px;
}
.submenu ul li a {
	padding: 0 15px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #000;
}
.submenu ul {
	box-shadow: none;
}
.submenu {
	margin-top: 20px;
}
.page_top {
	margin-top: 30px;
	margin-bottom: 20px;
}
.footer {
	height: 60px;
}
.footer .footleft {
	margin-top: 7px;
}
.footer p {
	font-size: 12px;
	line-height: 22px;
}
.footer p:first-child {
	display: none;
}
.footright {
	display: none;
}
.banner {
	background: url(../images/banner1.jpg) no-repeat center/cover;
}
.fp-slides .slide:nth-child(1) {
	background: url(../images/ban001.jpg) center/cover !important;
}
.fp-slides .slide:nth-child(2) {
	background: url(../images/ban002.jpg) center/cover !important;
}
.fp-slides .slide:nth-child(3) {
	background: url(../images/ban003.jpg) center/cover !important;
}
}
.list .row {
	margin-top: 50px;
}
.list a {
	display: block;
	color: #1e1e1e;
	font-size: 18px;
	line-height: 30px;
}
.list span {
	color: #ababab;
	font-size: 12px;
	display: block;
	margin: 10px 0;
}
.list p {
	font-size: 12px;
	line-height: 25px;
	margin: 0;
}
/* page */

.pages {
	margin: 20px auto 20px auto;
	font-size: 14px;
	text-align: center;
}
.pages a, .pages strong {
	display: inline-block;
	line-height: 28px;
	padding: 0 10px;
	border: 1px solid #d9d9d9;
	background-color: #ffffff;
	text-decoration: none;
	color: #666;
	font-family: Simsun;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	margin-right: 3px;
}
.pages .current {
	display: inline-block;
	line-height: 28px;
	padding: 0 10px;
	border: 1px solid #d9d9d9;
	background-color: #ffffff;
	text-decoration: none;
	font-family: Simsun;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	margin-right: 3px;
	color: #fff;
	background-color: #004996;
	border-color: #fff;
}
.pages a:hover {
	color: #fff !important;
	background-color: #004996;
	border-color: #fff;
	text-decoration: none;
}
.pages strong {
	color: #fff;
	background-color: #24557d;
	border-color: #fff;
}
.pages span {
	padding: 0 10px;
	line-height: 23px;
}
.photo {
	margin-top: 40px;
}
.imgbox {
	padding: 0 5px;
	margin-bottom: 20px;
}
.photo a {
	display: block;
	padding: 5px;
	padding-bottom: 0;
	background: #fbfbfa;
	text-align: center;
	color: #3a3a3b;
}
.photo a p {
	font-size: 15px;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	margin-bottom: 0;
}
.photo a:hover {
	background: #b99966;
	color: #fff;
}
 @media screen and (max-width:768px) {
.photo {
	margin-top: 20px;
}
.imgbox {
	margin-bottom: 10px;
}
}
.show {
	margin-top: 30px;
}
.show_top {
	margin-bottom: 30px;
	text-align: center;
}
.show_top p.title {
	border-bottom: 1px dotted #ddd;
	font-size: 30px;
	padding-bottom: 10px;
}
.show_top p.update span {
	color: #999;
	font-size: 12px;
	margin-right: 20px;
}
.prepage {
	margin: 50px 0 0;
}
.prepage p {
	font-size: 13px;
	line-height: 30px;
	margin: 0;
}
.prepage a {
	color: #372c2a;
}
 @media screen and (max-width: 768px) {
.show_top {
	margin-bottom: 20px;
}
.show_top p.title {
	font-size: 20px;
	padding-bottom: 5px;
}
.show_top p.update span:first-child {
	display: none;
}
}
.joinform .jointit {
	text-align: center;
	font-size: 25px;
	margin-bottom: 30px;
	color: #b99966;
}
.joinform .form-inline .form-group {
	margin-right: 20px;
	margin-bottom: 20px;
}
.joinform .btn {
	margin: 0 auto;
	display: block;
	margin-top: 30px;
}
.slide a {
	display: block;
	width: 100%;
	height: 100%;
}
.quanjing {
	width: 40px;
	height: 100px;
	background: #372D2A;
	color: #fff;
	overflow: hidden;
	position: fixed;
	z-index: 999;
	top: 100px;
	right: 0;
}
.quanjing a {
	display: block;
	width: 40px;
	height: 100px;
	color: #fff;
}
.quanjing p {
	padding: 0 8px;
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
}
.quanjing .wapqj {
	position: absolute;
	top: 0;
	right: 80px;
	opacity: 0;
	transition: all 0.4s ease 0s;
}
.quanjing:hover {
	overflow: visible;
}
.quanjing:hover .wapqj {
	right: 40px;
	opacity: 1;
	transition-delay: 0.2s;
}

/*AB模版网新增翻页样式 各类模版第一站 www.adminbuy.cn*/
.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}

/*留言板*/
.login-01{
  width:38%;
  margin:5% auto 3%;
}
form {
   padding: 0% 1%;
}
form li.first,li.second{
  border:none;
  list-style:none;
  margin-bottom:10px;
  width:100%;
}
.icon,.icon2  {
  height:55px;
  width:55px;
  display: block;
  float: left;
  border-top-left-radius: 0.3em;
  -o-border-top-left-radius: 0.3em;
  -moz-border-top-left-radius: 0.3em;
  -webkit-border-top-left-radius: 0.3em;
  border-border-bottom-left-radius: 0.3em;
  -o-border-bottom-left-radius: 0.3em;
  -moz-border-bottom-left-radius: 0.3em;
  -webkit-border-bottom-left-radius: 0.3em;
}
.user {
    background: url(../images/icons.png) no-repeat 14px 15px #353535;
}
.email{
  background:url(../images/icons.png) no-repeat 15px -39px #353535;
}
.phone{
  background: url(../images/icons.png) no-repeat 15px -93px #353535;
}
.msg{
  background: url(../images/msg.png) no-repeat 16px 16px #353535;
}
li.first:hover .user{
     background: url(../images/icons.png) no-repeat 14px 15px #DB2048;
}
li.first:hover .email{
  background:url(../images/icons.png) no-repeat 15px -39px #DB2048;
}
li.first:hover .phone{
  background: url(../images/icons.png) no-repeat 15px -93px #DB2048;
}
li.second:hover .msg {
  background: url(../images/msg.png) no-repeat 16px 16px #DB2048;
}
li.first:hover .msg {
  background: url(../images/msg.png) no-repeat 16px 16px #DB2048;
}
/*-----*/
input[type="text"],form textarea {
  width: 77%;
  padding: 1.13em 1em 1.13em 1em;
  color: #858282;
  font-size: 16px;
  outline: none;
  background: #fff;
  font-weight: 500;
  border: none;
  font-family: 'Lora', serif;
  border-top-right-radius: 0.3em;
  -o-border-top-right-radius: 0.3em;
  -moz-border-top-right-radius: 0.3em;
  -webkit-border-top-right-radius: 0.3em;
  border-border-bottom-right-radius: 0.3em;
  -o-border-bottom-right-radius: 0.3em;
  -moz-border-bottom-right-radius: 0.3em;
  -webkit-border-bottom-right-radius: 0.3em;
  }
  .submit{

  }
form textarea {
  resize: none;
  height: 140px;
}
.login-01 input[type="submit"]{
  font-size: 17px;
  font-weight: 300;
  color: #fff;
  cursor: pointer;
  outline: none;
  padding: 10px 10px;
  width: 35%;
  border: 2px solid #353535;
      margin-left: 35%;
  background: #353535;
  border-radius: 0.3em;
  -o-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  margin-right:2.85em;
}

li.lost {
  margin-bottom: 21px;
}
/*---------------*/
.copy-right {
  text-align: center;
  margin: 2em 0;
}
.copy-right p {
	color: #fff;
	font-size: 1em;
	font-weight:400;
}
.copy-right p a {
	color:#fff;
}
.copy-right p a:hover {
	text-decoration: underline;
}
/*-----start-responsive-design------*/
@media (max-width:1440px){
  .login-01 input[type="submit"]{
  margin-right:1.85em;
  }
	
}
@media (max-width:1366px){
  .login-01 input[type="submit"]{
  margin-right: 1.6em;
  }
  	
}
@media (max-width:1280px){
   .login-01 {
    width: 40%;
    margin:5% auto 5%;
  }
  body h1 {
  font-size: 2.7em;
}
 
}
@media (max-width:1024px){
  .login-01 {
  width: 45%;
}
 body h1 {
  font-size: 2.5em;
}
 
}
@media (max-width:768px){
  .login-01 {
  width: 63%;
}
 body h1 {
  font-size: 2.3em;
}
}
@media (max-width:640px){
  .login-01 {
  width: 73%;
  }
  body h1 {
  font-size: 2.1em;
}
}
@media (max-width:480px){
   .login-01 {
    width: 85%;
  }
  .copy-right p {
    font-size: 0.9em;
  }
   input[type="text"], form textarea {
  width: 77%;
  padding: 1em 1em 1em 1em;
  font-size: 15px;
  }
  .icon, .icon2 {
  height: 48px;
  width: 48px;
  }
  .user {
    background: url(../images/icons.png) no-repeat 11px 12px #353535;
      background-size: 45%;
}
.email{
  background:url(../images/icons.png) no-repeat 12px -36px #353535;
    background-size: 45%;
}
.phone{
  background:url(../images/icons.png) no-repeat 12px -87px #353535;
    background-size: 45%;
}
.msg{
  background: url(../images/msg.png) no-repeat 14px 11px #353535;
    background-size: 45%;
}
li.first:hover .user{
     background: url(../images/icons.png) no-repeat 11px 9px #DB2048;
      background-size: 45%;
}
li.first:hover .email{
  background:url(../images/icons.png) no-repeat 12px -36px #DB2048;
   background-size: 45%;
}
li.first:hover .phone{
  background:url(../images/icons.png) no-repeat 12px -87px #DB2048;
   background-size: 45%;
}
li.second:hover .msg {
  background: url(../images/msg.png) no-repeat 14px 11px #DB2048;
   background-size: 45%;
}
li.first:hover .msg {
  background: url(../images/msg.png) no-repeat 14px 11px #DB2048;
   background-size: 45%;
}

body h1 {
  font-size:2em;
  padding-top: 1em;
}
form li.first, li.second {
  margin-bottom: 5px;
  }

}
@media (max-width:320px){
  input[type="text"], form textarea {
 width: 71%;
  padding: 1em 1em 1em 0.8em;
  font-size: 14px;
  }
  .login-01 {
    width:96%;
  }
  .icon, .icon2 {
  height: 45px;
  width: 45px;
  }
  .user {
    background: url(../images/icons.png) no-repeat 11px 13px #353535;
     background-size: 40%;
}
.email{
  background:url(../images/icons.png) no-repeat 12px -29px #353535;
   background-size: 40%;
}
.phone{
  background:url(../images/icons.png) no-repeat 12px -72px #353535;
   background-size: 40%;
}
.msg{
  background: url(../images/msg.png) no-repeat 14px 13px #353535;
   background-size: 40%;
}
li.first:hover .user{
     background: url(../images/icons.png) no-repeat 11px 13px #DB2048;
      background-size: 40%;
}
li.first:hover .email{
  background:url(../images/icons.png) no-repeat 12px -29px #DB2048;
   background-size: 40%;
}
li.first:hover .phone{
  background:url(../images/icons.png) no-repeat 12px -72px #DB2048;
   background-size: 40%;
}
li.second:hover .msg {
  background: url(../images/msg.png) no-repeat 14px 13px #DB2048;
   background-size: 40%;
}
li.first:hover .msg {
  background: url(../images/msg.png) no-repeat 14px 13px #DB2048;
   background-size: 40%;
}
.copy-right p {
  line-height: 1.6em;
}
.login-01 input[type="submit"] {
  font-size: 17px;
  padding: 8px 8px;
  width: 36%;
  margin-right: 0.7em;
}
body h1 {
  font-size:1.6em;
}

}