* {
	margin: 0px;
	padding: 0px;
  }
  body {
	font-family: "microsoft yahei";
	font-size: 12px;
	color: #333;
  }
  ul,
  dl,
  ol {
	list-style: none;
  }
  img {
	border: none;
	vertical-align: middle;
  }
  em {
	font-style: normal;
  }
  a {
	text-decoration: none;
	color: #333;
  }
  a:hover {
	color: #123889;
  }
  .jzimg {
	height: 100%;
	width: 0px;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
  }
  .clear-fix {
	overflow: hidden;
  }
  .fl {
	float: left;
  }
  .fr {
	float: right;
  }
  .big-box {
	width: 100%;
	min-width: 1200px;
  }
  .small-box {
	width: 1200px;
	margin: 0px auto;
  }
  /*header*/
  .fix-top {
	text-align: right;
	margin-top: 5px;
  }
  .fix-top span {
	padding: 0px 23px;
	background: url(../images/tel.png) no-repeat left center;
  }
  .fix-top a {
	margin: 0px 3px;
  }
  .header {
	width: 100%;
	min-width: 1000px;
	background: #fff;
	height: 70px;
	margin-bottom: 13px;
  }
  .nav li {
	float: left;
	position: relative;
  }
  .nav li h1 {
	margin-right: 90px;
	margin-top: -3px;
  }
  .nav li:not(:first-child) {
	margin-left: 59px;
	margin-top: 15px;
  }
  .nav li > a {
	display: inline-block;
	font-size: 13px;
	width: auto;
	color: #000;
	font-weight: 600;
	text-align: center;
	padding-bottom: 3px;
  }
  .nav li > a span {
	display: inline-block;
	padding: 5px 0px;
	font-weight: 300;
	color: #a5a5a5;
	font-size: 12px;
  }
  .nav .nav-active > a,
  .nav li:hover > a {
	color: #123889;
	border-bottom: 2px solid #123889;
  }
  .nav .nav-active > a span,
  .nav li:hover > a span {
	color: #123889;
  }
  .nav li div {
	width: 130px;
	background: #f3f3f3;
	/*border: 1px solid #ccc; */
	position: absolute;
	top: 49px;
	left: 50%;
	display: none;
	z-index: 2;
	padding: 10px 0px;
	/* margin-left: -65px; */
	width: auto;
	padding: 10px 20px;
	transform: translateX(-50%) translateY(0px);
	}
  .nav li div a {
	display: inline-block;
	width: 100%;
	height: 28px;
	line-height: 28px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #230a00;
  }
  .nav li div a:hover {
	color: #123889;
	background-color: #123889;
	color: #fff;
  }
  .nav li:hover div {
	display: block;
  }
  /*banner*/
  #hbanner {
	position: relative;
	z-index: 1;
	min-width: 1200px;
	height: 670px;
  }
  ul.bannerimg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
  }
  ul.bannerimg li {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -960px;
	display: none;
  }
  ul.bannerimg li:first-child {
	display: block;
  }
  #bannerbtn {
	position: relative;
	z-index: 2;
	width: 1200px;
	height: 20px;
	margin: -38px auto 15px;
	text-align: center;
  }
  #bannerbtn span {
	display: inline-block;
	width: 9px;
	height: 9px; /*padding: 3px; */
	/*border: 1px solid #fff; */
	border-radius: 50%;
	background: #fff;
	cursor: pointer;
	margin: 0px 5px;
  }
  #bannerbtn span.chos {
	/*border: 1px solid #ff7f00; */
	background: #123889;
  }
  /*滚动新闻*/
  .txtScroll-top {
	width: 1200px;
	overflow: hidden;
	position: relative;
  }
  .txtScroll-top .hd {
	overflow: hidden;
	position: absolute;
	top: 30px;
	right: 10px;
  }
  .txtScroll-top .hd ul {
	float: right;
	overflow: hidden;
	zoom: 1;
	margin-top: 10px;
  }
  .txtScroll-top .hd ul li {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	margin-bottom: 5px;
	text-indent: -999px;
	cursor: pointer;
	background: #ccc;
  }
  .txtScroll-top .hd ul li.on {
	background: #123889;
  }
  .txtScroll-top .bd {
	padding: 20px 15px;
  }
  .txtScroll-top .infoList li {
	height: 78px;
  }
  .txtScroll-top .infoList li .date {
	float: left;
	width: 118px;
	padding-right: 45px;
	margin-right: 45px;
	border-right: 1px dotted #b9b9b9;
	color: #123889;
	text-align: center;
  }
  .txtScroll-top .infoList li .idxNew {
	float: left;
	width: 835px;
  }
  .txtScroll-top .date h3 {
	font-size: 26px;
	line-height: 32px;
  }
  .txtScroll-top .date p {
	font-size: 12px;
	line-height: 20px;
	border: 1px solid #123889;
	margin: 5px 0px 10px 0px;
  }
  .txtScroll-top .idxNew a {
	font-size: 20px;
	color: #123889;
  }
  .txtScroll-top .idxNew p {
	font-size: 12px;
	line-height: 14px;
	margin-top: 10px;
	height: 28px;
	overflow: hidden;
	color: #999;
  }
  /*简介*/
  .huiBg {
	background: #f7f7f7;
  }
  .idxJJ {
	padding: 30px 0px;
  }
  .idxAbout {
	width: 528px;
	height: 334px;
	padding: 30px 42px 34px 30px;
	background: #fff;
  }
  .idxAbout img {
	width: 100%;
	margin: 15px 0px;
  }
  .idxAbout div p {
	font-size: 12px;
	color: #999;
	line-height: 22px;
	height: 88px;
	overflow: hidden;
  }
  .idxVideo {
	width: 600px;
  }
  .more {
	display: block;
	font-size: 12px;
	width: 136px;
	height: 38px;
	background: #123889;
	color: #fff;
	text-align: center;
	line-height: 38px;
	margin-top: 17px;
  }
  .more:hover {
	color: #fff;
  }
  .fs22 {
	font-size: 22px;
	color: #123889;
  }
  .ff22 {
	font-size: 22px;
	color: #fff;
  }
  /*业务*/
  .idxYewu {
	padding: 25px 0px;
  }
  .idxYewu .title {
	width: 1168;
	height: 50px;
	line-height: 50px;
	text-align: left; /*border: 1px solid #e9e9e9; */
	margin-bottom: 20px;
	padding-left: 30px;
  }
  .idxYewu .yewuList {
	margin-left: -6px;
	overflow: hidden;
  }
  .idxYewu .yewuList li {
	float: left;
	margin-left: 6px;
	margin-bottom: 6px;
	height: 153px;
	text-align: center;
	line-height: 210px;
  }
  .idxYewu .yewuList li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 15px;
  }
  .idxYewu .epc {
	width: 654px;
	background: url(../images/epc.jpg) no-repeat center;
  }
  .idxYewu .mqgc {
	width: 540px;
	background: url(../images/mqgc.jpg) no-repeat center;
  }
  .idxYewu .zsgc {
	width: 323px;
	background: url(../images/zsgc.jpg) no-repeat center;
  }
  .idxYewu .sjgc {
	width: 422px;
	background: url(../images/sjgc.jpg) no-repeat center;
  }
  .idxYewu .jgjd {
	width: 439px;
	background: url(../images/jgjd.jpg) no-repeat center;
  }
  .idxYewu .epc a {
	width: 654px;
	background: url(../images/epc2.png) no-repeat center 45px;
  }
  .idxYewu .mqgc a {
	width: 540px;
	background: url(../images/mqgc2.png) no-repeat center 45px;
  }
  .idxYewu .zsgc a {
	width: 323px;
	background: url(../images/zsgc2.png) no-repeat center 45px;
  }
  .idxYewu .sjgc a {
	width: 422px;
	background: url(../images/sjgc2.png) no-repeat center 45px;
  }
  .idxYewu .jgjd a {
	width: 439px;
	background: url(../images/jgjd2.png) no-repeat center 45px;
  }
  /*案例、资质*/
  .idxShow {
	margin-bottom: 50px;
	height: 334px;
  }
  .idxShow .fs22 {
	display: inline-block;
	float: left;
	width: 700px;
	margin: 23px 0px 23px 28px;
	margin-top: 13px;
	margin-bottom: 20px;
  }
  .idxCase {
	float: left;
	width: 768px;
	height: 270px; /*padding-bottom: 30px; */
	overflow: hidden;
  }
  .idxCase ul {
	height: 270px;
	width: 5000px;
  }
  .idxCase ul li {
	float: left;
	width: 126px;
	text-align: center;
	margin: 0px 1px;
	position: relative;
	overflow: hidden;
	transition: width 0.3s;
	height: 100%;
  }
  .idxCase ul li span {
	display: block;
	width: 126px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	position: absolute;
	bottom: 30px;
	transition: bottom 0.3s;
	padding-top: 5px;
	padding-bottom: 5px;
	background: url("../images/bgg.png") repeat;
  }
  .idxCase ul li img {
	height: 100%;
  }
  .idxCase ul li:hover {
	width: 180px;
  }
  .idxCase ul li:hover span {
	bottom: 195px;
  }
  .idxZizhi {
	width: 365px;
	margin-top: -63px;
  }
  .idxZizhi .ff22 {
	padding-left: 25px;
	height: 62px;
	line-height: 62px;
	background: url(../images/zizhi-bg.jpg) no-repeat center;
  }
  .idxZizhi .zzShow {
	height: 272px;
	background: url(../images/zizhiTu.jpg) no-repeat center;
	color: #fff;
  }
  .zzShow li {
	margin: 20px 0px;
	float: left;
	position: relative;
  }
  .zzShow .te {
	width: 45px;
	margin-left: 260px;
	margin-right: 60px;
  }
  .zzShow .yi {
	width: 45px;
	margin-left: 110px;
	margin-right: 60px;
  }
  .zzShow .er {
	width: 45px;
	margin-right: 105px;
  }
  .zzShow .san {
	width: 45px;
	margin-left: 60px;
	margin-right: 255px;
  }
  .zzShow li > span {
	display: inline-block;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	text-align: center;
	line-height: 70px;
	font-size: 17px;
	background: rgba(25, 100, 165, 0.8);
	position: relative;
	cursor: pointer;
  }
  .zzShow li:hover > span:after {
	display: block;
  }
  .zzShow li > span:after {
	content: "";
	border: 10px solid transparent;
	position: absolute;
	display: none;
  }
  .zzShow .te > span:after {
	border-left: 10px solid rgba(255, 255, 255, 0.8);
	top: 13px;
	left: -7px;
  }
  .zzShow .yi > span:after {
	border-right: 10px solid rgba(255, 255, 255, 0.8);
	top: 13px;
	right: -5px;
  }
  .zzShow .er > span:after {
	border-left: 10px solid rgba(255, 255, 255, 0.8);
	top: 13px;
	left: -7px;
  }
  .zzShow .san > span:after {
	border-right: 10px solid rgba(255, 255, 255, 0.8);
	top: 13px;
	right: -5px;
  }
  .zzShow li div {
	display: none;
	width: 170px;
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.8);
	padding: 12px;
	color: #000;
	position: absolute;
	z-index: 2;
  }
  .zzShow li div h3 {
	font-size: 16px;
	color: #123889;
	padding-bottom: 10px;
  }
  .zzShow li div p {
	font-size: 12px;
	color: #000;
	line-height: 22px;
  }
  .zzShow .te div {
	top: 5px;
	left: -200px;
  }
  .zzShow .yi div {
	top: 5px;
	left: 74px;
  }
  .zzShow .er div {
	top: 0px;
	left: -200px;
  }
  .zzShow .san div {
	bottom: 0px;
	left: 74px;
  }
  /*foot*/
  footer {
	background: #049dd5;
	padding-top: 50px;
	padding-bottom: 35px;
	}
  .footContact {
	width: 560px;
	margin-top: 5px;
  }
  .footContact .footTel {
	width: 310px;
	margin: 0px 100px 0px 25px;
  }
  .footTel p {
	font-size: 12px;
	color: #fff;
	line-height: 18px;
  }
  .footTel p:first-child {
	margin-bottom: 45px;
  }
  .footTel h2 {
	font-size: 30px;
	color: #fff;
  }
  .footContact .footAddress {
	line-height: 60px;
	font-size: 14px;
	color: #fff;
	}
  .footAddress span {
	padding-left: 20px;
	font-size: 12px;
	background: url(../images/email.png) no-repeat 0px 3px;
  }
  .footAddress em {
	padding-left: 30px;
	background: url(../images/dizhi.png) no-repeat 12px 2px;
  }
  .footNav li {
	float: left;
	width: min-content;
	text-align: left;
	line-height: 24px;
	color: #fff;
	font-size: 14px;
	padding-right: 48px;
	}
  .footNav li span {
	font-size: 16px;
	display: inline-block;
	padding-bottom: 10px;
  }
  .footNav li a {
	color: #fff;
	white-space: nowrap;
	}
  .fix-foot {
	background: #037eaa;
	line-height: 34px;
	font-size: 13px;
	color: #898989;
	text-align: center;
  }
  .fix-foot a {
	color: #898989;
  }
  /*内页*/
  .nyBanner {
	width: 100%;
	min-width: 1200px;
	position: relative;
	height: 345px;
	overflow: hidden;
  }
  .nyBanner img {
	position: absolute;
	left: 50%;
	margin-left: -960px;
  }
  .nyNav {
	height: 64px;
	border-bottom: 1px solid #e8e8eb;
	margin-bottom: 25px;
  }
  .nyNav ul li {
	display: inline-block;
	margin-right: 50px;
	line-height: 64px;
	text-align: center;
  }
  .nyNav ul li:last-child {
	float: right;
	margin: 0px;
	border-left: 1px solid #e8e8eb;
	border-right: 1px solid #e8e8eb;
  }
  .nyNav ul li:last-child a {
	padding: 1px 35px;
	}
  .nyNav ul li a {
	display: block;
	padding: 0px 18px;
	font-size: 15px;
	color: #393c3f;
  }
  .nyNav ul .nyNav-active a,
  .nyNav ul li a:hover {
	color: #123889;
	border-bottom: 2px solid #123889;
  }
  .about p {
	font-size: 15px;
	color: #1c2125;
	line-height: 36px;
	text-indent: 2em;
	margin-bottom: 20px;
  }
  .newList li {
	overflow: hidden;
	margin-bottom: 40px;
  }
  .newList li .newTu {
	float: left;
	width: 188px;
	height: 125px;
	overflow: hidden;
	margin-right: 30px;
  }
  .newTu img {
	width: 100%;
  }
  .newList li .newTxt {
	float: left;
	width: 950px;
  }
  .newTxt .newTitle {
	font-size: 16px;
	color: #1c2125;
	line-height: 32px;
  }
  .newTxt .newTime {
	font-size: 12px;
	color: #c1c1c1;
	line-height: 24px;
	margin-bottom: 10px;
  }
  .newTxt div {
	height: 56px;
	overflow: hidden;
  }
  .newTxt div p {
	font-size: 14px;
	color: #1c2125;
	line-height: 28px;
  }
  .yema {
	text-align: center;
	margin: 20px auto;
  }
  .yema a {
	padding: 5px 10px;
	margin: 0px 5px;
	font-size: 13px;
	color: #1c2125;
	border: 1px solid #1c2125;
  }
  .yema .yema-active {
	color: #fff;
	background: #123889;
	border: 1px solid #123889;
  }
  .newShow {
	width: 880px;
	margin-bottom: 50px;
	}
  .newShow .newHead {
	/* height: 69px; */
	border-bottom: 1px solid #b9b9b9;
	line-height: 70px;
	margin-bottom: 20px;
	}
  .newHead span:first-child {
	display: inline-block;
	max-width: 740px;
	font-size: 16px;
	color: #1c2125;
	line-height: 1.6;
	font-weight: bold;
	}
  .newHead span:last-child {
	display: inline-block;
	float: right;
	font-size: 12px;
	color: #a5a5a5;
	padding-right: 30px;
  }
  .newBody {
	padding-right: 30px;
  }
  .newBody p {
	font-size: 13px;
	color: #1c2125;
	line-height: 26px;
	margin-bottom: 15px;
  }
  .newBody img {
	width: 100%;
  }
  .newBody .showTu {
	overflow: hidden;
	margin-left: -10px;
  }
  .showTu li {
	float: left;
	width: 283px;
	margin-left: 10px;
	overflow: hidden;
  }
  .rightNav {
	width: 300px;
	background: #e8e8eb;
	min-height: 800px;
	}
  .rightNav li {
	height: 63px;
	border-bottom: 1px solid #fff;
	line-height: 64px;
	padding-left: 60px;
	}
  .rightNav li a {
	font-size: 16px;
	color: #1c2125;
  }
  .rightNav .rightNav-active a {
	color: #123889;
	font-weight: bold;
  }
  .yewu {
	padding-top: 25px;
	margin-bottom: 70px;
  }
  .yewu li {
	overflow: hidden;
	margin-bottom: 15px;
  }
  .yewu li .yewuLeft {
	float: left;
	width: 367px;
	height: 232px;
	background: #123889;
	margin-right: 15px;
	text-align: center;
	font-size: 15px;
  }
  .yewuLeft a {
	display: block;
	height: 100%;
	color: #fff;
  }
  .yewuLeft .ywName {
	padding-top: 50px;
  }
  .yewuLeft .ywName span {
	display: block;
	line-height: 68px;
  }
  .yewuLeft .ywdj {
	width: 240px;
	margin: 0px auto;
	font-size: 13px;
	color: #0891d5;
	line-height: 62px;
	border-top: 1px solid #0891d5;
	word-spacing: 3px;
	letter-spacing: 3px;
  }
  .yewu li .yewuRight {
	float: right;
	width: 818px;
	height: 232px;
	overflow: hidden;
	position: relative;
  }
  .yewuRight img {
	width: 100%;
  }
  .yewuRight .yewuTxt {
	width: 100%;
	height: 100%;
	background: rgba(30, 150, 210, 0.8);
	position: absolute;
	top: 232px;
	transition: top 0.2s;
  }
  .yewuRight .yewuTxt a {
	display: block;
	width: 818px;
	height: 232px;
  }
  .yewuRight:hover .yewuTxt {
	top: 0px;
  }
  .yewuTxt p {
	padding: 23px 53px;
	font-size: 15px;
	line-height: 22px;
	color: #fff;
  }
  /*精品工程*/
  .project {
	margin-top: -20px;
	margin-bottom: 20px;
  }
  .project li {
	padding: 45px 0px;
	background: #fff;
  }
  .project li:nth-child(2n) {
	background: #e8e8eb;
  }
  .project .projectTxt {
	width: 610px;
  }
  .projectTxt .projectTitle a {
	display: inline-block;
	font-size: 15px;
	color: #123889;
	margin-bottom: 10px;
  }
  .projectTxt div {
	height: 52px;
	overflow: hidden;
  }
  .projectTxt div p {
	font-size: 14px;
	color: #1c2125;
	line-height: 26px;
  }
  .project .projectTu {
	width: 570px;
	margin-left: -8px;
	overflow: hidden;
  }
  .projectTu p {
	float: right;
	width: 182px;
	margin-left: 8px;
	overflow: hidden;
  }
  .projectTu p img {
	width: 100%;
  }
  .zhaopin ul {
	margin-bottom: 20px;
  }
  .zhaopin ul li {
	font-size: 14px;
	color: #1c2125;
	line-height: 34px;
	padding-left: 30px;
  }
  .zhaopin ul .zhiwei {
	height: 56px;
	line-height: 56px;
	color: #fff;
	background: #123889;
	margin: 40px 0px;
	font-size: 16px;
	}
  .zhiwei em {
	display: inline-block;
	margin-left: 100px;
  }
  .contact {
	height: 514px;
	margin-bottom: 50px;
	margin-top: 40px;
	}
  .lxfs {
	width: 340px;
	padding: 0px 40px;
	height: 514px;
	color: #fff;
	background: url(../images/contact-bg.jpg) no-repeat center/cover;
	}
  .lxfs h3 {
	font-size: 16px;
	line-height: 100px;
  }
  .lxfs p {
	font-size: 13px;
	padding-left: 58px;
	margin-bottom: 30px;
  }
  .lxfs p span {
	font-size: 12px;
  }
  .lxfs .address {
	background: url(../images/dizhi2.png) no-repeat 0px 3px;
  }
  .lxfs .tel {
	background: url(../images/tel2.png) no-repeat 0px 3px;
  }
  .lxfs .chuanzhen {
	background: url(../images/chuanzhen.png) no-repeat 0px 3px;
  }
  .liuyan {
	background: url(../images/liuyan.jpg) no-repeat 650px 0px;
  }
  .liuyan input,
  .liuyan textarea {
	display: block;
	margin-bottom: 20px;
	border: 1px solid #e8e8eb;
	outline: none;
	width: 518px;
	text-indent: 24px;
  }
  .liuyan input {
	height: 32px;
  }
  .liuyan textarea {
	height: 208px;
	line-height: 28px;
  }
  .liuyan input[type="submit"] {
	height: 42px;
	width: 192px;
	border: none;
	text-indent: 0px;
	background: #123889;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
  }
  .cd-container {
	width: 90%;
	max-width: 768px;
	height: 3000px;
	margin: 2em auto;
	display: block;
  }
  .cd-container::after {
	content: "";
	display: table;
	clear: both;
  }
  header {
	background: #5c4751;
	height: 100px;
	text-align: center;
  }
  header h1 {
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: bold;
	font-family: "Open Sans", sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 0.2em;
  }
  header p {
	font-size: 13px;
	font-size: 0.8125rem;
	color: #957484;
  }
  @media only screen and (min-width: 1024px) {
	header {
	  height: 200px;
	}
	header h1 {
	  font-size: 30px;
	  font-size: 1.875rem;
	}
  }
  main p {
	font-size: 14px;
	font-size: 1rem;
	line-height: 22px;
  }
  @media only screen and (min-width: 1024px) {
	main p {
	  font-size: 14px;
	  font-size: 1rem;
	}
  }
  .cd-top {
	display: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 40px;
	right: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: #123785 url(../images/cd-top-arrow.svg) no-repeat center 50%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
  }
  .cd-top.cd-is-visible {
	/* the button becomes visible */
	visibility: visible;
	opacity: 1;
  }
  .cd-top.cd-fade-out {
	opacity: 1;
  }
  .no-touch .cd-top:hover {
	background-color: #e86256;
	opacity: 1;
  }
  @media only screen and (min-width: 768px) {
	.cd-top {
	  right: 20px;
	  bottom: 20px;
	}
  }
  @media only screen and (min-width: 1024px) {
	.cd-top {
	  height: 60px;
	  width: 60px;
	  right: 30px;
	  bottom: 30px;
	}
  }
  .zhaopin p {
	padding-left: 30px;
  }
  .grid-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
	margin-bottom: 30px;
	margin-top: 20px;
  }
  .grid-container img {
	max-width: 380px;
	height: auto;
	display: block;
	margin: 10px auto;
  }
  .grid-container a .img {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 500px;
	width: 100%;
  }
  .grid-container a .txt {
	display: block;
	text-align: center;
	font-size: 16px;
	line-height: 2;
	margin-bottom: 15px;
  }
  .w .grid-container {
	display: flex;
	justify-content: center;
	grid-gap: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
  }
  .w .grid-container img {
	max-width: 380px;
	height: auto;
	display: block;
	margin: 10px auto;
  }
  .w .grid-container a .img {
	display: flex;
	justify-content: center;
	align-items: center;
	height: auto;
	width: 100%;
  }
  .w .grid-container a .txt {
	display: block;
	text-align: center;
	font-size: 16px;
	line-height: 2;
	margin-bottom: 15px;
	max-width: 320px;
	text-align: center;
	font-size: 14px;
	line-height: 1.5;
	margin: 0 auto;
	padding: 20px 0;
  }
  .w .h2 {
	font-size: 22px;
	text-align: center;
	padding: 20px 0;
  }
  .w * {
  }
  .w * {
  }
  .w * {
  }
  .w * {
  }
  .w * {
  }
  .w * {
  }
  .w * {
  }
  .w * {
  }
  .w:first-of-type .img,
  .w:first-of-type img {
	min-width: 0;
	max-width: none;
	width: 1000px;
  }
  .w:first-child .img img {
  }
  .w:first-child .img {
  }
  .w:last-child {
	margin-bottom: 55px;
  }
  .w {
	margin-bottom: 50px;
  }
  #jssor_1 {
  }
  #jssor_1 > div:nth-child(2) {
	right: auto !important;
	left: 50% !important;
	transform: translateX(-50%);
	bottom: 30px !important;
  }
  .jssorpn {
	left: 50% !important;
  }
  .jssorpn > div {
  }
  .jssorpn > div > div {
  }
  .jssorb134 {
	position: absolute;
  }
  .jssorb134 .i {
	position: absolute;
	cursor: pointer;
  }
  .jssorb134 .i .b {
	fill: #fff;
	fill-opacity: 0.8;
	stroke: #fff;
	stroke-width: 1600;
	stroke-miterlimit: 10;
	stroke-opacity: 0.7;
  }
  .jssorb134 .i:hover .b {
	fill: #fff;
	fill-opacity: 0.7;
	stroke: #f5b538;
	stroke-width: 2000;
	stroke-opacity: 0.8;
  }
  .jssorb134 .iav .b {
	fill: #f5b538;
	stroke: #f5b538;
	stroke-width: 2400;
	fill-opacity: 0.8;
	stroke-opacity: 1;
  }
  .jssorb134 .i.idn {
	opacity: 0.3;
  }
  /*jssor slider arrow skin 051 css*/
  .jssora051 {
	display: block;
	position: absolute;
	cursor: pointer;
  }
  .jssora051 .a {
	fill: none;
	stroke: #fff;
	stroke-width: 360;
	stroke-miterlimit: 10;
  }
  .jssora051:hover {
	opacity: 0.8;
  }
  .jssora051.jssora051dn {
	opacity: 0.5;
  }
  .jssora051.jssora051ds {
	opacity: 0.3;
	pointer-events: none;
  }
  
  .grid-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
	margin-bottom: 30px;
	margin-top: 20px;
}

.grid-container img {
	max-width: 380px;
	height: auto;
	display: block;
	margin: 10px auto;
}

.grid-container a .img {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 500px;
	width: 100%
}

.grid-container a .txt {
	display: block;
	text-align: center;
	font-size: 16px;
	line-height: 2;
	margin-bottom: 15px;
}