﻿.top {
	margin: 3%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.logo {
	width: 80%;
}
.logo img {
	width: 100%;
}
.ser {
	margin: 0 3% 3% 3%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 35px;
	line-height: 35px;
	border: 1px solid #eee;
	border-radius: 50px;
	padding-left: 10px;
	background: #fafafa;
}
.ser input {
	border: none;
	outline: none;
	background: #fafafa;
	padding: 0;
	margin: 0;
	width: 100%;
	border-radius: 50px;
	font-size: .3rem;
}
.ser i {
	color: #1B70D2;
	margin-right: 5px;
	font-size: .36rem;
}
/**banner样式*/
.banner {
	border-radius: .3rem;
	margin: 0 3%;
	box-shadow: 0 5px 10px rgba(27,112,210,.25);
}
.banner .swiper-wrapper {
	width: 100%;
	height: auto;
}
.banner .swiper-wrapper img {
	width: 100%;
	border-radius: .15rem;
}
/**图片新闻样式*/
.tpxw {
	margin: 3%;
	background: #f5f5f5 url(../images/tpxw_bg.png) no-repeat right bottom;
	padding: 3% 3% 0 3%;
	border-radius: .15rem;
}
.tpxw .swiper-wrapper img {
	border-radius: .15rem;
	display: block;
	width: 100%;
	height: 160px;
}
.tpxw .swiper-pagination {
	text-align: right;
}
.tpxw a {
	padding: 3%;
	display: block;
}
.tpxw h1 {
	font-weight: normal;
	text-align: center;
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: .36rem;
	line-height: 2;
	color: #1B70D2;
}
.tpxw p {
	font-size: .3rem;
	line-height: 1.8;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-indent: .6rem;
	color: #666;
}
.tpxw .more {
	font-size: .24rem;
	background: #F5A623;
	border-radius: .15rem;
	color: #fff;
	padding: .2rem 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	text-align: center;
	margin-top: .2rem;
}
.tpxw .more i {
	margin-left: 5px;
}
.tpxw .swiper-horizontal>.swiper-pagination-bullets {
	text-align: right;
}
.tpxw .swiper-pagination-white .swiper-pagination-bullet {
	background: #1B70D2;
}
/**news样式*/

.news {
	margin: 0 3%;
}
.news .tab-nav {
	border-bottom: 1px solid #eee;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: .2rem;
	height: 50px;
	line-height: 50px;
}
.news .tab-nav li {
	font-size: .36rem;
	padding-left: .2rem;
	margin-right: .2rem;
	background: url(../images/line3.png) no-repeat 0 center;
}
.news .tab-nav li.on {
	color: #1B70D2;
	font-size: .42rem;
}
.news .tab-bd ul li {
	font-size: .3rem;
	line-height: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	padding-left: .25rem;
}
.news .tab-bd ul li:after {
	content: '';
	width: 4px;
	height: 4px;
	background: #ccc;
	position: absolute;
	left: 0;
	top: 13px;
}
.news .tab-bd ul li a {
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	width: 80%;
	color: #666;
}
.news .tab-bd ul li span {
	color: #999;
	font-size: .26rem;
}
.news .tab-bd .more {
	font-size: .24rem;
	text-align: left;
	line-height: 3;
	padding-left: .25rem;
}
.news .tab-bd .more a {
	color: #999;
	background: #fff;
	border: 1px solid #eee;
	padding: .12rem .35rem;
}
.ad {
	margin: 3%;
}
.ad img {
	width: 100%;
	border-radius: 0.15rem;
}
.about {
	font-size: .3rem;
	margin: 3%;
	background: #f5f5f5 url(../images/about_bg.jpg) no-repeat center fixed;
	padding: 3%;
	border-radius: .15rem;
}
.about dl dt {
	color: #1B70D2;
	font-size: .42rem;
	border-bottom: 1px solid #eee;
	margin-bottom: 0.2rem;
	line-height: 2;
}
.about dl dd {
	font-size: .3rem;
	line-height: 1.8;
	color: #666;
	text-indent: 0.6rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.about dl .dd2 {
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-flow: wrap;
	text-indent: 0rem;
	margin: 3% 5%;
}
.about dl .dd2 a {
	border: 1px solid #F5A623;
	transform: skewX(-10deg);
	-ms-transform: skewX(-10deg); /* IE 9 */
	-moz-transform: skewX(-10deg); /* Firefox */
	-webkit-transform: skewX(-10deg); /* Safari 和 Chrome */
	-o-transform: skewX(-10deg); /* Opera */
	font-size: .32rem;
	color: #333;
	display: inline-block;
	line-height: 2.5;
	text-align: center;
	width: 45%;
	border-radius: .15rem;
	margin: 2% 0;
}
.bk {
	margin: 3% 3% 13% 3%;
}
.bk h1 {
	color: #1B70D2;
	font-size: .42rem;
	line-height: 2;
}
.bk .mySwiper3 {
	box-shadow: 0 5px 10px rgba(27,112,210,.25);
	border-radius: 0.15rem;
	overflow: inherit;
}
.bk .mySwiper3 a {
	display: block;
	position: relative;
}
.bk .mySwiper3 img {
	border-radius: 0.15rem;
	width: 100%;
}
.bk .mySwiper3 p {
	border: 1px solid #1B70D2;
	font-size: .32rem;
	color: #333;
	display: inline-block;
	line-height: 2.8;
	text-align: center;
	width: 45%;
	border-radius: .15rem;
	margin: 2% 0;
	position: absolute;
	left: 27%;
	bottom: -15%;
	background: #fff;
}
.link {
	line-height: 1.5;
	padding: 3%;
	background: #f5f5f5;
	font-size: .28rem;
	border-top: 2px solid #F5A623;
	color: #335D94;
}
.link a {
	margin: 0 5px;
	color: #999;
}
.footer {
	padding: 5% 3%;
	background: #335D94;
	font-size: .28rem;
	text-align: left;
	line-height: 1.5;
	color: #fff;
}
.mobile-inner {
	width: 12%;
}
.mobile-icon {
	color: #fff;
	background: #1B70D2;
	height: .8rem;
	text-align: center;
	position: relative;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
.mobile-icon:hover {
	cursor: pointer;
}
.mobile-icon span {
	position: absolute;
	left: calc((100% - 25px) / 2);
	top: calc((100% - 1px) / 2);
	width: 25px;
	height: 1px;
	background-color: rgba(255,255,255,1);
}
.mobile-icon span:nth-child(1) {
	transform: translateY(4px) rotate(0deg);
}
.mobile-icon span:nth-child(2) {
	transform: translateY(-4px) rotate(0deg);
}
.mobile-icon-click span:nth-child(1) {
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clickfirst;
}
.mobile-icon-click span:nth-child(2) {
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clicksecond;
}
 @keyframes clickfirst {
 0% {
 transform: translateY(4px) rotate(0deg);
}
 100% {
 transform: translateY(0) rotate(45deg);
}
}
 @keyframes clicksecond {
 0% {
 transform: translateY(-4px) rotate(0deg);
}
 100% {
 transform: translateY(0) rotate(-45deg);
}
}
.mobile-icon-out span:nth-child(1) {
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outfirst;
}
.mobile-icon-out span:nth-child(2) {
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outsecond;
}
 @keyframes outfirst {
 0% {
 transform: translateY(0) rotate(-45deg);
}
 100% {
 transform: translateY(-4px) rotate(0deg);
}
}
 @keyframes outsecond {
 0% {
 transform: translateY(0) rotate(45deg);
}
 100% {
 transform: translateY(4px) rotate(0deg);
}
}
.mobile-nav {
	background: #f5f5f5 url(../images/tpxw_bg.png) no-repeat left bottom;
	width: 40%;
	position: absolute;
	top: 60px;
	right: 0px;
	padding: 5% 8%;
	display: none;
	z-index: 999;
	border-radius: .5rem 0 0 .5rem;
	box-shadow: 0 5px 10px rgb(27 112 210 / 25%);
}
.mobile-nav li {
	line-height: 2.8;
	border-bottom: 1px solid rgb(27 112 210 / 10%);
	display: flex;
	justify-content: space-between;
	align-items: center;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	font-size: .34rem;
}
.mobile-nav li:last-child {
	border-bottom: none;
}
.mobile-nav li i {
	color: #999;
	font-size: .28rem;
}
/*list样式*/


.s_banner {
	background: url(../images/s_banner.jpg) no-repeat center;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 6% 0;
	box-shadow: 0 5px 10px rgb(27 112 210 / 25%);
}
.s_banner span {
	font-size: .42rem;
	color: #fff;
	padding: 3%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.s_banner span i {
	font-size: .52rem;
	margin-right: 5px;
}
.news_list {
	margin: 3%;
}
.news_list #nav {
	border-bottom: 1px solid #eee;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: .2rem;
	height: 50px;
	line-height: 50px;
}
.news_list #nav li {
	font-size: .36rem;
	text-align: center;
	background: url(../images/line3.png) no-repeat 0 center;
}
.news_list #nav .active-nav a {
	color: #1B70D2;
	font-size: .42rem;
}
.news_list .jtjj {
	background: #f5f5f5 url(../images/tpxw_bg.png) no-repeat right bottom;
	border-radius: .15rem;
	padding: 5%;
}
.news_list .jtjj p {
	font-size: .3rem;
	line-height: 1.8;
	margin-bottom: 2%;
	text-indent: .6rem;
}
.news_list .jtjj img {
	width: 100%;
}
.news_list .detail {
	background: #f5f5f5 url(../images/tpxw_bg.png) no-repeat right bottom;
	border-radius: .15rem;
	padding: 5%;
}
.news_list .detail dl {
	border-bottom: 1px solid #ececec;
	padding-bottom: 4%;
	margin-bottom: 4%;
}
.news_list .detail dt {
	text-align: center;
	font-size: .36rem;
	line-height: 1.5;
	color: #1B70D2;
	margin-bottom: 2%;
}
.news_list .detail dd {
	font-size: .28rem;
	color: #999;
	line-height: 1.5;
}
.news_list .detail dd p {
	text-align: center;
}
.news_list .detail dd p span {
	margin: 0 2%;
}
.news_list .detail .content {
	font-size: .3rem;
	color: #666;
	line-height: 2;
}
.news_list .xwlb li {
	font-size: .3rem;
	line-height: 1.8;
	border-radius: .15rem;
	padding: 3% 5%;
	background: #fafafa;
	margin-bottom: 3%;
}
.news_list .xwlb li h1 {
	font-weight: normal;
	text-align: center;
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: .36rem;
	line-height: 2;
	color: #1B70D2;
}
.news_list .xwlb li p {
	font-size: .3rem;
	line-height: 1.8;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-indent: .6rem;
	color: #666;
}
.news_list .xwlb li span {
	font-size: .24rem;
	color: #999;
}
.news_list .xwlb li span i {
	font-style: normal;
	margin: 0 5px;
}
.news_list .viddeo li {
	font-size: .3rem;
	line-height: 1.8;
	border-radius: 0.15rem;
	padding: 3% 5%;
	background: #fafafa;
	margin-bottom: 3%;
	text-align: center;
}
.page {
	text-align: center;
}
.page a, .page span {
	padding: 0% 3%;
	font-size: .3rem;
	margin: 0 2px;
	border: 1px solid #eee;
	color: #666;
	display: inline-block;
	line-height: 25px;
	height: 25px;
	border-radius: .1rem;
}
.page a:hover, .page a.current, .page span.current {
	background: #1B70D2;
	border: 1px solid #1B70D2;
	color: #fff;
}
