﻿
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{
transition: all 0.6s;
}
.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;
	top:-20px!important;
}
.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 {
width:100%; height:260px;
}
.newli .row img{transition: all 0.5s ease-in-out;}
.newli .row:hover img {
    transform: scale(1.05);
}
.newli .row a {
	color: #555 ;
	display: block;
	line-height: 38px;     
	font-size: 16px;
}
.newli .row p {
	color: #555 !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: auto;
	line-height: 20px;
	color: #fff;
	font-size: 14px;
	position: absolute;
	bottom: 0;
	background: rgba(0,0,0,.38);
	padding:8px 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: 13px;
}
/*.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;
	bottom: -800px;
	transition: all 1s;
}*/
.active .abright {
	bottom: 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;}
}



.topWpr{ line-height: 36px; height: 36px; font-size: 14px; color: #FFF; background: #B5001F; padding: 0px 30px; position:relative; z-index:12; }
.topWpr .fl div{ display:inline-block;}
.topWpr .fl span,.topWpr .fr span{ font-size:12px; display:inline-block; position:relative; top:-1px; transform:scale(0.8); opacity:0.7; margin:0 20px;}
.topWpr .fl{float:left}
.topWpr .fr{float:right}

.headerWpr{ position:relative; height:100px; z-index:10; transition:all 0.5s ease-in-out;}
.headerWpr2{ height:80px;}
.headerBg{ background:rgba(0,0,0,0.6); position:fixed; left:0; top:0; right:0; bottom:0; z-index:9; transition:all 0.5s ease-in-out; opacity:0; visibility:hidden; height:100vh;}
.header:hover + .headerBg{opacity:1; visibility:visible;}
.header{ width:100%; top:0; left:0; transition:all 0.5s ease-in-out; background:#fff; height:100px; border-bottom:1px solid #E6E6E6; position:absolute; padding:0 30px; z-index:10;}
.logo{ position:absolute; left:30px; top:22px; display:inline-block; transition:all 0.5s ease-in-out;}
.logo img{ height:60px; width:auto; transition:all 0.5s ease-in-out;}
.logo img.iOpacity{ position:absolute; left:0; top:0}
.nav{ text-align:center;}
.nav li{ display:inline-block; padding:0 1.25vw;}
.nav_a{ display: inline-block; line-height: 100px; font-size: 18px; position:relative; }
.nav_a:after{content:""; width:0%; height:2px; background:#B5001F; position:absolute; left:50%; bottom:0; transition:all 0.3s ease-in-out;}
.nav_a.on:after,.nav_a:hover:after{width:100%; left:0;}
.proMenuWpr{ background: #fff; position: absolute; left: 0; top: 100px; padding: 40px 15px 42px; width:100%; opacity:0; visibility:hidden; }
.proMenu{max-width:1440px; margin:0 auto;display:flex; justify-content:space-between;}
.proMenu_item{ position:relative; height:232px;}
.proMenu .proMenu_item:nth-child(1){padding-right:1.56vw; width:41.38%;}
.proMenu .proMenu_item:nth-child(2){padding-right:1.56vw;padding-left:1.56vw; width:29.74%;}
.proMenu .proMenu_item:nth-child(3){padding-left:3.33vw; width:28.88%;}
.proMenu .proMenu_item:nth-child(1):after,.proMenu .proMenu_item:nth-child(2):after{content:""; background:#F5F5F5; width:1px; position:absolute; right:0; top:0; bottom:0;}
.proMenu_item strong{ font-size: 18px; letter-spacing: 1px; display: block; line-height: 28px; margin-bottom: 20px; text-align: left; font-weight: normal; }
.proMenu_item dl{display:flex; justify-content:space-between;}
.proMenu_item dl dd{ padding-top:50px;}
.proMenu_a{display:block;}
.proMenu_a:hover .proMico img{ opacity:0;}
.proMenu_a:hover .proMico img:nth-child(2){ opacity:1;}
.proMenu_a p{ font-size: 16px; line-height: 24px; letter-spacing: 1px; margin-top: 10px; }
.proMico{ display:inline-block; position:relative;}
.proMico img{ position:relative; transition:all 0.5s ease-in-out;}
.proMico img:nth-child(2){ position:absolute; left:0; top:0; opacity:0;}


.subMenu{ position:absolute; left:0; width:100%; top:100px; text-align:center; background:#fff; opacity:0; visibility:hidden;}
.subMenu a{color:#333}
.subMenu a:hover{color:#B5001F}
.nav li:hover .subMenu,.nav li:hover .proMenuWpr{ transition:all 0.3s ease-in-out; opacity:1; visibility:visible;}
.nav li:hover .nav_a,.nav_a.on{ color:#B5001F}
.nav_a2{ line-height: 100px; font-size: 16px; padding: 0px 1.3vw; }
.headRx{ position:absolute; right:30px; top:0;}
.headerTel{ background: url(../images/nav_tel2.png) no-repeat left center; display: inline-block; padding-left: 28px; font: 24px/100px ec_l; transition:all 0.5s ease-in-out; }
.headerFixed{ position:fixed; height:80px;}
.headerFixed .logo img{height:50px;}
.headerFixed .logo{top:16px;}
.headerFixed .nav_a{line-height:80px;}
.headerFixed .headerTel{line-height:80px;}
.headerFixed .header_ser{ height:80px;}
.headerFixed .proMenuWpr,.headerFixed .subMenu{top:80px;}
.headerTransparent{}
.headerTransparent:hover{}
.indexBody .topWpr{width:100%; position:absolute; left:0; top:0;}
.indexBody .headerWpr{width:100%; position:absolute; left:0; top:36px;}
.indexBody .header{background:rgba(255,255,255,0); border-bottom:1px solid rgba(255,255,255,0)}
.indexBody .logo img{opacity:0;}
.indexBody .logo img.iOpacity{opacity:1;}
.indexBody .nav_a{color:#fff;}
.indexBody .headerTel{ color: #FFF; background: url(../images/nav_tel.png) no-repeat left center; }
.headerWpr.out{ opacity:0; transition:all 0.3s ease-in-out; transform:translateY(-80px)}
.headerWpr.in{ opacity:1; transition:all 0.3s ease-in-out; transform:translateY(0)}
.indexBody .headerWprDown{ top:0;}
.indexBody .headerWprWhite{}
.indexBody .headerWprWhite .header,.indexBody .header:hover{background:rgba(255,255,255,1); border-bottom:1px solid #E6E6E6;}
.indexBody .headerWprWhite .logo img,.indexBody .header:hover .logo img{opacity:1;}
.indexBody .headerWprWhite .logo img.iOpacity,.indexBody .header:hover .logo img.iOpacity{opacity:0;}
.indexBody .headerWprWhite .nav_a,.indexBody .header:hover .nav_a{color:#333;}
.indexBody .header:hover .nav_a:hover{ color:#B5001F}
.indexBody .headerWprWhite .headerTel,.indexBody .header:hover .headerTel{ color: #333; background: url(../images/nav_tel2.png) no-repeat left center; }
@media (max-width:1799px){
.logo{top:16px;}
.logo img{height:50px;}
.nav_a{line-height:80px;}
.headerTel{line-height:80px;}
.header_ser,.headerWpr,.header{height:80px;}
.nav_a{font-size:17px;}
.proMadx strong{font-size:16px;}
.proMenu_a p{font-size:14px;}
.subMenu,.proMenuWpr{top:80px;}
}
@media (max-width:1199px){
.indexBody .nav_a{font-size:16px;}
.nav li{padding:0 0.65vw;}
.nav{padding-right:5vw;}
}

#rmenu{ position:absolute; right:30px; top:50%; transform:translateY(-50%); z-index:5; display:none; text-align:right;}
.rmenum_a{display:inline-block; position:relative; line-height:22px; height:22px; padding-right:34px; font-size:12px; letter-spacing:2px;}
.rmenum_a span{display:inline-block; transition:all 0.3s ease-in-out; opacity:0;}
.active .rmenum_a span{opacity:1;}
.active .rmenum_a{ color: #B5001F; }
.rmenum_a i{width:12px; height:2px; position:absolute; right:0; top:10px; transition:all 0.5s ease-in-out; background:rgba(0,0,0,0.2);}
.active .rmenum_a i{ background:#B5001F; width:24px;}
.headerFixed{ background:#fff!important}
.headerFixed .nav_a{color:#333!important}
.headerFixed .nav_a:hover{color:#B5001F!important}
.indexBody .headerFixed .headerTel{color: #333;background: url(../images/nav_tel2.png) no-repeat left center;}
/*mobile header*/
.mHeader,.mMenuLayBg,.mCloseBtn,.mMmenuLay{display:none;}
.mMenuLayBg,.mMmenuLay,.mCloseBtn{display:none;}
.mMmenuLay dl{margin-bottom:0}
@media (max-width:993px){
.mEmpty{height:56px;}
.header{display:none!important;}
.mHeader{ height:56px; background:rgba(255,255,255,0.9); position:fixed; left:0; top:0; width:100%; padding:0 15px; z-index:20; box-shadow:0 1px 3px 2px rgba(0,0,0,0.06); display:block;}
.mOpenBtn{ width:26px; height:20px; position:absolute; right:15px; top:50%; margin-top:-9px; overflow:hidden; cursor:pointer}
.mOpenBtn i{width:30px; height:2px; margin-bottom:4px; background:#B5001F; display:block}
.mOpenBtn i:nth-child(2){ width:21px}
.mOpenBtn i:nth-child(3){ width:25px}
.mOpenBtn i:nth-child(4){ width:10px}
.mMenuLayBg{ opacity: 0; position: fixed; z-index: 900; left: 0; top: 0; width: 100%; height: 100%; transition: all 0.5s ease-in-out; transition-delay: 0.4s; display: block; background:rgba(0,0,0,0.6); background-size:cover; visibility:hidden;}
.mMmenuLay{ position: fixed; height: 100%; left: 36%; top: 0px; right: 0px; bottom: 0px; z-index: 950; overflow-y: auto; color: #fff; font-size: 14px; box-shadow: -2px 0px 4px 3px rgba(0,0,0,0.06); padding: 25px; transition: all 0.5s ease-in-out; opacity: 0; transform: translateX(100%); transition-delay: 0.2s; display: block; background: #2469f9;background-image: linear-gradient(135deg, #666 10%,#666 100%); background-size: cover; }
.mCloseBtn{ background: url(../images/mclose.png) no-repeat center center; height: 26px; width: 26px; position: fixed; right: 15px; top: 15px; cursor: pointer; z-index: 950; background-size:22px 22px; transition:all 0.5s ease-in-out; opacity:0; display:block; z-index:955; visibility:hidden }
.mLogo{float:left;}
.mLogo img{height:36px; width:auto; margin-top:10px;}
.mLogo span{font-size:16px; line-height:38px; display:inline-block; position:relative; left:8px; top:4px;}
.mLogo span,.mLogo img{vertical-align:middle;}
.mMmenuLay dt{position:relative; position:relative;}
.mMenu_a1{ font-size: 15px; color: #fff; padding: 0 0px 0 6px; display: block; line-height: 46px; border-bottom: 1px solid rgba(255,255,255,0.2); text-transform: uppercase; }
.mMenu_a2{font-size:14px; color:#fff; line-height:46px; display:block; border-bottom:1px solid rgba(255,255,255,0.3); padding-left:25px;}
.mMenu_a3{font-size:14px; color:#fff; line-height:46px; display:block; border-bottom:1px solid rgba(255,255,255,0.3); padding-left:50px;}
.mToggle,.mToggle_a{ height: 47px; width: 47px; position: absolute; top: 0px; right: 0px; background: url(../images/mhead_i1.png) no-repeat center center; cursor: pointer; display:none }
.mToggle2,.mToggle2_a{ background: url(../images/reduce.jpg) no-repeat center center; }
.mToggle_a{display:block}
.mMmenuLay dd.mMenu_dd2{ transition:all 0.5s ease-in-out; height:0; overflow:hidden; position:relative;}
.mMmenuLay dl.on dd.mMenu_dd2{height:47px;}
.mMenu_a1:hover,.mMenu_a2:hover,.mMenu_a3:hover{color:#fff; opacity:0.8}
.mMenu_icon1{ background: url(../images/hd_i1.png) no-repeat center center; display: inline-block; height: 20px; width: 20px; margin-right: 8px; }
.mMenu_a1 text,.mMenu_a1 i{vertical-align:middle;}
.mMenuLayBg.on{opacity:1; visibility:visible; transition-delay:0.2s}
.mMmenuLay.on{opacity:1; transform:translateX(0%); transition-delay:0.4s}
.mCloseBtn.on{opacity:1; transform:rotate(180deg);visibility:visible; opacity:1;}
.mHeader .topSerBtn{ background: url(../images/serBtn2.png) no-repeat center center; display: inline-block; position: absolute; margin-top: -15px; top: 50%; right: 60px; height: 30px; width: 30px; background-size:22px; }
.mMenu_dd3{display:none}
.mLan_a{ font-size: 18px; text-transform: uppercase; line-height: 36px; height: 36px; width: 36px; color: #a48f68; display: inline-block; position: absolute; top: 11px; right: 50px; }
.mHead_tel{ background: url(../images/top_tel_m.png) no-repeat center center; height: 36px; width: 36px; position: absolute; top: 11px; right: 100px; }
.headerWpr {display:none;}
.mMenu_bm{ line-height:60px;}
.mMenu_bm span{margin-right:20px; padding-left:6px;}
.topWpr{display:none;}
.hmFocus{padding-top:0!important;}
.newli .row img{ height:165px}
}

/* end */

@media (max-width:1199px){
.wrapper{width:100%; overflow:hidden;}
}


.hmc2bgs{ height:100vh; width:100%; position:relative; overflow:hidden;}
.hmc2bg{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease-in-out; opacity:0; visibility:hidden;}
.hmc2bg.on{ opacity:1; visibility:visible;}
.hmc2bg .bgImg{ position:absolute; left:0; top:0; right:0; bottom:0;}
.hmc2bg .bgImg:after{ content: ""; /*background: url(../images/fsLine.png) repeat-x left top;*/ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.hmc2txtWpr{ position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); transition:all 0.3s ease-in-out; opacity:0; text-align:right; visibility:hidden;}
.hmc2txtWpr.on{ opacity:1; visibility:visible;}
.hmc2txt{ color:#fff; text-align:left; display:inline-block;}
.hmc2txt strong{ font-size: 52px; line-height: 62px; letter-spacing: 3px; display: block; font-weight: 500; transform:translateY(100px); opacity:0; transition:all 0.8s ease-in-out; }
.hmc2txt p{ font-size: 24px; font-weight: 100; line-height: 38px; margin: 15px 0px 45px; letter-spacing:2px; transform:translateY(100px); opacity:0; transition:all 0.8s ease-in-out; }
.hmc2txt div{ transform:translateY(100px); opacity:0; transition:all 0.8s ease-in-out;}
.on .hmc2txt strong{transform:translateY(0); opacity:1; transition-delay:0.1s;}
.on .hmc2txt p{transform:translateY(0); opacity:1;transition-delay:0.3s;}
.on .hmc2txt div{transform:translateY(0); opacity:1; transition-delay:0.4s;}
.hmc2NavWpr{ position:absolute; left:0; width:100%; bottom:60px;}
.hmc2Nav{ height:90px; background:rgba(255,255,255,0.65); border-radius:6px; box-shadow:0 5px 15px rgba(0,0,0,0.05);}
.hmc2Nav li{ width:25%; float:left;}
.hmc2Nav_a{ display: block; height: 90px; text-align: center; font-size: 24px; line-height: 90px; letter-spacing: 2px; color: #100; }
.hmc2Nav_a.on{ background:#B5001F; border-radius:6px; box-shadow:0 5px 15px rgba(181,0,31,0.3); color:#fff;}
.hmc2Nav_a text,.hmc2Nav_a .hmc2icon{vertical-align:middle;}
.hmc2icon{ display:inline-block; position:relative; top:15px; margin-right:10px}
.hmc2icon img{ transition:all 0.5s ease-in-out;}
.hmc2icon img:nth-child(2){ position:absolute; left:0; top:0; opacity:0;}
.hmc2Nav_a strong{ font-weight: normal;}
.hmc2Nav_a.on .hmc2icon img{opacity:0;}
.hmc2Nav_a.on .hmc2icon img:nth-child(2){opacity:1;}

.hmPubBtn{ font-size: 14px; line-height: 48px; color: #FFF; letter-spacing: 2px; height: 48px; width: 180px; padding-left: 20px; display: inline-block; background: #B5001F; border-radius:0.3em; position:relative; transition:all 0.5s ease-in-out; }
.hmPubBtn:after{ content: ""; /*background: url(../images/hmBan_sar.png) no-repeat center center;*/ height: 10px; width: 6px; margin-top: -5px; position: absolute; top: 50%; right: 20px; }
.hmPubBtn:hover,.hmPubBtnWpr:hover .hmPubBtn{ color:#fff; box-shadow:0 10px 30px rgba(181,0,31,0.3); transform:translateY(-5px)}

.hmPage2 .hmPubBtn{ line-height:46px; height:48px; border:1px solid #fff; background:none;}
.hmPage2 .hmPubBtn:hover,.hmPage2 .hmPubBtnWpr:hover .hmPubBtn{ background:#B5001F; box-shadow:none; transform:translateY(0); border:1px solid #B5001F;}

.hmc2txtWpr .container {transition:all 0.5s ease-in-out; transform:translate(0px,80px); opacity:0; }
.active .hmc2txtWpr .container{opacity:1; transform:translate(0px,0px); transition-delay:0.4s;}
.hmc2NavWpr {transition:all 0.5s ease-in-out; transform:translate(0px,80px); opacity:0; }
.active .hmc2NavWpr{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}

@media (max-width:1799px){
.hmc2txt strong{font-size:40px; line-height:50px;}
.hmc2txt p{font-size:20px; line-height:32px;}
.hmc2Nav_a{font-size:20px;}
}
@media (max-width:993px){
.hmPage2{position:relative;}
.hmc2bgs{height:550px;}
.hmc2txt strong{font-size:30px; line-height:42px;}
.hmc2txt p{font-size:16px; margin:10px 0px 26px}
.hmc2Nav_a{font-size:18px;}
.hmc2txt{padding-bottom:50px;}
}
@media (max-width:767px){
.hmc2icon{display:none;}
.hmc2txt{display:block; text-align:center;}
.hmc2Nav_a{height:60px; line-height:60px; font-size:15px;}
.hmc2Nav{height:60px;}
.hmc2txt{padding-bottom:80px;}
.hmc2bgs{height:100vh;}
.hmc2txt strong{font-size:24px; line-height:30px;}
.hmc2txt p{font-weight:500;}
.hmPubBtn{width:160px; line-height:44px; height:44px; font-size:12px; padding-left:15px;}
.hmPubBtn:hover,.hmPubBtnWpr:hover .hmPubBtn{transform:translateY(0)!important;}
.hmPage2 .hmPubBtn{text-align:left;}
.hmPage2 .hmPubBtn,.hmPage3 .hmPubBtn{width:120px; line-height:40px; height:42px;}
}

.abright{ position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%);}
.abright .abtit{transition:all 0.8s ease-in-out; transform:translate(0px,50px); opacity:0; }
.active .abright .abtit{opacity:1; transform:translate(0px,0px); transition-delay:0.4s;}
.abinfo p{transition:all 0.6s ease-in-out; transform:translate(0px,50px); opacity:0; }
.active .abinfo p{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}
.abinfo a.more {transition:all 0.5s ease-in-out; transform:translate(0px,50px); opacity:0; }
.active .abinfo a.more{opacity:1; transform:translate(0px,0px); transition-delay:0.8s;}

.bgImg{background-position:center center; background-repeat:no-repeat; background-size:cover;}
.bgImg img{display:block!important; width:100%; height:100%; object-fit: cover; position:absolute; left:0%; top:0%;}
