﻿@charset "utf-8";
/* CSS Document v202 */

body {
	background: #fff;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}
.wrap {
	max-width: 1800px;
	width: 100%;
	margin: 0 auto;
	zoom: 1;
}
.wrap:after, .wrap:before {
	display: table;
	content: '';
}
.wrap:after {
	clear: both;
}
.pr {
    position: relative;
}
.textOver {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.over {
	overflow: hidden;
}
.alC {
	text-align: center;
}
.open {
	display: block !important;
}
.alL {
	text-align: left;
}
.alR {
	text-align: right;
}
.displayT {
	width: 100%;
	height: 100%;
	display: table;
}
.tableC {
	display: table-cell;
}
.inlineB {
	display: inline-block;
}
.displayB {
	display: block;
}
.middle {
	vertical-align: middle;
}
.middleImg img {
	vertical-align: middle;
}
.middleImg span {
	height: 100%;
	vertical-align: middle;
	display: inline-block;
}
.trans {
	-webkit-transition: all 300ms ease 0s;
	-moz-transition: all 300ms ease 0s;
	-ms-transition: all 300ms ease 0s;
	-o-transition: all 300ms ease 0s;
	transition: all 300ms ease 0s;
}
.imgZoom img:hover {
	transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
}
.border-box {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.show_tb {
	display: none!important;
}
.show_tb {
	display: none!important;
}
.show_pc {
	display: block!important;
}
.show_mb {
	display: none!important;
}
@font-face {
	font-family: 'iconfont';  /* project id 435344 */
	src: url('../fonts/font_435344_pihqaadyt1d78pvi.eot');
	src: url('../fonts/font_435344_pihqaadyt1d78pvi.eot') format('embedded-opentype'),  url('../fonts/font_435344_pihqaadyt1d78pvi.woff') format('woff'),  url('../fonts/font_435344_pihqaadyt1d78pvi.ttf') format('truetype'),  url('../fonts/font_435344_pihqaadyt1d78pvi.svg#iconfont') format('svg');
}
.iconfont {
	font-family: "iconfont";
	font-style: normal;
	vertical-align: middle;
}
/*@font-face{font-family: 'fzltcxh';src: url(../fonts/6a40946fbc734a84b881cfb9067b15c1.ttf);}*/

body {
	overflow-x: hidden;
}
.w_detail {
	margin-bottom: 3%;
}
.w_detail .rel {
	position: relative;
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 3%;
}
.w_detail .rel .button {
	position: absolute;
	top: 10px;
	height: 100%;color:#999;
}
.w_detail .rel .button a{color:#999;}
.w_detail .rel .button .b {
	font-size: 14px;
	color: #999;
	position: fixed;
	top: 50%;
}
.w_detail .rel .button .b span {
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 50px;
}
.w_detail .rel .button.prev {
	left: 0;
}
.w_detail .rel .button.prev .b span {
	background: url(/upload/det1.png) no-repeat center;
	margin-right: 5px;
}
.w_detail .rel .button.prev .b:hover span {
	background: url(/upload/det1o.png) no-repeat center;
}
.w_detail .rel .button.next {
	right: 0;
}
.w_detail .rel .button.next .b {
}
.w_detail .rel .button.next .b span {
	background: url(/upload/det2.png) no-repeat center;
	margin-left: 5px;
}
.w_detail .rel .button.next .b:hover span {
	background: url(/upload/det2o.png) no-repeat center;
}
.w_detail .main {
	width: 1200px;
}
.w_detail .title {
	font-size: 24px;text-align:center;
	color: #333;
	padding: 3% 0 2%;
}
.w_detail .data {text-align:center;
}
.w_detail .data .fl {
	font-size: 14px;color: #999;float:none;display: inline-block;background: url(/upload/det3.jpg) 0px 1px no-repeat; padding: 0 12px 0 22px;
}
.w_detail .content {
	padding: 3% 0;
	line-height: 180%;
}
.w_detail .content td{
	padding: 5px;
}
.w_detail .share {
}
.recom {
	padding-bottom: 2%;
}
.recom .tit {
	font-size: 24px;
	color: #333;
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 1%;
	margin-bottom: 2%;
}
.iCase.recom .list .box {
	width: 22.7%;
}
.iNews.recom .list .box {
	width: 22.8%;
}
.banner a {
	display: inline-block;
	height: 472px;
	width: 100%;
}
.rel_pos {
    position: relative;
}
.container { width: 1200px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.section { zoom: 1; clear: both; padding: 0px; margin: 0px; }
#header {
	/*position: fixed;*/
	display: block;
	margin: 0 auto;
	top: 0px;
	left: 0px;
	right: 0px;
	background: #fff;

	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);

	z-index: 499;	
	-webkit-transition: top 0.1s ease-out, background-color 0.6s ease;
	-moz-transition: top 0.1s ease-out, background-color 0.6s ease;
	-ms-transition: top 0.1s ease-out, background-color 0.6s ease;
	-o-transition: top 0.1s ease-out, background-color 0.6s ease;
	transition: top 0.1s ease-out, background-color 0.6s ease;
}
/* topbg */

.topbg {
    background-color: #4c4c4c;
}

.top-c {
    color: #fff;
    line-height: 46px;font-size: 14px;
}

.top-c .top-l{float:left;padding-left:20px;
}
.top-c .top-r{float:right;padding-right:20px;
}
.top-c .top-r>a {
    color: #fff;
    margin-left: 15px;
}

.top-c .t-pro {
    padding-left: 26px;
}

.top-c .t-mess {
    padding-left: 26px;
}

.top-c .t-site {
    padding-left: 26px;
}
/* topbg end */
.red {
    color: #f00;
}
#header > .rel_pos {
    background-color: white;
}
#header.scrolled {
	border-bottom: none;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);

	background: rgba(255,255,255,0.97);
}
#header.mobile_force_relative_position { 
	position: relative; 
	-webkit-transition: 0;
	-moz-transition: 0;
	-ms-transition: 0;
	-o-transition: 0;
	transition: 0;
}

#header.scrolled.has_subheader.hide_subheader_on_scroll {
	top: -38px;
}

#header.scrolled #menu > ul > li > a {
	line-height: 60px;
}
.hSearch {
	position: relative;width:15% !important;padding-left:1% !important;
}
.hSearch img {
	cursor: pointer;
}
.hSearch input {
	position: absolute;
}
.topForm .text {
	border: 1px solid #d9d9d9;
	border-radius: 100px;
	height: 38px;
	padding: 0;
	font-size: 15px;
	color: #333;
	width: 100%;
	top: 0;
	text-indent: 20px;display: block;z-index:1;
}
.topForm .sub {
	width: 40px;
	height: 40px;
	background: url(/upload/hd1.png) no-repeat center;
	border: none;
	right: 0px;
	cursor: pointer;
	vertical-align: middle;z-index:9999;display: block;top: 0px;
}
.sForm{
	width: 100%; height: 40px; display:block;position:relative;margin-top: 30px;
}
#logo{
	float: left;
	overflow: hidden;width: 21.94%;
}
/* Fix flickering caused by borded-box*/
#logo *,
#logo *:before,
#logo *:after {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}


#logo h1{
	font-size: 30px;
	color: #666;
	line-height: inherit;
	margin-bottom: 0;
	margin-top: 14px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	min-height: 58px;
}
#header.scrolled #logo h1{
	margin-top: 6px;
}

.tagline {
	font-size: 13px;
	font-weight: normal;
	line-height: 14px;
	color: #aaa;
	letter-spacing: 0px;
	margin-top: 2px;
}

#logo .logo_img {
	height: 92px;
	display: table-cell;
	position: relative;
	vertical-align: middle;
	-webkit-transition: height 0.1s ease-out;
	-moz-transition: height 0.1s ease-out;
	-ms-transition: height 0.1s ease-out;
	-o-transition: height 0.1s ease-out;
	transition: height 0.1s ease-out;	
	font-size: 0px;
	line-height: 0px;
	letter-spacing: 0;
}

.scrolled #logo .logo_img {
	-webkit-transition: height 0.5s ease-out;
	-moz-transition: height 0.5s ease-out;
	-ms-transition: height 0.5s ease-out;
	-o-transition: height 0.5s ease-out;
	transition: height 0.5s ease-out;
}
.transparent_header.scrolled #logo .logo_img.transparent_logo_flip {
	-webkit-transition: height 0.3s ease-out;
	-moz-transition: height 0.3s ease-out;
	-ms-transition: height 0.3s ease-out;
	-o-transition: height 0.3s ease-out;
	transition: height 0.3s ease-out;
}

/* Fix for FF logo resizing + v1.3 */
header.transparent_header #logo #transparent_logo {
    max-width: 100%;
}

#header.scrolled #logo .logo_img {
	height: 64px;
}

#logo img{
	max-height: 100%;max-width: 100%;
	width:  auto;
	-webkit-transition: opacity 0.5s  ease-out, top 0.5s ease-out;
	-moz-transition: opacity 0.5s  ease-out, top 0.5s ease-out;
	-ms-transition: opacity 0.5s  ease-out, top 0.5s ease-out;
	-o-transition: opacity 0.5s  ease-out, top 0.5s ease-out;
	transition: opacity 0.5s  ease-out, top 0.5s ease-out;
}

.block_header  #logo{
	float: none;
	text-align: center;
}
.block_header #logo .logo_img {
	display: block;
	margin: 20px auto 0;
}
.block_header  #logo a{
	position: relative;
}
.block_header #menu{
	float: none;
	text-align: center;
}
.block_header #menu > ul {
	display: inline-block;
	margin-bottom: -8px;
}
#menu ul li{
	text-align: center;
	}
#header:not(.scrolled) .block_header #boc_searchform_close {
	margin-top: 56px;
}	
	
#header.scrolled .block_header  #logo{
	float: left;
	text-align: left;
}
#header.scrolled .block_header #logo .logo_img {
	display: table-cell;
	margin: 0;
}
#header.scrolled .block_header #menu{
	float: right;
	text-align: left;
}
#header.scrolled .block_header #menu > ul {
	display: block;
	margin-bottom: 0;
}	
	
/* Custom Header :: END */



/* #Main Navigation
================================================== */

#menu {
	float: right;
	font-family:'microsoft yahei',Arial,'Lato', Helvetica,Calibri,sans-serif;
	font-size: 14px;width: 76%;
}
#menu:after, .main_menu_holder:after{
	content:"";
	clear:both;
}
#menu a{
	text-decoration: none;
	/*color: #69696b*//*#333333*/
	font-weight: 400;
}
#menu ul {
	list-style: none;
	margin: 0;
}
#menu ul li {
	margin-bottom: 0;
}
#menu > ul > li {
	position: relative;
	float: left;
/*	z-index: 1015;*/
	padding: 0px;width:12%;
}

#menu > ul > li > a {
	font-size: 18px;
	line-height: 88px;height: 88px;
	text-decoration: none;
	display: block;
	padding-top: 4px;
	z-index: 6;
	position: relative;
	letter-spacing: 0;
	/*text-transform: uppercase;*/

	-webkit-transition: all 0.3s ease-out, line-height 0.1s ease-out;
	-moz-transition: all 0.3s ease-out, line-height 0.1s ease-out;
	-o-transition: all 0.3s ease-out, line-height 0.1s ease-out;
	-ms-transition: all 0.3s ease-out, line-height 0.1s ease-out;
	transition: all 0.3s ease-out, line-height 0.1s ease-out;
}

.scrolled  #menu > ul > li > a {
	-webkit-transition: all 0.3s ease-out, line-height 0.5s ease-out;
	-moz-transition: all 0.3s ease-out, line-height 0.5s ease-out;
	-o-transition: all 0.3s ease-out, line-height 0.5s ease-out;
	-ms-transition: all 0.3s ease-out, line-height 0.5s ease-out;
	transition: all 0.3s ease-out, line-height 0.5s ease-out;
}

/* Underline on Hover */
.main_menu_underline_effect #menu > ul > li > a:after {
	display: block;
	content: "";
	width: 30%;
	height: 2px;
	background-color: #496da9;
	position: absolute;
	bottom: 0;
	left: 35%;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;	
	opacity: 0;
}
.main_menu_underline_effect #menu > ul > li > a:hover:after {
	width: calc(100% - 30px);
	left: 15px;
	opacity: 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;	
}
.main_menu_underline_effect #menu > ul > li > a.no_border:after {
	display: none;
}
/* Disable for Search & for menu5,6 */
.main_menu_underline_effect #menu > ul > li.boc_search_border > a:after, 
	.main_menu_underline_effect  #menu > ul > li.boc_search_toggle_li > a:after,
	.main_menu_underline_effect.custom_menu_5 #menu > ul > li > a:after, 
	.main_menu_underline_effect.custom_menu_6 #menu > ul > li > a:after  {
		display: none;
}
/* Underline on Hover : END */


#menu > ul > li > a > span {
	padding: 0px 0px 0px 7px;
	font-family: 'icomoon';
	font-size: 14px;
	position: relative;
	top: 2px;
	line-height: 0;
}
#menu > ul > li > a > span:before {
	content: "\e78d";
}
#mobile_menu ul li a > span:not(.icl_lang_sel_bracket) {
    background: url(/upload/arrow-righth.png) no-repeat center; background-size: cover;cursor: pointer;
}
.arrow-d{background-image:url(/upload/arrow-d.png) !important;}
#menu > ul > li > div {
	position: absolute;
	left: -22px;
	top: 100%;
	z-index: 1020;
	webkit-box-shadow: 0px 1px 8px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 8px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 8px rgba(0,0,0,0.1);
	background:#ffffff;	
	background: rgba(255,255,255,0.97);
	border-top: 2px solid #496da9;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;
}
#menu > ul > li.active > div {
	opacity: 1;
	visibility: visible;

	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;	
}

#menu.sub_fade_from_btm  > ul > li > div {
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
}
#menu.sub_fade_from_btm  > ul > li.active > div {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
}
#menu > ul > li div.mega_menu_holder {
    top:88px !important;width: 100% !important;left: 0 !important;
}

#menu > ul > li > ul {
	display: none;	
}

#menu > ul > li > div > ul {
	display: table-cell;	
}
#menu > ul > li ul + ul {
	padding-left: 20px;
}

#menu > ul > li ul > li {
	position:relative;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

#menu > ul > li ul > li > a {
	display: block;
	position: relative;
	/*padding: 6px 13px 6px 15px;*/
	padding: 7px 13px 7px 35px;
	margin: 0;
	color: #69696b/*#333*/;
	white-space: nowrap;
	min-width: 94px/*184px*/;
	font-size: 15px;
	font-family: 'microsoft yahei',Arial,'Lato', Helvetica,Calibri,sans-serif;
	letter-spacing: 0;
	
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

#menu.arrow_effect > ul > li ul > li > a {
	padding-right: 30px;
}

#menu > ul > li ul > li:last-child > a {
	border-bottom: 0!important;
}

#menu.arrow_effect > ul > li ul > li > a > span {
	margin-left: -10px;
	-webkit-transition: all 0s ease-out, padding-left 0.3s ease-out;
	-moz-transition: all 0s ease-out, padding-left 0.3s ease-out;
	-ms-transition: all 0s ease-out, padding-left 0.3s ease-out;
	-o-transition: all 0s ease-out, padding-left 0.3s ease-out;
	transition: all 0s ease-out, padding-left 0.3s ease-out;
}
#menu.arrow_effect > ul > li ul > li > a > span.dlb {
	font-size: 16px;font-weight:bold;
}
#menu > ul > li ul > li.clb:hover {
	background:#fff;
}
#menu > ul > li ul > li.clb:hover a span{
	
}

#menu.arrow_effect > ul > li ul > li > a > span:before {
	width: 13px;
	font-family: 'icomoon';
	font-size: 13px;
	/*content: "\e78f";*/
	float:left;
	position: relative;
	left: -9px;
	-webkit-transition: all 0s ease-out, left 0.3s ease-out, opacity 0.3s ease-out;
	-moz-transition: all 0s ease-out, left 0.3s ease-out, opacity 0.3s ease-out;
	-ms-transition: all 0s ease-out, left 0.3s ease-out, opacity 0.3s ease-out;
	-o-transition: all 0s ease-out, left 0.3s ease-out, opacity 0.3s ease-out;
	transition: all 0s ease-out, left 0.3s ease-out, opacity 0.3s ease-out;
	opacity: 0;
}
#menu.arrow_effect > ul > li ul > li > a:hover > span {
	/*padding-left: 15px;*/
}
/* Disabled Arrow_effect - by adding the extra no_arrow_effect to a menu item */
#menu.arrow_effect > ul > li ul > li.no_arrow_effect > a > span {
	margin-left: 2px;
}
#menu.arrow_effect > ul > li ul > li.no_arrow_effect > a > span:before {
	width: 0;
	left: 0;
	opacity: 0;
}
#menu.arrow_effect > ul > li ul > li.no_arrow_effect > a:hover > span {
	padding-left: 6px;
    -webkit-transition: all 0s linear, padding-left .12s ease-out;
	-moz-transition: all 0s linear, padding-left .12s ease-out;
	-ms-transition: all 0s linear, padding-left .12s ease-out;
	-o-transition: all 0s linear, padding-left .12s ease-out;
	transition: all 0s linear, padding-left .12s ease-in-out;
}

#menu > ul > li ul > li > a:hover > span:before {
	left: -2px;
	opacity: 1;
}

#menu > ul > li ul > li > a.last_submenu_item{
	background: none;
	border-bottom: 0;
}
#menu > ul > li ul > li > a:hover {
	text-decoration: none;
}

.sub_menu_parent > span {
	padding-right: 18px;
}

.sub_menu_parent > span > span{
	float: right;
}
.sub_menu_parent > span > span:after{
	content: '\e78f';
	font-family: 'icomoon';
	font-size: 13px;
	font-weight: normal;
	position: absolute;
	top: 7px;
    right: 10px;
	opacity: 1;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;	
}
.arrow_effect .sub_menu_parent:hover > span > span:after{
	opacity: 0;
}

#menu > ul > li ul > li > a.sub_menu_parent > span, #menu > ul > li ul > li > a.sub_menu_parent:hover > span {
	background: none!important;
}

/* Submenu items with arrow effect and no children + extra right padding */
#menu.arrow_effect > ul > li:not(.megamenu) ul.sub-menu > li :not(.menu-item-has-children) a {
	padding-right: 30px;
}


/* Menu 1 */
.custom_menu_1 #menu > ul > li ul > li > a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	color: #333;
}
/* Menu 1 : End */


/* Menu 2 */
.custom_menu_2 #menu > ul > li > div {
    background: rgba(20,20,20,0.97);
	webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;	
}
.custom_menu_2 #menu > ul > li ul > li > a {
	color: #fff;
	text-shadow: 0px -1px 0px #343a3c;
	background: none;
}
.custom_menu_2 #menu > ul > li ul > li > a.last_submenu_item{
	background: none;		
}
/* Menu 2 : End */


/* Menu 3 */
.custom_menu_3 #menu > ul > li ul > li > a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06); 	
}
.custom_menu_3 #menu > ul > li ul > li > a:hover {
	background: #496da9;
	border-bottom: 1px solid rgba(0, 0, 0, 0.01);
	color: #fff;
}
/* Menu 3 : End */


/* Menu 4 */
.custom_menu_4 #menu > ul > li > div {
    background:#eee;
	webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.custom_menu_4 #menu > ul > li > div > ul {
    border-top: none;
}
.custom_menu_4 #menu > ul > li ul > li > a {
    color:#69696b /*#fff*/;
    text-shadow: none;
    background: none;	
}
.custom_menu_4 #menu > ul > li ul > li > a.last_submenu_item{
    background: none;
}
.custom_menu_4 #menu > ul > li ul > li > a:hover {
	/*background-color: #496da9;*/
	color: #496da9;
}
/* Menu 4 : End */


/* Menu 5 */
.custom_menu_5 #menu {
	margin-right: -8px
}
.custom_menu_5 #menu > ul > li > a {
	border-top: 2px solid transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	padding: 4px 16px 2px 16px;
	margin: 0;
}
.custom_menu_5 #menu > ul > li:hover > a, header.transparent_header.scrolled .custom_menu_5 #menu > ul > li:hover > a {
	background-color: #fff;
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.02));
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.02));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.02));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.02));
	background-image: linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.02));
	background-repeat: repeat-x;
	border-top: 2px solid #496da9;
	border-left: 1px solid rgba(0,0,0,0.05);
	border-right: 1px solid rgba(0,0,0,0.05);
}
header.transparent_header .custom_menu_5 #menu > ul > li:hover > a {
	background: none;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	border-top: 2px solid transparent;	
}

.custom_menu_5 #menu > ul > li > div {
    background: rgba(20,20,20,0.97);
	left: 0;
	border-top: 0;
	webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.custom_menu_5 #menu > ul > li ul > li > a {
    border-bottom: 1px solid rgba(255,255,255,0.08);
	background: url(../upload/grad.png) center top repeat-x;
	color: #fff;   
}
.custom_menu_5 #menu > ul > li ul > li > a:hover {
	background: #496da9;
	border-bottom: 1px solid transparent;
}
.custom_menu_5 #menu > ul > li ul > li > a:hover > span {
	background: none;
}
.custom_menu_5 #menu > ul > li ul > li  a.last_submenu_item{
    border-bottom: 1px solid transparent;
}
.custom_menu_5 #menu > ul > li.boc_search_border a {
	border-top: 2px solid transparent;
	margin: 0;
	padding: 4px 7px 2px 7px;
}
.custom_menu_5 #menu > ul > li.boc_search_border:hover a {
	background: none;
	color: inherit;
	border-top: 2px solid transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
}
/* Menu 5 : End */


/* Menu 6 */
.custom_menu_6 #menu {
	margin-right: -8px
}
.custom_menu_6 #menu > ul > li > a {
	border-top: 2px solid transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	padding: 4px 16px 2px 16px;
	margin: 0;
}
.custom_menu_6 #menu > ul > li:not(.boc_nav_button):hover > a, header.transparent_header.scrolled .custom_menu_6 #menu > ul > li:not(.boc_nav_button):hover > a {
	background-color: #fff;
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.02));
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.02));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.02));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.02));
	background-image: linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.02));
	background-repeat: repeat-x;
	border-top: 2px solid #496da9;
	border-left: 1px solid rgba(0,0,0,0.05);
	border-right: 1px solid rgba(0,0,0,0.05);
}

header.transparent_header .custom_menu_6 #menu > ul > li:not(.boc_nav_button):hover > a {
	background: none;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	border-top: 2px solid transparent;	
}

.custom_menu_6 #menu > ul > li > div {
	left: 1px;
	border-top: 1px solid rgba(0,0,0,0.07);
	webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
	box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
}
.transparent_header:not(.scrolled) .custom_menu_6 #menu > ul > li > div {
	border-top: none;
}
.custom_menu_6 #menu > ul > li ul > li > a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
	background: url(../upload/grad.png) center top repeat-x;
	color: #333;
}
.custom_menu_6 #menu > ul > li ul > li > a:hover {
	background: #496da9;
	color: #fff;
}
.custom_menu_6 #menu > ul > li ul > li > a:hover > span {
	background: none;
}

.custom_menu_6 #menu > ul > li ul > li  a.last_submenu_item{
    border-bottom: none;
}
.custom_menu_6 #menu > ul > li.boc_search_border a {
	border-top: 2px solid transparent;
	margin: 0;
	padding: 4px 7px 2px 7px;
}
.custom_menu_6 #menu > ul > li.boc_search_border:hover a {
	background: none;
	color: inherit;
	border-top: 2px solid transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
}
/* Menu 6 : End */


/* Button in Nav */
#menu > ul > li.boc_nav_button {
	height: 92px;

	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out; 
}
#header.scrolled #menu > ul > li.boc_nav_button {
	height: 64px;
	  
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
#menu > ul > li.boc_nav_button a {
	line-height: 28px!important;
	padding: 0 14px;
	background: transparent;
	border: 2px solid #444;
	margin: 2px 10px 0;
	border-radius: 4px;
	text-shadow: none;

	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);

	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-ms-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;
	white-space: nowrap;
}
#menu > ul > li.boc_nav_button a:hover {
	color: #fff!important;
	background: #444;
}
.main_menu_underline_effect #menu > ul > li.boc_nav_button > a:after {
	display: none;
}
/* Button in Nav :: End */


/* Icons in Nav */
#menu > ul > li a i.icon {
	margin: 0 10px 0 0;
	position: relative;
	top: 1px;
}
#menu > ul > li a i.icon.after {
	margin: 0 0 0 6px;
}
#mobile_menu ul > li a i.icon {
	margin: 0 6px 0 0;
	font-size: 0.9em;
}
#mobile_menu ul > li a i.icon.after {
	margin: 0 0 0 6px;
}


/* 3rd level */
.subsub_menu {
	position: absolute;
	top: -2px;
	left:100%;
	opacity: 0;
	visibility: hidden;

	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	
	webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 4px rgba(0,0,0,0.1);
	background:#ffffff;	
	background: rgba(255,255,255,0.97);
	border-top: 2px solid #496da9;	
	z-index: 1021;
}

#menu > ul > li li.active > div.subsub_menu {
	opacity: 1;
	visibility: visible;

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;	
}

.custom_menu_2 .subsub_menu {
    background: rgba(20,20,20,0.97);
	webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.custom_menu_4 .subsub_menu {
    background: rgba(20,20,20,0.97);
	webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.custom_menu_5 .subsub_menu {
    background: rgba(20,20,20,0.97);
	border-top: 0;
	top: 0;
	webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;	
}

.custom_menu_6 .subsub_menu {
	border-top: 1px solid rgba(0,0,0,0.07);
	webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
	box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
	top: -1px;
}
.transparent_header:not(.scrolled) .custom_menu_6 .subsub_menu {
	border-top: none;
	top: 0px;
}
/* 3rd level : End */




/* MegaMenu */

#menu > ul > li.megamenu{
	position:inherit;
}
#menu > ul > li.megamenu > div {
	left: 0;
}
#menu > ul > li.megamenu div.container.mega_menu_holder {

}
#menu > ul > li.megamenu > div > ul {
	display: block;
}
#menu > ul > li.megamenu > div >  ul.sub-menu > li {
	float: left;
	padding: 0px 18px 0px 16px;
	margin: 20px 0 20px 0;
}

#menu > ul > li.megamenu.mm-col-2  > div > ul.sub-menu > li { width: 50% }
#menu > ul > li.megamenu.mm-col-3  > div > ul.sub-menu > li { width: 33.3333% }
#menu > ul > li.megamenu.mm-col-4  > div > ul.sub-menu > li { width: 25% }
#menu > ul > li.megamenu.mm-col-5  > div > ul.sub-menu > li { width: 16.667%;min-height: 239px; }
#menu > ul > li.megamenu.mm-col-6  > div > ul.sub-menu > li { width: 16.6666% }

#menu > ul > li.megamenu  > div > ul.sub-menu > li { 
	border-left: 1px solid rgba(0,0,0,0.08); 
}
.custom_menu_2 #menu > ul > li.megamenu  > div > ul.sub-menu > li,
.custom_menu_4 #menu > ul > li.megamenu  > div > ul.sub-menu > li,
.custom_menu_5 #menu > ul > li.megamenu  > div > ul.sub-menu > li
{ 	border-left: 1px solid rgba(255,255,255,0.1); }


#menu > ul > li.megamenu  > div > ul.sub-menu > li:first-child { 
	border-left: 0; 
}
#menu > ul > li.megamenu div.container.mega_menu_holder div {
	border-top: 0;
}
#menu > ul > li.megamenu > div >  ul.sub-menu > li a {
	border-bottom: none;
	border-radius: 1px;
	text-align:center;
}
#menu > ul > li.megamenu div.container.mega_menu_holder > ul > li > a {
	font-size: 18px/*1.4rem*/;
	font-weight: normal;
	margin-bottom: 8px;
}

#menu > ul > li.megamenu ul > li > a {
	padding: 6px 13px 6px 15px;
}

#menu > ul > li.megamenu div.container.mega_menu_holder > ul > li > a:hover {
	background: none;
	color:#496da9;
}

#menu.arrow_effect > ul > li.megamenu div.container.mega_menu_holder > ul > li > a:hover > span {
	padding-left: 0;
	
}
#menu.arrow_effect > ul > li.megamenu div.container.mega_menu_holder > ul > li > a > span:before {
	opacity: 0;
}

.custom_menu_3 #menu > ul > li.megamenu > div > ul.sub-menu > li > a:hover {
	color: inherit;
}

.custom_menu_6 #menu > ul > li.megamenu > div > ul.sub-menu > li > a:hover {
	color: inherit;
}

#menu > ul > li.megamenu div.container.mega_menu_holder div.subsub_menu{
	top: 0;
}

/* Hide class for MM submenu holder */
#menu > ul > li ul > li.mm_hide > a{
	display: none;	
}

/* MegaMenu : END */

/* Main Navigation :: END */



/* Subheader Navigation */
#subheader_menu {
	float: right;
	border-right: 1px solid rgba(200,200,200,0.4);
    padding-right: 8px;
	margin-top: 0.24em;
    margin-right: 10px;
}
#subheader_menu a{
	padding: 0 10px;
    font-size: 12px;
}
#subheader_menu ul {
	list-style: none;
	margin: 0;
}
#subheader_menu ul li {
	margin-bottom: 0;
	line-height: 1em;
}
#subheader_menu > ul > li {
	position: relative;
	float: left;
	padding: 0px;	
}
/* Subheader Navigation :: END */


#mobile_menu_toggler {
	float: right;
	width: 34px;
	height: 34px;
	display: none;
	margin-top: 20px;
	margin-right: 1px;
	cursor: pointer;
}

.m_nav_ham {
    width: 24px;
    height: 2px;
    background: #333;
    margin: 5px auto;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    transition-duration: 0.3s;	
}
.m_nav_ham_1_open {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 13px;
}
.m_nav_ham_2_open {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -7px;
}
.m_nav_ham_3_open {
    opacity: 0;
}

#mobile_menu {
	display: none;
	background-color: #121212;
 	padding: 0px;
    z-index: 100000;
	position: absolute;
	width: 100%;	
}

#mobile_menu ul {
	margin:0;
	list-style: none;
}
#mobile_menu ul li {
	margin:0;
}
#mobile_menu ul li.boc_search_border, #mobile_menu ul li.boc_search_toggle_li {
	display: none;
}
#mobile_menu > ul > li a{
	background: #222;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
#mobile_menu > ul > li > a:hover{
	background: #2a2a2a;
}

#mobile_menu ul ul li  a:hover{
	background: #171717;
}

#mobile_menu > ul > li  ul li a{ 
	background: transparent;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
}

#mobile_menu ul li a {
	color: #ccc;
    font-size: 14px;
	line-height: 1.7em;
    display: block;
    position: relative;
    padding: 12px 30px;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;	
}
#mobile_menu ul ul li a {
	padding: 10px 50px;
}
#mobile_menu ul ul ul li a {
	padding: 10px 70px;
}

#mobile_menu ul li a:hover {
	color: #eee;
}

#mobile_menu ul li ul {
	display: none;
}

#mobile_menu ul li a > span:not(.icl_lang_sel_bracket) {
	float: right;
	width: 32px;
	height: 32px;
	text-align: center;
	font-size: 10px;
	line-height: 30px;
	margin-top: -2px;
}
#mobile_menu ul li a:hover > span {
	color: #ddd;
	cursor: pointer;
}
#mobile_menu ul li a > span:hover {
	color: #fff;
}
.span_1_of_3 {
    width: 31.33%;
}

.bz-case-main .bz-case-all {
	float: left;
	width: 232px;
	margin-right: 10px;
	position: relative
}

.bz-case-main .bz-case-all .all-text {
	position: absolute;
	bottom: 50px;
	width: 100%;
	padding-left: 10px
}

.bz-case-main .bz-case-all .all-text .all-decoration {
	display: inline-block;
	vertical-align: bottom;
	width: 52px;
	height: 45px;
	background: url(../upload/icon-index.png) 0 0 no-repeat
}

.bz-case-main .bz-case-all .all-text .all-tip {
	margin-top: 5px;
	font-size: 26px;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px
}

.bz-case-main .bz-case-all .all-text .all-tip i {
	position: absolute;
	right: 9px;
	width: 15px;
	height: 10px;
	margin-left: 6px;
	bottom: 13px;
	background: url(../upload/icon-index.png) -52px 0 no-repeat
}

.bz-case-main .bz-case-box {
	overflow: hidden
}

.bz-case-main .bz-case-box .bz-case-part ul li {
	float: left;
	/*width: 31.33%;*/
	height:auto;margin-left:3%;margin-bottom:3%;
}
.bz-case-main .bz-case-box .bz-case-part ul li:first-child { margin-left: 0; }
.bz-case-main .bz-case-box .bz-case-part ul li:nth-child(4) { margin-left: 0; }
.bz-case-main .bz-case-box .bz-case-part ul li a {
	display: block;
	height: 100%;
	text-align: center;
	padding-top:0px;
	transition: all .8s;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.bz-case-main .bz-case-box .bz-case-part ul li a .icon-img-cover {
	height: calc(100% - 50px); width: 100%;padding-top:10px;
}

.bz-case-main .bz-case-box .bz-case-part ul li a .icon-img-cover .icon-img {
	display: inline-block;
	vertical-align: middle;
	height: 100%; width: 100%;
	background-position:center center;background-repeat:no-repeat;background-size:contain;
}

.bz-case-main .bz-case-box .bz-case-part ul li a .part-title {
	font-size: 16px;
	color: #3e3a39;
	font-weight:normal;margin:0;margin-top:5px;
}

.bz-case-main .bz-case-box .bz-case-part ul li a:hover {
	transition: all .8s;
	background-image: url(../upload/icon-case-01-hover.jpg);background-size:cover;background-position:center center;
}

.bz-case-main .bz-case-box .bz-case-part ul li a:hover .icon-img-cover .icon-img {
	width: 0px;height: 0px;background-position:0 0;background-repeat:no-repeat;
}

.bz-case-main .bz-case-box .bz-case-part ul li a:hover .part-title {
}

.bz-case-main .bz-case-box .bz-case-part ul li.case-01 a .icon-img-cover .icon-img {
	background-image: url(/upload/icon-case-01.png);
}

.bz-case-main .bz-case-box .bz-case-part ul li.case-01 a:hover {
	transition: all .8s;
	background-image: url(../upload/icon-case-01-hover.jpg);
}
.bz-case-main .bz-case-box .bz-case-part ul li.case-02 a .icon-img-cover .icon-img {
	background-image: url(/upload/icon-case-02.png);
}

.bz-case-main .bz-case-box .bz-case-part ul li.case-02 a:hover {
	transition: all .8s;
	background-image: url(../upload/icon-case-02-hover.jpg);
}

.bz-case-main .bz-case-box .bz-case-part ul li.case-03 a .icon-img-cover .icon-img {
	background-image: url(/upload/icon-case-03.png);
}

.bz-case-main .bz-case-box .bz-case-part ul li.case-03 a:hover {
	transition: all .8s;
	background-image: url(../upload/icon-case-03-hover.jpg);
}

.bz-case-main .bz-case-box .bz-case-part ul li.case-04 a .icon-img-cover .icon-img {
	background-image: url(/upload/icon-case-04.png);
}

.bz-case-main .bz-case-box .bz-case-part ul li.case-04 a:hover {
	transition: all .8s;
	background-image: url(../upload/icon-case-04-hover.jpg);
}

.bz-case-main .bz-case-box .bz-case-part ul li.case-05 a .icon-img-cover .icon-img {
	background-image: url(/upload/icon-case-05.png);
}

.bz-case-main .bz-case-box .bz-case-part ul li.case-05 a:hover {
	transition: all .8s;
	background-image: url(../upload/icon-case-05-hover.jpg);
}

.bz-case-main .bz-case-box .bz-case-part ul li.case-06 a .icon-img-cover .icon-img {
	background-image: url(/upload/icon-case-06.png);
}

.bz-case-main .bz-case-box .bz-case-part ul li.case-06 a:hover {
	transition: all .8s;
	background-image: url(../upload/icon-case-06-hover.jpg);
}

.bz-case-main .bz-case-box .bz-case-part ul li.case-07 a .icon-img-cover .icon-img {
	width: 70px;
	height: 61px;
	background: url(../upload/icon-case.png) 0 -380px no-repeat
}

.bz-case-main .bz-case-box .bz-case-part ul li.case-07 a:hover {
	transition: all .8s;
	background: url(../upload/icon-case-07-hover.jpg) 0 0 no-repeat
}

.bz-case-main .bz-case-box .bz-case-part ul li.case-07 a:hover .icon-img-cover .icon-img {
	background-position: -70px -380px
}

.bz-case-main .bz-case-box .bz-case-part ul li.case-08 a .icon-img-cover .icon-img {
	width: 70px;
	height: 70px;
	background: url(../upload/icon-case.png) 0 -441px no-repeat
}

.bz-case-main .bz-case-box .bz-case-part ul li.case-08 a:hover {
	transition: all .8s;
	background: #f8b62c
}

.bz-case-main .bz-case-box .bz-case-part ul li.case-08 a:hover .icon-img-cover .icon-img {
	background-position: -70px -441px
}

.bz-case-main .bz-case-box .bz-case-part+.bz-case-part {
	margin-top: 10px
}

.bz-case-wrapper .dk-particles {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10
}
.fadeInDown {
	animation: fadeInDown .5s both;
	-wekit-animation: fadeInDown .5s both;
}
@-webkit-keyframes fadeInDown {
 0% {
 opacity:0;
 -webkit-transform:translateY(-37px);
 transform:translateY(-37px)
}
 100% {
 opacity:1;
 -webkit-transform:translateY(0);
 transform:translateY(0)
}
}
@keyframes fadeInDown {
 0% {
 opacity:0;
 -webkit-transform:translateY(-37px);
 -ms-transform:translateY(-37px);
 transform:translateY(-37px)
}
 100% {
 opacity:1;
 -webkit-transform:translateY(0);
 -ms-transform:translateY(0);
 transform:translateY(0)
}
}
#owl-banner {
	width: 100%;
	max-width: 1920px;
	text-align: center;
	margin: 0 auto;
}
#owl-banner .item {
	background: #fff no-repeat center;
}
#owl-banner .owl-controls {
	margin-top: 0;
}
#owl-banner .owl-controls .owl-page span {
	background: none;
	border: 2px solid #ccc;
	width: 8px;
	height: 8px;
	opacity: 1;
}
#owl-banner .owl-controls .owl-page.active span {
	border-color: #ff9801;
	background: #ff9801;
}
#owl-banner .owl-pagination {
	margin-top: 1%;
	position: absolute;
	left: 0;
	bottom: 4%;
	width: 100%;
}
#owl-banner .owl-buttons {
}
#owl-banner .owl-buttons div {
	display: none;
}
#owl-banner .owl-buttons .owl-prev {
	left: 2%;
	background: url(/upload/ib_l.png) no-repeat center;
}
#owl-banner .owl-buttons .owl-next {
	right: 2%;
	background: url(/upload/ib_r.png) no-repeat center;
}
.index {
}
.iTitle {
	text-align: center;
	padding: 4% 0 3%;
}
.iTitle .t1 {
	font-size: 30px;
	color: #666;
}
.iTitle span {
	display: inline-block;
	width: 33px;
	height: 3px;
	background: #ff9801;
	margin: .5% 0;
}
.iTitle .t2 {
	font-size: 20px;
	color: #333;
}
.iCate {
	text-align: center;height: 40px;
}
.iCate a {
	font-size: 16px;
	color: #333;
	margin: 0 1%;padding:20px;
}
.iCate a.on{
	color: #496da9;background: #f4f5f6;
}
.mbiCate a.on {
	color: #ff9801;
}
.mbiCate a {
	padding:5px 10px;display: inline-block;word-break: keep-all;
}
.iCate a:hover {
	color: #ff9801;
}
.index .iPage {
	text-align: center;
	padding-bottom: 3%;
}
.index .iPage .prev {
}
.index .iPage .next {
}
.index .iPage .mid {
	margin: 0 .5%;
}
.index .maod_rel {
	position: relative;
}
.index .maod_rel .maod {
	position: absolute;
	top: -20%;
	left: 0;
}
.iCase .list {/*display: none;*/
}
/*.iCase .list_box .list:first-child{display: block;}*/
.iCase .list .box {
	width: 22%;/*margin-left: 2.3%;*/
	margin: 0 1.5% 3%;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid rgba(0,0,0,0.06);-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.iCase .list .box .pic {
	background: url(/upload/loading.gif) no-repeat center;position: relative;opacity: 0.999;
}
.iCase .list .box .pic img {
	transition: all 1.2s;
	-webkit-transition: all 1.2s;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.iCase .list .box .pic:hover img {
}
/*.iCase .list .box.noml{margin-left: 0;}*/
.iCase .list .box .t {
	text-align: center;padding:15px;
	line-height:1.5;
}
.iCase .list a:hover .t {
	background:#496da9;
}
.iCase .list .box .t{
	font-size: 16px;
	color: #333;
}
.iCase .list .box .t span {
	font-size: 14px;
	color: #999;display:block;padding-top:10px;
}
.iCase .list a:hover .t,.iCase .list a:hover .t span{
	color: #fff;
}
.img_overlay_icon {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
    z-index: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
	-webkit-transform: translate3d(0, 0, 0);
}

a:hover .img_overlay_icon {
	opacity: 1;
	filter: alpha(opacity=100);
    z-index: 1;
}
.img_overlay_icon {
	position:absolute;
	top: auto;
	bottom: 0;
	opacity: 1;
	filter: alpha(opacity=100);
	text-align: center;
}
a:hover .img_overlay_icon {
	background: rgba(0, 0, 0, 0.2);
	height: 100%;
}

#owl-iCase {
	width: 100%;
	max-width: 1920px;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 5%;
}
#owl-iCase .item {
	background: #fff no-repeat center;
}
#owl-iCase .owl-controls {
	margin-top: 0;
}
#owl-iCase .owl-controls .owl-page span {
	display: none;
}
#owl-iCase .owl-pagination {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 5%;
	text-align: center;
}
#owl-iCase .owl-buttons {
	background: url(/upload/ip2.png) no-repeat center;
}
#owl-iCase .owl-buttons div {
	padding: 0;
	margin: 0 51px;
	opacity: 1;
	width: 52px;
	height: 50px;
	border-radius: 0;
	text-indent: 999px;
	overflow: hidden;
	transition: all .5s;
}
#owl-iCase .owl-buttons .owl-prev {
	background: #f1f1f1 url(/upload/ipj1.png) no-repeat center;
}
#owl-iCase .owl-buttons .owl-prev:hover {
	background: #ff9a02 url(/upload/ipj10.png) no-repeat center;
}
#owl-iCase .owl-buttons .owl-next {
	background: #f1f1f1 url(/upload/ipj2.png) no-repeat center;
}
#owl-iCase .owl-buttons .owl-next:hover {
	background: #ff9a02 url(/upload/ipj20.png) no-repeat center;
}
#owl-iNews {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	padding-bottom: 5%;
}
#owl-iNews .item {
	background: #fff no-repeat center;
}
#owl-iNews .owl-controls {
	margin-top: 0;
}
#owl-iNews .owl-controls .owl-page span {
	display: none;
}
#owl-iNews .owl-pagination {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 5%;
	text-align: center;
}
#owl-iNews .owl-buttons {
	background: url(/upload/ip2.png) no-repeat center;
	margin-top: 2%;
}
#owl-iNews .owl-buttons div {
	padding: 0;
	margin: 0 51px;
	opacity: 1;
	width: 52px;
	height: 50px;
	border-radius: 0;
	text-indent: 999px;
	overflow: hidden;
	transition: all .5s;
}
#owl-iNews .owl-buttons .owl-prev {
	background: #f1f1f1 url(/upload/ipj1.png) no-repeat center;
}
#owl-iNews .owl-buttons .owl-prev:hover {
	background: #ff9a02 url(/upload/ipj10.png) no-repeat center;
}
#owl-iNews .owl-buttons .owl-next {
	background: #f1f1f1 url(/upload/ipj2.png) no-repeat center;
}
#owl-iNews .owl-buttons .owl-next:hover {
	background: #ff9a02 url(/upload/ipj20.png) no-repeat center;
}
.index .iAbout{
	padding-bottom: 60px;
}
.index .iAbout .wrap {
	position: relative;
	background: #f6f6f6;
}
.index .iAbout .pic {
	width: 45%;padding-top: 10px;
	position: relative;margin-bottom:4%;float:left;
}
.index .iAbout .pic .vibg {
    width: 96%;
    height: 100%;
    background-image: url(../upload/13.png);
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
}
.index .iAbout .pic .visn{position: relative; z-index: 2;padding-bottom:0;width: 96%;}
.index .iAbout .pic .ivdo {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 5;
}
.index .iAbout .pic .ivdo iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 5;
}
.index .iAbout .pic .ivdo video {
	width: 100%;
	background: #f6f6f6;
}
.index .iAbout .pic .button {
    width: 92px;
    height: 90px;
    display: block;
    background-image: url(../upload/iab2.png);
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    cursor: pointer;
    z-index: 10222;
}
.index .iAbout .words {
	width: 55%;float: right;
}
.index .iAbout .words .bf {
	width: 85%;
	margin: 0 auto;
	font-size: 14px;
	color: #666;
	line-height: 180%;color: #4c4c4c;text-align: justify;
}
.index .iAbout .words .m {
	margin-top: 5%;
}
.index .iAbout .words .m a {
	display: inline-block;
	font-size: 14px;
	color: #333;
	padding: 1.5% 4%;
	border: 1px solid #999;
}
.video-layer {background-color: #000; } 
.video-layer .layui-layer-content { width: 800px; height: 450px; overflow: hidden !important; } 
.video-layer video { width: 800px; height: 450px; }
.numbers { width: 85%; margin: 20px auto;display: flex; justify-content: space-between;margin-top:0;}
.numbers .item { width: 25%; }
.numbers .item .top-small { width: auto; white-space: nowrap; font-size: 16px; height: 16px; line-height: 16px; color: #C60000; clear: both; } 
.numbers .item .bot-text { height: 56px; margin-top: 10px; white-space: nowrap; }
.numbers .item .bot-text span { display: inline-block; color: #032a6e; } 
.numbers .item .bot-text .num { font-size: 54px; height: 54px; line-height: 54px; font-family: 'impact'; } 
.numbers .item .bot-text .plus { font-size: 54px; height: 54px; line-height: 54px; font-family: 'impact'; }
.numbers .item .bot-text .small { height: 19px; }
.numbers .item:last-child { width: 20%; }
.iNews {
}
.iNews .list {
	margin-bottom: 1%;
}
.iNews .list .box {
	position: relative;
	width: 23%;
	margin: 0 1%;
	border-bottom: 2px solid #ddd;
	cursor: pointer;
}
/*.iNews .list .box.noml{margin-left: 2%;}*/
.iNews .list .box:after {
	width: 0;
	height: 2px;
	background: #096ed6;
	transition: all .7s;
	-webkit-transition: all .7s;
	position: absolute;
	bottom: -2px;
	left: 0;
	content: "";
}
.iNews .list .box .t {
	margin: 4% 0;
}
.iNews .list .box .t a {
	font-size: 16px;
	color: #333;
	width: 95%;
	height: 22px;
}
.iNews .list .box .bf {
	font-size: 14px;
	color: #777;
	line-height: 25px;
	word-break: break-all;
	text-align: left;
	height: 50px;
	overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.iNews .list .box .date {
	font-size: 14px;
	color: #999;
	padding: 5% 0;
	text-align: left;
}
.iNews .list .box .date img {
	margin-left: 3%;
}
.iNews .list .box:hover .t a {
	color: #096ed6;
}
.iNews .list .box:hover:after {
	width: 100%;
}
.foot {
padding-bottom: 75px;overflow: hidden;
}
.foot .list {
	background: #333;
	padding: 2% 0 3%;
}
.foot .list .box {
	width: 10%;padding-right: 1%;
	margin-right: 2%;border-right: 1px solid #484848;min-height: 280px;
}
.foot .list .box .tt {
}
.foot .list .box .tt a {
    color: #adadad;
	font-size: 16px;
	display: block;
	padding-bottom: 15px;
	margin-bottom: 25px;
}
.foot .list .box ul {
}
.foot .list .box ul li {padding-bottom:10px;
}
.foot .list .box ul li a {
	line-height: 18px;
	font-size: 14px;
	color: #adadad;
}
.foot .list .box.last {
	width: 24%;
	margin-right: 0;
}
.foot .list .box.last .fContact {width:52%;color:#adadad;font-size: 14px; line-height: 2;
}
.foot .list .box.last .fContact .p {
	color: #ff9801;
}
.foot .list .box.last .fContact .d {
	font-size: 14px;
	color: #666;
	padding: 4% 0 20%;
}
.foot .list .box.last .fContact .ol {
	background: #3f3f3f;
	border-radius: 6px;
	padding: 4% 0;
}
.foot .list .box.last .fContact .ol a {
	color: #fff;
	font-size: 17px;
}
.foot .list .box.last .fContact .ol img {
	margin-right: 10px;
}
.foot .list .box.last .ewm{
    line-height: 32px;
    color: #e5e5e5;
}
.foot .list .box.last .ewm dd {
    font-size: 14px;
}
.foot .list .box.last .ewm .fqrcode img {max-width: 100%;
}
.foot .list .box.last .ewm .fl {/*margin-right: 20px;*/
}
.foot .list .box.footLeft{width: 19%;}
.foot .list .box.footLeft img{max-width: 90%;}
.fStock, .fTell {
    margin-top: 50px;
}
.fticon {
    background: url(../upload/icon_s.png) no-repeat;
    display: inline-block;
}
.iconStock{background-position: 0 -102px; width: 36px; height: 36px; vertical-align: bottom; margin-right: 14px;}
.stockTxt span{display: block; color: #e5e5e5;}
.iconTel{background-position: 0 -144px; width: 37px; height: 37px; vertical-align: bottom; margin-right: 14px;}

.foot .cpr {
	background: #121313;
	padding: 30px 0;text-align:center;border-top: 1px solid #2a2a2a; 
}
.foot .cpr a{
	color: #666;
}
.foot .cpr .w {
	font-size: 14px;
	color: #666;
}
.foot .cpr .share {
}
.foot .cpr .share a {
	padding: 0 5px;
}
/*固定底部*/
.ftfi{width:100%;height:75px;background:#323232;z-index:200;position:fixed;bottom:-75px;margin:0px auto;}
.ftfi .footer-logo{width:195px;height:20px;float:left;margin-top:30px;}
.footer-nav{position:inherit;height:75px; width:950px; float:right;}
.footer-nav ul{position:relative; margin-bottom:0px!important;}
.footer-nav li{float:left;padding:0 35px;background:none;line-height:75px;height: 75px; margin-bottom:0px!important;list-style-type: none;}
.footer-nav li:hover {
	display: block;
	position: relative;
	height:75px;
	margin: 0;
	color: #333;
	white-space: nowrap;
	min-width: 88px;
	font-size: 14px;
	font-family: 'microsoft yahei',Arial!important;
}
.footer-nav li:hover {
	background: #496da9/*#0162ab*/;
	color: #fff;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out;
}
.footer-nav li h2{font-size:14px;color:#adadad;transition:all 400ms;-webkit-transition:all 400ms;line-height:inherit;margin-bottom:0px!important;}
.footer-nav li h3{font-size:14px;color:#6d6d6d;font-family:'microsoft yahei'!important;font-weight:500; line-height:15px;transition:all 400ms;-webkit-transition:all 400ms;}
.footer-nav li h3 p{font-size:14px;color:#6d6d6d;font-family: 'microsoft yahei'!important;font-weight:500; line-height:15px;transition:all 400ms;-webkit-transition:all 400ms;}
.footer-nav li a.on h2{color:#fff;}
.footer-nav li a.on h3{color:#fff;}
.footer-nav li a.on h3 p{color:#fff;}
.footer-nav li:hover h2{color:#fff;}
.footer-nav li:hover h3{color:#fff;}
.footer-nav li:hover h3 p{color:#fff;}
.footer-nav .foot-navline{background:*/*url("/static/images/footer-h.jpg")*/ repeat-x;position:absolute;z-index:-1;bottom:-84px;height:91px;padding:0 20px;}
/*底部*/
.foot-2{width:100%;height:67px;padding-top:30px; border-top:3px #68b92e solid;clear:both;background:#f4f5f6;}

.position {
    background: #f0f0f0;
}
.position .wrap {
	background: #f0f0f0;
	padding: 1.5% 0;
}
.position .loc {
	font-size: 14px;
	color: #999;
	margin-left: 3%;
}
.position .loc a {
	font-size: 14px;
	color: #999;
}
.position .loc a:last-child {
	color: #f90;
}
.position .loc span {
	font-size: 14px;
	color: #999;
}
.position .back {
	margin-right: 3%;
}
.position .back a {
	font-size: 14px;
	color: #666;
}
.case {
	padding-bottom: 5%;
}
.case .sear {
	font-size: 24px;
	color: #333;
	text-indent: 20px;
	margin-bottom: 2%;
}
.news {
}
.news .list .box {
	width: 23%;
}
.iNews.news .list .box {
	margin-bottom: 1%;
}
.iNews.news .list .box .pic {
	background: url(/upload/loading.gif) no-repeat center;
}
.img.noPic {
	background: url(/upload/nopic.png) no-repeat center!important;
	background-size: 30% auto!important;
}
.contact .main {
	max-width: 1500px;
	width: 98%;
	margin: 0 auto;
}
.contact .c_tit {
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 18px;
	color: #757575;
}
.contact .c_tit_en {
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	color: #757575;
	text-align: center;
}
.contact .c_cup {
	margin-top: 52px;
	padding-bottom: 48px;
	border-bottom: 1px solid #e5e5e5;
}
.contact .c_cup .c_li {
	width: 25%;
	background: url(/upload/c_li.jpg) no-repeat left center;
	margin-bottom: 50px;
}
.contact .c_cup .bgn {
	background: none;
}
.contact .c_cup .c_li .c_pic {
	height: 70px;
	width: 100%;
}
.contact .c_cup .c_li .c1 {
	background: url(/upload/c1.jpg) no-repeat center top;
}
.contact .c_cup .c_li .c2 {
	background: url(/upload/c2.jpg) no-repeat center top;
}
.contact .c_cup .c_li .c3 {
	background: url(/upload/c3.jpg) no-repeat center top;
}
.contact .c_cup .c_li .c4 {
	background: url(/upload/c4.jpg) no-repeat center top;
}
.contact .c_cup .c_li .one {
	line-height: 24px;
	text-align: center;
	color: #757575;
	font-size: 14px;
}
.contact .form {
	padding: 0 0 5%;
}
.contact .c_row {
	width: 32%;
	margin-left: 2%;
	margin-bottom: 30px;
}
.contact .c_row.noml {
	margin-left: 0;
}
.contact .c_row .user {
	width: 100%;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	behavior: url(/pie/pie.htc);
	position: relative;
	padding: 0 18px;
	height: 48px;
	line-height: 48px;
	color: #999;
	font-size: 14px;
}
.contact .m_row {
	margin-bottom: 30px;
}
.contact .m_row .mess {
	border-radius: 5px;
	padding: 14px 18px;
	line-height: 28px;
	font-size: 14px;
	color: #999;
	width: 100%;
	border: 1px solid #e3e3e3;
	min-height: 200px;
}
.contact .c_submit {
	width: 150px;
	height: 50px;
	background: #ff9c0b;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	behavior: url(/upload/pie.htc);
	position: relative;
	margin: 0 auto;
}
.contact .c_submit .mit {
	height: 50px;
	width: 150px;
	border: none;
	background: none;
	line-height: 50px;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
}
/*.rm_outer{position: fixed;z-index: 90;width: 100%;top: 38%;left: 0;}
.rm_outer .rm_inter{position: relative;}
.right_menu{position: absolute;right: 0;top:0;}*/
.right_menu {
	position: fixed;
	right: -80px;
	top: 38%;
	z-index: 90;
}
.right_menu.show {
	right: 0;
}
.right_menu .relat {
	position: relative;
}
.right_menu .relat .button {
	position: absolute;
	bottom: 44%;
	right: 100%;
	background: url(/upload/rp_bg.png);
	cursor: pointer;
	width: 20px;
	padding: 5px 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.right_menu.show .relat .button {
}
.right_menu.show .relat .button img {
	transform: rotate(180deg);
}
.right_menu.right {
	position: fixed;
	right: 0;
	top: 25%;
}
.right_menu .box {
	width: 80px;
	padding: 10px 0;
	margin-bottom: 1px;
	background: url(/upload/rp_bg.png);
	cursor: pointer;
	font-size: 12px;
	color: #fff;
}
/*.right_menu .box .img{width: 40%;margin: 0 auto;}*/
.right_menu .box img {
	margin-bottom: 5px;
	width: 25px;
}
.right_menu .box a {
	font-size: 12px;
	color: #fff;
}
.right_menu .box.call {
	position: relative;
}
.right_menu .box.call .op0 {
}
.right_menu .box.call:hover .op0 {
	opacity: 0;
	visibility: hidden;
}
.right_menu .box.call:hover .form {
	width: 330px;
}
.right_menu .box.hide {
	background: none;
}
.right_menu .box.hide .op0 {
	opacity: 0;
	visibility: hidden;
}
.right_menu .box.call .form {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	background: url(/upload/rp_bg.png);
	width: 0;
}
.right_menu .box.call .form.open {
	width: 330px;
}
.right_menu .box.call .form .width {
	width: 300px;
	margin-left: 15px;
	padding-top: 10px;
}
.right_menu .box.call .form .close {
	font-size: 12px;
	color: #fff;
	display: none;
}
.right_menu .box.call .form .w {
	font-size: 14px;
	color: #fff;
	margin-bottom: 5px;
}
.right_menu .box.call .form .text {
	width: 207px;
	height: 28px;
	background: #fff;
	color: #ff9c0b;
	text-indent: 10px;
	border: none;
	margin-right: 1px;
}
.right_menu .box.call .form .sub {
	color: #fff;
	background: #ff9c0b;
	width: 86px;
	height: 28px;
	border: none;
}
.mb_nav {
	position: fixed;
	left: -300px;
	top: 0;
	background: #fff;
	z-index: 95;
	width: 300px;
	height: 100%;
	transition: left .5s;
}
.mb_nav .li {
	display: block;
	margin: 0;
	border-bottom: 1px solid #efefef;
}
.mb_nav .li > a {
	margin-bottom: 0;
	display: block;
	font-size: 18px;
	padding: 7% 0;
}
.mb_nav .li > a.on {
	border-color: transparent;
	color: #ff9a02;
}
.mb_nav .li > a:hover {
	border-color: #ff9a02;
	color: #ff9a02;
}
.mb_nav .navBox {
	display: none!important;
}
.mask {
	background: url(/upload/mask.png);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 90;
	visibility: hidden;
	opacity: 0;
	transition: all .5s;
	-webkit-transition: all .5s;
}
.mask.mask_visible {
	visibility: visible;
	opacity: 1;
}
.mbiCate {
	text-align: center;
	margin-bottom: 3%;
}
.mbiCate select {
	border: solid 1px #d8d8d8;
	text-align: center;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: url("/upload/arrow.png") no-repeat scroll 95% center transparent;
	padding: 5px 25px 5px 15px;
	color: #565656;
	border-radius: 4px;
}
.mbiCate select::-ms-expand {
display: none;
}
.exper-list { width: 100%; }
.exper-list li { width: 100%; height: auto;}
.exper-list .exper-img { width: 50%;  float: left; }
.exper-list .exper-img img{width: 100%;}
.exper-con1 { width: 50%; float: left; padding-left: 40px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.exper-con2 { width: 50%; float: left; padding-right: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.exper-item { width: 100%; margin-top: 47px; padding: 0 0 15px 80px; border-bottom: 2px  #ff760e/*#f8b62c*/ solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.exper-item h3 { font-size: 23px; color: #69696b; padding-top:8px;padding-bottom:12px; font-weight: 500; }
.exper-item h4 { font-size: 16px; color: #69696b; font-weight: 500; }
.exper-bot { padding-top: 40px; }
.exper-bot p { font-size: 16px; color: #69696b; padding-bottom: 10px; line-height:25px; }

.exper-it1 { background: url("/upload/exper-li1.png") no-repeat left top; }
.exper-it2 { background: url("/upload/exper-li2.png") no-repeat left top; }
.exper-it3 { background: url("/upload/exper-li3.png") no-repeat left top; }
.exper-it4 { background: url("/upload/exper-li4.png") no-repeat left top; }
.exper-it5 { background: url("/upload/exper-li5.png") no-repeat left top; }
.lybd{}
.lybd input[type="text"], .lybd input[type="password"], .lybd input[type="email"], .lybd input[type="tel"], .lybd textarea, .lybd select {width: 100%; border: 1px solid #eee; padding: 8px; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-family: inherit; font-size: inherit; color: #555; margin: 0; max-width: 100%; display: block; margin-bottom: 20px; background: #f9f9f9; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lybd .button, .lybd a.button, .lybd button, .lybd input[type="submit"], .lybd input[type="reset"], .lybd input[type="button"] {
    text-transform: uppercase;display: inline-block;
    cursor: pointer;
    position: relative;
    margin-bottom: 12px;
    font-family: 'microsoft yahei',Arial,'Lato', Helvetica,Calibri,sans-serif;
    border-style: solid;
    border-width: 0;
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06));
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06));
    background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06));
    background-repeat: repeat-x;
    color: #69696b;
    /* text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.14); */
    background-color: #333;
    text-decoration: none;
    font-weight: 400;
    font-size: 13px;
    line-height: 1em;
    padding: 11px 18px;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -ms-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
    white-space: nowrap;
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
}
.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1);
}
.webser{padding:114px 0 120px;background-color:#eff0f5;background-image:url(/upload/probg1.jpg);background-repeat:no-repeat;background-position:center top;background-size:100% auto}
.webserbox{margin-top:46px;background-color:#fff}
.webserbox .map{width:883px;height:600px;position:relative;}
/* .webserbox .map:before{content:"";width:915px;height:635px;position:absolute;top:-16px;left:-17px;z-index:8;background-image:url(/upload/组59_76.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%} */
.webserbox .mapbox{border:1px solid #1a73ce}
.webserbox .rightbox{width:calc(100% - 883px);height:600px;padding:70px 3.125vw 100px 3.4375vw;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.websearch{width:100%;height:54px;border:1px solid #eaeaea;padding:0 19px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.websearch .input{border: none; appearance: none; -moz-appearance: none; outline: none; -webkit-appearance: none;width:calc(100% - 60px);margin-right:20px}
.websearch .input input{border: none; appearance: none; -moz-appearance: none; outline: none; -webkit-appearance: none;width:100%;height:52px}
.websearch .input input::-webkit-input-placeholder{color:#999}
.websearch .btn{height:52px;line-height:52px;cursor:pointer}
.websearch .btn img{display:inline-block;vertical-align:middle;margin-bottom:3px}
.webscroll{margin-top:42px;position:relative}
.webscroll .title{font-size:18px;font-weight:bold}
.webscroll .swiper-slide{padding-right:6px;height:auto}
.webscroll .swiper-slide .box{padding:34px 0;border-bottom:1px solid #eaeaea}
.webscroll .swiper-slide:nth-of-type(1) .box{padding:0 0 34px 0}
.webscroll .text{color:#666;margin-top:6px;line-height:2}
.webscroll .swiper-container{height:336px}
.webscroll .swiper-container-vertical>.swiper-scrollbar{width:2px;height:100%;background-color:#eaeaea;right:4px;top:0;border-radius:0}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}
.webscroll .swiper-scrollbar-drag{width:10px;background-color:#2f318b;left:-4px;border-radius:0}
.lx_wap .left{float:left;}
.lx_wap .right{float:right;}
.lx_wap .call_main {width: 50%;}
.lx_wap .call_main ._call_l{padding: 30px 25px;border: 1px solid #f0efef;}
.lx_wap .call_main ._call_title {font-size: 23px; color:#69696b;font-weight: normal;line-height: 30px; margin-bottom: 20px;}
.solution_list {
  line-height: 30px;
  background: #fff;
  min-height: 800px;margin-top:60px;margin-bottom:20px;
}
.solution_list .new-img {
  width: 30%;margin:0;float: left;overflow:hidden;
  height:14rem;text-align:center;padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.solution_list ul li {
  margin-bottom: 30px;
  overflow: hidden;
  cursor: pointer;
  background-color: #f2f2f2;padding:1rem;
}
.solution_list ul li img {
   width: 100%;
}
.solution_list ul li a {
  display: block;
}
.solution_list ul li .list-info {
  display: inline-block;
  vertical-align: top;padding:1rem 2rem;
  width: 70%;height:12rem;
  float: left;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.solution_list ul li h1 {
  font-size: 1.45rem;
  margin-bottom: 20px;
  line-height: 30px;
  font-weight: 500;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;word-break: break-all;
}
.solution_list ul li p {
  font-size: 1rem;
  line-height: 28px;
  color: #666;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;word-break: break-all;
}
.solution_list ul li .more {
  color: #f08311 !important;
  float: right;
  width: 50px;
  text-align: right;
  margin-top: -26px;
}
.solution_list ul li:hover {
  background-color: #ef8515;
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.solution_list ul li:hover h1,
.solution_list ul li:hover p {
  color: #fff;
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.plist {
	padding: 3% 3% 0 3%;background: #f4f5f6;
}
.plist .pitem {
	border: 1px solid #ccc;background: #fff;
}
.plist .pitem {
	width: 48.3%;
	margin-bottom: 3.4%;
}
.plist .pitem .img {
	width: 58%;
	height: 350px;
	float: left;
	display: block;
}
.plist .pitem .img img {
	max-width: 100%;
	max-height: 100%;
}
.plist .pitem .txt {
	width: 34%;
	margin-left: 4%;
	float: left;
}
.plist .pitem .txt .n {
	margin: 20px 0 10px;display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden;
}
.plist .pitem .txt .n a {
	font-size: 20px;
	font-weight: 900;color: #0f2b97;
}
.plist .pitem .txt .p {
	font-size: 14px;
	color: #757575;
	line-height: 24px;
	min-height: 210px;
	max-height: 225px;
	overflow: hidden;margin-bottom:10px;display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 9; -webkit-box-orient: vertical; overflow: hidden;
}
.plist .pitem .txt .a {
	display: inline-block; font-size: 14px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #eee;background:#fafafa; color: #333; padding: 0 10px; line-height: 30px; margin-top: 10px; transition: all 0.6s;
}
.plist .pitem .txt .a span {
	font-family: '宋体', Verdana, Geneva, sans-serif;
}
.plist .pitem:hover .news-btn {
    transform: translateX(10px);
}
.m_pic {
	text-align: center;
	display: block;
	overflow: hidden;
}
.m_pic b {
	display: none;
}
.m_pic img {
	vertical-align: middle;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.product-right-bottom3 {
    border-top: none;
    padding: 10px 0px 0px 0px;
    line-height: 25px;
}

.product-right-bottom3 ul {
    overflow: hidden;
    padding-left: 0px;
}

.product-right-bottom3 ul li {
    width: 31%;
    float: left;
    margin-right: 3%;
    margin-bottom: 3%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;border: 1px solid #e0e0e0;background:#fff;
}

.product-right-bottom3 ul li:nth-child(3n + 3) {
    margin-right: 0px;
}

.product-right-bottom3 ul li a {
    color: #444;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-right-bottom3 ul li a.pic_a {
    color: #444;
    position: relative;
    display: block;
    width: 100%;
    /*height: 190px;*/
    overflow: hidden;
}

.product-right-bottom3 ul li .pro_img {
    display: block;
    width: 100%;
    /*height: 289px;*/
    position: relative;
    overflow: hidden;
}

.product-right-bottom3 ul li img {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;max-height: 100%; max-width: 100%;vertical-align: middle;
}
.product-right-bottom3 ul li b { display: inline-block; height: 100%; vertical-align: middle; }
.product-right-bottom3 ul li span {
    display: block;
    height: 38px;
    line-height: 38px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-right-bottom3 ul li span a {
    color: #737373;
}

.product-right-bottom3 ul li:hover img {
    transform: scale(1.1);
}

.product-right-bottom3 ul li:hover a:nth-child(2) {
    background-color: #ff9801;
    color: #fff;
}
.downlist{overflow:hidden;width:100%;margin:12px auto 30px; display:block; position:relative;}
.downlist li{margin:0px auto;padding:10px 0px 10px 2px;border-bottom:1px dotted #d6d6d6;overflow:hidden; position:relative}
.downlist li ._icon{float:left;width:52px;margin-right:28px; display:block; height:52px; background:#e8e8e8; border-radius:8px;padding:10px;}
.downlist li ._icon img{width:100%;}
.downlist li .text{text-align:left;overflow:hidden; position:relative}
.downlist li h3{display:inline-block; width:100%;height:36px;line-height:36px; padding-right:160px;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:normal;margin:0px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.downlist li span{ display:inline-block; float:right;}
.downlist li a{position:absolute;color: #225195; text-align:center;right:30px;top:0px;width:70px;padding:7px 0px;padding-left:20px;background-image: url(/upload/xz.png); background-position: left center; background-repeat: no-repeat;}
.proviewbox {
    position: relative;width: 48%; float: right;
}
.run {
	overflow: hidden;
	position: relative;
}
.run .hd {
    margin-top:20px;margin-right:-30px;
}
.run .hd ul {margin:0 auto;display:inline-block;}
.run .hd ul li {
	border: 4px solid #ccc;
	height:84px;width: 84px;float:left;
	position: relative;
	margin-bottom: 6px;margin-right: 6px;
	font-size: 0;cursor:pointer;
}
.run .hd ul li img {
	max-width: 100%;
	max-height: 100%;
}
.run .hd ul li.on:after {
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-bottom: 10px solid #ccc;
	border-right: 8px solid transparent;
	position: absolute;
	left: 50%;margin-left: -8px;
	top: -14px;
}
.run .bd {
	position: relative;
	width: 100%;
	z-index: 0;
}
.run .bd li {
	font-size: 0;
}
.run .bd img {
	max-height: 100%;
	max-width: 100%;
}
.run .prev, .run .next {
	width: 10%;
	height: 74px;
	border: 1px solid #ccc;
	top: 45%;
	right: 2%;
	background: #fff;
	font-size: 0;
	display: block;
	z-index: 4;
	position: absolute;
	cursor: pointer;background:#ccc;opacity:0.6;
}
.run .prev {
	left: 2%;
	margin-right: 1px;
}
.proviewbox .soft_pro {
    width: 50%;
}

.proviewbox .soft_pro>img {
    width: 100%;
}
.cprc{
	width: 48%; float: left;
}
.cprc h1{
	margin-bottom:40px;
}
.intro li{
	list-style-type:disc;list-style-position: inside;
}
.xn_c_prodv_22_wrap {
    width: 100%;
    margin: 0 auto 0;
    clear: both;
}

.xn_c_prodv_22_hLi {
    float: left;
    padding-bottom: 7px;
    margin-bottom: 12px;
    width: 33.33333%;
    text-decoration: none;
    display: block;
    height: 55px;
    font-size: 14px;
    line-height: 55px;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    font-family: "微软雅黑";
}

.xn_c_prodv_22_hLi>span {
    width: 100%;
    height: 55px;
    display: block;
    color: #ffffff;
    background: #bbbbbb;
    font-size: 18px;
    line-height: 55px;
}

.xn_c_prodv_22_hLiHover {
    color: #000;
    width: 33.3333333%;
    text-decoration: none;
    display: block;
    height: 55px;
    line-height: 55px;
    text-align: center;
    overflow: hidden;
}

.xn_c_prodv_22_hLiHover>span {
    background:#f90;
}

.xn_c_prodv_22_cont {
    clear: both;
    line-height: 30px;
    color: #666666;
    font-size: 1rem;
    margin-bottom: 15px;overflow-x: scroll !important;
}
.xn_c_prodv_22_items,
#xn_c_prodv_22_hAcces {
    
}

.xn_c_prodv_22_items img {
    max-width: 100%;
}

.xn_c_prodv_64_wrap {
    width: 100%;
    background: #fff;
    padding: 20px;
    margin-bottom: 40px;
}

.xn_c_prodv_64_cocntbox {
    float: left;
    width: 20%;
}

.xn_c_prodv_64_cocntlft {
    overflow: hidden;
    display: block;
}

.xn_c_prodv_64_cocntbox img {
    width: 100%;
    transition: 0.4s;
    /* height: 167px; */
    overflow: hidden;
    display: block;
}

.xn_c_prodv_64_cocntbox:hover img {
    transform: scale(1.2);
}

.xn_c_prodv_64_cocntrit {
    text-align: center;
}

.xn_c_prodv_64_cocntrit a {
    font-size: 14px;
    line-height: 40px;
}

.xn_c_prodv_64_cWrap span {
    font-size: 18px;
    margin-bottom: 20px;
    display: block;
}

.proviewbox .wen {
    overflow: hidden;
    float: left;
    margin-left: 30px;
    width: 50%;
    z-index: 8;
}
.banner_cont {
    background: url(/upload/ny1.jpg) center no-repeat;
    width: 100%;
    height: 203px;
}
.page{width:100%; text-align:center; overflow:hidden;margin:20px auto; vertical-align:top; color:#333;}
.page a{font-size: 1.3rem; line-height: 2.4rem;padding:0.1rem 0.8rem;background-color:#ddd;border:1px solid #ddd; color:#333; display:inline-block;white-space: nowrap;margin:0.2rem;margin-bottom:0.8rem;}
.page .up, .page .down{color:#333;}
.page .this{color:#fff; font-weight:bold; background-color:#333;border:1px solid #000;}
.page a:hover{color:#fff;background-color:#333;border:1px solid #333;}
.pub_turn_page {
	margin: 21px 0;
	font-size: 0;
	text-align: center;
}
.pub_turn_page li {
    display: inline-block;
}
.pub_turn_page .thisclass a{
    color: #ff6600;
}

.pub_turn_page a, .pub_turn_page font, .pub_turn_page select {
	display: inline-block;
	margin: 5px;
	padding: 10px 14px;
	font-size: 14px;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	outline: 0;
	background: white;
}
.pub_turn_page .page_item_current {
	color: #fff;
	background: #ff9a02;
	border-color: #ff9a02;
}
#map {
  width:100%;height:100%;
  }
 @media only screen and (max-width: 1800px) {
/*.foot .list .box:first-child{margin-left:10px;}
	.foot .list .box.last{margin-right:10px;}
	.foot .list .box.last .ewm{width:48.3%;}
	.foot .list .box.last .ewm div{width:46.9%;}
	.foot .list .box.last .ewm div:first-child{margin-right:3%;}
	.foot .cpr .w{margin-left:10px;}
	.foot .cpr .share{margin-right:10px;}*/
	
.w_detail .main, .wrap {
	width: 97%;max-width: 1200px;
}
}
 @media only screen and (max-width: 1680px) {
.foot .list .box.last .ewm div {
	width: 49%;
	margin: 0 .5%;
}
}
@media only screen and (max-width: 1440px) {
    .webserbox .map{width:683px;height:465px}
    .webserbox .map:before{width:708px;height:494px;top:-14px;left:-13px}
    .webserbox .rightbox{width:calc(100% - 683px);height:465px;padding:40px 2.5vw 60px}
    .webscroll .swiper-container{height:260px}
    .webscroll .text{line-height:1.6}
    .webscroll .swiper-slide .box{padding:25px 0}
    .webscroll .swiper-slide:nth-of-type(1) .box{padding:0 0 25px 0}
.foot .list .box.last .fContact .d {
	padding-bottom: 20px;
}
.right_menu {
	top: 20%;
}
.foot .list .box.last .ewm {
	width: 46%;
}
}
 @media only screen and (max-width: 1280px) {
.foot .list .box.last .fContact .p {
}
.right_menu {
	display: none;
}
 .hSearch .text {
}
 .ftfi {
	display: none!important;
}
}
 @media only screen and (max-width: 1024px) {
    .webser{padding:50px 0}
    .webserbox{margin-top:25px}
    .webserbox .map{width:100%;height:350px;margin:0 auto}
    .webserbox .map:before{display:none}
    .webserbox .rightbox{width:calc(100% - 683px);height:465px;padding:40px 2.5vw 60px}
    .webscroll .swiper-container{height:260px}
    .webscroll .text{line-height:1.6}
    .webscroll .swiper-slide .box{padding:25px 0}
    .webscroll .swiper-slide:nth-of-type(1) .box{padding:0 0 25px 0}
    .webmapimg{height:100%}
    .webserbox .mapbox{height:350px}
    .webserbox .rightbox{width:100%;height:auto;padding:25px}
    .websearch{height:42px;padding:0 10px}
    .websearch .input input{height:40px}
    .websearch .btn{height:40px;line-height:42px}
    .webscroll .title{font-size:16px}
    .webscroll{margin-top:25px}
    .webscroll .swiper-slide:nth-of-type(1) .box{padding:0 0 15px 0}
    .webscroll .swiper-slide .box{padding:15px 0}
.plist .pitem .img {
	width: 50%;
}
.plist .pitem .txt {
	width: 42%;
}
#menu > ul > li > a {
    font-size: 14px;
}
.hSearch {
}
.video-layer { background-color: #000; } 
.video-layer .layui-layer-content { width: 400px; height: 225px; overflow: hidden !important; } 
.video-layer video { width: 400px; height: 225px; }
.mb_nav.show {
	left: 0;
}
.foot .list{
    display:none;
}
.foot .list .box.footLeft {
    display:none;
}
.foot .list .box.last {
    width:100%;
}
.foot .list .box ul {
}
.foot .list .box .tt {
	text-align: center;
}
.foot .list .box.last .tt {
}
.foot .cpr .w {
	width: 100%;
	margin: 0 auto;
	float: none;
	text-align: center;
}
.foot .cpr .share {
	width: 100%;
	margin: 3px 0;
	float: none;
	text-align: center;
}
.exper-list{ margin-top: -20px;}
.exper-list li { width: 96%;margin:0 auto; height: auto;margin-top:20px;  }
.exper-list .exper-img { width: 100%; height:auto; float: none;}
.exper-list .exper-img img{ width: 100% !important;}
.exper-con1 { width:100%; height: auto; float: none; padding-left:0!important;}
.exper-con2 { width:100%; height: auto; float: none;padding:0!important;}
.exper-item { width:100%; margin-top:20px; padding: 0 0 10px 80px; border-bottom: 2px  #ff760e/*#f8b62c*/ solid;}
.exper-item h3 {font-size: 1.3em;color: #69696b;padding-top: 8px;padding-bottom: 10px;font-weight: 500;}
.exper-bot {padding-top: 15px;}
.exper-bot p {font-size: 15px;color: #69696b; padding-bottom: 10px; line-height: 25px;}
}
 @media only screen and (max-width: 992px) {
.plist .pitem{
	width: 100%;
}
#mobile_menu_toggler {
    display: block;
}
#menu {
    display: none;
}
#logo {
    width:70%;
}
#logo .logo_img {
    height: 62px;
}
.top-c .t-pro,.top-c .t-site,.top-c .t-mess {
    display: none;
}
.show_pc {
	display: none!important;
}
.foot {
    padding-bottom: 0;
}
.foot .cpr {
    padding: 10px 0;
}
.ftfi {
	display: none!important;
}
.show_tb {
	display: block!important;
}
.w_detail .content img {
	max-width: 100%;
	max-height: 100%;
}
.clear992 {
	clear: both;
}
.contact .c_cup .c_li {
	width: 50%;
}
.iCase.recom .list .box {
	width: 47.7%;
}
.iCate {
	display: none;
}
.index .iAbout .pic {
	width: 100%;
	float: none;
	text-align: center;
	overflow: hidden;
}
.index .iAbout .words {
	position: unset;
	width: 100%;
	padding: 0% 0 6%;
}
.iNews.recom .list .box, .iNews .list .box {
	width: 48%;margin-bottom:10px;border-bottom: none;
}
.w_detail .rel .button {
	/*display: none;*/bottom: 10px;height: auto;top:auto;width: 100%;
}
.w_detail .rel .button.prev {
	right: auto;left:0;bottom: 40px;
}
.w_detail .rel .button.next {
	right: auto;left:0;bottom: 10px;
}
.iCase .list .box {
	width: 47%;
}
.bz-case-main .bz-case-box .bz-case-part ul li a {
	padding-top:17px;
}
.bz-case-main .bz-case-box .bz-case-part ul li a .icon-img-cover {margin-bottom: 5px; }
.bz-case-main .bz-case-box .bz-case-part ul li a .part-title { }
}
@media only screen and (max-width: 768px) {
.proviewbox {
        display: none;
    }
.cprc {
        width: 100%;float:none;
    }
    .swiper-container-m {
        display: block!important;
    }
.cprc h1{
	margin-top:1rem;text-align:center;margin-bottom:1rem;
}
.product-right-bottom3 ul li {
    width: 100%;
    float: none;
    margin-right: 0;
}
.solution_list ul li h1 {
  font-size: 1.2rem;
  line-height: 1;
}.contact .c_row {
	width: 100%;
	float: none;
	margin-left: 0;
}
.iTitle .t1 {
	font-size: 23px;
}
.iTitle .t2 {
	font-size: 16px;
}
.span_1_of_3{
    width: 47%;
    margin: 0 0 30px 0;
}
.clear1024 {
	clear: both;
}
.foot .list .box {
    width: 20.8%;padding-right: 2%;border-right: none;margin-top:20px;text-align:center;
}
.foot .list .box ul {
}
.foot .list .box.last {
	display: block;
	width: 98%;
	margin: 0 auto;margin-top:20px;
	float: none;border-right: none;padding-right: 0;min-height:inherit;
}
.foot .list .box.last .tt {
    display: none;
}
.numbers .item .bot-text .num{
    font-size: 34px; height: 34px; line-height: 34px;
}
.numbers .item .bot-text .plus {
    font-size: 34px;
    height: 34px;
    line-height: 34px;
    font-family: 'impact';
}
.bz-case-main .bz-case-box .bz-case-part ul li a {
	padding-top:42px;
}
.lx_wap .call_main {width: 100%;}
.plist {
	padding: 3.5rem 3%;
}
.plist .pitem {
	margin-bottom: 3.5rem;
}
.plist .pitem .img {
	height: 21.875rem;
}
.plist .pitem .txt .n {
	margin: 1rem 0 0.8rem;
}
.plist .pitem .txt .n a {
	font-size: 1.25rem;
	font-weight: normal;
}
.plist .pitem .txt .p {
	font-size: 1rem;
	line-height: 1.6rem;
	min-height: 13.125rem;
}
.plist .pitem .txt .a {
	font-size: 1rem;
}
.plist .pitem .txt .a span {
	font-size: 1rem;
}
}
 @media only screen and (max-width: 640px) {
.show_tb {
	display: none!important;
}
.show_mb {
	display: block!important;
}
.clear640 {
	clear: both;
}
.hSearch {
	display: none;
}
.contact .c_cup .c_li {
	width: 100%;
	background: none;
}
.iCase .list .box .t a {
	font-size: 14px;
}
.iCase .list .box .t span {
	font-size: 12px;
}
.foot .list {
	padding: 6% 0;
}
.foot .cpr {
	padding: 3% 0;
}
.iTitle {
	padding: 6% 0;
}
.index .iAbout .words .bf {
	font-size: 13px;
}
.iNews .list .box .bf {
	font-size: 12px;
}
.w_detail .title {
	font-size: 20px;
}
.w_detail .data {
	text-align: center;
}
.w_detail .data .fl {
	float: none;
	display: inline-block;
}
.bz-case-main .bz-case-box .bz-case-part ul li a {
	padding-top:32px;
}
.bz-case-main .bz-case-box .bz-case-part ul li a .icon-img-cover {margin-bottom: 5px; }
.bz-case-main .bz-case-box .bz-case-part ul li a .part-title { }
.numbers .item .bot-text .num{
    font-size: 28px; height: 28px; line-height: 28px;font-weight:bold;
}
.numbers .item .bot-text .plus {
    font-size: 28px;
    height: 28px;
    line-height: 28px;
    font-family: 'impact';
}
.numbers .item .bot-text {
    height: 16px;
}
.numbers {
    margin: 15px auto;
}
}
@media only screen and (max-width: 450px) {
.video-layer {background-color: #000; }
.video-layer .layui-layer-content { width: 300px; height: 169px; overflow: hidden !important; } 
.video-layer video { width: 300px; height: 169px; }
.bz-case-main .bz-case-box .bz-case-part ul li a {
	padding-top:17px;
}
.bz-case-main .bz-case-box .bz-case-part ul li a .icon-img-cover {height: 60px; line-height: 60px; margin-bottom: 5px; }
.bz-case-main .bz-case-box .bz-case-part ul li a .part-title { font-size: 14px; line-height: 12px; }
.numbers .item .bot-text .num{
    font-size: 24px; height: 24px; line-height: 24px;font-weight:bold;
}
.numbers .item .bot-text .plus {
    font-size: 24px;
    height: 24px;
    line-height: 24px;
    font-family: 'impact';
}
.numbers .item .top-small {
    font-size: 14px;
    height: 14px;
    line-height: 14px;
}
.numbers .item .bot-text {
    height: 16px;
}
.numbers {
    margin: 5px auto;
}
}
@media only screen and (max-width: 375px) {

.bz-case-main .bz-case-box .bz-case-part ul li a {
	padding-top:5px;
}
.bz-case-main .bz-case-box .bz-case-part ul li a .icon-img-cover {height: 60px; line-height: 60px; margin-bottom: 5px; }
.bz-case-main .bz-case-box .bz-case-part ul li a .part-title { font-size: 12px; line-height: 12px; }
.numbers .item .bot-text .num{
    font-size: 18px; height: 18px; line-height: 18px;font-weight:bold;
}
.numbers .item .bot-text .plus {
    font-size: 18px;
    height: 18px;
    line-height: 18px;
    font-family: 'impact';
}
.numbers .item .top-small {
    font-size: 12px;
    height: 12px;
    line-height: 12px;
}
.numbers .item .bot-text {
    height: 16px;
}
.numbers {
    margin: 5px auto;
}
}
