@charset "utf-8";
/* CSS Document */
/*2020.02.03*/


.fl {
	float: none;}

.fr {
	float: right;}

.pos {
	position: relative;}

/*.box {
	overflow: hidden;
}*/

header {
	height: 100px;
	background: url(../images/hbg.png) repeat-x left bottom;
	position: fixed;
	width: 100%;
	z-index: 111111;
	padding: 0 15px;}

.head-right {
	text-align: right;
	padding-top: 24px;}

.head-right a {
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	padding: 0 15px;
	display: inline-block;
	padding-top: 8px;}

.logo {
	width: 35%;}

.searchbg {
	background: url(../images/search.png) no-repeat left top;
	width: 270px;
	height: 36px;}

.searchbg input.inp-text {
	line-height: 35px;
	padding-left: 15px;
	width: 220px;
	background: none;
	border: none;}

.searchbg input.inp-but {
	background: none;
	border: none;
	width: 42px;
	line-height: 36px;
	cursor: pointer;}


/*top end*/

.bservicecon {
	padding-top: 30px;
        padding-left: 0px;
    position: relative;}

.b-content {
	padding-top: 15px;
        padding-left: 20px;
    position: relative;}

.b-left {
	/*width: 14%;*/
	width: 265px;
	background: #1b2133;
	min-height: 500px;}

.b-con {	
	width: 100%;
	background: #5a5a5a;	
	min-height: 500px;
	padding: 25px 30px;
	padding-bottom: 0;
	z-index: 1;
	position: relative;
        overflow: hidden;}

.b-right {
	width: 40%;
	overflow: hidden;
        position: fixed;
	right: 0px;
	top: 0px;
        padding-top: 70px;}

.no-fix{
   position: relative;	
   padding-top: 0px;}

.b-nav {
	padding: 37px 15px 0;}

.b-nav ul li {
	display: block;
	border-bottom: 1px solid #6e6e6e;
	padding: 0px 0 0px;}

.b-nav ul li a {
	display: block;
	font-size: 16px;
	color: #e5eef9;
	text-decoration: none;
	transition: all 1.5s;
	line-height: 35px;
	padding: 8px 15px 8px;}

.b-nav ul li:first-child {
	border-bottom: none;}

.b-nav ul li:first-child a {
	font-size: 16px;}

.b-nav ul li a img {
	float: right;}

.b-nav ul li:first-child {}

.b-nav ul li:first-child img {
	float: none;
	padding-right: 10px;
	vertical-align: -4px;}

.b-nav ul li img {
	padding-top: 8px;}

.b-nav ul li a:hover,
.b-nav ul li a.active {
	color: #fff;
	transition: all 1.5s;
	background: #bd1a21;}

.b-nav ul li:first-child a:hover {
	background: none;
	color: #bd1a21;}

.b-nav ul li .ernav {
	background: #181d2a;
	padding: 10px;
	position: relative;
        display: none;}

.b-nav ul li .ernav ul {
    margin-left: 20px;}

.b-nav ul li .ernav ul li {
	border-bottom: none;
	padding: 0;
	line-height: 28px;}

.b-nav ul li .ernav ul li a {
	font-size: 16px;
	color: #81889b;
	display: block;
	line-height: 28px;
	padding: 3px;}

.b-nav ul li .ernav ul li a:hover,
.b-nav ul li .ernav ul li a.active {
	color: #bd1a21;
	background: none;}

.b-nav span {
	display: block;
	position: absolute;
	left: 10%;
	top: -14px;
	border-top: 9px solid transparent;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 7px solid #181d2a;}

.ewm ,.ewm-cnt{
    text-align: center;
    margin-top: 50px;}

.ewm p,.ewm-cnt p{
    font-size:13px !important;
    color:#006bed !important;
    font-weight:bold;
    margin: 0 !important;
    line-height: 28px !important;}

.ewm p a,.ewm-cnt p a{
  color:#006bed !important;}

/*nav end*/


#weather-v2-plugin-simple{
   overflow: hidden;
   padding: 10px 0;}

#weather-v2-plugin-simple span{
  margin-right:6px;}

#weather-v2-plugin-simple .s-sticker-temp{
     font-size: 24px;
     color: #ffcd4a;}

#weather-v2-plugin-simple .s-sticker-city{
     font-size: 18px;
     color: #ffcd4a;
     display: none;}


img {
	max-width: 100%;}


/* 本例子css */

.banner {}

.banner .swiper-container {
	width: 100%;
	height: 100%;
	border-radius: 5px;}

.banner .swiper-container .swiper-slide {
	position: relative;}

.banner .swiper-container .swiper-slide a {
	display: block;
	text-decoration: none;
        text-align: center;}

.banner .swiper-container .swiper-slide .btt {
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: #3e80bd;}

.banner .swiper-container .swiper-slide .btt a {
	display: block;
	color: #fff;
	font-size: 18px;
	line-height: 44px;
	text-decoration: none;
	padding-left: 16px;
	padding-right: 23%;}

.banner .swiper-pagination {
	overflow: hidden;
	zoom: 1;
	text-align: center;
	border-radius: 20px;
	padding: 9px;
	text-align: center;}

.banner .swiper-pagination-bullet {
	margin: 0 8px;
	display: inline-block;
	width: 9px;
	height: 9px;
	text-align: left;
	background: #fff;
	cursor: pointer;
	color: transparent;
	border-radius: 100%;
	opacity: 0.45;}

.banner .swiper-pagination-bullet-active {
	background: #fff;
	opacity: 1;}

.banner .swiper-pagination {
	bottom: 3px;
	/*width: 100%;*/
	width: 100%;
	left: inherit;}

.banner img {
	cursor: pointer;}


/*banner end*/

.news {
	margin-top: 20px;}

.new-left {
	background: #fff;
	border-radius: 5px;
	width: 32%;
	padding: 13px;
	border: 1px solid #edc7c9;
	border-top: 7px solid #bd1a21;
	min-height: 290px;}

.new-mid {
	background: #fff;
	border-radius: 5px;
	border: 1px solid #edc7c9;
	border-top: 7px solid #bd1a21;
	width: 32%;
	margin-left: 2%;
	padding: 13px;
	min-height: 290px;}

.new-right {
	background: #fff;
	border-radius: 5px;
	border: 1px solid #edc7c9;
	border-top: 7px solid #bd1a21;
	width: 32%;
	padding: 13px;
	min-height: 290px;}

.new-top {
	padding-top: 5px;}

.new-top .new-tit h4 {
	font-size: 18px;
	color: #000;}

.new-top .new-more a {
	display: block;
	margin-top: -5px;}

.new-onecon {
	padding-top: 21px;}

.new-onecon .swiper-container .swiper-button-next,
.new-onecon .swiper-container .swiper-button-prev {
	bottom: 0 !important;
	top: 95%;
	z-index: 111;
	cursor: pointer;
        margin-top: -9px;}

.new-onecon .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background: none;}

.new-onecon .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background: none;}
.new-onecon .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
	content:none;}
.new-onecon .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{
	content:none;}

.new-onecon .swiper-pagination{
	bottom: 0px;}


.new-twocon ul {
	padding-top: 21px;}

.new-twocon ul li {
	margin-bottom: 18px;}

.new-twocon ul li a {
	display: block;
	text-decoration: none;
	line-height: 1.5em;
	color: #777;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}

.new-twocon ul li a:hover {
	color: #bd1a21;}

.new-onecon {}

.new-onecon .swiper-container {
	padding-bottom: 25px;}

.new-onecon .swiper-container .swiper-slide {}

.new-onecon .swiper-container .swiper-slide a {
	text-decoration: none;
	display: block;}

.new-onecon .swiper-container .swiper-slide .ban_t {
	text-decoration: none;
	color: #777;
	font-size: 14px;
	margin: 10px 0;}

.new-onecon .swiper-container .swiper-slide .ban_t:hover {
	color: #bd1a21;}

.new-onecon .swiper-pagination-bullet {
	margin: 0 8px;
	display: inline-block;
	width: 9px;
	height: 9px;
	text-align: left;
	background: #d3d3d3;
	cursor: pointer;
	color: transparent;
	border-radius: 9px;
	opacity: 0.45;}

.new-onecon .swiper-pagination-bullet-active {
	background: #bd1a21;
	opacity: 1;}


/**/


/**/

body,
html {
	width: 100%;
	height: 100%;
	position: relative;
	margin: 0;
	padding: 0;}

.background-wrapper {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;}

.background-wrapper .background {
	position: absolute;
	/*left: 975px;*/
	right: 0;
	top: 0;
	height: 100%;
	background: url(../images/frbg.jpg) left center repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	width: 800px;}

.quick {
	background: #4e4e4e;
	min-height: 178px;
	margin: 0 -30px;
	padding: 0 30px;
	margin-top: 20px;
	padding-top: 13px;}

.quick h4 {
	font-size: 18px;
	color: #fff;
	font-weight: normal;}

.quick ul {
	margin-top: 12px;}

.quick ul li {
	float: left;
	background: #f2f6fc;
	border-radius: 5px;
	min-height: 102px;
	width: 32%;
	padding: 13px 15px;}

.quick ul li:nth-child(2n) {
	margin-left: 2%;
	margin-right: 2%;}

.quick ul li a {
	display: block;}

.quick ul li .li-img {
	width: 42px;
	vertical-align: bottom;
	padding-top:15px;}

.quick ul li .li-img span.iconfont{
  font-size:42px;
  color:#bd1a21;}

.quick ul li .li-tt {
	width:78%;
	text-align: right;}

.quick ul li .li-tt span.sp1 {
	display: block;
	font-size: 18px;
	color: #626367;
	font-weight: bold;
        margin-bottom: 10px;} 

.quick ul li .li-tt span.sp3 {
    font-size: 16px;
    display: block;
    color: #666;
    margin-bottom: 3px;}

.quick ul li .li-tt span.sp2 {
    display: block;
    font-size: 26px;
    color: #bd1a21;}

.quick ul li .li-tt span.sp2:hover {
    color: #bd1a21;}




/**/

.w-link {
	padding-top: 28px;}

.w-link .swiper-container .swiper-slide {
	margin-bottom: 23px;
	width: 16.6%;
	text-align: center;
	height: 118px;}

.w-link .swiper-container .swiper-slide a {
	display: block;
	text-align: center;
	text-decoration: none;}

.w-link .swiper-container .swiper-slide a span {
	font-size: 14px;
	color: #fff;
	display: block;
	margin-top: 12px;}

.w-link .swiper-container .swiper-slide:hover a img {
	animation: 1s ease-in-out 0s normal none 1 running doudong1;}

@keyframes doudong1 {
	0% {
		transform: rotateY(0deg);}
	50% {
		transform: rotateY(90deg);}
	100% {
		transform: rotateY(0deg);}
}


/*linkbg end*/

.w-quick {
	padding-left: 3%;
	position: relative;
	    margin-top: 20px;}

.w-quick ul li {
	float: left;
	background: rgba(51, 51, 51, 0.55);
	border-radius: 10px;
	text-align: center;
	width: 19%;
	margin-right: 1%;
	margin-bottom: 12px;
	height: 118px;
	padding-top: 18px;
	transition: all 0.4s ease-out;}

.w-quick ul li a {
	display: block;
	text-align: center;
	text-decoration: none;}

.w-quick ul li a span {
	display: block;
	font-size: 14px;
	color: #fff;
	padding-top: 10px;}

.w-quick li:hover {
	box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0.64);
	transform: scale(1.02);
	cursor: pointer;}

.w-quick ul li.li4 {
    background: #fff;
    width: 39%;
    padding-top: 30px;
    font-size: 16px;
    line-height: 28px;
    padding: 20px 0 0 25px;
    text-align: left;}

.w-quick ul li.li4 p {
      font-weight: bold;}

.w-quick ul li.li4 span {
   display:block;}

.w-quick ul li.li4 .li-t {
	border-right: 1px solid #e2e0e0;
	width: 60%;
	padding-left: 10%;}

.w-quick ul li.li4 .li-img {
	width: 35%;}

.w-quick ul li.li4 .li-t2 {
	height: 50px;
	width: 50%;}

.w-quick ul li.li4 .li-t2 span {
	display: block;}

.w-quick ul li.li4 .li-t3 {
	font-size: 65px;
	color: #448eea;
	width: 50%;
	margin-top: -15px;
	padding-right: 16px;}

.w-quick ul li.li4 .li-t3 span {
	position: relative;}

.w-quick ul li.li4 .li-t3 span i {
	font-size: 20px;
	position: absolute;
	right: -10px;
	top: 0px;
	font-style: normal;}

.w-quick ul li.li4 .li-t2 span.sp1 {
	font-size: 32px;
	color: #939393;}

.w-quick ul li.li4 .li-t2 span.sp2 {
	font-size: 16px;
	color: #939393;}

.w-quick ul li.li5 {
	margin-right: 0;
       	/*background: #fff;*/
        padding-top: 30px;}

.w-quick ul li.li9 {
	background: #fff;
	width: 39%;
	margin-right: 0;
	padding: 0 5px 0 10px;}

.w-quick ul li.li9 span {
	display: block;
	float: left;
	width: 49%;
	height: 118px;
	padding-top: 15px;}

.w-quick ul li.li9 span:first-child {
	border-right: 1px solid #c1c1c1;}

.s-sticker-cond img{
      max-width: inherit;}



/**/

.footer {
	padding: 12px 15px;}

.foot-p {
	text-align: center;
	font-size: 14px;
	color: #aaa;
	line-height: 22px;}


/*.wc-copyEnd*/




.w-link .swiper-pagination{
		bottom: 0px;}

.w-link .swiper-pagination-bullet-active{
	background: #fff;}


/*右边快速链接重写*/
.w-quicktwo3 {
		padding: 40px 0px 20px 5%;}
	.w-quicktwo3 .swiper-container {
		padding-bottom: 50px;}
	.w-quicktwo3 .swiper-container .swiper-slide {
		padding-right: 2%;}
	.w-quicktwo3 .swiper-container .swiper-slide a {
		display: block;
		text-decoration: none;
		color: #fff;
		text-align: center;
		background: rgba(51, 51, 51, 0.75);
		border-radius: 10px;
		padding: 15px 0;}
	.w-quicktwo3 .swiper-container .swiper-slide a span {
		display: block;
		text-decoration: none;
		color: #fff;
		text-align: center;
		margin-top: 12px;}
	.w-quicktwo3 .swiper-pagination-bullet {
		background: #fff;
		opacity: 0.7;}
	.w-quicktwo3 .swiper-container .swiper-pagination-bullet-active {
		background: #fff;
		opacity: 1;}
	.w-quicktwo3 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {}
	.w-quicktwo3 .swiper-container .swiper-pagination {}

@media (min-width: 1921px) {
  .b-con,.b-right,.background{
     width: calc( (100% - 265px) / 2);} 
      
}

@media (min-width: 1800px){
	/*.w-link .swiper-container-multirow>.swiper-wrapper {
		width: 100% !important;
	}
	
	.w-link .swiper-pagination{
		display: none;
	}*/
}

@media (min-width: 1600px) and (max-width: 1900px) {	
.s-sticker-city {
    display: none !important;}

}



@media (min-width: 1600px) and (max-width: 1760px) {
	.w-quick ul li{
		width:31%;
                margin-right: 2%;
		height: 110px;
		padding: 10px ;}
          
        .w-quick ul li a span{
		font-size: 12px;}

	.w-quick ul li.li5{
		margin-right: 2%;
		width: 64%;
                padding-top: 25px;} 
 
        .w-quick ul li.li4{
            width:31%;
            font-size: 12px;
            line-height: 22px;
            padding: 10px;}    

        .w-quick ul li.li4 span{
               margin-top: 5px;}
	
	.w-quick ul li.li9{
		width: 64%;
		margin-right: 2%;}

.w-quick{
	padding-left: 4%;}

.w-quick ul li.li9 span{
	height: 110px;}


.s-sticker-cond img{
  width:60px !important;
  height:60px !important;}

#weather-v2-plugin-simple span {
    margin-right: 15px;
    vertical-align: middle;}

.s-sticker-city {
    display: inline-block !important;}
	
	
}

@media (min-width: 1690px) and (max-width: 1760px) {
.w-quick ul li.li4 {
    padding: 20px 10px;}
	
}

@media (min-width: 1201px) {
	.container {
		width: 100%;}
	.logo {
		margin-left: -15px;}
	.head-right {
		padding-right: 0;}
}


@media (min-width: 1441px) and (max-width: 1499px) {
	.w-quick ul li a span {
		font-size: 13px;}	
}


@media (min-width: 1341px) and (max-width: 1599px) {
.w-quick{
	display: none;}
.b-rightshow{
	display: none;}

}

@media (min-width: 1599px){
	.w-quicktwo{
		display: none;}
	.w-quicktwo3{
		display: none;}
	.b-rightshow{
		display: none;}
}


@media (min-width: 1158px) and (max-width: 1550px) {
  .w-quick{
     display: none;}

    .w-quicktwo3{
       display: block;}

.b-righthide{
   display: block;}

.b-rightshow{
	display: none;}

.quick ul li .li-tt{
       width: 63%;}


}



@media (min-width: 1200px) and (max-width: 1440px) {
	.link2 {
		display: none;}
	.quick2 {
		display: none;}

}

@media (min-width: 1158px) and (max-width: 1366px) {	
 
.quick ul li {
    width: 100%;}

.quick ul li:nth-child(2n) {  
    margin: 2% 0;}

.new-left,.new-mid{
   width: 100%;
    min-height: inherit;}
.new-mid{
    margin: 2% 0;}

.new-right{
      width: 100%;
    min-height: inherit;}

}


@media (min-width: 993px) and (max-width: 1157px) {
	.b-righthide {
		display: none;}
       
        .b-rightshow{
		display: block;}

	.w-quicktwo3{
		display: block;}
	
	.server-bcon{
		background: #5a5a5a;
		margin: 0 -16px;
                padding: 0 16px;
                margin-bottom: -20px;}
	.footer{
		padding-top: 10px;}


	.w-linktwo {
		padding-right: 20px;
		padding: 10px;
		padding-top: 30px;
		padding-right: 0;}
	.w-linktwo .swiper-container {
		padding-bottom: 30px;}
	.w-linktwo .swiper-container .swiper-slide {
		text-align: center;}
	.w-linktwo .swiper-container .swiper-pagination {
		position: absolute;
		right: 0px;
		top: 40%;
		left: auto;
		/*width: 2%;*/
		width: 10px;}
	.w-linktwo .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		display: block;
		margin: 10px 0;}
	.w-linktwo .swiper-container .swiper-slide a {
		display: block;
		font-size: 14px;
		color: #fff;
		text-decoration: none;
		text-align: center;}
	.w-linktwo .swiper-container .swiper-slide a span {
		display: block;
		margin-top: 12px;
		font-size: 16px;}
	.w-linktwo .swiper-pagination-bullet {
		background: #fff;
		opacity: 0.7;}
	.w-linktwo .swiper-container .swiper-pagination-bullet-active {
		background: #fff;
		opacity: 1;}
	.w-quicktwo {
		padding: 20px 0px 20px 5%;}
	.w-quicktwo .swiper-container {}
	.w-quicktwo .swiper-container .swiper-slide {
		padding-right: 2%;}
	.w-quicktwo .swiper-container .swiper-slide a {
		display: block;
		text-decoration: none;
		color: #fff;
		text-align: center;
		background: rgba(51, 51, 51, 0.55);
		border-radius: 10px;
		padding: 15px 0;}
	.w-quicktwo .swiper-container .swiper-slide:hover img {
		animation: 1s ease-in-out 0s normal none 1 running doudong1;}
	.w-linktwo .swiper-container .swiper-slide:hover img {
		animation: 1s ease-in-out 0s normal none 1 running doudong1;}
	@keyframes doudong1 {
		0% {
			transform: rotateY(0deg);}
		50% {
			transform: rotateY(90deg);}
		100% {
			transform: rotateY(0deg);}
	}
	.w-quicktwo .swiper-container .swiper-slide a span {
		display: block;
		text-decoration: none;
		color: #fff;
		text-align: center;
		margin-top: 12px;
		font-size: 16px;}
	.w-quicktwo .swiper-pagination-bullet {
		background: #fff;
		opacity: 0.7;}
	.w-quicktwo .swiper-container .swiper-pagination-bullet-active {
		background: #fff;
		opacity: 1;}
	.w-quicktwo .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		display: block;
		margin: 10px 0;}
	.w-quicktwo .swiper-container .swiper-pagination {
		position: absolute;
		right: 0px;
		top: 40%;
		left: auto;
		/*width: 2%;*/
		width: 10px;}
	.new-twocon ul li {
		margin-bottom: 10px;}
	.new-mid,
	.new-right,
	.new-left {}
	.new-onecon .swiper-container {
		padding-bottom: 30px;}
	.new-twocon ul {
		padding-top: 15px;}
}



@media (min-width: 992px) and (max-width: 1139px) {

	/*中等屏幕设备 桌面*/
	.logo {
		padding-top: 6px;}
	.b-con {		
		width: 833px;}	
	.w-linktwo {
		display: none;}
	.w-quicktwo {
		display: none;}
	.w-linktwo2 {
		display: block;}
	.w-quicktwo2 {
		display: block;
		padding-bottom: 40px;}
	.new-twocon ul li:last-child {}
	.quick ul li .li-tt {
		width: 75%;}

.quick ul li .li-tt span.sp1{
   font-size:16px;}

	.w-link ul li {
		width: 25%;}
	.w-quick ul li {
		width: 31%;}

.background-wrapper{
display: none;}


	/*.b-right {
		position: relative;
		width: 36%;
		padding-top: 10px;
	}*/
	.w-quick ul li.li45 {
		width: 63%;
		margin-right: 2%;}
	.w-quick ul li.li9 {
		width: 63%;
		margin-right: 2%;}
	.foot-p {
		text-align: center;
		font-size: 14px;
		color: #aaa;}
}

@media (min-width: 1020px) and (max-width: 1115px) {
	.b-con {
    /* width: 50%; */
    width: 733px;}
	
}
@media (min-width: 990px) and (max-width: 1020px) {
	.b-con {
		width: 720px;}
}

@media (min-width: 993px) and (max-width: 1050px) {
	.new-left {
		width: 49%;}
	.new-mid {
		width: 49%;}
	.new-right {
		width:100%;
		float: left;
		margin-top: 20px;
		min-height: 200px;}
	.new-onecon .swiper-container{
		padding-bottom: 0;}
	
	
}
@media (min-width: 993px) and (max-width: 1002px) {
	.b-con{
		width: 710px;}
	
}


@media (min-width: 768px) and (max-width: 992px) {
	/*小屏幕设备 平板*/
	.logo {
		padding-top: 15px;}
	/*.b-left {
		width: 30%;
	}*/
	.b-con {
		width: 68%;}
	
	.head-right{
		padding-top: 20px;}
	.server-bcon{
		background: #5a5a5a;
		margin: 0 -16px;
    padding: 0 16px;
    margin-bottom: -20px;}
	.background-wrapper {
		width: 30%;
		display: none;}
	.background-wrapper .background {
		width: 300px;}
	.w-linktwo {
		padding: 10px;
		padding-top: 30px;
		padding-right: 0;}
	.w-linktwo .swiper-container {
		padding-bottom: 40px;}
	.w-linktwo .swiper-container .swiper-slide {
		text-align: center;}
	.w-linktwo .swiper-container .swiper-pagination {}
	.w-linktwo .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {}
	.w-linktwo .swiper-container .swiper-slide a {
		display: block;
		font-size: 14px;
		color: #fff;
		text-decoration: none;
		text-align: center;}
	.w-linktwo .swiper-container .swiper-slide a span {
		display: block;
		margin-top: 12px;}
	.w-linktwo .swiper-pagination-bullet {
		background: #fff;
		opacity: 0.7;}
	.w-linktwo .swiper-container .swiper-pagination-bullet-active {
		background: #fff;
		opacity: 1;}
	.w-quicktwo {
		padding: 20px 0px 20px 5%;}
	.w-quicktwo .swiper-container {
		padding-bottom: 50px;}
	.w-quicktwo .swiper-container .swiper-slide {
		padding-right: 2%;}
	.w-quicktwo .swiper-container .swiper-slide a {
		display: block;
		text-decoration: none;
		color: #fff;
		text-align: center;
		background: rgba(51, 51, 51, 0.75);
		border-radius: 10px;
		padding: 15px 0;}
	.w-quicktwo .swiper-container .swiper-slide a span {
		display: block;
		text-decoration: none;
		color: #fff;
		text-align: center;
		margin-top: 12px;}
	.w-quicktwo .swiper-pagination-bullet {
		background: #fff;
		opacity: 0.7;}
	.w-quicktwo .swiper-container .swiper-pagination-bullet-active {
		background: #fff;
		opacity: 1;}
	.w-quicktwo .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {}
	.w-quicktwo .swiper-container .swiper-pagination {}
	.b-nav {
		padding-top: 20px;}
	.new-left {
		width: 49%;
		min-height: 300px;}
	.new-onecon .swiper-container {
		padding-bottom: 30px;}
	.new-mid {
		width: 49%;
		min-height: 250px;}
	.new-twocon ul li {
		margin-bottom: 13px;}
	.new-right {
		width: 100%;
		float: left;
		margin-top: 20px;
		min-height: 200px;}
	.quick ul li {
		width: 49%;
    margin-bottom: 20px;
    margin-right: 0 !important;}
	.quick ul li .li-tt {
		width: 80%;}
	.w-link ul li {
		width: 24.6%;}
	.b-right {
		position: relative;
		width: 20%;
		padding-top: 10px;
		padding: 10px 4%;
		display: none;}
	.w-quick ul li {
		width: 32%;}
	.w-quick ul li a span {
		font-size: 13px;}
	.w-quick ul li.li45 {
		width: 63%;
		margin-right: 2%;}
	.w-quick ul li.li9 {
		width: 63%;
		margin-right: 2%;}
	.quick-butone {
		position: absolute;
		right: 0px;
		top: 80px;
		z-index: 111;
		width: 100%;
		text-align: right;}
	.quick-butone ul.ul1 {
		float: right;
		width: 17%;
		margin-right: 1.5%;}
	.quick-butone ul li {}
	/*.quick-butone ul li:first-child{
	margin-right: 0;
}*/
	.quick-but {
		margin-top: 20px;}
	.quick-but ul li {
		width: 100%;
		margin-bottom: 20px;
		background: #f0f1ff;
		line-height: 50px;
		border-radius: 5px;
		text-align: center;
		cursor: pointer;}
	.quick-but ul li:first-child {
		margin-right: 2%;}
	.quick-but ul li a {
		color: #333;
		text-decoration: none;}
	.quick-but ul li a img.img1 {
		width: 100%;}
	.quick-but ul li a span.sp1 {
		font-size: 16px;}
	.w-linkx {
		
		width: 100%;
		
		background: url(../images/frbg.jpg) no-repeat right top;
		z-index: 111;
		padding-bottom: 30px;}
	.w-linkx ul li {
		background: none;
		width: 24%;
		text-align: center;
		padding: 0;
		line-height: 40px;}
	.w-linkx ul li a span {
		line-height: 30px;}
	.w-linkx ul li:first-child {
		margin-right: 0;}
	.w-linkx h4 {
		text-align: center;
		color: #fff;
		margin-bottom: 20px;}
	.w-linkx h4 img {
		vertical-align: -4px;
		padding-right: 10px;}
	.quick ul li .li-tt {
		width: 75%;}

   
	.w-quickx {
		padding-top: 28px;}
	.w-quickx ul li {
		width: 30%;
		margin: 0;
		background: rgba(51, 51, 51, 0.55);
		border-radius: 10px;
		margin-bottom: 20px;
		margin-right: 2%;
		padding: 10px 1px;}
	.w-quickx ul li:first-child {
		margin-right: 2%;}
}

@media (max-width: 767px) {
	/*超小屏幕设备 手机*/
	.right-nr table td,
	.right-nr table th {
		white-space: nowrap;}
	body {
		background: url(../images/phonebg.jpg) repeat;}
	.background-wrapper {
		display: none;}
	.searchbg1 {
		background: url(../images/search1.png) no-repeat left top;
		width: 213px;
		height: 36px;}
	.searchbg1 input.inp-text {
		line-height: 35px;
		padding-left: 15px;
		width: 170px;
		background: none;
		border: none;}
	.searchbg1 input.inp-but {
		background: none;
		border: none;
		width: 40px;
		line-height: 36px;
		cursor: pointer;}
	.w-quick ul li a span {
		font-size: 13px;}
	
	.b-content {
		padding-top: 0px;}
	.new-left {
		width: 100%;}
	.new-mid {
		width: 100%;
		margin: 20px 0;
                min-height: initial;}
	.new-right {
		width: 100%;
                   min-height: initial;}

        .new-onecon, .new-twocon ul {    
           padding-top: 16px;}

	.new-onecon .swiper-container .swiper-slide .ban_t {
		font-size: 16px;}

	/*.new-onecon .swiper-container {
		padding-bottom: 40px;
	}*/

	.b-left {
		width: 100%;}
	.b-con {
		width: 100%;
		background: none;
		padding: 20px 15px 0;}
	.b-right {
		width: 100%;
		position: relative;}
	.w-link ul li {
		width: 33%;}
	.quick ul li {
		width: 100%;
		margin: 0;
		margin-bottom: 20px;}
	.quick ul li:nth-child(2n) {
		margin: 0;
		margin-bottom: 20px;}
	.w-quick ul li {
		width: 30%;
		margin-right: 2%;}
	.w-quick ul li.li45 {
		width: 62%;
		margin-right: 2%;}
	.w-quick ul li.li9 {
		width: 62%;
		margin-right: 2%;}
	.new-twocon ul li a {
		font-size: 16px;}
	.w-quick ul li.li45 .li-t2 span.sp1 {
		font-size: 28px;}
	.quick {
		background: #fff;}
	.quick h4 {
		color: #333;
		margin: 10px 0;}
	.quick-but {
		margin-top: 20px;}
	.quick-but .server .ser-top{
	
		background: #f0f1ff;
		line-height: 80px;
		border-radius: 5px;
		cursor: pointer;}

	.quick-but ul li a {
		color: #333;
		text-decoration: none;}
	.quick-but ul li a img.img1 {
		width: 50%;}
	.quick-but ul li a span.sp1 {
		font-size: 16px;}
	.w-linkx {
		
		background: url(../images/frbg.jpg) no-repeat right top;
		z-index: 111;
		padding-bottom: 30px;
		background-size: cover;}
	.w-linkx ul li {
		background: none;
		width: 33%;
		text-align: center;
		padding: 0;
		float: left;
		line-height: 40px;}
	.w-linkx ul li a span {
		line-height: 30px;
		display: block;
		color: #fff;}
	
	
	
	.w-linkx h4 {
		text-align: center;
		color: #fff;
		margin-bottom: 20px;
		padding-top: 20px;}
	.w-linkx h4 img {
		vertical-align: -4px;
		padding-right: 10px;}
	.quick ul li .li-tt {
		width: 50%;}
	.w-quickx {
		padding-top: 28px;}
	.w-quickx ul li {
		width: 46%;
		margin: 0;
		background: rgba(51, 51, 51, 0.55);
		border-radius: 10px;
		margin-bottom: 20px;
		margin-right: 2%;
		padding: 10px 1px;}
	.w-quickx ul li:first-child {
		margin-right: 2%;}
	.b-rightshow{
		
		background: url(../images/frbg.jpg) no-repeat right top;
		margin: 0 -20px;
		padding: 0 20px;
		background-size: cover;}
	.w-linktwo{
		padding: 30px 0 10px 0;}
	.w-linktwo .swiper-container {
		padding-bottom: 50px;}
	.w-linktwo .swiper-container .swiper-slide {
		text-align: center;}
	.w-linktwo .swiper-container .swiper-pagination {}
	.w-linktwo .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		/*display: block;*/
		margin: 10px ;}
	.w-linktwo .swiper-container .swiper-slide a {
		display: block;
		font-size: 14px;
		color: #fff;
		text-decoration: none;
		text-align: center;}
	.w-linktwo .swiper-container .swiper-slide a span {
		display: block;
		margin-top: 12px;}
	.w-linktwo .swiper-pagination-bullet {
		background: #fff;
		opacity: 0.7;}
	.w-linktwo .swiper-container .swiper-pagination-bullet-active {
		background: #fff;
		opacity: 1;}
	.w-quicktwo {
		padding: 10px 0px 20px 2%;}
	.w-quicktwo .swiper-container {
		padding-bottom: 60px;}
	.w-quicktwo .swiper-container .swiper-slide {
		padding-right: 2%;}
	.w-quicktwo .swiper-container .swiper-slide a {
		display: block;
		text-decoration: none;
		color: #fff;
		text-align: center;
		background: rgba(51, 51, 51, 0.55);
		border-radius: 10px;
		padding: 15px 0;}
	.w-quicktwo .swiper-container .swiper-slide:hover img {
		animation: 1s ease-in-out 0s normal none 1 running doudong1;}
	.w-linktwo .swiper-container .swiper-slide:hover img {
		animation: 1s ease-in-out 0s normal none 1 running doudong1;}
	@keyframes doudong1 {
		0% {
			transform: rotateY(0deg);}
		50% {
			transform: rotateY(90deg);}
		100% {
			transform: rotateY(0deg);}
	}
	.w-quicktwo .swiper-container .swiper-slide a span {
		display: block;
		text-decoration: none;
		color: #fff;
		text-align: center;
		margin-top: 12px;}
	.w-quicktwo .swiper-pagination-bullet {
		background: #fff;
		opacity: 0.7;}
	.w-quicktwo .swiper-container .swiper-pagination-bullet-active {
		background: #fff;
		opacity: 1;}
	.w-quicktwo .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		/*display: block;*/
		margin: 10px ;}
	.w-quicktwo .swiper-container .swiper-pagination {}	
	
	
	
	.footer {
		background: #1b2133;
    margin: 0px -15px;}
}

@media (min-width: 568px) and (max-width: 766px) {
	.quick ul li {
		width: 48%;
		margin-right: 2%;}
}

@media (min-width: 320px) and (max-width: 567px) {
	.site-tree-mobile {
		top: 0;}
	#img {
		height: 44px;}
	.quick-but ul li {
		text-align: center;
		line-height: 50px;
		padding: 10px;}
	/*.quick-but ul li a span.sp1 {
		display: block;
	}
	.quick-but ul li a img.img1 {
		width: 100%;
	}*/
}