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

header { width: 100%; position: fixed; z-index: 999;}

.fp-viewing-0 .navbar-default { background: none; border:none; height: 80px;}
.fp-viewing-0 .navbar-header { margin-top: 10px;}
.fp-viewing-0 .navbar-brand { background: url("../images/logo_white.png") no-repeat; width: 262px; height:59px;}
.fp-viewing-0 .navbar-default .navbar-collapse, .navbar-default .navbar-form { margin-top: 20px;}
.fp-viewing-0 .navbar-default .navbar-nav>li>a { color:#fff;font-size: 16px;}

.navbar-default { height: 80px; background:#fff;}
.navbar-header { margin-top: 10px;}
.navbar-brand { background: url("../images/logo_black.png") no-repeat; width: 262px; height:59px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { margin-top: 20px;}
.navbar-default .navbar-nav>li>a { color:#666; font-size: 16px;}


.index_page_text_1 { text-align: left; color: #fff;}
.index_page_text_1 p { font-size:10px;}



.index_page_3 { background: url("../images/index_pagebg_3.jpg") center; background-size: cover;}
.index_page_text_about { color: #fff;}
.index_page_text_about h1 { margin-bottom: 40px;}
.index_page_text_about h1 small { display: block; width: 60px; height:4px; background: #fff; margin-top: 20px;}
.index_page_text_about p { font-size: 16px; margin-bottom: 30px;text-shadow: 0 2px 5px #333; line-height: 28px;}
.index_page_text_about .btn-default { background:rgba(255,255,255,0.2); border:1px #fff solid; color: #fff; padding: 8px 20px;}
.index_page_text_about .btn-default:hover { background: #3681ce; color: #fff; border:1px #3681ce solid;}
.index_about_pic img { border-radius: 0px 60px;}

.index_page_news { background: url("../images/index_news_bg.jpg") center; background-size: cover;}
.index_page_news .index_title { text-align: center; margin-bottom: 40px;}
.index_page_news .index_title small {display: block; margin-top: 10px; font-size: 16px;}
.swiper-container { width: 100%; height: 100%; padding-bottom: 30px;}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.index_page_news .thumbnail { padding: 0; border:none;}
.index_page_news .thumbnail .caption { padding: 0px 20px 0px 20px}
.index_page_news .thumbnail .caption h3 { font-size:16px; word-break:break-all; text-overflow:ellipsis; overflow:hidden; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.index_page_news .thumbnail .caption h3 a { color: #333;}
.index_page_news .thumbnail .caption h3 a:hover { color: #3681ce; text-decoration: none;}
.index_page_news .thumbnail .caption p { font-size:14px; color:#ababab; word-break:break-all; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0px;}

.m_index_news { display:none;}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    margin: 0 auto;
}

.place { line-height: 40px; color: #ccc;}
.place a { color:#ccc;}

.pages { clear: both; text-align: center; font-size:14px; margin-bottom:20px; margin-top:60px;}
.pages ul { padding:0;}
.pages ul li { display:inline-block; margin: 0 3px; line-height: 20px; color:#999}
.pages ul li { color:#fff; font-size:14px;}
.pages ul li a { padding:6px 15px; border:1px #e5e5e5 solid; color:#666; display:block;}
.pages ul li a:hover { color: #ff5c00; border: 1px solid #ff5c00; background:#fffaf6; text-decoration:none;}
.pages ul li.thisclass { display: inline-block; margin: 0 3px;}
.pages ul li.thisclass a { color: #fff; border: 1px solid #ff5c00; background:#ff5c00;}

.article_main { background: #f7f7f7; padding-top: 20px;}
.article_white_box { background: #fff; padding: 30px; margin-bottom: 20px;}

.left_nav { background: #fff; padding: 20px; margin-bottom: 20px;}
.left_nav h2 { margin-top: 0px; margin-bottom: 30px; font-size: 20px;}
.left_nav ul { margin: 0; padding: 0;}
.left_nav ul p a { border: 1px #e5e5e5 solid; display: block; text-align: center; line-height: 40px; color: #666; font-size: 16px;}
.left_nav ul p a:hover { text-decoration: none; background: #315c97; color: #fff;border: 1px #2b5083 solid; }
.left_nav ul p a.thisclass {background: #315c97; color: #fff;border: 1px #2b5083 solid; }

.article_here { border-bottom:1px #e5e5e5 solid; margin-bottom: 40px;}
.article_here span { float: right; color: #ccc;}
.article_here span a { color: #ccc;}
.article_here span a:hover { text-decoration: none; color: #cc0000;}
.article_here h1 { font-size:24px; font-weight: bold; margin-top: 0px;}

.article_list ul { padding: 0; margin: 0; overflow: hidden; border-bottom: 1px #e5e5e5 dashed; padding-bottom: 20px; margin-bottom: 20px;}
.article_list .article_list_pic { float:left; width: 280px; margin-right: 20px;}
.article_list .article_list_pic img { border: 1px #e5e5e5 solid; border-radius: 6px;}
.article_list .article_list_text { padding: 10px;}
.article_list .article_list_text a { font-size: 18px; color: #333;}
.article_list .article_list_text a:hover { color:#3681ce; text-decoration: none;}
.article_list .article_list_text p { color:#898989; margin-top: 15px;}

.title { text-align: center;}
.title h2 { font-size: 22px; font-weight: bold;}
.info {text-align: center; font-size: 14px; color: #ccc; margin-bottom: 30px; border-bottom: 1px #e5e5e5 dashed; padding-bottom: 20px;}
.article_content { font-size:16px; color: #666; line-height: 30px;}
.article_content p { margin-bottom:15px; font-size: 16px; color:#666; line-height: 35px;letter-spacing: .5px;}
.article_content p a::after {
    position: absolute;
    right: 0;
    bottom: 1px;
    left: 0;
    z-index: 1;
    height: 5px;
    border-radius: 2.5px;
    content: "";
	background: #ff8a00;
    opacity: .4;
}
.article_content h1,.article_content h2,.article_content h3,.article_content h4,.article_content h5 { color: #333; font-size: 24px; line-height: 30px; margin-bottom: 30px;}
.article_content img { max-width:820px;}
.article_content blockquote { background: #f7fbff; padding: 20px 20px;}
.article_content blockquote ul { margin-left: 0; padding-left: 15px;}
.article_content blockquote p { font-size: 14px;}
.article_content a { color:#666; position: relative;}
.article_content a:hover { color:#cc0000;}
.article_content h2, .article_content h4 { display: inline-block; font-size: 22px; margin-top: 22px; font-weight: bolder; position: relative; z-index: 1;}
.article_content h2::after,.article_content h4::after { position: absolute; bottom: 2px; content: ''; display: block; width: 100%; height: 10px; background-color: #afe9ff; z-index: -1;}
.article_content ul { margin-left: 20px; list-style: disc;}
.article_content ol { margin-left: 20px;}

.context { margin-top: 40px; border-top: 1px #e5e5e5 solid; padding-top: 20px; color: #666;}
.context a:hover { color: #cc0000; text-decoration: none;}

.about_box { background: #fff; padding: 40px; margin-bottom: 40px;}
.about_content { color:#666; font-size: 16px; line-height: 30px;}

.foot_box { width:100%; background: #333; color: #fff; padding: 30px 0; text-align: center;}
.foot_box a { color:#fff;}
.foot_box a:hover { color:#3681ce; text-decoration: none;}

@media (max-width: 1024px){
	.fp-viewing-0 .navbar-brand { width: 210px;height: 48px; background-size: cover; margin-left: 10px;}
	.navbar-brand {width: 210px; background-size: cover; height: 48px; margin-left: 10px;}
	.navbar-header { margin-bottom: 10px;}
	.navbar-default { height:auto;}
	.navbar-nav { background: #fff;}
	.index_page_text_1 h3 { font-size:16px;}
	.index_page_text_1 h1 { font-size:18px;}
	.index_page_text_1 p { font-size: 10px;}
	
	.index_page_text_about h1 { margin-bottom: 40px; font-size: 18px;}
	.index_page_text_about h1 small { display: block; width: 30px; height:3px; background: #fff; margin-top: 20px;}
	.index_page_text_about p { font-size: 14px; margin-bottom: 30px;text-shadow: 0 2px 5px #333; line-height: 28px;}
	.index_about_pic { display: none;}
	
	.swiper-container { display: none;}
	.m_index_news { display: block;}
	.index_page_news .index_title { margin-bottom: 20px;}
	.index_page_news .index_title h1 { font-size: 18px;}
	.index_page_news .index_title h1 small { font-size: 12px;}
	.m_index_news_list { background: #fff; margin-bottom: 15px; padding: 15px;}
	.m_index_news_list h3 { font-size: 16px; margin-top: 0px;}
	.m_index_news_list h3 a { color: #333}
	.m_index_news_list p { font-size: 12px;}
	
	.left_nav h2 { display:none;}
	.left_nav {
		width: 100%;
		background: none;
		white-space: nowrap;
		overflow-x: scroll;
		overflow-y: hidden;
		-webkit-backface-visibility: hidden;
		-webkit-perspective: 1000;
		-webkit-overflow-scrolling: touch;
		text-align: justify;
		padding:.4rem;
		box-sizing: border-box;
		margin-bottom: 10px;
	}
	.left_nav ul p {display: inline-block; font-size: .34rem; margin-right: .4rem;}
	.left_nav ul p a { border: 1px #e5e5e5 solid; display: block; text-align: center; line-height: 40px; color: #666; font-size: 14px; background: #fff;padding: 0 15px;}
	.left_nav ul p a:hover { text-decoration: none; background: #315c97; color: #fff;border: 1px #2b5083 solid; }
	.left_nav ul p a.thisclass {background: #315c97; color: #fff;border: 1px #2b5083 solid; }
	
	.article_white_box { padding: 15px 15px;}
	.article_here { margin-bottom: 15px;}
	.article_here span { display:none;}
	.article_here h1 { font-size: 18px;}
	
	.article_list .article_list_pic { width: 100%; margin-right: 0px; float: none; margin-bottom: 10px;}
	.article_list .article_list_text { padding: 0px;}
	.article_list .article_list_text a { font-size: 16px;}
	.article_list .article_list_text p { word-break:break-all; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical; margin-top: 5px;}
	.pages { margin-top: 20px;}
	.pages .pageinfo { color: #ccc;}
	
	.foot_box { font-size: 12px;}
}