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


.fl {
	float: left;
}

.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*/

.b-content {
	padding-top: 80px;
    position: relative;
}

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

.b-con {	
	width: 875px;
	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;
	/*background: url(../images/frbg.jpg) no-repeat right top;
	background-size: cover;
	min-height: 892px;
	background-attachment: fixed;	
	z-index: 1;
	*/
}

.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;
	/*这个背景图的宽度是通过前台js判断的*/
}

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

.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 {
		/*display: block;
		margin: 10px 0;*/
	}
	.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 {
		/*min-height: 280px;*/
	}
	.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 {
		/*display: none;*/
	}
	.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 {
		/*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;
	}
	.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 {
		/*display: block;
		margin: 10px 0;*/
	}
	.w-quicktwo .swiper-container .swiper-pagination {
		/*position: absolute;
		right: 0px;
		top: 40%;
		left: auto;
		
		width: 10px;*/
	}
	.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 {
		/*width: 40% !important;*/
	}
	/*.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;
		/*padding-bottom: 20px;*/
	}
	.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;
		/*padding-bottom: 20px;*/
	}
	.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%;
	}*/
}