@charset "utf-8";
.info-url{ display:block; border-bottom:1px #bfbfbf solid; text-align:right; color:#333; overflow:hidden;}
.info-url span{ background:url(../images/home.png) left no-repeat; padding-left:40px;}
.info-url a{ color:#333;}
.aboutcon{ display:block; padding-top:3%; border-bottom:1px #b7b7b7 solid; }
.about-con01{ display:block; margin-bottom:3%;}
.about-con01 em{ font-weight:700;}
.about-con01 div{ max-width:1240px;}
@media screen and (min-width: 1200px) {
.info-url{ line-height:80px; font-size:18px;}
.about-con01 em{ font-size:48px; line-height:70px;}
.about-con01 div{ font-size:20px; line-height:35px;}
}
@media screen and (max-width: 1200px) and (min-width: 760px) {
.info-url{ line-height:60px; font-size:17px;}
.about-con01 em{ font-size:38px; line-height:50px;}
.about-con01 div{ font-size:18px; line-height:30px;}
}
@media screen and (max-width: 760px) {
.info-url{ line-height:40px; font-size:15px;}
.info-url span{ background-size:20px;}
.about-con01 em{ font-size:24px; line-height:40px;}
.about-con01 div{ font-size:17px; line-height:25px;}
}

.about-con02{ background:#f8f8f8; overflow:hidden;}
.con02-img img{ display:block; width:100%;}
.con02-bodys{ width:100%; max-width:800px; box-sizing: border-box;}
.about-con03{ display:block; margin-bottom:3%; text-align:center; padding:3% 0;}
.about-con03 em{ font-weight:700;}
.about-con03 div{ max-width:1240px; margin:0 auto;}
@media screen and (min-width: 1200px) {
.con02-img{ float:left; width:50%;}
.con02-body{ float:right; width:50%;}
.con02-bodys{ padding:8% 0px 0 9%; font-size:18px; line-height:33px;}
.about-con03 em{ font-size:48px; line-height:70px;}
.about-con03 div{ font-size:20px; line-height:35px;}
}
@media screen and (max-width: 1200px) and (min-width: 760px) {
.con02-img{ float:left; width:50%;}
.con02-body{ float:right; width:50%;}
.con02-bodys{ padding:50px; font-size:17px; line-height:28px;}
.about-con03 em{ font-size:38px; line-height:50px;}
.about-con03 div{ font-size:18px; line-height:30px;}
}
@media screen and (max-width: 760px) {
.con02-bodys{ padding:4%; font-size:16px; line-height:24px;}
.about-con03 em{ font-size:24px; line-height:40px;}
.about-con03 div{ font-size:16px; line-height:25px;}
}

.about-con04{ display:block; position:relative;}
.about-con04 img{ display:block; width:100%;}
.about-con04 p{ position:absolute; left:0; top:50%; z-index:1; width:100%; transform: translateY(-50%);}
.about-con04 p img{ display:block; margin:0 auto; width:auto !important; height:auto !important; max-width:50%;}

.about-con05 { position: relative; padding:3% 4%; text-align:center;}
.about-con05 em{ font-weight:700; display:block; padding-bottom:20px;}
.about-con05 .swiper-container { padding-bottom: 60px; }
.about-con05 .swiper-slide { width:50%; background: #fff; box-shadow: 0 8px 30px #ddd; }
.about-con05 .swiper-slide img { display: block; width:100%;}
.about-con05 .swiper-slide-active{ border:5px #fff solid;}
.about-con05 .swiper-button-prev{ background:url(../images/icon2.png) #cfcfcf center no-repeat; background-size:13px; width:50px; height:50px; border-radius:50%; outline:none;}
.about-con05 .swiper-button-next{ background:url(../images/icon1.png) #cfcfcf center no-repeat; background-size:13px; width:50px; height:50px; border-radius:50%; outline:none;}
.about-con05 .swiper-button-prev:hover {background-color: #573b2a;}
.about-con05 .swiper-button-next:hover { background-color: #573b2a; }
@media screen and (min-width: 1200px) {
.about-con05 em{ font-size:48px; line-height:110px;}
.about-con05 .swiper-slide img { height:480px;}
.about-con05 .swiper-slide { width:50%;}
}
@media screen and (max-width: 1200px) and (min-width: 760px) {
.about-con05 em{ font-size:38px; line-height:70px;}
.about-con05 .swiper-slide { width:60%;}
}
@media screen and (max-width: 760px) {
.about-con05 em{ font-size:24px; line-height:40px;}
.about-con05 .swiper-slide { width:70%;}
}

.lixicon{ background:#f8f8f8; overflow:hidden;}
.lixicon-img img{ display:block; width:100%;}
.lixicon-bodys{ width:100%; max-width:800px; box-sizing: border-box; float:right; padding-top:8%;}
@media screen and (max-width: 1660px) and (min-width: 760px) {
.lixicon-bodys{ padding-left:30px;}
}
.lixicon-bodys h3{ font-weight:700;}
.lixicon-bodys em{ background:#573b2a; display:table; color:#fff;}
.lixicon-bodys span{ color:#666;}
.lixicon-bodys p{ display:block; font-weight:700; line-height:45px;}
.lixicon-bodys p img{ float:left; padding:5px 15px 5px 0;}
@media screen and (min-width: 1200px) {
.lixicon-img{ float:right; width:50%;}
.lixicon-body{ float:left; width:50%;}
.lixicon-bodys h3{ font-size:48px; line-height:100px;}
.lixicon-bodys em{ padding:8px 28px; font-size:36px; border-radius:15px;}
.lixicon-bodys span{ font-size:22px; line-height:75px;}
.lixicon-bodys p{ font-size:32px;}
}
@media screen and (max-width: 1200px) and (min-width: 760px) {
.lixicon-img{ float:right; width:50%;}
.lixicon-body{ float:left; width:50%;}
.lixicon-bodys h3{ font-size:38px; line-height:70px;}
.lixicon-bodys em{ padding:8px 28px; font-size:26px; border-radius:15px;}
.lixicon-bodys span{ font-size:18px; line-height:55px;}
.lixicon-bodys p{ font-size:24px;}
}
@media screen and (max-width: 760px) {
.lixicon-body{ padding:5%;}
.lixicon-bodys h3{ font-size:24px; line-height:70px;}
.lixicon-bodys em{ padding:5px 20px; font-size:19px; border-radius:10px;}
.lixicon-bodys span{ font-size:16px; line-height:55px;}
.lixicon-bodys p{ font-size:18px;}
}

.liuycon{ padding:3% 0; border-bottom:1px #b7b7b7 solid;}
.liuycon-tit{ font-weight:700; text-align:center;}
.liuycon-body{ margin:0 auto; width:100%; max-width:1200px; box-sizing: border-box;}
.liuycon-body form p{ margin:1% 0;}
.lytxt{ border:2px #cacaca solid; width:100%; box-sizing: border-box; font-weight:700; color:#111; outline:none;}
.lytxts{ border:2px #cacaca solid; width:100%; box-sizing: border-box; font-weight:700; color:#111; outline:none;}
.lyimg01{ background:url(../images/ly01.png) left 25px center no-repeat;}
.lyimg02{ background:url(../images/ly02.png) left 25px center no-repeat;}
.lyimg03{ background:url(../images/ly03.png) left 25px center no-repeat;}
.lyimg04{ background:url(../images/ly04.png) left 25px top 25px no-repeat;}
.lysub{ display:block; background:#333; font-weight:700; margin:0 auto; width:100%; max-width:560px; border:0; color:#fff;}
@media screen and (min-width: 1200px) {
.liuycon-tit{ font-size:48px; line-height:100px;}
.lytxt{ line-height:70px; border-radius:20px; padding:0 25px 0 60px; font-size:24px;}
.lytxts{ height:140px; line-height:70px; border-radius:20px; padding:0 25px 0 60px; font-size:24px;}
.lysub{ font-size:32px; line-height:72px; border-radius:25px;}
}
@media screen and (max-width: 1200px) and (min-width: 760px) {
.liuycon-tit{ font-size:38px; line-height:100px;}
.lytxt{ line-height:60px; border-radius:18px; padding:0 25px 0 60px; font-size:24px;}
.lytxts{ height:100px; line-height:60px; border-radius:20px; padding:0 25px 0 60px; font-size:20px;}
.lysub{ font-size:32px; line-height:72px; border-radius:25px;}
}
@media screen and (max-width: 760px) {
.liuycon-tit{ font-size:24px; line-height:100px;}
.liuycon-body{ padding:20px;}
.lytxt{ line-height:50px; border-radius:14px; padding:0 25px 0 60px; font-size:16px;}
.lytxts{ height:80px; line-height:50px; border-radius:14px; padding:0 25px 0 60px; font-size:16px;}
.lyimg04{ background:url(../images/ly04.png) left 25px top 15px no-repeat;}
.lysub{ font-size:18px; line-height:52px; border-radius:15px;}
}

.news-view{ display:block; padding:2% 0; border-bottom:1px #b7b7b7 solid;}
.news-viewtit{ font-weight:700; padding:15px 0;}
.news-viewcon img{ display:block; max-width:95%; margin:10px auto;}
.news-shxia{ padding:4% 0;}
.news-shxia a{ display:block; font-weight:700; color:#000; border:2px #a0a0a0 solid; box-sizing: border-box;}
.news-shxia a:last-child{ margin-right:0;}
.news-shxia a:hover{ background:#573b2a; border:2px #573b2a solid; color:#fff; text-decoration:none;}
@media screen and (min-width: 1200px) {
.news-viewtit{ font-size:34px; line-height:55px;}
.news-viewcon{ font-size:18px; line-height:36px;}
.news-shxia a{ float:left; width: calc(50% - 15px); margin-right:30px; font-size:20px; border-radius:45px; padding:15px 25px; line-height:50px;}
}
@media screen and (max-width: 1200px) and (min-width: 760px) {
.news-viewtit{ font-size:24px; line-height:45px;}
.news-viewcon{ font-size:16px; line-height:25px;}
.news-shxia a{ float:left; width: calc(50% - 10px); margin-right:20px; font-size:18px; border-radius:35px; padding:12px 20px; line-height:40px;}
}
@media screen and (max-width: 760px) {
.news-viewtit{ font-size:18px; line-height:35px;}
.news-viewcon{ font-size:15px; line-height:24px;}
.news-shxia a{ margin-bottom:10px; font-size:15px; border-radius:25px; padding:10px 20px; line-height:20px;}
}

.listpro{ padding:3% 0; border-bottom:1px #b7b7b7 solid;}
.listpro-tit{ font-weight:700; padding:15px 0; text-align:center;}
.listpro-con{ padding-top:1%;}
.listpro-con li{ margin-bottom:20px;}
.listpro-con li a{ display:block;}
.listpro-con li a:hover{ text-decoration:none;}
.listpro-con li a .liimg{ overflow:hidden; cursor: pointer;}
.listpro-con li a .liimg img{ display:block; width:100%;}
.listpro-con li a span{ display:block; margin:0 15px;  color:#000; background:url(../images/rigss.png) right no-repeat;}
@media screen and (min-width: 1200px) {
.listpro-tit{ font-size:48px; line-height:55px;}
.listpro-con li{ float:left; width: calc(33.33% - 18px); margin-right:27px;}
.listpro-con li.marr3{ margin-right:0;}
.listpro-con li a .liimg{ height:310px;}
.listpro-con li a span{ line-height:60px;font-size:20px;}
}
@media screen and (max-width: 1200px) and (min-width: 760px) {
.listpro-tit{ font-size:38px; line-height:45px;}
.listpro-con li{ float:left; width: calc(50% - 15px); margin-right:30px;}
.listpro-con li:marr2{ margin-right:0;}
.listpro-con li a .liimg{ height:310px;}
.listpro-con li a span{ line-height:50px;font-size:17px;}
}
@media screen and (max-width: 760px) {
.listpro-tit{ font-size:24px; line-height:35px;}
.listpro-con li a span{ line-height:40px;font-size:15px;}
}

.prolist{ padding:3% 0; border-bottom:1px #b7b7b7 solid;}
.prolist-tit{ font-weight:700;}
.prolist-body{ display:block; padding-top:1%;}
.prolist-body li{ float:left; margin-bottom:20px;}
.prolist-body li .proimg{ display:block;  overflow:hidden;}
.prolist-body li .proimg img{ display:block; width:100%; transition:all 0.3s;}
.prolist-body li:hover .proimg img{transform:scale(1.08);}
@media screen and (min-width: 1200px) {
.prolist-tit{ font-size:48px; line-height:100px;}
.prolist-body li{ width: calc(33.33% - 18px); margin-right:27px;}
.prolist-body li:nth-child(3n+0){ margin-right:0;}
}
@media screen and (max-width: 1200px) and (min-width: 760px) {
.prolist-tit{ font-size:38px; line-height:75px;}
.prolist-body li{ width: calc(50% - 15px); margin-right:30px;}
.prolist-body li:nth-child(3n+0){ margin-right:0;}
}
@media screen and (max-width: 760px) {
.prolist-tit{ font-size:24px; line-height:45px;}
}

.prolist-con { padding-top:1%;}
.prolist-con li{ background:#f8f8f8; padding-right:6.5%; margin-bottom:50px;}

.prolist-cons{ box-sizing: border-box; position:relative;}
.prolist-cons em{ padding:15px 0; display:block; margin-top:3%;}
.prolist-cons span{ font-weight:700; background:#573b2a; color:#fff; display:table;}
.prolist-cons p{ overflow:hidden; margin:2% 0;}
.smallPic{ position:relative;}
.smallPic .swiper-next{ position:absolute; top:50%; margin-top:-20px; right:0; z-index:1; width:40px; height:40px; background:url(../images/banext.png) #573b2a center no-repeat;}
.smallPic .swiper-prev{ position:absolute; top:50%; margin-top:-20px; left:0; z-index:1; width:40px; height:40px; background:url(../images/baprev.png) #573b2a center no-repeat;}
.smallPic .swiper-slide { width: 20%; height: 100%; opacity: 0.4; border:5px #ddd solid;}
.smallPic .swiper-slide-thumb-active { opacity: 1; border:5px #573b2a solid;}
.prolist-con .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media screen and (min-width:960px) {
.bigPic { width: 30%; float:left;}
.prolist-cons{ width: calc(70% - 45px); float:right;}
.prolist-cons em{ font-size:30px; line-height:35px;}
.prolist-cons span{ font-size:30px; padding:6px 25px;}
.prolist-cons p{ font-size:18px; line-height:35px; height:105px;}
}
@media screen and (max-width:960px) {
.prolist-cons em{ font-size:21px; line-height:35px;}
.prolist-cons span{ font-size:21px; padding:3px 15px;}
.prolist-cons p{ font-size:15px; line-height:25px;}
}


.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width:1400px;
	min-width:630px;
	width:95%;
	height: auto;
	z-index: 9999999;
	visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 9999995;
	opacity: 0;
	background: rgba(1,1,1,0.6);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}

/* Content styles */
.md-content {
	color: #5b5b5b;
	background: #fff;
	box-sizing: border-box;
	padding:30px;
	position: relative;
	border-radius: 0px;
	margin: 0 auto;
}
.md-content-img{ float:left; width:60%;}
.md-content-img img{ display:block; max-width:100%;}
.md-content-con{ float:right; width:40%; box-sizing: border-box; padding-left:30px; font-size:18px; color:#333; line-height:30px;}
.md-content-con em{ font-size:30px; font-weight:700; line-height:50px;}
.md-content .md-close { position:absolute; right:20px; top:20px; width:30px; height:30px; background:url(../images/close.png) no-repeat; cursor: pointer;}
.md-content .prev,.md-content .next{ width:40px; height:40px; font-size:21px; cursor: pointer; margin-right:15px; line-height:40px; background:#ccc; color:#fff; border-radius:50%; font-family:Arial; text-align:center; float:left;}
.md-content .prev:hover{ background:#573b2a;}
.md-content .next:hover{ background:#573b2a;}

.md-effect-1 .md-content {
	-webkit-transform: scale(0.7); 
	-moz-transform: scale(0.7); 
	-ms-transform: scale(0.7); 
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s; 
	-moz-transition: all 0.3s; 
	transition: all 0.3s;
}
.md-show.md-effect-1 .md-content {
	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	transform: scale(1);
	opacity: 1;
}