﻿@charset "UTF-8";

body {
	background: url(gsgg_banner_20200331.jpg) no-repeat top center;
}

.padd {
	padding: 15px
}

/*.container {
	max-width: 1000px;
	margin-top: 530px;
}*/
.content{
	width: 1158px;
	margin: 0 auto;
}
@media (max-width:991px) {
	.md-mt20 {
		margin-top: 20px
	}
}

@media (max-width:768px) {
	body {
		padding-top: 100px;
		background-size: 100%
	}
}

.swiper-container {
	overflow: hidden
}

ul.list li {
	line-height: 30px;
	padding: 2px 0
}

ul.list li span.ico {
	vertical-align: middle
}

ul.list a {
	display: inline-block;
	font-size: 18px;
	vertical-align: middle;
	width: calc(100% - 3em);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 91%;
}

ul.list span.date {
	float: right;
	font-size: 14px
}

@media (max-width:991px) {
	ul.list li {
		line-height: 21px;
		height: 21px;
		padding: 5px 0;
	}

	ul.list li a {
		font-size: 16px
	}

	.focus {
		top: 5px
	}
}

.row {
	text-align: justify;
	line-height: 0
}

.row:after {
	content: '.';
	display: inline-block;
	width: 100%;
	overflow: hidden
}

.col {
	display: inline-block;
	vertical-align: top;
	line-height: 26px;
	text-align: left
}

.col-30 {
	width: 31%
}

.col-50 {
	width: 48%
}

.col-100 {
	width: 100%
}

.m-show {
	display: none
}

.mb20 {
	margin-bottom: 20px
}

.mt40 {
	margin-top: 40px;
}

@media (max-width:991px) {
	.col-md-100 {
		width: 100% !important
	}

	.m-show {
		display: block
	}

	.m-hide {
		display: none
	}
}

@media (max-width:991px) {
	.focus .more-box {
		float: right;
		width: auto !important;
	}
}

@media (max-width:650px) {
	.col-xs-100 {
		width: 100% !important
	}
}

.device {
	position: relative;
	overflow: hidden;
	height: 324px
}

.device .swiper-container {
	height: 324px
}

.device .swiper-slide {
	position: relative
}

.device .swiper-slide span {
	position: absolute;
	line-height: 36px;
	height: 36px;
	bottom: 0;
	left: 0;
	z-index: 9;
	background-color: #000;
	width: 98%;
	padding-left: 2%;
	background-color: rgba(0, 0, 0, .7);
	color: #fff;
	font-size: 14px
}

.device .arrow-left,
.device .arrow-right {
	background: url(/chinatax/xhtml/images/lbbutn.png);
	position: absolute;
	top: 50%;
	margin-top: -33px;
	width: 40px;
	height: 74px;
	z-index: 22;
	opacity: 0
}

.device:hover .arrow-left,
.device:hover .arrow-right {
	opacity: 1
}

.device .arrow-left {
	background-position: left bottom;
	left: 0
}

.device .arrow-right {
	background-position: right bottom;
	right: 0
}

.device .arrow-left:hover {
	background-position: left top
}

.device .arrow-right:hover {
	background-position: right top
}

.device .pagination {
	position: absolute;
	left: 0;
	text-align: right;
	bottom: 7px;
	width: 96%;
	z-index: 22;
	padding-left: 2%
}

.device .swiper-pagination-switch {
	display: inline-block;
	width: 7px;
	height: 7px;
	background: url(/chinatax/xhtml/images/2658305.png) no-repeat;
	margin: 0 5px;
	cursor: pointer
}

.device .swiper-active-switch {
	background: url(/chinatax/xhtml/images/2658306.png) no-repeat right
}

.device .swiper-slide img {
	width: 491px;
	height: 324px
}

@media (max-width:767px) {
	.device .swiper-slide img {
		width: 100%;
		height: auto
	}

	.device .arrow-left,
	.device .arrow-right {
		-webkit-transform: scale(.7);
		transform: scale(.7);
		opacity: 1
	}
}

.column1 .col-50 {
	width: 48%
}

.column1 h1 {
	color: #d7381e;
	text-decoration: none;
	line-height: 50px;
	font-size: 40px;
	font-weight: 700;
	margin-top: 40px
}

.column1 h1 a {
	color: #d7381e
}

@media (max-width:1000px) {
	.column1 h1 {
		font-size: 25px;
		margin: 2% 0;
		line-height: 28px
	}

	.padd {
		padding: 1% 0
	}
}

@media (max-width:650px) {
	.column1 h1 {
		font-size: 18px;
		line-height: 25px
	}
}

.focus ul.list li {
	padding: 7px 0
}

.focus .more-box {
	width: 100%;
	margin-top: 10px;
	position: relative;
	height: 26px
}

.focus .more {
	border-bottom: 2px solid #d7381e;
	padding-bottom: 5px;
	color: #767676;
	font-size: 14px
}

@media (max-width:650px) {
	.focus {
		margin-top: 0
	}

	.focus .more-box {
		margin-top: 0
	}
}

.documents {
	background: url(3957618.jpg) no-repeat center top;
	height: 650px
}

.documents ul.list {
	padding: 50px 30px 0 135px
}

.documents ul.list li {
	padding: 6px 0;
	line-height: 31.5px
}

.documents .more {
	font-size: 18px;
	float: right;
	margin-right: 50px;
	margin-top: 10px
}

@media (max-width:1000px) {
	.documents {
		margin-top: 15px;
		height: auto;
		background: 0 0
	}

	.documents::before {
		content: '政策文件';
		font-size: 20px;
		font-weight: 700;
		padding-left: 2%;
		color: #d7381e
	}

	.documents ul.list {
		padding: 0
	}

	.documents .more {
		margin-right: 0
	}
}

.title {
	background: url(../images/title1.png) no-repeat center;
	text-align: center;
	color: #fff;
	font-size: 28px;
	line-height: 38px;
	height: 90px;
	position: relative
}
.title a{
	width:100%;
	height:100%;
	display:inline-block;
}
.title .more {
	position: absolute;
	font-size: 18px;
	color: #333;
	right: 3px;
	top: 0
}

@media (max-width:375px) {
	.title {
		font-size: 20px;
		background-size: 230%
	}

	.title a {
		color: #fff;
	}

	.title .more {
		font-size: 16px
	}
}

.video .left {
	width: 57.5%
}

.video .left dd {
	font-size: 16px
}

.video .right {
	width: 38.7%
}

.video .right dt {
	text-align: center
}

.video .right dt img {
	height: 120px
}

.video .right dd {
	font-size: 14px;
	padding-bottom: 10px
}

.video .right dd a {
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	white-space: nowrap;
}

.video dd {
	font-weight: 700;
	text-align: center
}

@media (max-width:1000px) {
	.right dt img {
		height: auto
	}
}

.story .col {
	position: relative
}

.story .col img {
	width: 63.26%
}

.story .col p {
	position: absolute;
	top: 25px;
	right: 0;
	width: 245px;
	height: 182px;
	background: url(3586985.png) 0 0 no-repeat
}

.story .col p a {
	color: #fff;
	width: 85%;
	display: block
}

.story .col p .heading {
	margin: 5px auto 0;
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	padding: 10px 0;
	border-bottom: 1px solid #fff;
	width: calc(100% - 3em);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.story .col p .memo {
	height: 120px;
	overflow: hidden;
	margin: 8px auto 0;
	text-indent: 2em;
	font-size: 14px;
	line-height: 24px
}

.story .col p:hover {
	background: url(3592390.png) 0 0 no-repeat
}

@media (max-width:670px) {
	.story .col img {
		width: 80%;
		height: auto
	}

	.story .col p {
		-webkit-transform-origin: right center;
		transform-origin: right center;
		top: 50%;
		-webkit-transform: translate(0, -50%) scale(.8);
		transform: translate(0, -50%) scale(.8)
	}
}

.action ul.list li {
	padding: 5px 0
}

.common-list {
	border-top: 5px solid #f04802;
	min-height: 700px;
	padding-bottom: 25px
}

.common-list h2 {
	color: #1680d9;
	font-size: 24px;
	line-height: 65px;
	border-bottom: 2px solid #7c99d4
}

.common-list .BreadcrumbNav {
	font-size: 14px;
	margin: 0 auto;
	padding: 12px 0;
	max-width: 960px;
	border-bottom: 1px solid #ccc
}

.common-list .BreadcrumbNav p {
	display: inline-block
}

.common-list ul.list {
	max-width: 923px;
	margin: auto
}

.common-list ul.list li {
	border-bottom: 1px dashed #ccc;
	padding-bottom: 10px;
	padding-top: 15px;
	line-height: 20px
}

.common-list ul.list a {
	width: calc(100% - 6em);
	font-size: 16px
}

.common-list ul.list .date {
	color: #999
}

.page_num {
	text-align: center;
	margin-top: 25px;
	font-size: 14px
}

.page_num a {
	display: inline-block;
	margin: 0 3px;
	border: 1px solid #ccc;
	padding: 5px 10px
}

.page_num a.hover {
	background: #c00;
	color: #fff
}

.page_num #pagination-input {
	width: 32px
}

.video .left a img {
	width: 575px;
	height: 420px;
}

.title a {
	color: #fff;
}

.footer {
	background: #f1f0f6;
	font-size: 14px;
	line-height: 25px;
	color: #333;
	padding: 25px 0;
}

.footer .container {
	width: 660px;
	margin: 0 auto;
	font-size: 14px;
	color: #333;
}

.dz_icon {
	float: left;
	margin-top: 15px;
}

.jc_icon {
	float: left;
	margin-top: 25px;
}

.footer_1 {
	float: left;
	text-align: left;
	margin-left: 43px;
}

.footer_2 {
	display: none;
}

@media (max-width: 768px) {
	.container {
		margin-top: 14vw !important;
	}

	.device,
	.device .swiper-container {
		height: 467px
	}

	.device .swiper-slide img {
		width: 100%;
		height: auto;
	}

	.footer .container {
		width: 100% !important;
	}

	.footer_1 {
		display: none;
	}

	.footer_2 {
		display: block;
		text-align: center;
	}

	.video .left a img {
		width: 100%;
		height: auto;
	}

	.jc_icon,
	.dz_icon {
		display: none;
	}

	.graphic .row .text-center {
		display: none
	}

	.graphic .row .text-center:nth-child(1) {
		display: block;
	}

	.graphic .row .text-center:nth-child(1) img {
		width: 90%;
		margin: 10px auto 0;
		display: block
	}
}

@media (max-width: 465px) {
	.footer {
		padding: 15px 0;
	}

	.container {
		margin-top: 0
	}
}


.story {
	display: none;
}
.container ul.list li {
    line-height: 50px;
    height: 50px;
    padding: 2px 0;
    border-bottom: 1px #ccc dashed;
}
.mt40 ul li p{
	display: inline;
    float: right;
	font-size: 18px;
}
ul.list a{
	width:90%;
}

.title2 {
	background: url(../images/title2.png) no-repeat center;
}

.title3 {
	background: url(../images/title3.png) no-repeat center;
}
.title4 {
	background: url(../images/title4.png) no-repeat center;
}
.swiper-container.container-rw {
    height: 180px;
    overflow: hidden;
    width: 1200px;
    margin-top: 30px;
}
.swiper-container {
    margin: 0 auto;
    position: relative;
}
.container-rw .swiper-button {
    cursor: pointer;
}
.container-rw .swiper-button-prev {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 58px;
    background-position: center;
}
.container-rw .swiper-button-next {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 58px;
    background-position: center;
}
.container-rw .swiper-button {
    cursor: pointer;
}
.container-rw .people-box li {
    
    float: left;
    margin: 0;
}
.container-rw img {
    height: 150px;
    width: 240px;
}
.container {
    margin-top: 20px;
}
.content{
	margin-top:520px;
}
.listleft li{
	
}
.videoc{
	width:970px;
	margin:0 auto;
}
.row{
	margin-left: 0px;
}
.bigpic dd{
	position:absolute;
	bottom:0;
	background-color: #000000;
	width:100%;
}
.bigpic dd a{
	
	color:white;
}
.video .right {
    width: 40%;
}
.video .right dt img {
    height: auto;
    width: 100%;
}
.video .left a img {
    width: 575px;
    height: 370px;
}
.videoc .right{
	margin-left: 20px;
}
.col-50 {
    width: 48%;
    margin-left: 1px;
    margin-right: 4px;
}
@media (max-width: 465px) {
	.videoc{
		width:100%;
	}
	.title1 {
    background: url(../images/title1.png) no-repeat center;
    background-size: 145%;
}
.title2 {
    
    background-size: 145%;
}
.title3 {
    
    background-size: 145%;
}
.title4 {
    
    background-size: 145%;
}
.container ul.list li{
	line-height: 1.6;
    margin-bottom: 10px;
    height: auto;
    font-size: 14px;
    overflow: hidden;
}
.mt40 ul li p {
   font-size: 14px;
   color: rgb(192, 192, 192);
}
ul.list a {
    width: 94%;
}
.video .left a img {
    width: 575px;
    height: 246px;
}
.videoc .right {
    margin-left: 0px; 
}
.mt20 {
     margin-top: 0px; 
}
.col-50 {
    width: 47%;}
	.row dl:last-child{
		margin-left: 1vw;
	}
	.graphic .mob{
		margin-top:5px;
	}
	.mob .vmcarousel > li img {
    
    margin: 0px 0px 0px 7%;
    
}
.content .mt40 .container ul li {
    width: 145px !important;
    margin-left: 71px;
    margin-right: -45px;
    height: 120px;
}
}