.gg-tit {
	text-align: left; line-height: 40px; overflow: hidden; padding-top: 45px; padding-bottom: 25px; font-size: 0px;
}
.gg-tit h2 {
	margin: 0px 20px 0px 0px; padding-left: 20px; font-size: 0px; float: left; position: relative; cursor: pointer;
}
.gg-tit h2::before {
	background: rgb(154, 154, 154); left: 0px; top: 50%; width: 1px; height: 24px; position: absolute; content: ""; transform: translateY(-50%);
}
.gg-tit h2 span {
	color: rgb(17, 17, 17); line-height: 24px; font-size: 24px; font-weight: normal; vertical-align: middle; display: inline-block;
}
.gg-tit h2:first-child {
	padding-left: 0px;
}
.gg-tit h2:first-child::before {
	content: none;
}
.gg-tit h2 img {
	margin-right: 5px; vertical-align: middle;
}
.gg-tit h2.on span {
	font-weight: 600;
}
.gg-tit-more {
	color: rgb(128, 128, 128); font-size: 16px; float: right;
}
.gg-tit-more a {
	color: rgb(102, 102, 102); text-transform: uppercase; display: none;
}
.gg-tit-more a:first-child {
	display: block;
}
.gg-tit-more a:hover {
	color: rgb(173, 49, 32);
}
.switch-m {
	position: relative;
}
.switch-m > div:first-child {
	
}
.switch-m > div:first-child > div {
	
}
.switch-m > div:first-child ul {
	
}
.switch-m > div {
	transition:0.3s; left: 0px; top: 0px; width: 100%; position: absolute; z-index: -9; opacity: 0;
}
.switch-m > div.on {
	position: relative; z-index: 9; opacity: 1;
}
.s1-l {
	width: 65%; float: left;
}
.s1-r {
	width: 32%; float: right;
}
.s1-ll {
	width: 410px; padding-bottom: 20px; margin-right: 20px; float: left; box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}
.s1-lr {
	overflow: hidden; padding-right: 10px; padding-left: 10px;
}
.s1-ll ul li a {
	display: block; position: relative;
}
.s1-ll ul li a .pic {
	padding-top: 56%;
}
.s1-ll ul li a .pic span {
	padding-top:20px; left: 0px; top: 70px; width: 120px; height: 70px; text-align: center; color: rgb(255, 255, 255); line-height: 32px; font-size: 16px; position: absolute; background-color: rgb(173, 49, 32); opacity:0.9;
}
.s1-ll ul li a p {
	margin: 20px; height: 30px; color: rgb(17, 17, 17); line-height: 27px; font-size: 16px;
}
.s1-ll .slick-dots {
	padding: 0px 20px; text-align: center; font-size: 0px; position: static;
}
.s1-ll .slick-dots li {
	margin: 0px 5px; padding: 0px; border-radius: 100%; width: 12px; height: 12px; display: inline-block; cursor: pointer; background-color: rgb(225, 225, 225);
}
.s1-ll .slick-dots li:first-child {
	margin-left: 0px;
}
.s1-ll .slick-dots li.slick-active {
	 padding: 0px; border-radius: 100%; width: 12px; height: 12px; display: inline-block; cursor: pointer; background-color: rgb(173, 49, 32);
}
.slick-dots li button {
	display: none;
}
.s1-lr .text-list2 li:first-child {
	padding-top: 0px; border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
.text-list2 li {
	padding: 12px 0px; transition:0.3s; position: relative;
}
.text-list2 li:hover {
	transform: translateX(-5px);
}
.text-list2 li::before {
	background: rgb(197, 197, 197); left: 0px; height: 1px; right: 0px; bottom: 0px; position: absolute; content: "";
}
.text-list2 li::after {
	background: rgb(188, 0, 0); transition:0.5s; left: 0px; width: 0px; height: 1px; bottom: 0px; position: absolute; content: "";
}
.text-list2 li:nth-child(3n+2) {
	
}
.text-list2 li a {
	transition:0.3s; color: rgb(51, 51, 51); line-height: 80px; overflow: hidden; display: block;
}
.text-list2 li:hover::after {
	width: 100%;
}
.date2 {
	transition:0.3s; text-align: center;
}
.date2 p {
	transition:0.3s; color: rgb(102, 102, 102); line-height: 24px; font-size: 18px;
}
.date2 span {
	color: rgb(136, 136, 136); line-height: 24px; font-size: 14px; display: block;
}
.text-list2 li a .date2 {
	padding-right: 10px; margin-right: 20px; border-right-color: rgb(102, 102, 102); border-right-width: 1px; border-right-style: solid; float: left;
}
.text-list2 li a > p {
	transition:0.3s; height: 48px; color: rgb(51, 51, 51); line-height: 24px; overflow: hidden; font-size: 16px; vertical-align: middle;
}
.s1-lr .text-list2 li a:hover .date2 p {
	color: rgb(173, 49, 32);
}
.s1-lr .text-list2 li a:hover .date2 span {
	color: rgb(173, 49, 32);
}
.text-list2 li a:hover > p {
	color: rgb(173, 49, 32);
}
.s1-r .text-list2 li:first-child {
	padding-top: 0px; border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
.s1-r .date2 p {
	border-radius: 10px; width: 55px; height: 20px; color: rgb(102, 102, 102); line-height: 20px; font-size: 18px; 
}
.s1-r .date2 span {
	line-height: 28px;
}
.s1-r .text-list2 li a:hover .date2 p {
	color: rgb(173, 49, 32);
}
.s1-r .text-list2 li a:hover .date2 span {
	color: rgb(173, 49, 32);
}
.section2 {
	padding-bottom: 50px;
}
.s2-l {
	width: 65%; float: left;
}
.s2-r {
	width: 32%; float: right;
}
.s2-l ul {
	overflow: hidden;
}
.s2-l ul li {
	width: 25%; padding-right: 1%; margin-bottom: 26px; float: left;
}
.s2-l ul li a {
	overflow: hidden; display: block;
}
.s2-licon {
	border-radius: 10px; border: 1px dotted rgb(173, 49, 32); border-image: none; width: 40%; padding-top: 40%; float: left; position: relative;
}
.s2-licon img {
	transition:0.5s; left: 50%; top: 50%; display: none; position: absolute; max-height: 80%; max-width: 90%; transform: translateX(-50%) translateY(-50%);
}
.s2-licon img:first-child {
	display: block;
}
.s2-linfo {
	overflow: hidden; padding-top: 40%; position: relative;
}
.s2-linfo p {
	left: 15px; top: 50%; color: rgb(51, 51, 51); line-height: 26px; font-size: 16px; position: absolute; max-width: 100%; transform: translateY(-50%);
}
.s2-l ul li a:hover .s2-licon {
	
}
.s2-l ul li a:hover .s2-licon img {
	
}
.s2-l ul li a:hover .s2-licon img:first-child {
	transform: translateX(-50%) translateY(-50%) rotateY(180deg);
}
.s2-l ul li a:hover p {
	color: rgb(173, 49, 32); border-bottom-color: rgb(173, 49, 32); border-bottom-width: 2px; border-bottom-style: solid;
}
.s2-rt {
	overflow: hidden; min-height: 229px;
}
.switch-m > div:first-child .s2-rt div ul li {
	background: url("../images/bg.png") no-repeat left 50% !important;
}
.s2-rt ul li {
	width: 95%; line-height: 38px; overflow: hidden; padding-left: 18px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.s2-rt ul li a {
	transition:0.3s; color: rgb(51, 51, 51); display: block;
}
.s2-rt ul li:hover a {
	color: rgb(173, 49, 32); transform: translateX(-5px);
}
.s2-rt .slick-slide {
	float: left;
}
.s2-rt > div a {
	margin: 0px 8%; padding: 0px 30px 20px; display: block; position: relative;
}
.switch-m > div:first-child .s2-rt > div a {
	margin: 0px; padding: 0px; display: block; position: relative;
}
.s2-rt > div a::before {
	background: rgb(241, 241, 241); left: 0px; top: 30px; right: 0px; bottom: 0px; position: absolute; content: "";
}
.switch-m > div:first-child .s2-rt > div a::before {
	background: rgb(255, 255, 255); left: 0px; top: 30px; right: 0px; bottom: 0px; position: absolute; content: "";
}
.s2-rt > div a .pic {
	padding-top: 150%;
}
.s2-rt > div a p {
	background: rgba(0, 0, 0, 0.5); left: 0px; text-align: center; right: 0px; bottom: 0px; color: rgb(255, 255, 255); line-height: 32px; position: absolute;
}
.s2-rb img {
	width: 100%; margin-top: 10px; display: block;
}
.section3 {
	background: url("../images/s3-bj.png"); padding: 35px 0px 25px;
}
.s3-c {
	overflow: hidden;
}
.s3-c > div {
	width: 12.41%; float: left;
}
.s3-c > div h3 {
	color: rgb(51, 51, 51); line-height: 36px; font-size: 18px; position: relative;
}
.s3-c > div h3 a {
	color: rgb(51, 51, 51); line-height: 36px; font-size: 18px; position: relative;
}
.s3-c > div h3:hover a {
	color: rgb(173, 49, 32);
}
.s3-c > div h3::after {
	left: 0px; width: 20px; height: 2px; bottom: 0px; position: absolute; content: ""; background-color: rgb(173, 49, 32);
}
.s3-c > div ul {
	margin-top: 10px;
}
.s3-c > div ul li a {
	color: rgb(102, 102, 102); line-height: 36px; letter-spacing: 0px; font-size: 14px; display: block;
}
.s3-c > div ul li a:hover {
	color: rgb(173, 49, 32);
}
@media screen and (max-width:1320px)
{
.gg-tit h2 span {
	font-size: 20px;
}
.gg-tit h2 {
	padding-right: 10px; margin-right: 10px;
}
}
@media screen and (max-width:1024px)
{
.gg-tit {
	padding-top: 25px; padding-bottom: 20px;
}
.s1-l {
	width: auto; float: none;
}
.s1-r {
	width: auto; float: none;
}
.s2-l {
	width: auto; float: none;
}
.s2-r {
	width: auto; float: none;
}
.s3-c > div h3 {
	font-size: 16px;
}
.s3-c > div ul li a {
	line-height: 32px;
}
}
@media screen and (max-width:768px)
{
.gg-tit h2 span {
	font-size: 18px;
}
.s1-ll {
	width: auto; margin-right: 0px; float: none;
}
.s1-lr {
	padding-right: 0px; padding-left: 0px; margin-top: 20px;
}
.s2-l ul li {
	width: 33%; margin-bottom: 20px;
}

.s2-linfo p {
	left: 5px; font-size: 14px;
}
.s3-c > div {
	width: auto; float: none;
}
.s3-c > div ul {
	overflow: hidden;
}
.s3-c > div ul li {
	margin-right: 10px; float: left;
}
}
@media screen and (max-width:480px)
{
.s2-l ul li {
	width: 50%;
}
}