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; padding-top:20px;
}
.navbar-brand img{ 
   max-width:250px;
}
.navbar-default {
	background: #d8cab0;
	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 {
	float: left;
	line-height: 80px;
	margin-left: 20px; 
	padding-left:36px;
	color: #00DFB8; 
	font-weight:bold;  
	font-size:16px;
	background: url(../images/wtel.png) left 25px  no-repeat;
}

 @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: 60px;
	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;
}

.section7 {
	background: url("../images/s7.jpg") no-repeat scroll center center / cover;
	position: relative; 
	color:#FFFFFF;
}
.section7 .indextit img {
	padding: 0 70px;
}
.ablogo {
	margin-top: 70px;
}
.ablogo p {
	font-size: 22px;
	color: #293146;
	margin-top: 10px;
	margin-bottom: 30px;
}
.section7 .ablogo  { 
   text-align:center; 
}
.section7 .ablogo p  { color:#FFFFFF;   }

.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: 14px;
	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;
}

.section7 .abinfo p   { 
	color: #fff; text-align:center;
}

.section7 .abinfo a.more {
    margin:0 auto;
	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 div {
	margin-top: 15px;
}
.prolist .col-xs-3 {
	padding: 0 20px;
}
.prolist img {
	border: 2px solid #00ddb6;
}
.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-3 {
	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: 30px;
}
.section5 .indextit img {
	padding: 0 70px;
}
.newlist {
	margin-top:0;
}
.newli {
	margin-top: 20px;
}
.newli .row {
	background:rgba(0,0,0,.38);
	margin-left: 10px;
	padding: 10px 0;
}
.newli .row img {
	margin-left: -5px;
	max-height: 100px;
}
.newli .row a {
	color: #fff ;
	display: block;
	line-height: 38px;     
	font-size: 16px;
}
.newli .row p {
	color: fff !important;
	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: 30px;
	margin-top: -60px;
}
.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;
}

.caselist{display:none;}

.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), .newlist .newli:nth-child(5) {
	position: relative;
	left: -150px;
	opacity: 0;
	transition: all 1s;
}
.active .newlist .newli:nth-child(1), .active .newlist .newli:nth-child(3), .active .newlist .newli:nth-child(5) {
	left: 0;
	opacity: 1;
	transition-delay: 0.7s;
}
.newlist .newli:nth-child(2), .newlist .newli:nth-child(4), .newlist .newli:nth-child(6) {
	position: relative;
	right: -150px;
	opacity: 0;
	transition: all 1s;
}
.active .newlist .newli:nth-child(2), .active .newlist .newli:nth-child(4), .active .newlist .newli:nth-child(6) {
	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 a {
	color: #b89966;
}
.main, .listmain {
	background: #f5f5f5;
	padding-bottom: 70px;
}
.listmain {
	background: url(../images/listbg.jpg) no-repeat bottom center #f5f5f5;
}
.banner {
	height: 390px;
	background: url(../images/banner.jpg) no-repeat center/cover;
}
.submenu {
	text-align: center;
	margin-top: 40px;
	float: left;
	width: 100%;
	height: 50px;
}
.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: #00ddb6;
	color: #fff;
}
.page_top {
	text-align: center;
	font-size: 25px;
	color: #00ddb6;
	margin-top: 50px;
	margin-bottom: 30px;
}
.page_top i {
	width: 50px;
	height: 1px;
	background: #00ddb6;
	display: block;
	margin: 0 auto;
}
.content {
	color: #272626;
	line-height: 30px; 
	margin-bottom:40px;
}
.content img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}
.footer {
	background: #464646;
	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;
}
.prolist div:nth-child(n+5){ display:none;  }
.newlist .newli:nth-child(n+5){ display:none;  }

.caselist{display:block; margin-top:10px;}
.caselist div{margin-top:15px;  }
.caselist img {
	border: 2px solid #00ddb6;
}
.caselist img:hover {
	border-color: #fff;
}

}
.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: #00ddb6;
	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: #00ddb6;
}
.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 a{ display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pagess a:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}
.pagess a:hover a{color:#fff;}
.pagess a.hover {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}



header {
	font:normal 16px 'microsoft yahei';
	width:100%;
	height:90px;
	line-height:90px;
	position:fixed;
	z-index:999;
	background:rgba(0,0,0,.38);height:70px;line-height:70px;box-shadow:0 5px 6px 0 rgba(0,0,0,.15);transition:background-color .6s;
}
header .container{width:95%;margin:auto;height:100%; }
#logo {
    position: absolute;
    width:250px;
	-ms-transition: all .5s;
    transition: all .5s;
}
#logo img{ width:100%;}
header nav .icon_menu{display:none;}
header nav {
    width: 55%;
    height: 100%;
    margin: auto;
    position: relative;
    z-index: 3;
    color: #fff; 
	margin:0 auto;
}
header nav ul {
    height: 100%;
}
header nav li {
    float: left; 
	padding:0 15px;
    height: 100%;
}
header nav li a{
   color: #ccc;
}
header nav li.active, header nav li:hover{
    border-bottom: 3px solid #00DFB8;
}
header nav li.active a,header nav li:hover a{color: #00DFB8;}


header .nav-tel{position:absolute;right:4%;top:0;color:#00DFB8;font-size:21px;}
header .nav-tel b{margin-right:5px; display: inline-block;width: 30px;height: 30px;text-decoration: none;background: url(../images/wtel.png) no-repeat;vertical-align:middle;position:relative;top:-3px;}   
@media screen and (min-width:1050px){
		#index_x{ display:none}
}

 @media screen and (max-width:1050px){  
	#header{height:60px;line-height:60px;}
	#header #logo img{width:60%;} 
	header .nav-tel{display:none;}
	header nav{position:absolute;width:100%;top:100%;margin:0;left:0;}
	header nav ul{ position:absolute;top:0;right:0;width:140px;display:none;}
	header nav ul.show{display:block;}
	#header nav li{width:auto;float:none;background:rgba(51,51,51,.66);border-bottom:1px dotted #999;margin-bottom:0;}
	#header nav li a{font-size:13px;display:block;padding:0 20px;border-top:none;}
	header nav li.active a, header nav li a:hover{border-top:none;} 
	header nav li a:after{content:"";clear:both;height:0;display:block;}
	#header nav .icon_menu{display:block;font-size:39px;position:absolute;right:10px;top:-100%;margin-top:5px;cursor:pointer;}
	header nav .icon_menu:before{color:#00DFB8;}
	#header nav li,#header nav li a,#header nav li a b:before,#header nav li a span{height:35px;line-height:35px;}	
	#header nav li a b{float:left;display:block;font-size:18px;color:#fff;}
	header nav li a span{float:right;}
}