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

/*--------------- common begin ----------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{margin: 0;padding: 0;}
body{font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,SimSun; color:#434343;}
a{ color:#434343;}
a:focus,a:hover{ color:#d82128; text-decoration:none;}
li{ list-style-type:none;}
img{ max-width:100%;}
.fl, .fr{display: inline;}
.fl{float: left;}
.fr{float: right;}
.clearfix:before, .clearfix:after{content: "";display: table;}
.clearfix:after{clear: both;overflow: hidden;}
.clearfix{zoom: 1; /* for ie6 & ie7 */}
.img-hundred{ display:block; width:100%;}
/*--------------- common end ----------------*/

/*--------------- #header begin ----------------*/
#top{ background-color:#e50020; padding-top:10px; padding-bottom:10px;}
.lang{ float:right;}
.lang li{ float:left; margin-left:5px;}
.lang li a{ display:block; height:30px; line-height:30px; color:#fff; padding:0 15px;}
.lang li a:hover,.lang li.current a{ background-color:#fff; color:#000; border-radius:15px;}
.search{ float:right; margin-right:30px; position:relative;}
.search .search-keyword{ width:200px; border:1px solid #eee; height:30px; line-height:30px; border-radius:5px; padding:0 10px;}
.search button{ position:absolute; right:0; top:0; border:none; height:30px; background-color:#efefef; padding:0 10px; border-radius:0 5px 5px 0; font-size:16px;}
.navbar{ background-color:#00479d; border:none; border-radius:0; margin-bottom:0;}
.navbar-brand{ height:auto;}
.navbar-nav > li{ border-left:1px solid #d1e1ec;}
.navbar-nav > li#nav-home{ border-left:none;}
.navbar-nav > li > a{ height:100px; line-height:100px; color:#fff; padding:0 30px; font-size:16px;}
.navbar-nav > li > a:hover,.navbar-nav > li.current > a,.nav .open > a, .nav .open > a:focus, .nav .open > a:hover,.nav > li > a:focus, .nav > li > a:hover{ background-color:#f8ba00; color:#010101;}
.dropdown-menu{ min-width:inherit; width:100%; border-radius:0; border:none; background:url(../images/nav_sub.png); padding:0;text-align:center;}
.dropdown-menu > li{ border-top:1px solid #b5b5b5;}
.dropdown-menu > li > a{ color:#000; padding:15px 0; }
/**/
.navbar-header .navbar-toggle{border: 1px solid #fff}
.navbar-header .navbar-toggle .icon-bar{background: #fff}

/*--------------- #header end ----------------*/


/*--------------- #main begin ----------------*/

/* banner */
#banner{ clear:both; text-align:center; position:relative;}
#banner img{ display:block; width:100%;}

/* main-top */
.main-top{ background-color:#f4f4f4; padding:20px 0 10px;}
.crumb{ color:#999; font-size:12px; margin-bottom:20px;}
.crumb a{ color:#999;}
.crumb a:hover{ color:#666}
.crumb i{ color:#FF0000; font-style:normal;}
.subnav{ margin-left:-5px; margin-right:-5px;}
.subnav li{ float:left; padding-left:5px; padding-right:5px; margin-bottom:10px;}
.subnav li a{ display:block; background-color:#fff; width:116px; text-align:center; color:#434343; border:1px solid #eee; padding:10px 0;}
.subnav li a:hover,.subnav li.current a{ background-color:#d82128; border-color:#d82128; color:#fff;}

#article{ clear:both; padding-top:20px; padding-bottom:50px;}
/* article-top */
.article-top{ clear:both; border-bottom:1px solid #eee; padding:20px 0; margin-bottom:20px;}
.article-name{ float:left; font-size:24px; line-height:30px;}


/* content */
.article-title{ text-align:center; font-size:20px; padding:10px 0; line-height:1.6;}
.article-content{ color:#434343; line-height:2; padding:20px 0;}
.article-content p{}
.article-content img{ max-width:100%;}

/* pages */
.pages{ clear:both; text-align:center; font-size:0;}
.pages li{ display:inline-block;}
.pages a{ display:inline-block; border:1px solid #dcdcdc; padding:5px 10px; font-size:14px; margin:0 5px;}
.pages a:hover,.pages .thisclass a{ background-color:#d82128; border-color:#d82128; color:#fff;}


/*--------------- #mian end ----------------*/


/*--------------- #footer begin ----------------*/
#footer{ background-color:#f4f4f4;}
.footer-hd{ padding:70px 0;}
.footer-hd dl{ float:left; margin-right:50px}
.footer-hd dl dt{ font-size:18px; margin-bottom:15px; font-weight:normal;}
.footer-hd dl dt a{ color:#4b4b4b;}
.footer-hd dl dd{ margin-bottom:5px;}
.footer-hd dl dd a{ color:#000;}
.footer-hd dl dt a:hover,.footer-hd dl dd a:hover{ color:#d82128}
.footer-tel{ float:right; color:#000; padding-top:30px;}
.footer-tel h5{ background:url(../images/icon_telb.png) no-repeat left center; padding-left:70px; height:60px; font-size:18px; margin-bottom:20px;}
.footer-tel h5 strong{ display:block; font-size:34px; padding-top:5px;}
.footer-tel p{ padding-left:20px;}
.footer-bd{background-color:#00479d; color:#fff; padding:30px 0 80px 0;}
.footer-bd .container{ position:relative;}
.footer-bd .footer-pronav{ clear:both; margin:0 -7px 20px; text-align:center;}
.footer-bd .footer-pronav li{ float:left; padding:0 7px; margin-bottom:20px;}
.footer-bd .footer-pronav li a{ background-color:#f8ba00; border-radius:5px; display:block; color:#000; padding:8px 0; width:150px; font-size:18px;}
.footer-bd .footer-pronav li a:hover{ background-color:#e5ac01;}
.footer-bd p{ clear:both; margin-top:10px;}
.footer-bd p a{ color:#fff;}
.footer-bd p a:hover{ color:#eee;}
.footer-bd p span{ margin:0 5px;}
.footer-bd .footer_wechat{ position:absolute; right:15px; top:0; text-align:center;}
.footer-bd .footer_wechat img{ display:inline-block; width:100px; height:100px; margin-bottom:5px;}
.footer-bd .footer_wechat span{ display:block;}
.footer-bd .footer_wechat i{ font-style:normal;}


.news .heading {
	margin: 40px 0 20px 0;
	text-align: center;
}

.news .heading h2 {
	font-size: 32px;
	font-weight: 400;
	color: #464646;
	position: relative;
	text-transform: uppercase;
}

.news .heading h3 {
	font-size: 16px;
	font-weight: 200;
	color: #464646;
	padding-bottom: 5px;
	margin-top: 20px;
	margin-bottom: 40px;
}

.news .heading p {
	font-size: 16px;
	text-align: center;
	color: #353535;
}

.news .thumbnail {
	padding: 0;
	border-radius: 0;
	position: relative;
	border: 1px dashed #ccc;
}

.news .thumbnail .photo {
	position: relative;
}

.thumbnail .photo {
	overflow: hidden
}

.thumbnail .photo img {
	width: 100%;
	transform: scale(1);
	transition: all 0.7s ease 0s;
}

.news .thumbnail:hover.thumbnail .photo img {
	transform: scale(1.2);
}

.news .thumbnail .photo img .news .thumbnail .date {
	font-family: "Open Sans", sans-serif;
	width: 100%;
	height: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(70, 70, 70, 0.8);
	color: #fff;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0;
}

.news .thumbnail .post-date .inner {
	padding-top: 15px;
	margin-bottom: 10px
}

.news .thumbnail:hover .date {
	opacity: 1;
	height: 50px;
}

.news .thumbnail .caption {
	padding: 15px;
}

.news .thumbnail .caption h3 {
	color: #000;
	font-size: 20px;
}

.news .thumbnail .caption h4 {
	color: #868686;
	font-weight: normal;
	font-size: 13px;
	margin-bottom: 15px;
}

.news .thumbnail .caption p {
	font-size: 14px;
	line-height: 22px;
	margin-top: 20px;
}

.news .thumbnail .caption p a {
	background: #00479d none repeat scroll 0 0;
	color: #fff;
	display: inline-block;
	padding: 10px 25px;
	text-transform: uppercase;
	border-color: #00479d;
	border-radius: 0;
}

.news .thumbnail .caption p a:hover {
	background: #da251c;
	border-color: #da251c;
}


.heading-normal {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
	overflow: hidden;
}

.heading-normal h2 {
	color: #2abb67;
	padding-bottom: 10px;
	font-size: 26px;
	font-weight: 600;
}

.heading-normal p {
	color: #555555;
	font-size: 14px;
}


/*--------------- #footer end ----------------*/

/* >=768px */
@media (min-width:768px){
	nav.navbar .nav > li:hover .dropdown-menu{display: block;}
}

@media (max-width:1199px){
	#top{ padding-top:8px; padding-bottom:8px;}
	.search{ margin-right:10px;}
	.search .search-keyword{ height:25px; width:160px;}
	.search button{ height:25px;}
	.lang li a{ height:25px; line-height:25px; padding-left:10px; padding-right:10px;}
	/*nav*/
	.navbar-brand{ padding-top:10px; padding-bottom:10px;}
	.navbar-brand > img{ height:60px;}
	.navbar-nav > li > a{ padding-left:15px; padding-right:15px; font-size:16px; height:80px; line-height:80px;}
	.dropdown-menu > li > a{ padding-top:10px; padding-bottom:10px;}	
	
	.news {
	background: #f2f3f3;
	padding-top: 50px;
	padding-bottom: 50px;
}
}

@media (max-width:991px){
	/*nav*/
	.navbar-brand > img{ height:50px;}
	.navbar-nav > li > a{ padding-left:13px; padding-right:13px; font-size:14px; height:70px; line-height:70px;}
	.dropdown-menu > li > a{ padding-top:8px; padding-bottom:8px;}
	/* main-top */
	.subnav li{ width:16.6%;}
	.subnav li a{ width:auto;}
	/* footer */
	.footer-hd dl{ width:20%; text-align:center; margin-right:0;}
	.footer-tel{ float:left; padding-top:20px;}
	.footer-tel h5{ margin-bottom:10px;}
	.footer-bd .footer-pronav li a{ width:130px; padding-top:5px; padding-bottom:5px;}
	.footer-bd .footer_wechat i{ display:none;}
}

@media (max-width:767px){
	#top{ padding-top:5px; padding-bottom:5px;}
	.navbar-brand{ padding-top:5px; padding-bottom:5px;}
	.navbar-brand > img{ height:40px;}
	.navbar-nav > li{ border-bottom:1px solid #1a5aa7; border-left:none;}
	.navbar-nav > li > a{ height:auto; line-height:normal; padding:10px; text-align:center;}
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a{ padding-left:15px;}
	/* main-top */
	.main-top{ padding-top:10px; padding-bottom:0;}
	.crumb{ margin-bottom:10px;}
	.subnav li{ width:33.3%;}
	.subnav li a{ padding-top:8px; padding-bottom:8px;}
	
	.article-top{ padding-bottom:10px;}
	.article-name{ font-size:18px;}
	/**/
	.article-title{ font-size:18px;}
	.article-content{ padding-top:0; line-height:1.8;}
	
	#article{ padding-top:0; padding-bottom:30px;}
	/* footer */
	.footer-hd dl dt{ font-size:16px; margin-bottom:10px;}
	.footer-hd{ padding:30px 0 20px;}
	.footer-bd{ padding-top:30px;}
	.footer-bd .footer-pronav li{ width:25%;margin-bottom:0;}
	.footer-bd .footer-pronav li a{ width:auto; font-size:16px;}
	.footer-bd p{ padding-right:110px;}
	.footer-bd .footer_wechat{ top:55px;}
}

@media (max-width:414px){
	.pages a{ margin:0 3px;}
	/**/
	.article-title{ font-size:16px;}
	/* footer */
	.footer-hd dl{ width:33.3%; margin-bottom:15px; height:158px;}
	.footer-tel{ padding-top:0;}
	.footer-bd{ padding-bottom:10px;}
	.footer-bd .footer-pronav{ margin-left:-5px; margin-right:-5px;}
	.footer-bd .footer-pronav li{ padding-left:5px; padding-right:5px;}
	.footer-bd .footer-pronav li a{font-size:14px;}
	.footer-bd p{ padding-right:0; text-align:center;}
	.footer-bd .footer_wechat{ top:auto; right:auto; position:relative; padding-top:15px;}
}

@media (max-width:375px){
	.lang li.current{ display:none;}
	/* main-top */
	.subnav{ margin-left:-3px; margin-right:-3px;}
	.subnav li{ padding-left:3px; padding-right:3px;}
	.subnav li a{ padding-top:5px; padding-bottom:5px;}
	.pages a{ padding:3px 8px;}
	/* footer */
	.footer-tel h5{ padding-left:65px; font-size:16px;}
	.footer-tel h5 strong{ font-size:30px;}
	.footer-tel p{ padding-left:10px;}
	.news .thumbnail .caption h3 {color: #000;font-size: 16px;}
	.news .heading {margin: 1px 0 1px 0;text-align: center;}
}