@charset "utf-8";
/* CSS Document */
/*
 ios 系统自带字体
    ios默认中文字体是STHeiti(苹果黑体)
    ios默认英文字体是Helvetica
    ios默认数字字体是HelveticaNeue
    无微软雅黑字体
android 系统自带字体
    Android默认中文字体是Droidsansfallback(华文中宋)
    Android默认英文和数字字体是Droid Sans
    无微软雅黑字体
winphone 系统
    默认中文字体是Dengxian(方正等线体)
    默认英文和数字字体是Segoe
结论
    各个手机系统有自己的默认字体，且都不支持微软雅黑
    如无特殊需求，手机端无需定义中文字体，使用系统默认
    英文字体和数字字体可使用 Helvetica ，三种系统都支持

*/
* {
	margin: 0;
	padding: 0;
}
html {
	font-size: 16px;
}
body {
	font-family: "Helvetica";
	margin: 0;
	padding: 0;
	font-size: 100%;
	background: #fff;
	overflow-x: hidden;
	color: #333;
}
div, img, ul, ol, li, dl, dt, dd, p {
	margin: 0;
	padding: 0;
	border: 0;
}
ul, li, ol, dl, dt {
	list-style-type: none;
}
img {
	max-width: 100%;
	width: 100%;
	display: block;
}
img a {
	border: none;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 1.25rem;
	font-weight: 600;
}
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #c00;
	text-decoration: none;
}
a:active {
	color: #c00;
	text-decoration: none;
}
input {
	outline: none;
	border: none;
}
.mb60 {
	width: 100%;
	margin-bottom: 60px;
}
.mb75 {
	width: 100%;
	margin-bottom: 75px;
}
.clear {
	clear: both;
}
/*顶部菜单*/
.top-head {
	width: 100%;
	height: 2.5rem;
	padding: 5px 0;
	line-height: 2.5rem;
	text-align: center;
	color: #ccc;
	background: #0a3f89;
	position: relative;
	overflow: hidden;
}


.logo {
	height: 2.5rem;
	line-height: 2.5rem;
	font-size:1.05rem;
	font-weight:600;
	letter-spacing:2px;
	text-align: center;
	color: #eee;
	position: relative;
}

/*右侧滑出菜单*/
.cd-nav-trigger {
	position: absolute;
	z-index: 30;
	left: 5%;
	top: 0.625rem;
	height: 1.875rem;
	width: 1.875rem;
	background: #0a3f89;
	border-radius: 50%;
	border: 1px solid #aaa;
	/* image replacement */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	-webkit-transition: -webkit-transform 0.5s;
	-moz-transition: -moz-transform 0.5s;
	transition: transform 0.5s;
}
.cd-nav-trigger .cd-nav-icon {
	/* icon created in CSS */
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 22px;
	height: 2px;
	background-color: #ffffff;
}
.cd-nav-trigger .cd-nav-icon::before, .cd-nav-trigger .cd-nav-icon:after {
	/* upper and lower lines of the menu icon */
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: inherit;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.5s, width 0.5s, top 0.3s;
	-moz-transition: -moz-transform 0.5s, width 0.5s, top 0.3s;
	transition: transform 0.5s, width 0.5s, top 0.3s;
}
.cd-nav-trigger .cd-nav-icon::before {
	-webkit-transform-origin: right top;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	transform-origin: right top;
	-webkit-transform: translateY(-6px);
	-moz-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	-o-transform: translateY(-6px);
	transform: translateY(-6px);
}
.cd-nav-trigger .cd-nav-icon::after {
	-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	-o-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: translateY(6px);
	-moz-transform: translateY(6px);
	-ms-transform: translateY(6px);
	-o-transform: translateY(6px);
	transform: translateY(6px);
}
.no-touch .cd-nav-trigger:hover .cd-nav-icon::after {
	top: 2px;
}
.no-touch .cd-nav-trigger:hover .cd-nav-icon::before {
	top: -2px;
}
.cd-nav-trigger svg {
	position: absolute;
	top: 0;
	left: 0;
}
.cd-nav-trigger circle {
	/* circle border animation */
	-webkit-transition: stroke-dashoffset 0.4s 0s;
	-moz-transition: stroke-dashoffset 0.4s 0s;
	transition: stroke-dashoffset 0.4s 0s;
}
.navigation-is-open .cd-nav-trigger {
	/* rotate trigger when navigation becomes visible */
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after, .navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
	/* animate arrow --> from hamburger to arrow */
	width: 50%;
	-webkit-transition: -webkit-transform 0.5s, width 0.5s;
	-moz-transition: -moz-transform 0.5s, width 0.5s;
	transition: transform 0.5s, width 0.5s;
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::after, .no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::before {
	top: 0;
}
.navigation-is-open .cd-nav-trigger circle {
	stroke-dashoffset: 0;
	-webkit-transition: stroke-dashoffset 0.4s 0.3s;
	-moz-transition: stroke-dashoffset 0.4s 0.3s;
	transition: stroke-dashoffset 0.4s 0.3s;
}
.cd-nav {
	position: fixed;
	z-index: 20;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #0a3f89;
	visibility: hidden;
	-webkit-transition: visibility 0s 0.7s;
	-moz-transition: visibility 0s 0.7s;
	transition: visibility 0s 0.7s;
}
.cd-nav .cd-navigation-wrapper {
	/* all navigation content */
	height: 100%;
	width: 90%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding: 3.75rem 5% 2.5rem 5%;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: -webkit-transform 0.7s;
	-moz-transition: -moz-transform 0.7s;
	transition: transform 0.7s;
	-webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
	-moz-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
	transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
}
.navigation-is-open .cd-nav {
	visibility: visible;
	-webkit-transition: visibility 0s 0s;
	-moz-transition: visibility 0s 0s;
	transition: visibility 0s 0s;
}
.navigation-is-open .cd-nav .cd-navigation-wrapper {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: -webkit-transform 0.5s;
	-moz-transition: -moz-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
	-moz-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
	transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
}
.cd-navigation-wrapper {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.cd-nav h2 {
	position: relative;
	padding-bottom: 1rem;
	font-size: 1.5rem;
	font-weight: 600;
	color: #eee;
	border-bottom: 1px solid #ccc;
	text-transform: uppercase;
}
.cd-nav .cd-primary-nav {
	margin-top: 2rem;
}
.cd-nav .cd-primary-nav li {
	height: 3.75rem;
	width: 80%;
	margin: 0 10%;
	border-bottom: 1px solid #ccc;
	position: relative;
	overflow: hidden;
}
.cd-nav .cd-primary-nav a {
	display: block;
	width: 100%;
	height: 3.75rem;
	line-height: 3.75rem;
	font-size: 1.5rem;
	color: rgba(255, 255, 255, 0.3);
}
.cd-nav .cd-primary-nav a.selected {
	color: #fff;
}
.no-touch .cd-nav .cd-primary-nav a:hover {
	color: #fff;
}
/*底部导航*/
.top_bar {
	position: fixed;
	z-index: 10;
	bottom: 0;
	left: 0;
	right: 0;
}
.top_menu {
	border-top: 1px solid #162d57;
	width: 100%;
	height: 48px;
	display: -webkit-box;
	margin: 0;
	padding: 2px 0;
	-webkit-box-orient: horizontal;
	background:#0a3f89;
}
.top_bar .top_menu li {
	-webkit-box-flex: 1;
	position: relative;
	text-align: center;
}
.top_bar .top_menu li a {
	height: 48px;
	display: block;
	text-align: center;
	color: #dcdcdc;
	text-decoration: none;
	-webkit-box-flex: 1;
}
.top_bar .top_menu li.home {
	max-width: 70px
}
.top_bar .top_menu li.home a {
	height: 66px;
	width: 66px;
	margin: auto;
	border-radius: 60px;
	position: relative;
	top: -22px;
	left: 2px;
	background: url(../../images/wap_images/home.png) no-repeat center center;
	background-size: 100% 100%;
}
.top_bar .top_menu li a span {
	margin: 0;
	font-size: 87.5%;
	display: block !important;
	line-height: 18px;
	height: 18px;
	text-align: center;
	overflow: hidden;
}
.top_bar .top_menu li a img {
	height: 26px;
	width: 26px;
	padding: 2px;
	vertical-align: middle;
	display: -webkit-inline-box;
}
/*焦点幻灯*/
.hmFocus .swiper-pagination {
	bottom: 0.625rem;
	left: 0;
	width: 100%;
}
.hmFocus .swiper-pagination-bullet {
	opacity: 1;
	background: #fff;
	margin: 0 3px!important;
}
.hmFocus .swiper-pagination-bullet-active {
	background: #f80808;
}

/*导航部分开始*/
.menu {
	padding:0.5em 0;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.menu ul {
	width: 94%;
	margin:0 auto;
	padding:0 3%;
	background:#fff;
	height: auto;
	position:relative;
	overflow:hidden;
}
.menu ul li {
	width: 25%;
	height: auto;
	float: left;
	overflow: hidden;
}
.menu ul li a {
	width: 80%;
	margin: 10%;
	height: auto;
	float: left;
	display: block;
	overflow: hidden;
}
.menu ul li img {
	width: 90%;
	margin: 0 5%;
	height: auto;
	overflow: hidden;
}
.menu ul li span {
	width: 100%;
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	font-size: 1rem;
	font-weight: 500;
	color: #333;
	display: block;
}
/*关于我们*/
.about_us {
	width: 100%;
	height: auto;
	padding-top: 0.5rem;
	background: #f9f9f9;
	overflow: hidden;
}
.about_us_tit {
	width: 100%;
	height: auto;
}
.about_us_main{ width:96%; height:auto; padding:3% 2%; background:#fff; position:relative; overflow:hidden;}
.about_us_pic{ width:90%; height:auto; margin:0 5% 5% 5%; position:relative; overflow:hidden;}
.about_us_pic img{ width:100%; height:auto; position:relative; overflow:hidden;}
.about_ue_txt{ width:100%; height:auto; position:relative; overflow:hidden;}
.about_ue_txt p{ width:100%; height:auto; line-height:6vw; text-indent:6vw; font-size:4vw; text-align:justify; color:#555; position:relative; overflow:hidden;}


/*栏目标题*/
.title {
	width: 100%;
	height: 1.25rem;
	padding: 1rem 0 0.5rem 0;
	border-bottom: 1px solid #ddd;
	background: #fff;
	overflow: hidden;
}
.title span {
	display: block;
	margin-left: 3%;
	font-size: 1rem;
	font-weight: 600;
	height: 1.25rem;
	line-height: 1.25rem;
	color: #c50a0a;
	padding: 0 0.625rem;
	float: left;
	border-left: 4px solid #c50a0a;
	overflow: hidden;
}
.title em {
	display: block;
	margin-top: 0.25rem;
	height: 1rem;
	font-size: 0.75rem;
	line-height: 1rem;
	color: #ccc;
	float: left;
	overflow: hidden;
}
.title a {
	display: block;
	height: 1.25rem;
	font-size: 0.75rem;
	line-height: 1.25rem;
	color: #c50a0a;
	float: right;
	margin-right: 5%;
	overflow: hidden;
}
/*新闻中心样式*/
.news {
	width: 100%;
	height: auto;
	padding-top: 0.5rem;
	background: #f9f9f9;
	overflow: hidden;
}
.news_con{ width:96%; padding:0 2%; background:#fff; position:relative; overflow:hidden;}
.news_con_li{ width:100%; height:auto; padding:3% 0; border-bottom:1px solid #ececec;position:relative; overflow:hidden;}
.news_con_li:last-child{ border-bottom:none;}
.news_con_li_img{ width:40%; height:auto; float:left; position:relative; overflow:hidden; z-index:1;}
.news_con_li_img a{ display:block; width:100%; height:auto;position:relative; overflow:hidden;}
.news_con_li_img a img{width:100%; height:auto; position:relative; overflow:hidden;}
.news_con_li_img span{ display:block;width:15vw;height:5vw;line-height:5vw; position:absolute; top:0; left:0; z-index:10; color:#fff; font-size:3.25vw; text-align:center;}

.news_con_li:nth-child(1) .news_con_li_img span{ background:#3399ff;}
.news_con_li:nth-child(2) .news_con_li_img span{ background:#008700;}
.news_con_li:nth-child(3) .news_con_li_img span{ background:#e60d03;}
.news_con_li:nth-child(4) .news_con_li_img span{ background:#13abad;}
.news_con_li:nth-child(5) .news_con_li_img span{ background:#c26100;}


.news_con_li_text{ width:55%; float:right; height:auto; position:relative; overflow:hidden;}
.news_con_li_text h1{ width:100%; height:auto;font-size:3.5vw; font-weight:600; text-align:left; position:relative; overflow:hidden;}
.news_con_li_text h1 a{ display:block; width:100%; height:48px; line-height:24px; font-size:3.5vw; font-weight:600; position:relative; overflow:hidden;}

.news_more{ width:100%; height:30px; line-height:30px; margin-top:10px; position:relative; overflow:hidden;}
.news_more span{ width:50%; height:auto; text-indent:25px; line-height:30px; float:left; font-size:3.2vw; color:#999; background:url(../../images/wap_images/time.png) left center no-repeat;}
.news_more b{ width:45%; height:30px; text-indent:25px; line-height:30px; float:right;font-size:3.2vw; color:#999; background:url(../../images/wap_images/view.png) left center no-repeat;}

/*列表页*/
.news_li_more{ margin-top:0;}


/*查看更多*/
.view_more_con{width:100%; height:1.875rem; padding:3% 0; background:#fff; position:relative; overflow:hidden;}
.view_more {
	width: 45%;
	height: 1.875rem;
	margin:0 auto;
	line-height:1.875rem;
	border-radius: 0.625rem;
	background: #c50a0a;
	position:relative;
	overflow: hidden;
}
.view_more a {
	display: block;
	width: 100%;
	height: 1.875rem;
	line-height: 1.875rem;
	color: #fff;
	text-align: center;
	font-size: 1rem;
	overflow: hidden;
}

/*产品展示*/
.product {
	width: 100%;
	height: auto;
	padding-top: 0.5rem;
	background: #f9f9f9;
}
.product_tit {
	width: 100%;
	height: auto;
}
.product_tit img {
	width: 100%;
	height: auto;
	max-width: 640px;
	margin: 0 auto;
	overflow: hidden;
}
.product_con {
	width: 94%;
	padding: 3%;
	background: #fff;
	overflow: hidden;
}
.product ul {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.product ul li {
	width: 45%;
	height: auto;
	margin: 2.5%;
	padding: 1.5%;
	background: #fff;
	border: 1px solid #eee;
	float: left;
	box-sizing: border-box;
	overflow: hidden;
}
.product ul li a {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}
.product ul li a img {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.product ul li a span {
	display: inline-block;
	width: 100%;
	height: 1.5rem;
	background: rgba(0,0,0,0.75);
	line-height: 1.5rem;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #fff;
	font-size:3.2vw;
	white-space: nowrap;
	position: absolute;
	bottom: 0;
	left: 0;
}
/*回到顶部*/
p#back_to_top {
	position: fixed;
	bottom: 150px;
	right: 0.625rem;
	width: 1.875rem;
	height: 1.875rem;
	z-index:15;
}
p#back_to_top a {
	text-align: center;
	text-decoration: none;
	color: #d1d1d1;
	display: block;
	width: 1.875rem;
	height: 1.875rem;
	/*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
	-moz-transition: color 1s;
	-webkit-transition: color 1s;
	-o-transition: color 1s;
}
p#back_to_top a span {
	background: url(../../images/wap_images/gotop.png) no-repeat center center;
	display: block;
	width: 1.875rem;
	height: 1.875rem;
	/*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/
	-moz-transition: background 1s;
	-webkit-transition: background 1s;
	-o-transition: background 1s;
}
#back_to_top a:hover span {
	background: url(../../images/wap_images/gotop.png) no-repeat center center;
}
/*新闻列表页*/
.sub_banner {
	width: 100%;
	max-width: 640px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	z-index: 0;
}
/*新闻列表*/
.newslist {
	width: 94%;
	height: auto;
	border: 1px solid #eee;
	box-sizing: border-box;
	margin: 0 auto;
	background: #fff;
	border-top: 2px solid #c50a0a;
	margin-top: -1rem;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.newslist_tit {
	width: 100%;
	height: 1.875rem;
	padding: 0.5rem 0 0 0;
	border-bottom: 1px solid #ddd;
	background: #fff;
	position: relative;
	overflow: hidden;
}
.newslist_tit span {
	display: block;
	font-size: 1rem;
	font-weight: 600;
	height: 1.25rem;
	margin: 0.315rem 0 0.315rem 2%;
	line-height: 1.25rem;
	color: #c50a0a;
	padding: 0 0.625rem;
	float: left;
	border-left: 4px solid #c50a0a;
	position: relative;
	overflow: hidden;
}
.newslist_tit a {
	display: block;
	width: 1.875rem;
	height: 1.875rem;
	float: right;
	margin-right: 5%;
	overflow: hidden;
	position: relative;
}
.newslist_tit a img {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}
.newslist ul {
	width: 96%;
	padding: 0 2% 0 2%;
}
.newslist ul li {
	width: 100%;
	padding: 0.625rem 0;
	border-bottom: 1px dotted #eee;
	height: auto;
	overflow: hidden;
}

/*二级弹出菜单*/
.cd-section {
	padding: 2em;
	margin-top: 5em;
	text-align: center;
}
.no-touch .cd-bouncy-nav-trigger:hover {
	background: #e0a36f;
}
.cd-bouncy-nav-modal {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(51, 51, 51, 1);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
	-moz-transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
	transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
}
.cd-bouncy-nav-modal.fade-in {
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity 0.1s 0s, visibility 0s 0s;
	-moz-transition: opacity 0.1s 0s, visibility 0s 0s;
	transition: opacity 0.1s 0s, visibility 0s 0s;
}

.cd-bouncy-nav-modal .cd-close {
	display: block;
	position: fixed;
	top: 3rem;
	right: 10%;
	width: 1.875rem;
	height: 1.875rem;
	/* image replacement */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../../images/wap_images/close.png) no-repeat center center;
	-webkit-transform: scale(0) translateZ(0);
	-moz-transform: scale(0) translateZ(0);
	-ms-transform: scale(0) translateZ(0);
	-o-transform: scale(0) translateZ(0);
	transform: scale(0) translateZ(0);
	-webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s;
	-moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s;
	transition: transform 0.3s 0s, visibility 0s 0.3s;
}
.cd-bouncy-nav-modal .cd-search {
	display: block;
	position: fixed;
	top: 3rem;
	right: 10%;
	width: 1.875rem;
	height: 1.875rem;
	/* image replacement */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../../images/wap_images/search01.png) no-repeat center center;
	-webkit-transform: scale(0) translateZ(0);
	-moz-transform: scale(0) translateZ(0);
	-ms-transform: scale(0) translateZ(0);
	-o-transform: scale(0) translateZ(0);
	transform: scale(0) translateZ(0);
	-webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s;
	-moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s;
	transition: transform 0.3s 0s, visibility 0s 0.3s;
}
.cd-bouncy-nav-modal.fade-in .cd-close, .cd-bouncy-nav-modal.fade-in .cd-search {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 0.3s 0s, visibility 0.3s 0s;
	-moz-transition: -moz-transform 0.3s 0s, visibility 0.3s 0s;
	transition: transform 0.3s 0s, visibility 0.3s 0s;
}
.cd-bouncy-nav {
	position: absolute;
	left: 50%;
	top:20rem;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 90%;
	max-width: 300px;
}
.cd-bouncy-nav li {
	width:100%;
	height:3.5rem;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transform: translateY(100vh);
	-moz-transform: translateY(100vh);
	-ms-transform: translateY(100vh);
	-o-transform: translateY(100vh);
	transform: translateY(100vh);
	text-align: center;
}

.cd-bouncy-nav li.li_title{
width:100%;
height:4rem;
margin-bottom:2rem;
border-bottom:1px solid #999;
background:none;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-transform: translateY(100vh);
-moz-transform: translateY(100vh);
-ms-transform: translateY(100vh);
-o-transform: translateY(100vh);
transform: translateY(100vh);
text-align: center;
}
.cd-bouncy-nav li.li_title a{
display:block;
width: 100%;
height:4rem;
line-height:4rem;
background:none; 
text-align:center;
position: relative;
color: #fff;
font-size:1.5rem;
}
.is-visible .cd-bouncy-nav li {
	/* used to assign a tranlsateY value when the animation is over */
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.fade-in .cd-bouncy-nav li {
	-webkit-animation: cd-move-in 0.4s;
	-moz-animation: cd-move-in 0.4s;
	animation: cd-move-in 0.4s;
}
.fade-out .cd-bouncy-nav li {
	-webkit-animation: cd-move-out 0.4s;
	-moz-animation: cd-move-out 0.4s;
	animation: cd-move-out 0.4s;
}
.fade-in .cd-bouncy-nav li, .fade-out .cd-bouncy-nav li {
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.fade-in .cd-bouncy-nav li:nth-of-type(2), .fade-out .cd-bouncy-nav li:nth-of-type(2) {
	-webkit-animation-delay: 0.1s;
	-moz-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.fade-in .cd-bouncy-nav li:nth-of-type(3), .fade-out .cd-bouncy-nav li:nth-of-type(3) {
	-webkit-animation-delay: 0.15s;
	-moz-animation-delay: 0.15s;
	animation-delay: 0.15s;
}
.fade-in .cd-bouncy-nav li:nth-of-type(4), .fade-out .cd-bouncy-nav li:nth-of-type(4) {
	-webkit-animation-delay: 0.25s;
	-moz-animation-delay: 0.25s;
	animation-delay: 0.25s;
}
.fade-in .cd-bouncy-nav li:nth-of-type(5), .fade-out .cd-bouncy-nav li:nth-of-type(5) {
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.fade-in .cd-bouncy-nav li:nth-of-type(6), .fade-out .cd-bouncy-nav li:nth-of-type(6) {
	-webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.cd-bouncy-nav a {
	display:block;
	width: 100%;
	height:2rem;
	line-height:2rem;
	background:#c50a0a; 
	border-radius:0.625rem;
	text-align:center;
	position: relative;
	color: #fff;
}

.cd-bouncy-nav a.select {
	display:block;
	width: 100%;
	height:2rem;
	line-height:2rem;
	background:#c98502; 
	border-radius:0.625rem;
	text-align:center;
	position: relative;
	color: #fff;
}


@-webkit-keyframes cd-move-in {
 0% {
 -webkit-transform: translateY(100vh);
}
 65% {
 -webkit-transform: translateY(-1.5vh);
}
 100% {
 -webkit-transform: translateY(0vh);
}
}
@-moz-keyframes cd-move-in {
 0% {
 -moz-transform: translateY(100vh);
}
 65% {
 -moz-transform: translateY(-1.5vh);
}
 100% {
 -moz-transform: translateY(0vh);
}
}
@keyframes cd-move-in {
 0% {
 -webkit-transform: translateY(100vh);
 -moz-transform: translateY(100vh);
 -ms-transform: translateY(100vh);
 -o-transform: translateY(100vh);
 transform: translateY(100vh);
}
 65% {
 -webkit-transform: translateY(-1.5vh);
 -moz-transform: translateY(-1.5vh);
 -ms-transform: translateY(-1.5vh);
 -o-transform: translateY(-1.5vh);
 transform: translateY(-1.5vh);
}
 100% {
 -webkit-transform: translateY(0vh);
 -moz-transform: translateY(0vh);
 -ms-transform: translateY(0vh);
 -o-transform: translateY(0vh);
 transform: translateY(0vh);
}
}
@-webkit-keyframes cd-move-out {
 0% {
 -webkit-transform: translateY(0vh);
}
 100% {
 -webkit-transform: translateY(-100vh);
}
}
@-moz-keyframes cd-move-out {
 0% {
 -moz-transform: translateY(0vh);
}
 100% {
 -moz-transform: translateY(-100vh);
}
}
@keyframes cd-move-out {
 0% {
 -webkit-transform: translateY(0vh);
 -moz-transform: translateY(0vh);
 -ms-transform: translateY(0vh);
 -o-transform: translateY(0vh);
 transform: translateY(0vh);
}
 100% {
 -webkit-transform: translateY(-100vh);
 -moz-transform: translateY(-100vh);
 -ms-transform: translateY(-100vh);
 -o-transform: translateY(-100vh);
 transform: translateY(-100vh);
}
}

/*分页样式*/
.page{width:100%;height:1.5rem; margin:3% 0; line-height:1.5rem; font-size:3.2vw;text-align:center;position:relative;overflow:hidden;}
.page span{ margin:0 4px;padding:2px 4px; color:#999; font-size:16px;}
.page a{ margin:0 4px;padding:2px 4px;color:#999; border:1px solid #999;}
.page a:hover{ color:#c60924; border:1px solid #c60924;}


/*图片列表*/
.picture {
	width: 94%;
	height: auto;
	border: 1px solid #eee;
	box-sizing: border-box;
	margin: 0 auto;
	background: #fff;
	border-top: 2px solid #c50a0a;
	margin-top: -1rem;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.picture_tit {
	width: 100%;
	height: 1.875rem;
	padding: 0.5rem 0 0 0;
	border-bottom: 1px solid #ddd;
	background: #fff;
	position: relative;
	overflow: hidden;
}
.picture_tit span {
	display: block;
	font-size: 1rem;
	font-weight: 600;
	height: 1.25rem;
	margin: 0.315rem 0 0.315rem 2%;
	line-height: 1.25rem;
	color: #c50a0a;
	padding: 0 0.625rem;
	float: left;
	border-left: 4px solid #c50a0a;
	position: relative;
	overflow: hidden;
}
.picture_tit a {
	display: block;
	width: 1.875rem;
	height: 1.875rem;
	float: right;
	margin-right: 5%;
	overflow: hidden;
	position: relative;
}
.picture_tit a img {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}

.picture ul {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.picture ul li {
	width: 45%;
	height: auto;
	margin: 2.5%;
	padding: 1.5%;
	background: #fff;
	border: 1px solid #eee;
	float: left;
	box-sizing: border-box;
	overflow: hidden;
}
.picture ul li a {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}
.picture ul li a img {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.picture ul li a span {
	display: inline-block;
	width: 100%;
	height: 1.875rem;
	background: rgba(0,0,0,0.75);
	line-height: 1.875rem;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #fff;
	white-space: nowrap;
	position: absolute;
	bottom: 0;
	left: 0;
}

/*新闻详情页*/
.newsdels {
	width: 94%;
	height: auto;
	border: 1px solid #eee;
	box-sizing: border-box;
	margin:0 auto;
	background: #fff;
	border-top: 2px solid #c50a0a;
	margin-top: -1rem;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.newsdels_tit {
	width: 100%;
	height:auto;
	line-height:2rem;
	padding: 0.75rem 0 0 0;
	background: #fff;
	position: relative;
	overflow: hidden;
	font-size:1rem;
	color:#222;
	font-weight:600;
	text-align:center;
}
.newsdels_subtit {
	width: 100%;
	height: 1.5rem;
	line-height:1.5rem;
	border-bottom: 1px solid #ddd;
	background: #fff;
	position: relative;
	overflow: hidden;
	font-size:0.75rem;
	color:#999;
	text-align:center;
}
.newsdels_subtit span{ display:inline-table; padding:0 0.5rem;}
.newsdels_con{ width:100%; padding:2%; box-sizing:border-box; line-height:1.5rem; font-size:1rem; color:#333;}

/*在线留言*/
/*在线留言*/
.message_box{margin-top:20px;padding:0 5%; width:90%; height:auto; position:relative; overflow:hidden;}
.message_box h1{ width:100%; height:40px; line-height:40px; font-size:20px; color:#0067d2; text-align:center; margin-bottom:0px; background:url(../images/message_tit.png) center center no-repeat;}
.reg-form li{overflow:hidden;padding:10px 0;}
.reg-info{float:left;border:1px solid #e1e0e0;width:100%;height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.reg-info i{display: inline-block;line-height:40px; font-size:14px;color: #e10303;width: 25px;text-align: center; float:left;}
.reg-info input{width:90%;height:38px;line-height:38px;border:none;outline:none;font-size:14px;padding:4px;-webkit-box-sizing:border-box;box-sizing:border-box; float:left;background:#fcfcfc;}
.reg-info_textarea{float:left;border:1px solid #e1e0e0;width:100%;height:83px;padding-bottom: 20px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.reg-info_textarea i{display: inline-block;line-height: 40px; font-size: 14px;color: #e10303;width: 25px;text-align: center; float:left;}

.reg-info_textarea textarea{display: block;width:90%;height:80px;line-height:24px;border:none;outline:none;font-size:14px;padding:4px;-webkit-box-sizing:border-box;box-sizing:border-box;resize: none; float:left;background:#fcfcfc;}

.bt-box{width:60%;height:40px;line-height:40px; margin:15px auto;}
.bt-box .onlineMessage_bt{color:#fff;display:block;width:100%;height:100%; background:#ca0202; border:none; text-align:center;-moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */}
	
.message_box span {width:100%; margin:0 auto;line-height: 40px;text-align:right; display:block;font-size: 14px; color: #e10303;}

/*搜索框页面开始*/
.sub_search_all{ width:100%; height:auto;background:#efefef; overflow:hidden;}
.sub_search {
	margin: 1rem auto;
	width: 90%;
	height: 40px;
	line-height: 40px;
	border: 1px solid #c50a0a;
	overflow: hidden;
	-moz-border-radius: 5px;      /* Gecko browsers */
	-webkit-border-radius: 5px;   /* Webkit browsers */
	border-radius: 5px;            /* W3C syntax */
	
}
.sub_search_pic {
	width: 15%;
	height: 40px;
	float: left;
	background:#fff;
	overflow: hidden;
}
.sub_search_pic img {
	height: 1.875rem;
	width: 1.875rem;
	padding: 5px;
	overflow: hidden;
}
.sub_search_txt {
	width: 65%;
	height: 40px;
	color: #ccc;
	font-size: 14px;
	float: left;
	line-height: 40px;
	border: none;
}
.sub_search_bt {
	width: 20%;
	height: 40px;
	float: right;
	line-height: 40px;
	border: none;
	text-align: center;
	background: #c50a0a;
	color: #fff;
	font-size: 16px;
	letter-spacing: 1px;
	display: block;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

/*搜索结果*/
.search_result{
	width: 94%;
	height: auto;
	border: 1px solid #eee;
	box-sizing: border-box;
	margin: 0 auto;
	background: #fff;
	border-top: 2px solid #c50a0a;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.search_result ul {
	width: 94%;
	padding: 3% 3% 0 3%;
}
.search_result ul li {
	width: 100%;
	padding: 0.625rem 0;
	border-bottom: 1px dotted #eee;
	height: auto;
	overflow: hidden;
}
.search_result ul li:last-child{ border-bottom:none;}
.news_img {
	width: 40%;
	height:auto;
	float: left;
	display: table;
	text-align: center;
	overflow: hidden;
}
.news_img a {
	display: table-cell;
	vertical-align: middle;
}
.news_img img {
	width: 100%;
	position: relative;
	height: auto;
	overflow: hidden;
}
.news_txt {
	width: 55%;
	height: auto;
	float: right;
	overflow: hidden;
}
.news_txt a {
	display: block;
	width: 100%;
	height:30px;
	line-height:30px;
	font-size:3.5vw;
	font-weight: 600;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.news_txt p {
	width: 100%;
	height:40px;
	line-height:20px;
	word-break: break-all;
	color: #333;
	font-size:3.25vw;
	overflow: hidden;
}

/*产品列表页*/
.sub_nav{width: 96%;padding:3% 2%; border-bottom:1px solid #ececec; position:relative; overflow:hidden;}

.sub_nav_img {
	width: 40%;
	height:auto;
	float: left;
	display: table;
	text-align: center;
	overflow: hidden;
}
.sub_nav_img img {
	width: 100%;
	position: relative;
	height: auto;
	overflow: hidden;
}
.sub_nav_txt {
	width: 55%;
	height: auto;
	float: right;
	overflow: hidden;
}
.sub_nav_txt h5 {
	display: block;
	width: 100%;
	height:30px;
	line-height:30px;
	font-size:3.5vw;
	font-weight: 600;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.sub_nav_txt p {
	width: 100%;
	height:auto;
	line-height:20px;
	word-break: break-all;
	color: #333;
	font-size:3.25vw;
	overflow: hidden;
}
.sub_nav_txt span {
	display: block;
	width: 100%;
	height:30px;
	line-height:30px;
	font-size:3.5vw;
	font-weight: 600;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}


.pro_tit{ width:100%; height:40px; line-height:40px; font-size:3.5vw; position:relative;}
.pro_tit span{ width:80px; display:block; text-align:center; margin:0 auto; height:40px; line-height:40px; font-size:3.5vw; font-weight:600; letter-spacing:2px; position:relative;}

.pro_name{ width:100%; height:50px; line-height:50px; font-size:3.5vw; background:#3075b5; float:left; color:#fff; text-align:center; font-weight:600; position:relative;}

.pro_con_lf table{ width:100%; height:auto; border:0; padding:0; float:left; position:relative;}

.pro_con_lf table thead{ width:100%; height:auto; line-height:20px; font-size:3.25vw;color:#333;text-align:center; border:none; position:relative;}
.pro_con_lf table thead th{ background:#9bc2e6; border:none;}


.pro_con_lf table tbody{ width:100%; height:auto; line-height:20px; text-align:center; font-size:3.25vw;color:#333;}
.pro_con_lf table tbody th, .pro_con_lf table tbody tr td{ border-bottom:1px solid #ececec; border-right:1px solid #ececec;}

.pro_con_lf table tbody th{ border:1px solid #ececec; border-top:none;}

.pro_con_lf table tbody th.nobig{ font-weight:500; line-height:24px; border-left:none; width:13%;}
.pro_con_lf table tbody tr td.persent20{ width:20%;}

.pro_con_lf table tbody tr td a{ color:#365996;}
.pro_con_lf table tbody tr td a:hover{ text-decoration:underline;}