@charset "utf-8";
/* CSS Document */
.clear{clear: both;}
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;
}
.copyok {
    margin-bottom: 36px;
    color: #3f51b5;
    font-size: 16px;
}
.banner #fp-nav ul li, .fp-slidesNav ul li {
	width: 45px;
	height: 6px;
}
.phoneok{display:none;}
.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-color: rgb(255 255 255 / 0.80);
	border: 0;
}
.navbar-brand>img{height: 60px;}
.navbar-default .navbar-nav > li > a {
	color: #000;
	font-size: 18px;
	line-height: 78px;
	padding: 0 16px;
	margin: 0;
}
.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.png) no-repeat left center;
	padding-left: 40px;
	float: right;
	background-size: 32px;
	margin-top: 20px;
	margin-left: 20px;
}
.toptell a {
	color: #000;
	font-family: Arial;
	font-size: 20px;
}
.htop{width:100%;height:40px;line-height:40px;border-bottom: 1px solid #eee;display: none;}












 @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:1366px) {
.imgbox {
    padding: 0 5px;
    margin-bottom:0px !important;
}
	 .photo a p{
		 font-size: 12px;
	 }
	 
	 
	 
	 
	 
	 
}
 @media screen and (max-width:992px) {
.navbar-default .navbar-nav > li > a {
	margin-left: 0;
	font-size: 12px;
	padding: 0 7px;
	color: #fff;
}
.toptell {
	background-size: 28px;
	padding-left: 30px;
	margin-left: 0;
}
.toptell a {
	font-size: 14px;
}
}
 @media screen and (max-width:768px) {
.navbar {
	height: 60px;
}
.rowok{display:none;}
.navbar-brand img {
	height: 40px;
	width: auto;
}
.navbar-collapse {
	float: none !important;
}
.navbar-toggle {
	margin-top: 12px;
}
.navbar-nav {
	background: rgb(27 26 25 / 80%);
	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;
  display:block;
}
.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: 16px;
	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) {
      .iok{display:none;}
.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) {
.htop{display:none}
.section2 .indextit img {
	padding: 10px;
}
   /*手机*/
   .abtit,.zok,.caseinfook{display:none;}
   
  
      /*手机*/
   .zok{display:none;}
   .abinfo p {
    margin-top: 56px;
}
.ablogo p {
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.abright .abtit p, .abright .abtit span {
	font-size: 14px;
}
.abinfo p {
	font-size: 16px;
	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 80px;
}
.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;
  margin-top: 12px;
}
.prodiv{margin-bottom:20px;text-align: center;}
.prodiv>a{display:block;background:#fff;}
.prodiv p{color:#000;font-size:16px;margin-top:10px;padding-bottom: 10px;}
.prolist img {
	
	width: 100%;
	margin: 0 auto;
	height: 200px;
}
.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: 10px;
	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 {
	text-align: center;
	margin-top: 50px;
	padding: 0;
}
.section4 .caseinfo p {
	    color: #000;
    font-size: 14px;
    line-height: 25px;
	height: 50px;
    margin: 0;
    background: #fff;
}
.section4 .caseinfo .btn-default {
	background-color: #b8aa95;
	color: #fff;
	margin-top: 20px;
	border-color: #d2c0a1;
}

.section7 {
	background: url("../images/s7.jpg") no-repeat scroll center center / cover;
	position: relative;
}

.section7 .indextit img {
	padding: 0;
}
.section7 .caseinfo {
	text-align: center;
	margin-top: 50px;
	padding: 0;
}
.section7 .caseinfo p {
	color: #000;
	font-size: 16px;
	line-height: 35px;
}
.section7 .caseinfo .btn-default {
	background-color: #b8aa95;
	color: #fff;
	margin-top: 20px;
	border-color: #d2c0a1;
}
.section7 .caseinfo>.col-xs-6{margin-bottom:20px;/* background: #fff; */}
.section7 .caseinfo>.col-xs-6>a{width:100%;background: #fff;text-align: center;display: block;color: #fff;}
.section7 .caseinfo>.col-xs-6 img{height: 180px;object-fit: cover;display: inline-block;}

 @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;
	height: 25px;
	overflow: hidden;
	width: 100%;
	line-height: 25px;
}
}
 @media screen and (max-width:768px) {
.section4 .indextit img {
	padding: 0;
}
.section4 .caseinfo {
	background: rgba(0,0,0,.4);
}
.section7 .caseinfo>.col-xs-6 img{height: 90px;object-fit: cover;width: 100%;}
.section7 .caseinfo p{font-size:14px;}



}
.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: 9px;
}
.newli .row {
	background: rgba(255,255,255, 0.9) none repeat scroll 0 0;
	margin-left: 10px;
	padding: 10px 0;
}
.newli .row img {
	max-height: 100px;
	height: 97px;
	object-fit: contain;
}
.newli .row a {





	color: #000;
	display: block;
	line-height: 30px;
	font-size: 15px;
}
.newli .row p {
	color: rgba(52, 52, 52, 0.92);
	font-size: 12px;
	line-height: 25px;
      height: 50px;
}
.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: 0;
}
.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;
}
.section7 .caseinfo>.col-xs-6 img{height: 90px;object-fit: cover;width: 100%;}

}
 @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 {

}
}
.indextit {
	position: relative;
	top: -100px;
	transition: all 1s;
	opacity: 0;
}
.active .indextit {
	top: 0;
	transition-delay: 0.7s;
	opacity: 1;
}
.abnav{text-align:center;margin:50px 0;}
.abnav li{display:inline-block;padding: 10px 35px;background:#fff;}
.abnav li a{font-size: 20px;color:#000;}
.abnav li:hover{background:#000;}
.abnav li:hover a{color:#fff;}
.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;
}
.active.section4 .caseinfo>.col-xs-6{margin-bottom:20px;text-align: center;}
.active.section4 .caseinfo>.col-xs-6>a{border: 1px solid #ffffff;display: inline-block;/* width: 100%; */background: #fff;}
.active.section4 .caseinfo>.col-xs-6 img{
 height:200px;
 object-fit: contain;
 display: inline-block;
}




.section7 .indextit {
	position: relative;
	opacity: 0;
	-webkit-transform: scale(0.5, 0.5);
	transform: scale(0.5, 0.5);
	transition: all 1s;
}
.active.section7 .indextit {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	transition-delay: 0.7s;
}
.section7 .caseinfo {
	position: relative;
	opacity: 0;
	-webkit-transform: scale(0.5, 0.5);
	transform: scale(0.5, 0.5);
	transition: all 1s;
}
.active.section7 .caseinfo {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	transition-delay: 0.7s;
}



.newlist .newli:nth-child(2n-1) {
	position: relative;
	left: -150px;
	opacity: 0;
	transition: all 1s;
}
.active .newlist .newli:nth-child(2n-1){
	left: 0;
	opacity: 1;
	transition-delay: 0.7s;
}
.newlist .newli:nth-child(2n) {
	position: relative;
	right: -150px;
	opacity: 0;
	transition: all 1s;
}
.active .newlist .newli:nth-child(2n) {
	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;
    font-size: 16px;
}
.active .copy {
	right: 0;
	transition-delay: 0.7s;




	opacity: 1;
    color:#ff5722;
}
.page_top, .submenu {
	position: relative;
	right: -150px;
	transition: all 1s;
	opacity: 0;
}
.dh {
	position: relative;
	/*right: -150px;*/
	transition: all 1s;
	/*opacity: 0;*/
}

.right_left {
	right: 0;
	opacity: 1;
	transition-delay: 0.5s;}
.left_right {
	left: 0;
	opacity: 1;
	transition-delay: 0.5s;
}
.zshu{width:950px;margin-top:20px;}
.zshu li{float:left;width:950px;}
.zshu li img{width:100%;}
.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 {
	float: right;
}
}
.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: #ffffff;
	padding-bottom: 10px;
}
.banner {
	width:100%;
}
.banner img{width:100%;}



.navleft{width: 11%;margin-top: 10px;}
.navleft ul{width:100%;}
.navleft ul>li{height:50px;line-height:50px;border-bottom:1px dashed #fff;text-align: left;background: #0093dd;text-indent: 15px;}
.navleft ul>li>a{color:#fff;font-size: 15px;}
.navleft ul>li:hover  ,.navleft ul>li.on{background: #60c1f0;cursor:pointer;}
.pullright{
	float: right;
	width: 87%;
	margin-top: 10px;
	}
.submenu {
	text-align: center;
	width:100%;
	
}
.submenu ul {text-align: center;margin: 0 auto;}
.submenu ul li {
	float: left;
	border-radius: 18px;
	margin-right: 15px;
	border: 1px solid #0093dd;
}
.submenu ul li.on{background: #0093dd;}

.submenu ul li a {
	display: block;
	padding: 5px 20px;
	font-size: 14px;
	color: #000;
}
.submenu ul li:first-child a {
}
.submenu ul li.on a{color:#fff;}
.page_top {
	text-align: center;
	font-size: 25px;
	color: #b99966;
	padding-top: 50px;
	margin-bottom: 30px;
}
.page_top i {
	width: 50px;

	height: 1px;
	background: #b99966;
	display: block;
	margin: 0 auto;
}
.rong{
    position: relative;margin-top: 30px;
}
.whyleft{cursor: pointer;position:absolute;left: 0;top:35%;}
.whyleft img{width: 26px;}
.whyright{position:absolute;right: 0;top:35%;cursor: pointer;}
.whyright img{width: 26px;}
.ronglist{margin:0 auto;}
.ronglist li{width:180px;float:left;margin: 0 10px;text-align: center;/* height: 230px; */}
.ronglist li img{width:180px;/* float:left; */border: 1px solid #ddd;height: 200px;object-fit: contain;}
.ronglist li p{height: 35px;line-height: 35px;text-align:center;width: 100%;margin: 0;padding: 0;color: #333;font-size: 14px;}
#allmap{width:450px;height:200px;margin:0 auto;}



.content {
	color: #272626;
	line-height: 30px;
}
.content img {
	display: inline-block;
	max-width: 100%;
	height: auto;
  width: 526px;
}
.footer {
	background: #1781b5;
	height: 60px;
	/* line-height: 60px; */
	
	width: 100%;
}
.footer p {
	color: #fff;
	margin: 0;
	line-height: 60px;
}
.footer a {
	color: #fff;
}
.footer .footleft {line-height: 60px;}
.footer .footright {
	/* margin-top: 10px; */
}
.footer .footright img{
    height: 50px;
}
.footer .footright .fewm {
	width: 55px;
	margin-right: 20px;
	height: auto;
	margin-top: 3px;
}


 @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;
	border: none;
}
.submenu ul {
	box-shadow: none;
	padding: 0 10px;
}
.submenu ul li{margin-bottom:10px;border: 1px solid #d3d6cf;margin-right: 10px;}
.submenu {
	margin-top: 20px;
}
.page_top {
	padding-top: 30px;
	margin-bottom: 20px;
}
.footer {
	height: 40px;
}
.footer .footleft {
	margin-top: 7px;
	text-align: center;
	color: #fff;
	width: 100%;
}
.footer p {
	font-size: 12px;
	line-height: 22px;
}
.footer p:first-child {
	/* display: none; */
}
.footright {
	display: none;
}

	 
.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: 14px;
	line-height: 28px;






	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: 10px;
}
.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: 13px;
	line-height: 30px;
	height: 30px;
	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;
}
.imgbox .img-responsive{height: 180px;object-fit: contain;width: 100%;}


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

@media (min-width: 768px) {
.photo .row .imgbox img{
      height: 130px;
      width: 100%;
      display: block;
      margin: 0 auto;
      object-fit: contain;
      }
}

.navok{
display:none;}

.navok li{
    background: RGB(216,202,176);
    line-height: 36px;
    font-size: 36px;
    position: relative;
    width: 100%;
    white-space: nowrap;
text-align:center;}

.navok li a{
  color: #584b43;
    font-size: 16px;
    padding: 0 16px;
}

ul li:hover ul{
       display: block
    }

li:hover ul {
  display: block;/*当鼠标放到一级菜单上的li时为li下的ul标签也就是二级菜单附加类，使其能够显示*/
}

.toptellok {
    background: url(../images/toptell.jpg) no-repeat left center;
    padding-left: 40px;
    line-height: 36px;
    background-size: 32px;
    margin-left: 20px;
  float: right;
    margin-right: 20px;
    width: 266px;
}

.toptellok a {
    color: #584b43;
    font-family: Arial;
    font-size: 20px;
    float: right;
}

.title{
font-size:18px;}
.abok {
    color: #584b43;
    font-size: 18px;
    line-height: 36px;
    padding: 0 20px;
    float: right;
}


.rowok{
width:100%;
border-bottom: 3px dashed #584b43;
    background: #d8cab0;
margin-left: 0;}

.s6ok {
	background: url("../images/s6ok.jpg") no-repeat scroll center center / cover;
	position: relative;
}

/*NAVOK*/
.containerok {
    width: 1280px;
    display: block;
    margin: 0 auto;
}

.md10 {
    width: 814px;
    float: right;
}

.navbar-navok{margin-left: 0px;}

.navyes img{    margin-top: 12px;}

.firok {
    float: left;
    width: 166px;
    margin-left: -13px;
}


@media screen and (max-width: 768px){
.toptell {
    position: absolute;
    right: 36px;
    top: 0;
    line-height: 60px;
    padding-left: 35px;
    display: block;
}
  .navyes img {
    margin-top: 12px;
    width: 126px;
    margin-left: 12px;
}
}


@media screen and (max-width: 768px){
.content img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    width: 100%;
}
.md10 {
display:none;
}
.show {

}
.section3 .indextit{margin-bottom:0;}
.prodiv{margin-bottom: 0;}
  .prolist img {
    border: 2px solid #b99966;
    width: 100%;
    margin: 0 auto;
    height: 150px;
}
.prodiv p{font-size:14px;width:100%;overflow:hidden;height: 20px;}
.submenu{height: auto;text-align: center;}

  .fp-tableCell {
    display: table-cell;
vertical-align: middle;
    width: 100%;
    height: 100%;
}
  .ableftok {
    display: block;

}
  .copyok{display:none;}
  .phoneok{display:block;}
.pimgok {
    height: 128px;
}
  .newli .row p {
      height: auto;
}
  .newli .row img {
height: auto;
}
.tableok{
  display: table-cell;
  vertical-align: middle;}
}


.copyok {
    margin-bottom: 36px;
    color: #ff5722;
    font-size: 16px;
}


.liuyan{ padding:0 10px;}
.liuyan form{width: 50%;margin: 0 auto;}
.liuyan form li{ height:60px; line-height:30px; margin-bottom:20px;}
.liuyan form li .text{ width:85%; height:28px; line-height:28px; border:1px solid #ddd;}
.liuyan form li .atextarea{width: 85%;height: 80px; border:1px solid #ddd;}
.liuyan form li.neirong{    height: 110px;}
.submita{width: 150px;height: 30px;margin: 0 auto;}





.indexbg {
	width:100%;height:100%;background:url(../images/index1.jpg) no-repeat scroll center center / cover;

}

.headbg {
	width:100%;height:700px;background:url(../images/index1.jpg) no-repeat scroll center center / cover;

}

.indexbg header {
    position: absolute;width:100%;    top: 5%;
}
.indexbg header .logo>a{float:left;width: 45%;}	
.indexbg header .logo>a>img{width: 100%;float:left;}
.indexbg header .logo>img{
    float: right;
    width: 610px;
}
.navli {margin-top:200px;}
.navli{width:100%;text-align:center;}
.navuli	{
    width: 900px;
    margin: 0 auto;
}
.navuli>li {
    float: left;
    background: #0093dd;
    position: relative;
    width: 140px;
    height: 140px;
    line-height: 140px;
    border-radius: 50%;
    margin-right: 50px;
}
.navuli>li>a{font-size:25px;color:#fff;display: inline-block;}
.navuli>li:last-child{margin-right:0;line-height:32px;padding-top:40px;}
.navul {
    position: absolute;
    top: 60px;
    width: 100%;
    background: #0093dd;
}	
.navul>li {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
}	
	
.iniimg{width:100%;}	
.iniimg img{width:100%;}		
	

.navuli li:nth-child(1) {
	position: relative;
	top: -200px;
	transition: all 0.3s;
	opacity: 0;
}
.navuli.on li:nth-child(1) {
	top: 0;
	opacity: 1;
	transition-delay: 0.4s;
}
.navuli li:nth-child(2) {
	position: relative;
	top: -200px;

	transition: all 0.5s;
	opacity: 0;
}
.navuli.on li:nth-child(2) {
	top: 0;
	opacity: 1;
	transition-delay: 0.6s;
}
.navuli li:nth-child(3) {
	position: relative;
	top: -200px;
	transition: all 0.6s;
	opacity: 0;
}
.navuli.on li:nth-child(3) {
	top: 0;
	opacity: 1;
	transition-delay: 0.8s;
}
.navuli li:nth-child(4) {
	position: relative;
	top: -200px;
	transition: all 0.6s;
	opacity: 0;
}
.navuli.on li:nth-child(4) {
	top: 0;
	opacity: 1;
	transition-delay: 1s;
}
.navuli li:nth-child(5) {
	position: relative;
	top: -200px;
	transition: all 0.6s;
	opacity: 0;
}
.navuli.on li:nth-child(5) {
	top: 0;
	opacity: 1;
	transition-delay: 1.1s;
}	










	
	



@media (max-width: 1199px){
	
	
	
	
	
}
@media (max-width: 991px){

	
	
	

}
@media (max-width: 767px){
.liuyan form{width:100%;}
.active.section4 .caseinfo>.col-xs-6 img{
    height: 120px;
}	
.hongimg{height: 50px;
    text-align: center;
    margin: 0 auto;}	
	
	
	
}

.center01{width:100%;margin-top: 50px;padding-top:50px;background: #f9f9f9;margin-bottom: 30px;padding-bottom: 50px;}

.center{width:100%;margin-top: 50px;}

.case{width: 1000px;margin: 0 auto;}

.caseleft{width:250px;float: left;background: url(../images/gcal.png) center no-repeat; height:500px;}

.caseleft h3{height: 60px;line-height: 70px;}

.caseleft h3 a{color: #fff;font-size: 25px;font-weight: bolder;}

.caseleft h4{height: 36px; width:220px; margin-left:2px; line-height: 36px; background: url(../images/gcal.jpg) center no-repeat;}

.caseleft h4 a{color: #fff;font-size: 20px;}

.caseleft ul{width: 222px;margin: 0 auto;margin-top: 25px;}

.caseleft ul li{background: url(../images/jiantou.png) left no-repeat; text-indent:25px; text-align: left; line-height: 36px;line-height: 36px;border-bottom: 1px dashed #cacaca;width: 190px;/*! margin-left: 2px; */margin: 0 auto;}

.caseleft ul li a{font-size:16px; color: #666;}


.product{width: 1000px;margin: 0 auto;}
.proright{width: 890px;float: right;}
.proleft{width:250px;float: left;box-shadow:1px 1px 13px 1px #eee;}
.protop{font-size:22px;margin-bottom:20px;color:#337ab7}
.protop span{float:right;}
.proleft h3{height:67px;line-height: 67px;font-size:30px;background: #337ab7;text-align: center;padding: 0;margin: 0;}

.proleft h3 a{color: #fff;font-size: 25px;font-weight: bolder;}

.proleft h4{height: 45px;width:220px;margin-left: 2px;line-height: 45px;background:url(../images/jiantou.png) center left no-repeat;text-indent:30px;border-bottom: 1px dashed #ddd;}

.proleft h4 a{color: #333;font-size:16px;}
.proleft h4:hover a{color:#337ab7}
.proleft ul{width: 222px;margin: 0 auto;margin-top: 25px;}

.proleft ul li{background: url(../images/jiantou.png) left no-repeat;line-height: 36px;line-height: 36px;border-bottom: 1px dashed #cacaca;width: 190px;/*! margin-left: 2px; */margin: 0 auto; text-align:left; text-indent:25px;}

.proleft ul li a{font-size:16px; color:#666;}
.inprolist{width:100%;}
.inprolist li{width:23%;float:left;text-align:center;margin-right:2.3%;margin-bottom: 1.3%;}
.inprolist li img{width:100%;height: 160px;object-fit: cover;}
.inprolist li:nth-child(4n){margin-right:0;}
.inprolist li a{color:#333;}
.inprolist li p{line-height: 25px;font-size: 15px;}
.title h1{height:50px;line-height:50px;}
.indexh1 h1 ,.indexh1 p{background: url(../images/title.png) no-repeat center;text-align: center;margin-bottom: 20px;font-size: 28px;}
.dunlist{width:100%;margin-bottom: 40px;}
.dunlist li{width:240px;float: left;margin:0  10px;text-align:center;}
.dunlist li img{width:100%;height: 180px;object-fit: cover;}
.dunlist li p{font-size:16px;line-height:30px;}
.snlist{width:100%;margin-bottom: 40px;}
.snlist li{width:240px;float: left;margin:0  10px;text-align:center;}
.snlist li img{width: 99%;height: 250px;object-fit: contain;border: 1px solid #ddd;}
.snlist li p{font-size:16px;line-height:30px;}
.tunabg01{width:100%;background:#f9f9f9;padding-top:40px;margin-top: 20px;}






.sddeeww {
    width: 1200px;
    margin: 0 auto;
    line-height: 50px;
    font-size: 16px;
}

.sddeeww span {
    display: inline-block;
}

.sddeeww p {
    float: right;
}