@charset "utf-8";
@import url(base.css);
.ne{max-width: 1200px;margin: 0 auto;box-sizing: border-box;}
.header{width: 100%;}
.headerup{width: 100%;height: 40px;background: #fff;border-bottom: 1px solid #EFEFEF;box-sizing: border-box;}
.headerbut{width: 100%;background: #fff;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.headerbutcon{width: 100%;}
.headerleft{float: left;padding: 16px 0;box-sizing: border-box;}
.headerleft a{display: block;font-size: 22px;color: #222;font-weight: 400;line-height: 40px;}
.headerleft p{font-size: 13px;color: #222;font-weight: 400;line-height: 24px;}
.headeright{float: right;}
.headeright ul li{float: left;line-height: 100px;}
.headeright ul li:last-child{margin-right: 0;}
.headeright ul li a{display: block;font-size: 12px;color: #666;font-weight: 400;padding: 0 24px;box-sizing: border-box;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headeright ul li.active a{color: #c59d5f;}
.headeright ul li:hover a{color: #c59d5f;}
.header.active .headerup{display: none;}
.header.active .headerbut{box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);opacity: 0.97;position: fixed;top: 0;left: 0;z-index: 100;}
.banner{width: 100%;}
.banner img{display: block;width: 100%;}
.ctext{width: 100%;}
.ctextcon{width: 100%;box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1);border-radius: 8px;padding: 10px 0;box-sizing: border-box;background: #fff;
overflow: hidden;height: 150px;margin-top: -75px;position: relative;z-index: 1;text-align: center;}
.ctextcon h3{display: inline-block;text-align: center;font-size: 34px;color: #747474;font-weight: 400;line-height: 116px;margin-right: 22px;}
.ctextcon a{display: inline-block;width: 112px;border-radius: 4px;background: #c59d5f;padding: 12px;box-sizing: border-box;font-size: 12px;color: #fff;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;text-align: center;text-transform: uppercase;
vertical-align: 6px;}
.ctextcon a:hover{background: #333;}
.conlist{width: 100%;padding-top: 80px;box-sizing: border-box;background: #fff;}
.conlistcon{width: 100%;overflow: hidden;}
.conlistcon ul li{float: left;width: 24%;margin-right: 1.33%;overflow: hidden;}
.conlistcon ul li:last-child{margin-right: 0;}
.conlistcon ul li a{display: block;}
.conlistcon ul li a img{display: block;width: 100%;-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.conlistcon ul li:hover a img{-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);opacity: 0.9;}
.back_top{cursor: pointer;position: fixed;z-index: 999; display: none;width: 50px;height: 50px;
background: #000 url(../images/up.png) center no-repeat;border-radius: 50%;right: 20px;bottom: 45px;}
.back_top:hover{background: #c59d5f url(../images/up.png) center no-repeat;}
.conlister{width: 100%;padding-top: 80px;box-sizing: border-box;padding-bottom: 14px;}
.title{font-size: 40px;color: #333;text-align: center;font-weight: 400;margin-bottom: 32px;box-sizing: border-box;}
.conlisted{width: 100%;overflow: hidden;}
.conlisted ul li{float: left;width: 25%;overflow: hidden;}
.conlisted ul li a{display: block;width: 100%;}
.conlisted ul li a img{display: block;width: 100%;-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.conlisted ul li:hover a img{-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);opacity: 0.9;}
.footer{width: 100%;}
.footerup{width: 100%;border-top: 4px solid #EFEFEF;background: #2f383d;box-sizing: border-box;}
.footerupcon{width: 100%;padding: 32px 0 60px 0;box-sizing: border-box;}
.footerupcon ul li{float: left;width: 32%;margin-right: 2%;}
.footerupcon ul li:last-child{margin-right: 0;}
.footerupcon ul li h5{border-bottom: 2px solid #444;box-sizing: border-box;text-align: center;color: #fff;font-size: 22px;
font-weight: 400;line-height: 44px;margin-bottom: 14px;}
.footerlist{width: 94%;margin: 0 auto;}
.footerlist a{float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;overflow: hidden;}
.footerlist a:nth-child(3n){margin-right: 0;}
.footerlist a img{display: block;width: 100%;-webkit-transition: all 0.4s ease-in-out;height: 90px;object-fit: cover;
-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.footerlist a:hover img{-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);opacity: 0.9;}
.map{width: 100%;height:285px;}
.map img{display: block;width: 100%;height: 100%;object-fit: cover;}
.times{width: 100%;}
.times h6{text-align: center;font-size: 12px;color: #ccc;font-weight: 500;line-height: 22px;}
.times h6 i{display: inline-block;width: 16px;height: 16px;background: url(../images/times.png) center no-repeat;vertical-align: -4px;}
.times p{padding: 0 4%;box-sizing: border-box;font-size: 12px;color: #ccc;font-weight: 500;line-height: 22px;}
.times p span{float: left;text-align: center;width: 45%;}
.times p strong{float: right;font-weight: 500;}
.footerbut{width: 100%;background: #333;border-top: 1px solid  #444;box-sizing: border-box;padding: 28px 0;text-align: center;}
.footerbut p{font-size: 13px;color: #999;}
.footerbut p a{color: #fff;}
.mobilenav{width: 100%;height: 40px;background: #2f383d url(../images/menu.png) right no-repeat;display: none;}
@media screen and (max-width: 1210px) {
	.ne{max-width: 1200px;padding: 0 4%;}
}
@media screen and (max-width: 980px) {
	.headerbut{position: relative;}
	.mobilenav{display: block;}
	.headerbut .ne{padding: 0;}
	.headerleft{width: 100%;float: none;text-align: center;}
	.headeright{float: none;width: 100%;display: none;position: absolute;top: 135px;left: 0;z-index: 10;}
	.headeright ul li{border-bottom: 1px solid #30414B;background: rgba(47,56,61,0.97);float: none;width: 100%;line-height: 20px;padding: 8px 12px;box-sizing: border-box;}
	.headeright ul li a{color: #fff;}
	.headeright ul li.active a{color: #fff;}
	.headeright ul li:hover a{color: #fff;}
	.ctext .ne{padding: 0;}
	.ctextcon h3{display: block;line-height: 60px;margin-bottom: 10px;margin-right: 0;}
	.ctextcon a{display: block;width: 330px;margin: 0 auto;background: #333;height: 46px;line-height: 46px;padding: 0;}
	.conlist{padding-top: 40px;}
	.conlistcon ul li{width: 49%;margin-right: 2%;margin-bottom: 2%;}
	.conlistcon ul li:nth-child(2n){margin-right: 0;}
	.conlister{padding-top: 40px;}
	.conlisted ul li{width: 50%;}
	.header.active .headerup{display: block;}
	.header.active .headerbut{box-shadow:none;opacity: 0.97;position: static;top: 0;left: 0;z-index: 100;}
}
@media screen and (max-width: 580px) {
	.ctextcon{height: auto;margin-top: -40px;}
	.ctextcon h3{font-size: 20px;line-height: 40px;}
	.ctextcon a{display: block;width: 162px;height: 36px;line-height: 36px;}
	.conlist .ne{padding: 0 30px;}
	.conlistcon ul li{width: 100%;float: none;margin-right: 0;}
	.conlisted ul li{width: 100%;float: none;}
	.footerupcon ul li{float: none;width: 100%;margin-right: 0;margin-bottom: 40px;}
	.footerupcon ul li:last-child{margin-bottom: 0;}
}