body {
	font-family: Arial,microsoft yahei,Helvetica,sans-serif;
	color: #656464;
	background: url(../image/top_bg.jpg) top center repeat-x #fff
}

header {
	margin-top: 6px
}

ul {
	list-style: none
}
.fr{float: right}
.fl{float: left}
.top_menu {
	float: right;
	font-size: 12px;
	color: #9c9c9c;
	width: 100%;
	height: 38px;
	border-bottom: 1px solid #dfe1e3
}

.language {
	float: right;
	border-left: 1px solid #dfe1e3;
	border-right: 1px solid #dfe1e3;
	height: 38px;
	padding: 8px 10px 0
}
#topphone{font-size: 20px; color: #01a4e5;text-align: center;}
.top_name {
	display: inline-block;
	padding-top: 11px
}

.logo {
	margin-top: 10px;
	max-width: 700px
}


/*搜索*/


/*banner*/
.flash img {
	width: 100%
}

.flash ul.bxslider {
	list-style: none
}

.flash div.bx-pager {
	bottom: 4%
}

.flash div.bx-controls-direction {
	display: none
}

.ny_banner {
	width: 100%;
	position: relative;
	overflow: hidden
}

.ny_banner .slideshow {
	height: 310px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}

@media(max-width:1199px) and (min-width:1001px) {
	.ny_banner .slideshow {
		height: 320px
	}
}

@media screen and (max-width:1000px) {
	.ny_banner .slideshow {
		height: 280px
	}
}

@media screen and (max-width:760px) {
	.ny_banner .slideshow {
		height: 170px
	}
}

@media screen and (max-width:480px) {
	.ny_banner .slideshow {
		height: 120px
	}
}

.main {
	padding: 30px 0 10px
}

.opacity_img {
	border: 1px solid #eee;
	transition: border .4s
}

.img-thumbnail:hover,.opacity_img:hover {
	border: 1px solid #3477c8
}

/*.navbar {
	margin: 0;
	background-color: #fbfbfb;
	
	border:0;
	border-left: 0;
	border-right: 0
}*/

.glyphicon-home:before {
	color: #fff
}

#app_menudown {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 16px
}

#app_menudown:hover {
	background-color: #3477c8
}

.about_box {
	background: url(../image/title_line.jpg) left 30px no-repeat;
	/*margin: 30px 0 0*/
	margin: 20px 0 0
}

.about_h1 {
	float: left;
	font-size: 20px;
	color: #01a4e5;
	margin: 0
}

.about_span {
	float: left;
	padding-top: 8px;
	text-indent: 8px;
	font-size: 12px;
	color: #7d7d7d
}

.about_box section {
	clear: both;
	padding: 18px 0 0
}

.about_box section img {
	margin: 10px 20px 0 0;
	/*max-width: 350px*/
	max-width: 500px
}

a.about_more {
	color: #fff;
	display: inline-block;
	font-size: 12px;
	padding: 6px 12px;
	transition: background .3s;
	background-color: #01a4e5;
	border-radius: 4px
}

a.about_more:hover {
	background-color: #01a4e5;
	text-decoration: none
}

.about_contents {
	line-height: 31px;
	padding: 3px 0 5px;
	font-family: microsoft yahei
}

.search_group {
	float: right;
	/*margin: 40px 0 0*/
	margin: 20px 0 0
}

.search_group {
}

.form-control {
	border-radius: 0;
	box-shadow: none
}

.mysearch_btn {
	background-color: #01a4e5;
	color: #fff;
	border-radius: 0;
	transition: background .3s
}

.mysearch_btn:hover,.mysearch_btn:focus {
	background-color: #01a4e5;
	color: #fff
}

#small_search {
	float: right;
	margin-top: 7px;
	padding: 8px 13px;
	font-size: 17px;
	border-radius: 4px
}

#small_search:hover,#small_search:focus {
	cursor: pointer;
	background-color: #ddd
}

.khfw_index {
	/*background: url(../image/title_line.jpg) left 30px no-repeat;*/
	margin: 10px 0 0
}

.index_product {
	/*background: url(../image/title_line.jpg) left 30px no-repeat;*/
	margin: 10px 0 0
}

.product_list {
	clear: both;
	padding: 35px 0 0;
	margin-right: -15px;
	margin-left: -15px
}

.product_list2 {
	padding-top: 20px
}

.product_img {
	padding-left: 15px;
	padding-right: 15px;
	min-height: 190px
}

.product_img img {
	margin-right: auto;
	margin-left: auto;
	display: block;
	max-height: 320px;
	max-width: 100%;
	height: auto;
	margin-bottom: 10px;
	padding: 0
}

.product_title {
	text-align: center;
	padding: 0 15px 0 0;
	height: 40px
}

.product_title a {
	color: #656464;
	transition: color .3s
}

.product_title a:hover {
	text-decoration: none;
	color: #0064d4
}

.news_box {
	background: url(../image/title_line.jpg) left 30px no-repeat;
	margin: 20px 0 30px
}

.index_news {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 15px 0 0
}

.index_news li {
	color: #898989;
	border-bottom: 1px dashed #ccc;
	background: url(../image/li.png) no-repeat left 16px;
	line-height: 21px;
	padding: 10px 0;
	padding-left: 13px
}

.index_news li a {
	color: #656464
}

.index_news li a:hover {
	text-decoration: none;
	color: #1260aa
}

.news_time {
	float: right
}

.left_news {
	clear: both
}

.left_news ul {
	padding: 0 0 12px
}

.left_news span.news_time {
	display: none
}

.index_contact {
	background: url(../image/title_line.jpg) left 30px no-repeat;
	margin: 20px 0 15px
}

.index_contact p {
	clear: both
}

.list_box {
	clear: both;
	padding: 10px 0 0
}


.path_title {
	border: 1px solid #f2f2f2;
	padding: 8px 19px;
	overflow: hidden
}

.left_nav {
	clear: both;
	padding-top: 10px
}
@media(max-width:992px) {
#categories {
	display: none
}
}
.left_nav .nt {
    font-weight: 400;
    padding: 18px 0;
    padding-left: 20px;
    background: #06a3e8 url(/img/hhbg.png) no-repeat 195px center;
    font-size: 22px;
    color: #fff;
}
.left_nav .nt a{color: #fff}

.index_left_nav {
	padding-top: 0
}

.left_h1 {
	background: url(../image/title_line.jpg) left bottom no-repeat;
	font-size: 22px;
	display: block;
	margin-top: 25px;
	padding: 0 0 10px;
	color: #01a4e5;

}

.left_nav_ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin: 15px 0 0;
	padding-bottom: 10px
}

.left_nav_ul>li {
	position: relative;
	border-bottom: 1px solid #f2f2f2;
	background: url(../image/left_li.gif) 6px 15px no-repeat;
	padding: 8px 0 8px 18px
}

.left_nav_ul>li>a {
	text-decoration: none;
	color: #656464
}

.left_nav_ul>li>a:hover,.left_nav_ul li a.left_active {
	color: #01519e
}

ul.left_snav_ul {
	list-style: none;
	padding: 0;
	display: none;
	padding-top: 8px
}

ul.left_snav_ul>li {
	margin: 0;
	padding: 5px 0 5px 10px;
	background: url(../image/left_sli.gif) 0 13px no-repeat
}

ul.left_snav_ul>li>a {
	border: 0;
	color: #797979;
	padding: 5px 0
}

ul.left_snav_ul>li>a:hover {
	text-decoration: none;
	color: #01519e
}

.menu_head {
	cursor: pointer;
	font: 600 18px/30px "Open Sans",sans-serif;
	width: 35px;
	text-align: center;
	color: #303c4b;
	display: inline-block;
	position: absolute;
	top: 3px;
	right: 0
}

.menu_head:hover {
	color: #46d8ad
}

.list_news {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 6px 0 20px
}

.list_news li {
	color: #898989;
	background: url(../image/li.png) no-repeat left 14px;
	line-height: 22px;
	padding: 8px 0;
	padding-left: 13px;
	border-bottom: 1px dashed #e3e2e2
}

.list_news li a {
	color: #303c4b
}

.list_news li a:hover {
	text-decoration: none;
	color: #1260aa
}

.contents {
	clear: both;
	padding: 6px 2px 0;
	line-height: 28px;
	overflow: auto
}
.contents img{max-width: 100%}
.contents_title {
	margin: 0;
	padding: 10px 0;
	text-align: center;
	color: #000;
	font-size: 18px;
	color: #434343;
	font-weight: 700;
	line-height: 34px
}

.page {
	clear: both;
	margin: 20px 0 0;
	text-align: center
}

.page a {
	display: inline-block;
	font-family: Arial;
	font-size: 13px;
	border: #dbdbdb 1px solid;
	padding: 4px 9px;
	margin: 2px;
	margin-bottom: 5px;
	color: #31363c;
	text-decoration: none
}

.page a:hover,.page a:focus {
	font-family: Arial;
	font-size: 13px;
	border: #000 1px solid;
	padding: 4px 9px;
	color: #fff;
	background-color: #31363c
}

.page .current {
	font-family: Arial;
	border: #000 1px solid;
	font-size: 13px;
	padding: 5px 9px;
	color: #fff;
	margin: 2px;
	background-color: #31363c
}

#pic-page {
	text-align: center;
	margin-top: 10px
}

#pic-page a {
	margin: 0 2px
}

#pic-page a img {
	width: 40px;
	padding: 2px;
	border: solid #ccc 1px;
	margin-bottom: 5px
}

#pic-page a:hover img,#pic-page a.active img {
	border: solid #5280dd 1px
}

.showpic_box,.proinfo_box {
	margin: 30px 0 20px
}

.product_h1 {
	margin: 0;
	line-height: 22px;
	font-size: 18px;
	color: #145ca1;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc
}

.product_info {
	list-style: none;
	padding: 0;
	margin-top: 10px
}

.product_info li {
	line-height: 24px;
	padding-bottom: 12px
}

.product_con {
	clear: both;
	border-top: 1px dotted #ccc;
	margin: 10px 0 20px;
	padding: 20px 0 0;
	line-height: 26px;
	overflow: auto
}

.related_h1 {
	padding: 30px 0 12px;
	color: #303c4b;
	margin: 0;
	display: block;
	font-weight: 300;
	font-size: 24px;
	border-bottom: 5px solid #f4f5f6;
	font-family: roboto,Arial,Helvetica,sans-serif
}

.related_list {
	padding-top: 12px
}

.related_news {
	padding-top: 0;
	clear: both
}

.download_btn {
	text-align: right;
	margin: 10px 10px 20px 0
}

.page-btn {
	background-color: #01a4e5;
	border-radius: 0;
	border: none;
	transition: background .3s
}

.page-btn:hover,.page-btn:focus {
	background-color: #31363c
}

.grey-btn {
	border-radius: 0;
	border: none;
	background-color: #e8e8e8
}

.grey-btn:hover,.grey-btn:focus {
	background-color: #ccc
}

.a2a_default_style {
	display: inline-block
}

.feedback {
	margin-top: 30px
}

.form-horizontal .form-group {
	margin-right: -10px;
	margin-left: -10px
}

.codeimg {
	margin: 0 0 -10px -18px
}

.point {
	clear: both;
	margin: 20px 0 40px;
	padding-bottom: 40px;
	line-height: 22px
}

.point span.to_prev {
	text-align: center
}

.point span.to_prev a {
	color: #0068b7
}

.point span.to_prev a:hover {
	color: #ea042b
}

.point span.to_next {
	text-align: center
}

.point span.to_next a {
	color: #0068b7
}

.point span.to_next a:hover {
	color: #ea042b
}

.tags {
	margin: 8px 0 10px
}

.tags a {
	margin: 0 5px 8px 0
}

.tags_list {
	padding: 5px 10px 100px
}

.tags_ul {
	margin-top: 10px
}

.tags_ul li {
	line-height: 28px;
	margin-bottom: 8px;
	padding-bottom: 10px
}

.tags_ul h3 {
	font-size: 14px;
	padding: 0;
	margin: 0;
	line-height: 20px
}

.tags_ul p {
	font-size: 13px;
	padding: 0;
	margin: 0;
	color: #a0a0a0;
	line-height: 20px;
	padding-top: 8px
}

ul.ul_sitemap {
	margin: 30px 0 40px 30px
}

ul.ul_sitemap li {
	list-style: none;
	line-height: 26px;
	clear: both
}

ul.ul_sitemap li a {
	color: #7d7d7d
}

li.small_li_sitemap {
	clear: both;
	padding-left: 12px
}

li.small_li2_sitemap {
	float: left;
	padding-left: 20px
}

#translate {
	width: 180px;
	margin: 0 auto
}

#translate-this {
	margin: 15px 0 10px
}

.met-footnav {
	/*background: url(../images/footer-bg.jpg) repeat;*/
	background:#01a4e5;

	padding: 40px 0 10px 0;
	margin-top: 20px
}
@media(max-width:768px) {
.met-footnav {
	padding: 30px 0
}
}
@media(max-width:488px) {
.met-footnav {
	padding: 20px 0
}
}
@media(max-width:350px) {
.met-footnav {
	padding: 15px 0
}
}
.met-footnav h4 {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin-top: 0;
	text-shadow: none
}
.met-footnav ul {
	padding: 0;
	margin-bottom: 0;
	list-style: none
}
.met-footnav ul li {
	margin-bottom: 3px
}
.met-footnav ul li a {
	color: #fff;
	text-decoration: none
}
.met-footnav ul li a:active, .met-footnav ul li a:focus, .met-footnav ul li a:hover {
	text-decoration: none
}
.met-footnav ul li a:hover {
	color: #01a4e5
}
.met-footnav .list {
	margin-bottom: 20px;
	text-align:left;
}

.met-footnav .info em {
	display: block;
	font-size: 26px;
	font-style: normal
}
.met-footnav .info em a {
	color: #333;
	transition: color .5s;
	-moz-transition: color .5s;
	-webkit-transition: color .5s;
	-o-transition: color .5s
}
.met-footnav .info em a:hover {
	color: #333
}
.met-footnav .info p {
	color: #fff
}
.met-footnav .info i {
	font-size: 26px;
	cursor: pointer
}
.met-footnav .info i.fa-qq {
	color: #62a8ea
}
.met-footnav .info a {
	margin: 0 8px
}
.met-footnav .info a:hover, .met-footnav .info a:focus {
	text-decoration: none
}
@media(max-width:992px) {
.met-footnav .info {
	margin-top: 0
}
.met-footnav .none{display: none}
}
.met-weixin-img img {
	max-width: 160px
}

footer {
	text-align: center;
	background-color: #01a4e5;
	color: #fff;
	padding: 30px 0 20px;
	/*margin-top: 38px;*/
	font-size: 12px
}
.footline{height: 1px;
    border-bottom: #fff 1px solid;}
.copyright {
	padding-top: 10px;
	line-height: 20px
}

.copyright a {
	color: #afb7be
}

.foot_nav {
	width: 25%;
	float: left;
	/*background-color: #fafafa;*/
	text-align: center
}

/*.foot_nav:hover,.foot_nav:focus {
	background-color: #e4e4e4
}
*/
.foot_nav a {
	color: #898989;
	display: block
}

.foot_nav a:hover,.foot_nav a:focus {
	text-decoration: none
}

.foot_nav span {
	display: block;
	padding: 3px 0 0
}

.webshare {
	width: 230px;
	padding: 5px
}

.ewebshare {
	width: 200px;
	padding: 5px
}

@media screen and (min-width:769px) {
	header {
	}

/*	.navbar {
		margin-top: 10px;
		min-height: 50px
	}

	.navbar-nav>li {
		border-right: 1px solid #e9e9e9
	}

	.navbar-nav>li:first-child {
		border-left: 0
	}

	.navbar-nav>li:last-child {
	}

	.navbar-nav>li>a {
		text-align: center
	}

	.navbar-default .navbar-nav>li>a {
		line-height: 20px;
		color: #787878;
	
		padding: 15px 48px
	}

	.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus {
		
	
		background-color: #01a4e5;
		color: #fff;
		border-top: 1px solid #01a4e5;
		margin-top: -1px;
		border-bottom: 1px solid #01a4e5;
		margin-bottom: -1px;
		
	}

	.navbar-brand {
		display: none
	}*/

	.home-btn {
		background: #01a4e5;
		color: #fff;
		padding: 17px;
		font-size: 16px;
		border-top: 2px solid #3477c8;
		margin-top: -2px
	}

	/*.navbar-default .navbar-nav-e>li>a {
		font-weight: 400
	}*/

	.nav_small {
		background-color: #01a4e5;
		padding: 0;
		border-radius: 0;
		border: none;
		box-shadow: none
	}

	.nav_small>li {
	}

	.nav_small>li>a {
		line-height: 20px;
		padding: 7px 0;
		text-align: center;
		color: #fff;
		font-size: 13px
	}

	.nav_small>li>a:hover {
		color: #fff;
		background: #006C95
	}

	#app_menudown,#small_search {
		display: none
	}

	.index_left_nav,.footer_nav {
		display: none
	}
}

@media screen and (max-width:768px) {
	/*.navbar {
		margin-top: 10px
	}

	.navbar-default .navbar-brand {
		color: #787878;
		font-size: 16px
	}

	.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus {
		color: #787878
	}

	.navbar-toggle {
		border: none
	}

	.navbar-default .navbar-collapse,.navbar-default .navbar-form {
		border: 1px solid #ddd
	}

	.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
	}

	.navbar-default .navbar-toggle .icon-bar {
	}

	.navbar-default .navbar-nav {
		margin-top: 0;
		margin-bottom: 0
	}

	.navbar-default .navbar-nav>li {
	}

	.navbar-default .navbar-nav>li:last-child {
		border: none
	}

	.navbar-default .navbar-nav>li>a,.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #787878
	}

	.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
		background-color: #3477c8;
		color: #fff
	}*/

	header {
	}

	.top_name,.home-btn {
		display: none
	}

	.language {
		border-left: 0;
		border-right: 0
	}

	.about_box {
		margin: 18px 0 0
	}

	.about_box section img {
		margin: 10px 15px 0 0;
		max-width: 180px
	}

	.about_contents {
		line-height: 28px
	}

	.search_group {
		margin: 10px 0 5px
	}

	#topsearch {
		/*display: none*/
	}

	.logo {
		display: block;
		margin: 0 auto;
		margin-top: 13px;
		max-width: 700px
	}

	.flash div.bx-pager {
	}

	.left_h1 {
		margin-top: 10px
	}

	.list_related h1.left_h1 {
		margin-top: 60px
	}

	.product_con img,.contents img {
		width: 100%
	}

	.news_time {
		display: none
	}

	.footer_nav {
		background-color: #fafafa
	}

	#pic-page a img {
		width: 35px
	}

	#cmsFloatPanel {
		display: none
	}

	.point span.to_prev,.point span.to_next {
		text-align: left;
		padding-bottom: 8px
	}

	.product_list2 {
	}

	footer {
		margin-bottom: 50px
	}
}

@media screen and (max-width:767px) {
	.copyright_p {
		display: none
	}
}

@media screen and (min-width:414px) and (max-width:768px) {
	.col-mm-1,.col-mm-2,.col-mm-3,.col-mm-4,.col-mm-5,.col-mm-6,.col-mm-7,.col-mm-8,.col-mm-9,.col-mm-10,.col-mm-11,.col-mm-12 {
		float: left
	}

	.col-mm-12 {
		width: 100%
	}

	.col-mm-11 {
		width: 91.66666667%
	}

	.col-mm-10 {
		width: 83.33333333%
	}

	.col-mm-9 {
		width: 75%
	}

	.col-mm-8 {
		width: 66.66666667%
	}

	.col-mm-7 {
		width: 58.33333333%
	}

	.col-mm-6 {
		width: 50%
	}

	.col-mm-5 {
		width: 41.66666667%
	}

	.col-mm-4 {
		width: 33.33333333%
	}

	.col-mm-3 {
		width: 25%
	}

	.col-mm-2 {
		width: 16.66666667%
	}

	.col-mm-1 {
		width: 8.33333333%
	}

	.logo {
		max-width: 400px
	}
}

@media screen and (max-width:414px) {
	.logo {
		max-width: 280px
	}
}

.pagess {
	clear: both;
	margin: 20px;
	overflow: hidden;
	margin-left: 0;
	text-align: center;
	font-size: 12px
}

.pagess ul li {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 2px 9px;
	margin: 0 3px;
	line-height: 20px;
	background: #fff;
	color: #999
}

.pagess ul li:hover {
	background: #ccc;
	color: #fff;
	border: 1px solid #ccc
}

.pagess ul li:hover a {
	color: #fff
}

.pagess ul li.thisclass {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 2px 9px;
	margin: 0 3px;
	background: #ccc;
	color: #fff
}

.pagess ul li.thisclass a {
	color: #fff
}

.pagess ul li a {
	display: block;
	color: #999
}

.pagess ul li a:hover {
	color: #fff
}

.wrapper {
 /* max-width: 1200px;
  margin: 20px  auto;
*/}
.wrapper > h1 {
  text-align: center;
}
.wrapper > h1 span {
  border-bottom: 2px solid #49a4d9;
  display: inline-block;
  padding: 0  10px 10px;
  color: #49a4d9;
  transition: all 0.5s linear;
}

ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tab_wrapper {
  margin: 10px 0 50px;
  display: inline-block;
  width: 100%;
  position: relative;
}
.tab_wrapper > ul {
  clear: both;
  display: inline-block;
  width: 100%;
/*  border-bottom: 1px solid #49a4d9;*/
  border-bottom:1px solid #eae8e8;
}
.tab_wrapper > ul li {
  float: left;
  cursor: pointer;
  font-weight: bold;
  /*padding: 8px 18px;*/
  padding: 8px 38px;
  text-transform: uppercase;
  border: 1px solid #ccc;
  font-size: 1.05em;
  border-bottom: 0;
  position: relative;
  border-top: 3px solid #ccc;
  color: #999;
  margin: 0 5px 0 0;
  border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.tab_wrapper > ul li.active {
 /* border-color: #49a4d9;
  color: #49a4d9;*/
  border-color: #49a4d9;
    color: #fff;
    background: #49a4d9;
}
.tab_wrapper > ul li.active:after {
  content: "";
  position: absolute;
  bottom: -1px;
  height: 1px;
  left: 0;
  background: #fff;
  width: 100%;
}
.tab_wrapper .controller {
  display: block;
  overflow: hidden;
  clear: both;
  position: absolute;
  top: 0;
  right: 0;
}
.tab_wrapper .controller span {
  padding: 8px 22px;
  background: #49a4d9;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
}
.tab_wrapper .controller span.next {
  float: right;
  margin-left: 10px;
}
.tab_wrapper .content_wrapper {
  float: left;
  width: 100%;
  /*border: 1px solid #49a4d9;*/
  border: 1px solid #eae8e8;
  border-top: 0;
  box-sizing: border-box;
}
.tab_wrapper .content_wrapper .tab_content {
  display: none;
  padding: 15px 20px;
}
.tab_wrapper .content_wrapper .tab_content.active {
  /* display: block; */
}
.tab_wrapper .content_wrapper .tab_content .error {
  color: red;
}
.tab_wrapper .content_wrapper .accordian_header {
  display: none;
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: bold;
  /*border-top: 1px solid #ccc;*/
  border-bottom: 1px solid #fff;
  position: relative;
  cursor: pointer;
}
.tab_wrapper .content_wrapper .accordian_header.active {
  color: #49a4d9;
  border-bottom: 1px solid #ccc;
}
.tab_wrapper .content_wrapper .accordian_header.active:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 5px;
  height: 100%;
  background: #49a4d9;
}
.tab_wrapper .content_wrapper .accordian_header .arrow {
  float: right;
  display: inline-block;
  width: 12px;
  height: 12px;
  position: relative;
  border-radius: 2px;
  transform: rotate(-135deg);
  background: #fff;
  border-top: 3px solid #ccc;
  border-left: 3px solid #ccc;
  /* &:after{
  	position: absolute;
  	top: 0;
  	content: "";
  	left: 0;
  	width: 10px;
  	height: 10px;
  	background: $white;
  	border-top: 3px solid $border_color;
  	border-left: 3px solid $border_color;
  } */
}
.tab_wrapper .content_wrapper .accordian_header.active .arrow {
  transform: rotate(45deg);
  margin-top: 5px;
  border-top: 3px solid #49a4d9;
  border-left: 3px solid #49a4d9;
}
.tab_wrapper.left_side > ul {
  width: 25%;
  float: left;
  border-bottom: 1px solid #ccc;
}
.tab_wrapper.left_side > ul li {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 12px 18px;
  border-width: 1px;
  border-right: 0;
  border-left: 0;
}
.tab_wrapper.left_side > ul li:after {
  left: 0;
  top: 0;
  content: "";
  position: absolute;
  width: 5px;
  height: 100%;
  background: #ccc;
}
.tab_wrapper.left_side > ul li.active {
  border-color: #ccc;
}
.tab_wrapper.left_side > ul li.active:after {
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: #49a4d9;
}
.tab_wrapper.left_side > ul li.active:before {
  right: -1px;
  position: absolute;
  top: 0;
  content: "";
  width: 2px;
  height: 100%;
  background: #fff;
}
.tab_wrapper.left_side .content_wrapper {
  width: 75%;
  border: 1px solid #ccc;
  float: left;
}
.tab_wrapper.left_side .controller {
  top: -50px;
}
.tab_wrapper.right_side > ul {
  width: 25%;
  float: right;
  border-bottom: 1px solid #ccc;
}
.tab_wrapper.right_side > ul li {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 12px 18px;
  border-width: 1px;
  border-right: 0;
  border-left: 0;
  text-align: right;
}
.tab_wrapper.right_side > ul li:after {
  right: 0;
  left: inherit;
  top: 0;
  content: "";
  position: absolute;
  width: 5px;
  height: 100%;
  background: #ccc;
}
.tab_wrapper.right_side > ul li.active {
  border-color: #ccc;
}
.tab_wrapper.right_side > ul li.active:after {
  right: 0;
  left: inherit;
  top: 0;
  width: 5px;
  height: 100%;
  content: "";
  background: #49a4d9;
}
.tab_wrapper.right_side > ul li.active:before {
  left: -2px;
  right: inherit;
  position: absolute;
  top: 0;
  content: "";
  width: 2px;
  height: 100%;
  background: #fff;
}
.tab_wrapper.right_side .content_wrapper {
  width: 75%;
  float: left;
  border: 1px solid #ccc;
}
.tab_wrapper.right_side .controller {
  top: -50px;
}
.tab_wrapper.accordion .content_wrapper {
  border-color: #ccc;
}
.tab_wrapper.accordion .content_wrapper .accordian_header {
  display: block;
}
.tab_wrapper.accordion > ul {
  display: none;
}

@media only screen and (max-width: 736px) {
  .tab_wrapper > ul {
    display: none;
  }
  .tab_wrapper .content_wrapper {
    border: 0;
  }
  .tab_wrapper .content_wrapper .accordian_header {
    display: block;
  }
  .tab_wrapper.left_side .content_wrapper, .tab_wrapper.right_side .content_wrapper {
    width: 100%;
    border-top: 0;
  }
  .tab_wrapper .controller {
    display: none;
  }
}

/*# sourceMappingURL=style.css.map */

/* 本例子css */
	.focusBox { position: relative; width: 320px; height: 240px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; clear: both; }
	.focusBox .pic img { width: 320px; height: 240px; display: block; }
	.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
	.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
	.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
	.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
	.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
	.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
	.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
	.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
	.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60;  }
/* 本例子css */
	.foucebox {position:relative;/*width:693px;*/width: 100%;height:373px;overflow:hidden; /*border:1px solid #E1E1E1; background:#000;*/}
	.foucebox .bd {position:absolute;left:0;top:0;/*width:693px;*/height:305px;overflow:hidden;width: 100%}
	.foucebox .bd img {/*width:693px;*/height:310px; width: 100%}

	.foucebox .hd {position:relative;height:67px;/*background:#181818;*/top:305px;}
	.foucebox .hd ul {padding:6px 0 0 24px;text-align:center;}
	.foucebox .hd li {position:relative;float:left;display:inline;width:55px;height:55px;margin-left:8px;overflow:hidden; overflow:hidden; line-height:12px; }
	.foucebox .hd a {display:block;width:50px;height:50px;padding:2px; background:url(http://www.ansonsz.com/template/anbel20200925/static/css/images/yule_sp.png) -80px -3px no-repeat; color:#A9A9A7;}
	.foucebox .hd img {width:50px;height:50px; margin-bottom:5px;}
	.foucebox .hoverBg {position:absolute;left:31px;top:5px;width:57px;height:56px; /*background:url(http://www.ansonsz.com/template/anbel20200925/static/css/images/yule_sp.png) no-repeat;*/ cursor:pointer;z-index:2; border:2px solid #01a4e5;}	
	

/*滚动*/

.BreakingNewsController{width:100%; overflow:hidden; background:#FFF; height:auto; position:relative;}
.BreakingNewsController .bn-title{display:inline-block; float:left; padding:10px 20px; background:#49a4d9; color:#FFF;}
.BreakingNewsController ul{padding:0; margin:0; display:block; list-style:none; position:absolute; left:180px; right:50px;}
.BreakingNewsController ul li{list-style:none; padding:10px 20px; display:none;}
.BreakingNewsController ul li a{text-decoration:none; color:#333; display:inline-block; overflow:hidden; padding:0;}
.BreakingNewsController .bn-arrows{display:inline-block; float:right; width:50px; position:absolute; right:0; top:0; bottom:0;}
.BreakingNewsController .bn-arrows span{display:block; width:20px; position:absolute; top:0; bottom:0; cursor:pointer; opacity:0.2;}
.BreakingNewsController .bn-arrows span:hover{opacity:1;}
.BreakingNewsController .bn-arrows-left{ left:0; background:url(../image/bn-arrows.png) left center no-repeat;}
.BreakingNewsController .bn-arrows-right{right:10px; background:url(../image/bn-arrows.png) right center no-repeat;}

.easing a, .easing span{transition:.25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear;}

/*优势*/
.post-slide .read-more {
    display: inline-block;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background: #01a4e5;
    border-bottom-right-radius: 10px;
    text-transform: capitalize;
    transition: all 0.30s linear;
}
.post-slide .post-content {
   
    padding: 0 20px 20px;
}
.post-slide .post-description {
   background:url(../image/ic-advance1.png) left center no-repeat; 
    line-height: 24px;
    margin-bottom: 14px;
    padding-left: 24px;
}


/*left*/
.body_left{
    width:200px;
    height: 1100px;
    display: inline-block;
    vertical-align: top;
    background:#333951;
    position: relative;
    font-size: 18px;
    color: #fff;
}
/*.body_right{
    width: calc(100% - 200px);
    height: 1100px;
    display: inline-block;
    vertical-align: top;
    background:#f3faff;
    font-size: 32px;
    color: #999;
    text-align: center;
    line-height: 900px;
}*/

.body_left_list{
    width: 100%;
    min-height: 1rem;
    position: relative;
}
.body_left_list >li{
    width: 100%;
    min-height: 1px;
    overflow: hidden;
    border-bottom: 1px solid #333951;
    transition:all 0.5s;
    max-height: 1500px;

}
.body_left_list >li >label{
    width: 100%;
    height: 40px;
    line-height: 40px;
    position: relative;
    color: #fff;
    font-size:16px;
    background: #292e41;
    display: block;
      margin:0;
}
.body_left_list >li >label >span{
    padding: 0 20px;
    width: 150px;
    color: #fff;
    font-size:16px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.body_left_list >li >label >a{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.body_left_list >li >label >i{
    position: absolute;
    top: 0;
    right:25px;
    font-size: 11px;
}
.body_left_list >li >ul{
    width: 100%;
    min-height: 1px;
    position: relative;
}
.body_left_list >li >ul >li{
    width: 100%;
    max-height: 50px;
    overflow: hidden;
    transition: all 0.5s;
}
/*.body_left_list >li >ul >li:hover{
    max-height: calc(200 * 8px);
}*/
.body_left_list >li >ul >li >label{
    width: 100%;
    height: 50px;
    background:#06a3e8;
    line-height: 50px;
    position: relative;
    transition: all 0.5s;
    display: block;
      margin:0;
}
.body_left_list >li >ul >li:hover >label{
    background: #3889D4;
    border-left: 6px solid #333951;
}
.body_left_list >li >ul >li:hover >label >i:nth-child(3){
    transform: rotate(90deg);
}
.body_left_list >li >ul >li >label >i:nth-child(1){
    padding-left:  30px;
    font-size: 20px;
    display: inline-block;
    vertical-align: top;
}
.body_left_list >li >ul >li >label >span{
   font-size: 15px;
    color: #fff;
    width: 90px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.body_left_list >li >ul >li >label >i:nth-child(3){
    position: absolute;
    top: 0;
    right:25px;
    color: #fff
}
.body_left_list >li >ul >li >label >a{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.body_left_list >li >ul >li >ul{
    width: 100%;
    min-height: 1px;
}
.body_left_list >li >ul >li >ul >li{
    max-height: 40px;
    transition: all 0.5s;
    overflow: hidden;
    position: relative;
}
.body_left_list >li >ul >li >ul >li:hover{
    max-height: calc(200 * 8px);
}
.body_left_list >li >ul >li >ul >li >label{
    width: 100%;
    height:40px;
    background: #fff;
    position: relative;
    line-height: 40px;
    display: block;
    transition: all 0.5s;
      margin:0;
}
.body_left_list >li >ul >li >ul >li:hover >label >span{
       
    color: #3889D4;
}
.body_left_list >li >ul >li >ul >li:hover ul{
    display: block;
}
.body_left_list >li >ul >li >ul >li:hover >label >i{
    color: #3889D4;
}
.body_left_list >li >ul >li >ul >li >label >span{
    font-size:14px;
    padding-left: 70px;
    color: #676767;
    /*width: 150px;*/
     width: 250px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.body_left_list >li >ul >li >ul >li >label >i{
    position: absolute;
    top: 0;
    right:25px;
    font-size: 14px;
}
.body_left_list >li >ul >li >ul >li >label >a{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 2px;
    left: 0;
    z-index: 1;
}
.body_left_list >li >ul >li >ul >li >ul{
    width: 120px;
    min-height: 1px;
    position: fixed;
    top:0;
    left: 200px;
    display: none;
}
.body_left_list >li >ul >li >ul >li >ul >li{
    width: 100%;
    min-height: 40px;
    position: relative;
    transition:all 0.5s;
    background: #fff;
}
.body_left_list >li >ul >li >ul >li >ul >li >label{
    display: block;
    position: relative;
    width: 100%;
    height: 30px;
}
.body_left_list >li >ul >li >ul >li >ul >li >label >span{
    width: 60%;
    height: 40px;
    font-size: 12px;
    line-height: 40px;
    padding-left: 20px;
    display: block;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition:all 0.5s;
}
.body_left_list >li >ul >li >ul >li >ul >li >label >i{
    position: absolute;
    top: 13px;
    right:25px;
    font-size: 14px;
    color: #999;
}
.body_left_list >li >ul >li >ul >li >ul >li:hover >label >span{
    color: #1D8FF0;
}
.body_left_list >li >ul >li >ul >li >ul >li:hover >label >i{
    color: #1D8FF0;
}
.body_left_list >li >ul >li >ul >li >ul >li >label >a{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}


/*download*/
.Download-list ul {
	padding-bottom: 20px
}

.Download-list li {
	border: 1px solid #e6e6e6;
	position: relative;
	padding: 10px 80px 10px 15px;
	margin: 0 0 15px;
	-webkit-transition: all ease .5s;
	-o-transition: all ease .5s;
	-moz-transition: all ease .5s;
	transition: all ease .5s;
	position: relative!important;
	top: auto!important
}

.Download-list li .down-text {
	display: block;
	display: -webkit-box;
	height: 48px;
	line-height: 24px;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: #666
}

.Download-list li .down-btn {
	display: block;
	width: 68px;
	height: 100%;
	background: #f2f2f2 url(../image/wicon13.png) no-repeat center center;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: all ease .5s;
	-o-transition: all ease .5s;
	-moz-transition: all ease .5s;
	transition: all ease .5s
}

.Download-list li:hover {
	border-color: #01a4e5;
	background-color: #01a4e5
}

.Download-list li:hover .down-text {
	color: #fff
}

.Download-list li:hover .down-btn {
	background-color: #026790;
	background-image: url(../image/wicon13ho.png)
}
@media(min-width:768px) {
	.Download-list li {
		padding: 32px 80px 32px 15px;
		margin: 0 0 22px
	}

	.Download-list li .down-text {
		font-size: 16px;
		display: block;
		white-space: nowrap;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		overflow: hidden;
		height: 24px;
		line-height: 24px
	}

	.Download-list li .down-btn {
		width: 90px;
		height: 90px;
		top: -1px;
		right: -1px
	}
}

@media(min-width:1024px) {
	.Download-list {
		/*padding-top: 56px;*/
		padding-bottom: 32px
	}

	.Download-list ul {
		padding-bottom: 45px
	}

	.Download-list li {
		padding: 32px 180px 32px 56px
	}
}
@media(max-width:992px) {
.list_related {
	display: none
}
}

/*翻页*/
.venycms-page { padding:14px 0 10px;font-family:\5b8b\4f53; margin-right: 10px;}
.venycms-page a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px;margin-left: 1px;}
.venycms-page a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
.venycms-page span { display:inline-block; height:22px;padding:0 10px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;margin-left: 1px; }