/* ======  reset  ====== */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0
}

fieldset,
img {
	border: 0
}

:focus {
	outline: 0
}

address,
caption,
cite,
code,
dfn,
em,
th,
var,
optgroup {
	font-style: normal;
	font-weight: normal
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal
}

abbr,
acronym {
	border: 0;
	font-variant: normal
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit
}

code,
kbd,
samp,
tt {
	font-size: 100%
}

input,
button,
textarea,
select {
	*font-size: 100%
}

body {
	line-height: 1.5
}

ol,
ul {
	list-style: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

caption,
th {
	text-align: left
}

sup,
sub {
	font-size: 100%;
	vertical-align: baseline
}

:link,
:visited,
ins {
	text-decoration: none
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}


/* ======  fonts  ====== */

body {
	font: 13px/1.231 arial, helvetica, clean, sans-serif;
	*font-size: small;
	*font: x-small;
}

table {
	font-size: inherit;
	font: 100%;
}

pre,
code,
kbd,
samp,
tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}

html {
	background: #FFFFFF;
	*overflow-x: hidden;
	font-size: 62.5%;
}

body {
	font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
	color: #4d4d4d;
	line-height: 1.8;
	font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: bold;
}

h1,
.h1 {
	font-size: 32px;
}

h2,
.h2 {
	font-size: 26px;
}

h3,
.h3 {
	font-size: 24px;
}

h4,
.h4 {
	font-size: 22px;
}

h5,
.h5 {
	font-size: 18px;
}

h6,
.h6 {
	font-size: 14px;
}



a {
	color: #4d4d4d;
	text-decoration: none;
}

a:hover {
	color: #0251a6;
	text-decoration: none;
}

/* ======  clearfix  ====== */

.clear {
	clear: both;
	visibility: hidden;
	display: block;
	font-size: 0;
	line-height: 0;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearfix {
	*zoom: 1;
}


/* ======  typo  ====== */

.typo:before,
.typo:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.typo:after {
	clear: both;
}

.typo {
	*zoom: 1;
}

.typo .typo-text {
	overflow: hidden;
	*zoom: 1;
}

.typo .typo-img {
	float: left;
	margin-right: 20px;
}

.typo .typo-img-right {
	float: right;
	margin-left: 20px;
	margin-right: 0;
}


.float-left {
	float: left;
	display: inline;
}

.float-right {
	float: right;
	display: inline;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}





.top {
	width: 100%;
	position: relative;
	z-index: 1000;
	background-color: #fff;
}

.page-width {
	width: 1200px;
	margin: 0 auto;
}

/* ---------- header-v4 ---------- */

.header-v4 {
	position:fixed;
	width: 100%;
	height: 90px;
	background: url(../images/top-bg.png);
}

.header-v4 .logo {
	float: left;
	margin-top: 15px;
	margin-right: 20px;
}

.header-v4 .top-main-content {
	float: left;
}

/* 多语言 */

.header-v4 .language {
	float: right;
}

.header-v4 .language .first-level,
.header-v4 .language .first-level:active {
	font-size: 13px;
	padding: 0 2.1em !important;
	color: #ccc !important;
	font-size: 13px;
}

.header-v4 .language .sf-menu .sfHover .first-level {
	background-color: #02468d;
	color: #fff !important;
}

.header-v4 .language .first-level span {
	display: block;
	height: 90px;
	line-height: 90px;
	padding-left: 25px;
	background: url(../images/icon-lang.png) no-repeat left center;
}

.header-v4 .language .sf-menu .sf-sub-indicator {
	display: none;
	width: 9px;
	height: 6px;
	right: 20px;
	top: 4.1em;
	background: url(../images/select.gif) no-repeat;
}

.header-v4 .language em {
	margin: 0 3px;
}

.header-v4 .language .first-level .language-ico {
	padding-left: 30px;
}

.header-v4 .language .sf-menu li:hover ul,
.header-v4 .language .sf-menu li.sfHover ul {
	top: 90px;
}

.header-v4 .language .sf-menu li ul {
	width: 200px;
	left: auto;
	right: 0;
}

.header-v4 .language .sf-menu li li {
	background-color: #02468d;
}

.header-v4 .language .sf-menu li li a {
	line-height: normal;
	padding: 15px;
	color: #fff !important;
	border-bottom: none;
	font-size: 13px;
}

.header-v4 .language .sf-menu li li:hover,
.header-v4 .language .sf-menu li.sfHover li a:hover,
.header-v4 .language .sf-menu li li a:focus,
.header-v4 .language .sf-menu li li a:hover,
.header-v4 .language .sf-menu li li a:active {
	background: #0251a6;
}

/* 全局 */
.header-v4 .nav,
.header-v4 .main-nav {
	float: left;
}

.header-v4 .main-nav .sf-menu a,
.header-v4 .main-nav .sf-menu a:visited {
	color: #fff;
}

.header-v4 .main-nav .sf-menu a:hover {
	text-decoration: none;
	color: #fff;
}

.header-v4 .main-nav .sf-menu a {
	border: none;
	padding-top: 0;
	padding-bottom: 0;
	display: block;
	line-height: 90px;
	font-size: 14px;
	color: #fff;
	font-weight: normal;
}

/* 一级 */
.header-v4 .main-nav .sf-menu li {
	margin-left: 1px;
	background-color: transparent;
}

.header-v4 .main-nav .sf-menu li strong {
	font-weight: normal;
}

.header-v4 .main-nav .sf-menu li:hover,
.header-v4 .main-nav .sf-menu li.sfHover,
.header-v4 .main-nav .sf-menu li.sfHover>a,
.header-v4 .main-nav .sf-menu a:focus,
.header-v4 .main-nav .sf-menu a:hover,
.header-v4 .main-nav .sf-menu a:active {
	background-color: #02468d;
	color: #fff;
}

.header-v4 .main-nav .sf-menu li.current,
.header-v4 .main-nav .sf-menu li.current .first-level,
.header-v4 .main-nav .sf-menu li.current .first-level:visited {
	background-color: #02468d;
	color: #fff;
}

.header-v4 .main-nav .sf-sub-indicator {
	background-image: url(../images/superfish-arrows-white.gif);
}

.header-v4 .main-nav .first-level {
	padding-left: 35px;
	padding-right: 35px;
}

.header-v4 .main-nav .first-level .sf-sub-indicator {
	display: none;
}

.header-v4 .main-nav .sf-menu li i {
	display: none;
	width: 100%;
	_width: expression((this.parentElement.clientWidth) +'px');
	height: 2px;
	overflow: hidden;
	background-color: #f90;
	position: absolute;
	top: 0;
	left: 0;
}

.header-v4 .main-nav .sf-menu li:hover i,
.header-v4 .main-nav .sf-menu .nav-hover i,
.header-v4 .main-nav .sf-menu .current i,
.header-v4 .main-nav .sf-menu .sfHover i {
	display: none;
}

/* 二级以下 */
.header-v4 .main-nav .sf-menu li:hover ul,
.header-v4 .main-nav .sf-menu li.sfHover ul {
	top: 90px;
	width: 230px;
}

.header-v4 .main-nav .sf-menu li li:hover ul,
.header-v4 .main-nav .sf-menu li li.sfHover ul {
	top: 0;
	left: 130px;
}

.header-v4 .main-nav .sf-menu li li {
	margin-left: 0;
	background-color: #02468d;
}

.header-v4 .main-nav .sf-menu li li a,
.header-v4 .main-nav .sf-menu li li a:visited {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: normal;
	font-weight: normal;
	color: #fff;
	font-size: 13px;
}

.header-v4 .main-nav .sf-menu li li:hover,
.header-v4 .main-nav .sf-menu li.sfHover li.sfHover,
.header-v4 .main-nav .sf-menu li.sfHover li.sfHover>a,
.header-v4 .main-nav .sf-menu li li a:focus,
.header-v4 .main-nav .sf-menu li li a:hover,
.header-v4 .main-nav .sf-menu li li a:active {
	background-color: #0251a6;
	color: #fff;
}

.header-v4 .main-nav .sf-menu li li .sf-sub-indicator {
	top: 1.5em;
	display: block;
}


/* ============================= 响应式 CSS ============================= */
.default-top {
	display: block;
}

.touch-top {
	display: none;
}

.touch-top-wrapper {
	padding: 10px 15px;
	background-color: #013e80;
}

.touch-logo {
	float: left;
}

.touch-navigation {
	display: none;
}

.touch-toggle-wrapper {
	margin: 0 -10px;
}

.touch-toggle {
	position: absolute;
	right: 10px;
	top: 0;
}

.touch-toggle li {
	float: left;
	height: 70px;
	padding: 0 12px;
	text-align: center;
}

.touch-toggle li a {
	height: 70px;
}

.touch-toggle li:hover,
.touch-toggle li:active {}

.touch-toggle .touch-toggle-item-first {
	border-left: none;
}

.touch-toggle .touch-toggle-item-last {
	border-right: none;
}

.touch-toggle li a {
	display: block;
	font-size: 12px;
}

.touch-toggle li i {
	display: inline-block;
	width: 32px;
	height: 32px;
	overflow: hidden;
	margin-top: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.touch-toggle .touch-icon-language {
	background-image: url(../images/touch-icon-language.png);
}

.touch-toggle .touch-icon-user {
	background-image: url(../images/touch-icon-user.png);
}

.touch-toggle .touch-icon-search {
	background-image: url(../images/touch-icon-search.png);
}

.touch-toggle .touch-icon-menu {
	background-image: url(../images/touch-icon-menu.png);
}

.touch-toggle li span {
	display: none;
	text-align: center;
}

.drawer-section {
	background-color: #02468d;
	padding: 20px;
	display: none;
}

.drawer-section-menu {
	padding: 20px 20px 35px;
    overflow-y: auto;
    height: 75vh;
}

.drawer-section-menu::-webkit-scrollbar {
  width: 8px;  /* 滚动条宽度 */
}

/* 滚动条轨道 */
.drawer-section-menu::-webkit-scrollbar-track {
  background: #999;  /* 轨道颜色（浅灰色背景） */
  border-radius: 4px;
}

/* 滚动条滑块（可拖动的部分） */
.drawer-section-menu::-webkit-scrollbar-thumb {
  background: #ffffff;  /* 滑块颜色 - 白色 */
  border-radius: 4px;
}

/* 鼠标悬停时的滑块样式 */
.drawer-section-menu::-webkit-scrollbar-thumb:hover {
  background: #e0e0e0;  /* 悬停时稍微深一点的白色 */
}


.touch-language li {
	width: 49.9%;
	float: left;
}

.touch-language li a {
	display: block;
	padding: 7px 0 7px 5px;
	color: #fff;
}

.touch-language li a:hover,
.touch-language li a:active {
	background-color: #0251a6;
}

.touch-search {
	border: 1px solid #346599;
	position: relative;
}

.touch-search-form {
	padding: 0 50px 0 10px;
}

.touch-form-text {
	border: none;
	margin: 0;
	background-color: transparent;
	padding: 0;
	color: #e5e5e5;
	width: 100%;
	height: 42px;
	line-height: 42px;
}

.touch-form-btn {
	border: none;
	padding: 0;
	margin: 0;
	background-color: transparent;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 42px;
	height: 42px;
	overflow: hidden;
	cursor: pointer;
	background: url(../images/touch-icon-search-w.png) no-repeat center;
	background-size: 16px 16px;
}

.touch-form-btn span {
	display: none;
}

.touch-menu ul li {
	border-bottom: 1px solid #346599;
	position: relative;
}

.touch-menu ul li a {
	color: #fff;
	display: block;
	font-size: 18px;
	height: 48px;
	line-height: 48px;
	padding-left: 10px;
}

.touch-menu ul li a:hover,
.touch-menu ul li a:active {
	background-color: #0251a6;
}

.touch-menu ul li i {
	position: absolute;
	top: 19px;
	right: 5px;
	display: block;
	width: 13px;
	height: 13px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.touch-menu ul li i.touch-arrow-right {
	display: none;
	background-image: url(../images/touch-arrow-r.png);
}

.touch-menu ul li i.touch-arrow-down {
	background-image: url(../images/touch-arrow-d.png);
}

.touch-menu ul li i.touch-arrow-up {
	background-image: url(../images/touch-arrow-u.png);
}

.touch-menu ul ul {
	display: none;
	margin: 0;
	padding: 0 10px 30px 30px;
}

.touch-menu ul ul li {
	border-bottom: none;
	margin: 0;
	padding: 0;
}

.touch-menu ul ul li a {
	padding: 0;
	padding-left: 5px;
	font-size: 16px;
	height: 38px;
	line-height: 38px;
}

.touch-menu ul ul li i {
	top: 13px;
}



/* ==================== fixed-bottom ==================== */

.fixed-bottom {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 100001;
	display: none;
}

/* 左右悬浮 */
.fixed-side {
	position: absolute;
	top: 150px;
	z-index: 10001;
}

.fixed-left {
	left: 0;
}

.fixed-right {
	right: 0;
	float: right;
}

.not-animated {
	opacity: 0;
}

/* ============================= popup ============================= */

.popup {
	display: none;
}

.popup-content {
	position: fixed;
	top: 40%;
	left: 50%;
	z-index: 10000003;
	min-width: 200px;
	max-width: 10000px;
	background-color: #fff;
	padding: 20px;
	_position: absolute;
	_width: auto;
}

.popup-close-btn {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	right: -50px;
	z-index: 10000003;
}

.popup-close-btn a {
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	background: #808080 url(../images/icon-close.gif) no-repeat center;
}

.popup-close-btn a:hover {
	background-color: #666;
}

.popup-close-btn a span {
	display: none;
}

.popup-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000002;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
}


/* ============================= bottom ============================= */
.bottom {
	overflow: hidden;
	background: #2e2e2e;
	color: #bfbfbf;
	font-size: 13px;
}

.bottom a {
	color: #bfbfbf !important;
}

.bottom a:hover {
	color: #fff !important;
}

.bottom .page-width {
	padding-top: 18px;
	padding-bottom: 18px;
}



/* 返回顶部 */
.gotop-wrapper {
	position: fixed;
	bottom: 65px;
	right: 15px;
	z-index: 1001;
	background-color: rgba(0, 0, 0, 0.3);
	background-color: #969696\9;
}

.gotop-wrapper:hover {
	background-color: rgba(0, 0, 0, 0.6);
	background-color: #6d6d6d\9;
}

.gotop-wrapper a {
	display: none;
	_display: none !important;
	width: 55px;
	height: 55px;
	overflow: hidden;
	background: url(../images/icon-gotop-fixed.gif) no-repeat center;
}

.banner img {
	width: 100%;
	display: block;
}

.slideshow .swiper-pagination {
	bottom: 10px;
}

.slideshow .swiper-pagination .swiper-pagination-bullet {
	width: 15px;
	height: 15px;
}

.about-gray {
	background: #f2f2f2;
}

.about-title {
/*	margin-bottom: 35px;*/
	text-align: center;
}

.about-title>h2 {
	margin-bottom: 20px;
	line-height: normal;
	font-weight: normal;
	font-size: 28px;
}

a.about-more {
	float: none;
	clear: both;
	margin-top: 30px;
	text-align: center;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 34px;
	padding: 0 35px;
	border: 1px solid #ccc;
	color: #808080;
	transition: all 0.5s ease 0s;
}

a.about-more:hover,
a.about-more:active {
	background-color: #0251a6;
	border-color: #0251a6;
	color: #fff;
	text-decoration: none;
}

.about-content img {
	width: 60%;
	float: left;
	margin-right: 20px;
}

.about-content a.indexcc {
	color: #FF0000;
	padding-top: 15px;
}

.about-gray,
.pro-screen,
.case-screen,
.zx-screen {
	padding: 55px 0 55px;
}

.pro-content .col-4-1 {
	width: 22.75%;
	margin-right: 3%;
	float: left;
}

.pro-content .col-4-1:nth-child(4n) {
	margin-right: 0;
}

.pro-content .col-4-1 img {
	width: 100%;
}

.pro-content .last {
	margin-right: 0;
}

.pro-content .pro-tit {
	font-size: 14px;
	line-height: 180%;
	padding: 10px 0 15px 0;
	text-align: center;
}



.scrollable {
	overflow: hidden;
	position: relative;
}

.scrollable ul {
	padding: 0;
	_margin-left: -5px !important;
	list-style: none;
	overflow: hidden;
	width: 10000em;
}

.scrollable ul li {
	padding: 0px;
	margin: 0 10px;
	display: block;
	float: left;
	width: 220px;
	text-align: center;
}

.scrollable ul li img {
	display: block;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.full-scrollable ul li {
	width: auto;
	margin: 0;
}

.full-scrollable ul li a {
	position: relative;
	display: block;
}

.full-scrollable .scrollable-image {
	overflow: hidden;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.full-scrollable a:hover .scrollable-image img {
	transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.full-scrollable .scrollable-info {
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 20;
	margin-top: -100px;
	text-align: center;
	width: 100%;
	height: 100%;
	color: #fff;
	opacity: 0;
	filter: alpha(opacity=0);
	_height: expression((this.parentElement.clientHeight) +'px');
	-webkit-transition: -webkit-transform 0.5s ease-out;
	-moz-transition: -moz-transform 0.5s ease-out;
	transition: transform 0.5s ease-out;
}

.full-scrollable .scrollable-info h3 {
	padding: 0 20px;
	margin-bottom: 15px;
	font-size: 20px;
	line-height: normal;
	font-weight: normal;
}

.full-scrollable .scrollable-info .icon-detail {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 41px;
	height: 41px;
	background: url(../images/icon-detail.gif) no-repeat;
	-webkit-transition: -webkit-transform 0.5s ease-out;
	-moz-transition: -moz-transform 0.5s ease-out;
	transition: transform 0.5s ease-out;
}

.full-scrollable .scrollable-info .icon-detail span {
	display: none;
}

.full-scrollable .opacity-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	cursor: pointer;
	background-color: #01458c;
	opacity: 0;
	filter: alpha(opacity=0);
	_height: expression((this.parentElement.clientHeight) +'px');
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.full-scrollable a:hover .scrollable-info {
	opacity: 1;
	filter: alpha(opacity=100);
}

.full-scrollable .scrollable-info:hover .icon-detail {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

.full-scrollable a:hover .opacity-overlay {
	display: block;
	filter: alpha(opacity=90);
	opacity: 0.9;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.full-scrollable .carousel-direction {
	text-align: center;
	margin: 20px 0;
	height: 30px;
}

.full-scrollable .carousel-direction a {
	position: static;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin: 0 8px;
	font-size: 22px;
}

.full-scrollable .carousel-direction a:hover {
	border-color: #fff;
	color: #fff;
}

.full-scrollable .carousel-direction a.disabled,
.full-scrollable .carousel-direction a.disabled:hover {
	color: #ccc;
	cursor: default;
}

.carousel-direction a {
	display: block;
	width: 30px;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	z-index: 100;
	margin-top: -30px;
	font-family: simsun;
	text-align: center;
	color: #fff;
	font-size: 30px;
	text-decoration: none;
	cursor: pointer;
	background-color: #026ad9;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.carousel-direction a:hover {
	background-color: #025dbf;
	color: #fff;
	text-decoration: none;
}

.carousel-direction a.disabled,
.carousel-direction a.disabled:hover {
	background-color: #e5e5e5;
	color: #ccc;
	cursor: default;
}

.carousel-prev {
	left: 0;
}

.carousel-next {
	right: 0;
}

.case-more {
	float: none;
	clear: both;
	margin-top: 30px;
	text-align: center;
}

.case-more a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 34px;
	padding: 0 35px;
	border: 1px solid #ccc;
	color: #808080;
	transition: all 0.5s ease 0s;
}

.case-more a:hover,
.case-more a:active {
	background-color: #0251a6;
	border-color: #0251a6;
	color: #fff;
	text-decoration: none;
}



.link-setion {
	position: relative;
	margin-bottom: 8px;
}

.link-setion a {
	display: block;
}

.link-setion .link-img img {
	display: block;
	width: 100%;
}

.link-setion .link-img-noimg {
	min-height: 230px;
	height: auto !important;
	_height: 230px;
	background-color: #dd5189;
}

.link-name-default {
	position: absolute;
	left: 35px;
	bottom: 35px;
	opacity: 1;
	filter: alpha(opacity=100);
	border-bottom: 1px solid #fff;
	padding-bottom: 5px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.link-name-default h3 {
	font-size: 20px;
	padding-right: 15px;
	font-weight: normal;
	color: #fff;
	line-height: normal;
}

.link-setion-text {
	display: block;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 10;
	color: #fff;
	text-align: center;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;

}

.link-setion-text h3 {
	margin: 0 20px 15px;
	margin-top: -20px;
	font-size: 24px;
	font-weight: normal;
	color: #fff;
	line-height: normal;
	transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
	-webkit-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
}

.link-setion-text p {
	margin: 0 20px 15px;
	margin-top: -55px;
	font-size: 13px;
	font-weight: normal;
	color: #fff;
	line-height: normal;
	transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
	-webkit-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
}

.link-setion-text .link-more {
	line-height: normal;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-top: 10px;
	padding: 6px 20px;
	border: 1px solid #fff;
	font-size: 13px;
}

.link-setion .opacity-overlay {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	background: #01458c;
	opacity: 0;
	filter: alpha(opacity=0);
	_height: expression((this.parentElement.clientHeight) +'px');
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;

}

.link-setion a:hover .link-name-default {
	opacity: 0;
	filter: alpha(opacity=0);
}

.link-setion a:hover .link-setion-text {
	opacity: 1;
	filter: alpha(opacity=100);
}

.link-setion a:hover .link-setion-text h3 {
	margin-top: 0px;
}

.link-setion a:hover .link-setion-text p {
	margin-top: 0px;
}

.link-setion a:hover .opacity-overlay {
	opacity: 0.85;
	filter: alpha(opacity=85);
}

.col-5-2 {
	width: 38.2%;
	margin-right: 3%;
	float: left;
}

.col-5-3 {
	width: 58.8%;
	margin-right: 3%;
	float: left;
}

.col-3-1 {
	width: 30.3333%;
	margin-left: 3%;
	float: left;
}

.zx-screen .last,
.footer .last,
.bottom .last,
.portfolio-list .last {
	margin-right: 0;
}

.new-h-250 {
	height: 250px
}

.news-title {
	margin-bottom: 10px;
	overflow: hidden;
}

.news-title>.news-title-content {
	padding-top: 5px;
	padding-bottom: 5px;
}

.news-title>.news-title-content h3 {
	display: block;
	float: left;
	_display: inline;
	line-height: 20px;
	font-size: 16px;
}

.news-title>.news-title-content span {
	margin-left: 5px;
	float: left;
	line-height: 22px;
	color: #808080;
	font-size: 14px;
}

.news-title>.news-title-content span strong {
	font-weight: normal;
	margin-left: 5px;
	color: #808080;
	font-family: Arial, sans-serif;
}


.article-list-row {}

.article-list-row li {
	padding: 8px 0;
	*vertical-align: text-top;
	border-bottom: 1px solid #e5e5e5;
	*zoom: 1;
	_display: inline-block;
}

.article-list-row li .article-title {
	padding-left: 15px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 20px;
	background: url(../images/icon-dot.gif) no-repeat 0 8px;
	font-size: 13px;
}

.article-list-row li .article-title:hover {
	text-decoration: none;
}

.article-list-row li a {
	text-decoration: none;
}

/* 头条 */
.entry-summary {
	color: #808080;
	font-size: 13px;
	margin-bottom: -5px;
}

.entry-summary p {
	line-height: 1.6;
}

.headlines-list .entry-title {
	margin-bottom: 10px;
}

.headlines-list .entry-title h2 {
	font-size: 15px;
}

.headlines-list .entry-summary {
	margin-bottom: -20px;
}

.headlines-list .entry-summary .qhd-content p {
	margin-bottom: 0;
}

.headlines-list .headlines-content {
	border-bottom: none;
	padding: 0;
	margin: 0 0 10px;
	padding: 0 0 10px;
}

.headlines-list .headlines-content .entry-item {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
	background-color: transparent;
}

.headlines-list .headlines-content .entry-img {
	margin-bottom: 0;
}

.headlines-list .headlines-content .typo-text {
	padding: 0;
}

.bottom {
	overflow: hidden;
	background: #2e2e2e;
	color: #bfbfbf;
	font-size: 13px;
}

.bottom a {
	color: #bfbfbf !important;
}

.bottom a:hover {
	color: #fff !important;
}

.bottom .page-width {
	padding-top: 18px;
	padding-bottom: 18px;
}


.col-5-1 {
	width: 17.6%;
	margin-right: 3%;
	float: left;
}

.col-5-4 {
	width: 79.4%;
	margin-right: 3%;
	float: left;
}

/* ============================= footer ============================= */
.footer {
	overflow: hidden;
	background-color: #333;
	color: #bfbfbf;
	font-size: 13px;
}

.footer a {
	color: #bfbfbf !important;
}

.footer a:hover {
	color: #fff !important;
}

.footer .page-width {
	padding-top: 40px;
	padding-bottom: 35px;
}

.footer .ft-title {
	margin-bottom: 10px;
}

.footer .ft-title h3 {
	display: block;
	float: left;
	_display: inline;
	line-height: 20px;
	font-size: 16px;
}

.link-block li {
	padding: 4px 0;
	line-height: 1.5;
}

.wx-content img {
	max-width: 100%;
	display: block;
}

.wx-content p {
	line-height: 20px;
}

.sidebar {
	width: 260px;
	margin: 40px 0 55px;
	position: relative;
	z-index: 101;
}

.content {
	width: 890px;
	margin: 40px 0 55px;
	_overflow: hidden;
}

.wcontent {
	width: 100%;
	margin: 40px 0 55px;
	_overflow: hidden;
}

.breadcrumbs {
	font-size: 12px;
	color: #808080;
	padding-top: 10px;
}

.breadcrumbs a {
	color: #808080;
}

.breadcrumbs a:hover {
	color: #666;
	text-decoration: none;
}

.breadcrumbs i {
	font-style: normal;
	margin: 0 3px;
}

.breadcrumbs strong {
	font-weight: normal;
	color: #333;
}

.page-title .page-name {
	line-height: 50px;
}

.page-title .page-name h2 {
	font-size: 16px;
}

.page-title {
	background: none;
	border-bottom: 1px solid #e5e5e5;
	padding: 0;
	margin-bottom: 30px;
}

.page-title .breadcrumbs {
	padding-left: 16px;
	background: url(../images/icon-home.png) no-repeat left 14px;
}


.page-menu {
	margin-bottom: 35px;
	background-color: #fafafa;
}

.page-menu-title {
	background: #02468d;
}

.page-menu-title h3 {
	padding: 17px 0 17px 20px;
	line-height: normal;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
}

.page-menu-title-max h3 {
	padding-top: 38px;
}

.page-menu-title h4 {
	margin-bottom: 2px;
	padding-left: 20px;
	padding-top: 22px;
	line-height: normal;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

.page-menu-content {}

.page-menu-content ul {
	padding-bottom: 1px;
}

.page-menu-content ul li {
	position: relative;
	border-bottom: 1px solid #ececec;
}

.page-menu-content ul li.last {
	border-bottom: none;
}

.page-menu-content ul li:hover {}

.page-menu-content ul li a {
	display: block;
	padding: 17px 35px 17px 20px;
	line-height: normal;
	color: #808080;
	font-size: 14px;
	*zoom: 1;
}

.page-menu-content ul li i {
	display: block;
	width: 12px;
	height: 12px;
	overflow: hidden;
	position: absolute;
	top: 21px;
	right: 15px;
	_right: 22px;
	background: url(../images/icon-accordion.gif) no-repeat 0 0;
}

.page-menu-content ul li a:hover {
	text-decoration: none;
	color: #013e80;
}

.page-menu-content ul ul {
	padding: 0 0 20px 25px;
	margin-top: -5px;
	display: none;
}

.page-menu-content ul ul li.last {
	border-bottom: none;
}

.page-menu-content ul li ul li {
	border-bottom: none;
	border-left: none;
}

.page-menu-content ul li ul li a {
	color: #808080;
	padding-left: 10px;
	background: url(../images/page-menu-sub.gif) no-repeat left 13px;
}

.page-menu-content ul li ul li a:hover {
	background: url(../images/page-menu-sub-c.gif) no-repeat left 13px;
}

.page-menu-content ul ul li a {
	background-image: none;
	padding: 5px 10px;
	line-height: normal;
	background-colot: #f2f2f2;
	font-size: 13px;
}

.page-menu-content ul li.current {}

.page-menu-content ul li.current a {
	color: #013e80;
}

.page-menu-content ul li.current i {
	width: 13px;
	height: 13px;
	background-position: 0 -13px;
}

.page-menu-content ul li.current ul {
	display: block;
}

.page-menu-content ul li.current ul li {
	border-bottom: none;
}

.page-menu-content ul li.current ul li a {
	color: #808080;
}

.page-menu-content ul li.current ul li a:hover {
	color: #013e80;
}

.page-menu-content ul li.current ul li.current>a {
	color: #013e80;
	background: url(../images/page-menu-sub-c.gif) no-repeat left 13px;
}


.entry-item {
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px dotted #e5e5e5;
}

.entry-item .typo .typo-img {
	margin-right: 25px;
}

.entry-item .typo .typo-img-right {
	margin-right: 0;
	margin-left: 25px;
}

.entry-img {
	margin-bottom: 10px;
}

.entry-img img {
	display: block;
}

.entry-title {
	margin-bottom: 15px;
}

.entry-title h2 {
	font-size: 16px;
	line-height: 1.4;
}

.entry-title a {}

.entry-title a:hover {
	text-decoration: none;
}

.entry-item .typo-text .entry-title {
	margin-top: -2px;
	_margin-top: -1px;
}






.category {}

.category ul {
	padding-bottom: 1px;
}

.category ul li {
	position: relative;
	border-bottom: 1px solid #ececec;
}

.category ul li.BK {
	background: url(../images/dw.png) 93% 30px no-repeat;
}

.category ul li.last,
.category ul li:last-child {
	border-bottom: none;
}

.category ul li:hover {}

.category ul li a {
	display: block;
	padding: 17px 35px 17px 20px;
	line-height: normal;
	color: #808080;
	font-size: 14px;
	*zoom: 1;
	font-weight: bold;
}

.category ul li.SMn a {
	display: block;
	padding: 17px 35px 17px 40px;
	line-height: normal;
	color: #808080;
	font-size: 14px;
	*zoom: 1;
	font-weight: normal;
}

.category ul li i {
	display: block;
	width: 12px;
	height: 12px;
	overflow: hidden;
	position: absolute;
	top: 21px;
	right: 15px;
	_right: 22px;
	background: url(../images/icon-accordion.gif) no-repeat 0 0;
}

.category ul li a:hover {
	text-decoration: none;
	color: #013e80;
}

.category ul ul {
	padding: 0 0 20px 25px;
	margin-top: -5px;
	display: none;
}

.category ul ul li.last {
	border-bottom: none;
}

.category ul li ul li {
	border-bottom: none;
	border-left: none;
}

.category ul li ul li a {
	color: #808080;
	padding-left: 10px;
	background: url(../images/page-menu-sub.gif) no-repeat left 13px;
}

.category ul li ul li a:hover {
	background: url(../images/page-menu-sub-c.gif) no-repeat left 13px;
}

.category ul ul li a {
	background-image: none;
	padding: 5px 10px;
	line-height: normal;
	background-colot: #f2f2f2;
	font-size: 13px;
}

.category ul li.current {}

.category ul li.current a {
	color: #013e80;
}

.category ul li.current i {
	width: 13px;
	height: 13px;
	background-position: 0 -13px;
}

.category ul li.current ul {
	display: block;
}

.category ul li.current ul li {
	border-bottom: none;
}

.category ul li.current ul li a {
	color: #808080;
}

.category ul li.current ul li a:hover {
	color: #013e80;
}

.category ul li.current ul li.current>a {
	color: #013e80;
	background: url(../images/page-menu-sub-c.gif) no-repeat left 13px;
}

.module {
	margin-bottom: 25px;
}

.module-hlbg-title {
	background: #02468d;
	overflow: hidden;
}

.module-hlbg-title h3 {
	padding: 17px 0 17px 20px;
	line-height: normal;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
}


.column {
	width: 103%;
	margin-left: -3%
}

.portfolio-list {
	min-height: 20px;
}

.portfolio-list li {
	margin-bottom: 25px;
	text-align: center;
}

.portfolio-img {
	margin-bottom: 10px;
	overflow: hidden;
}

.portfolio-img a {
	position: relative;
}

.portfolio-img a,
.portfolio-img img {
	width: 100%;
	display: block;
	overflow: hidden;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}


.portfolio-img a:hover img {
	transform: scale(1.2, 1.2) rotate(10deg);
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;

}

.portfolio-title {
	margin-bottom: 10px;
	line-height: normal;
}

.portfolio-title h2 {
	font-size: 15px;
	line-height: 1.5;
}

.portfolio-title a {}

.portfolio-title a:hover {
	text-decoration: none;
}

.article-detail .article-title {
	text-align: center;
	margin-bottom: 15px;
}

.article-detail .article-title h1 {
	font-size: 22px;
	line-height: 1.5;
	font-weight: normal;
}

.article-detail .entry-meta {
	text-align: center;
	margin-bottom: 20px;
	padding-bottom: 10px;
	color: #999999;
	font-size: 12px;
	/*border-bottom:1px dotted #ccc;*/
}

.article-detail .entry-meta span {
	margin: 0 10px;
}

.article-detail .entry-meta .share-toolbar {
	display: inline-block;
	height: 22px;
	line-height: 22px;
	overflow: hidden;
	position: relative;
	top: 4px;
	margin-left: 8px;
}

.article-detail .entry-meta .share-toolbar span {
	margin: 0;
	float: left;
	height: 16px;
	line-height: 16px;
	margin: 6px 0 6px 0;
}

.article-detail .article-content {
	margin-top: 25px;
}

.commentadd .form_group {
	clear: both;
}

.commentadd .form_group .form_txt {
	float: left;
	width: 150px;
	text-align: right;
	line-height: 30px;
	padding: 5px 0;
	font-size: 14px;
}

.commentadd .form_group .form_input,
.commentadd .form_group .form_bnt {
	margin-left: 160px;
	line-height: 30px;
	padding: 5px 0;
}

.commentadd .form_group .form_txt span {
	color: #FF0000;
}

.ips {
	border: 1px solid #ddd;
	padding: 2px 10px;
	border-radius: 4px;
	color: #444;
	vertical-align: middle;
	margin: 0 10px 0 0;
	line-height: 34px;
	height: 34px;
}

.ip {
	border: 1px solid #ddd;
	padding: 2px 10px;
	border-radius: 4px;
	color: #444;
	vertical-align: middle;
	margin: 0 10px 0 0;
	line-height: 30px;
}

.ipsa {
	border: 1px solid #ddd;
	padding: 2px 10px;
	border-radius: 4px;
	color: #444;
	vertical-align: middle;
	margin: 0 10px 0 0;
	line-height: 34px;
	height: 34px;
	width: 43%;
}

.ipa {
	border: 1px solid #ddd;
	padding: 2px 10px;
	border-radius: 4px;
	color: #444;
	vertical-align: middle;
	margin: 0 10px 0 0;
	line-height: 30px;
	width: 43%;
}

.tt {
	border: 1px solid #ddd;
	padding: 2px 10px;
	border-radius: 4px;
	color: #444;
	vertical-align: top;
	margin: 5px 10px 0 0;
}

.bnt_save {
	background: #0351a4;
	border: 1px solid #5A9BD9;
	border-radius: 4px;
	color: #fff;
	padding: 3px 25px;
	*padding: 3px 25px 3px 25px;
	cursor: pointer;
	font-size: 14px;
	*overflow: visible;
	*filter: chroma(color=#000000);
	margin-right: 5px;
	line-height: 30px;
}

.bnt_save:hover {
	background: #f60;
	border: 1px solid #f60;
}

.bnt_s {
	background: #0351a4;
	border: 1px solid #5A9BD9;
	border-radius: 4px;
	color: #fff;
	padding: 3px 25px;
	*padding: 3px 25px 3px 25px;
	cursor: pointer;
	font-size: 14px;
	*overflow: visible;
	*filter: chroma(color=#000000);
	margin-right: 5px;
	line-height: 25px;
}

.bnt_s:hover {
	background: #f60;
	border: 1px solid #f60;
}

.baseMessage {
	position: absolute;
	top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(35 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.baseMessage {
	height: 53px;
	overflow: hidden;
	padding: 5px 15px 5px 10px;
	display: none;
	position: fixed;
	top: 35%;
	left: 50%;
	z-index: 1000;
}

.baseMessage .icon_ok {
	background: url(../images/tip_layer.png) no-repeat -7px 0;
	_background: url(../images/tip_layer.gif) no-repeat -7px 0;
	height: 53px;
	display: inline-block;
	width: 44px;
	vertical-align: middle;
}

.baseMessage .icon_warn {
	background: url(../images/tip_layer.png) no-repeat -7px -54px;
	_background: url(../images/tip_layer.gif) no-repeat -7px -54px;
	height: 53px;
	display: inline-block;
	width: 44px;
	vertical-align: middle
}

.baseMessage .icon_error {
	background: url(../images/tip_layer.png) no-repeat -7px -108px;
	_background: url(../images/tip_layer.gif) no-repeat -7px -108px;
	height: 53px;
	display: inline-block;
	width: 44px;
	vertical-align: middle
}

.baseMessage .icon_txt {
	background: url(../images/tip_layer.png) 0 -161px;
	_background: url(../images/tip_layer.gif) 0 -161px;
	height: 53px;
	line-height: 53px;
	display: inline-block;
	padding: 0 10px;
	vertical-align: middle;
	min-width: 50px;
	font-size: 14px;
	font-weight: bold;
	color: #606060;
}

.baseMessage .icon_r {
	background: url(../images/tip_layer.png) no-repeat 0 0;
	_background: url(../images/tip_layer.gif) no-repeat 0 0;
	height: 53px;
	display: inline-block;
	width: 6px;
	vertical-align: middle;
}

.trading {
	border: #dddddd solid 1px;
	margin-top: 20px;
}

.trading-tit {
	background: #f5f5f5;
	line-height: 40px;
	border-bottom: #dddddd solid 1px;
	padding-left: 15px;
}

.trading-tit span {
	float: right;
	padding-right: 15px;
}

.trading_tc {
	width: 96%;
	margin: 0 auto;
	line-height: 40px;
}

.trading_tca {
	width: 47%;
	margin: 0 auto;
	line-height: 40px;
	border-bottom: #dddddd solid 1px;
	float: left;
	padding-left: 1%;
}

.trading_tcc {
	width: 98%;
	margin: 0 auto;
	line-height: 40px;
	border-bottom: #dddddd solid 1px;
	padding-left: 1%;
	padding-right: 1%;
}

.mt5 {
	margin-left: 4%;
}

.trading_tz {
	width: 94%;
	margin: 0 auto;
	line-height: 40px;
}

a.thf {
	background: #0351a4;
	border: 1px solid #5A9BD9;
	border-radius: 4px;
	color: #fff;
	padding: 3px 15px;
	*padding: 3px 15px 3px 15px;
	cursor: pointer;
	font-size: 14px;
	*overflow: visible;
	*filter: chroma(color=#000000);
	margin-right: 5px;
	line-height: 30px;
	margin-left: 10px;
}

a.thf:hover {
	background: #f60;
	border: 1px solid #f60;
}


a.thfc {
	background: #0351a4;
	border: 1px solid #5A9BD9;
	border-radius: 4px;
	color: #fff;
	padding: 3px 0 3px 0;
	width: 20%;
	text-align: center;
	cursor: pointer;
	font-size: 18px;
	*filter: chroma(color=#000000);
	line-height: 35px;
	display: block;
	margin: 0 auto;
}

a.thfc:hover {
	background: #f60;
	border: 1px solid #f60;
}

.contact_t {
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
}

.contact_ewm {
	float: left;
	width: 180px;
	text-align: center;
	margin-right: 20px;
}

.contact_ewm1 {
	float: left;
	width: 180px;
	text-align: center;
}

.rss,
.twitter,
.facebook,
.linkedin,
.googleplus,
.pinterest,
.dribbble,
.forrst {
	float: left;
	margin-right: 8px;
}

a.jstx,
a.jstx1 {
	background: #0351a4;
	border: 1px solid #5A9BD9;
	border-radius: 4px;
	color: #fff;
	padding: 3px 25px;
	cursor: pointer;
	font-size: 14px;
	*filter: chroma(color=#000000);
	line-height: 30px;
	letter-spacing: 2px;
	display: block;
	float: left;
}

a.jstx:hover,
a.jstx1:hover {
	background: #f60;
	border: 1px solid #f60;
}

a.jstx {
	margin-right: 20px;
}

#prod_content {
	float: left;
	width: 48%;
}

.productslides img {
	width: 100%;
}

.prod_mod {
	float: right;
	width: 48%;
}

.prod_ctit2 {
	color: #000000;
	font-size: 2.0em;
	font-weight: bold;
	background: #FFFFFF;
	line-height: 38px;
}

.prod_con {
	line-height: 22px;
	padding-top: 15px;
	padding-bottom: 10px;
	font-size: 1.2em;
}

.prod_contact a {
	margin-top: 20px;
	background: #0068cf;
	line-height: 40px;
	height: 40px;
	color: #fff;
	display: block;
	width: 240px;
	text-align: center;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 16px;
	text-transform: uppercase;
}

.prod_contact a:hover {
	background: #f60;
	color: #FFFFFF;
}

.prod_detail {
	padding-left: 10px;
	background: url(../images/h2.jpg) left bottom no-repeat;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.prod_cata_top {
	margin: 0px;
	font-size: 17px;
	line-height: 45px;
	padding-top: 15px;
}

#inquire_class table {
	BORDER: #999999 1px dashed;
	width: 98%;
	padding: 5px;
	background-color: #F5F5F5;
}

#inquire_class table tr {
	height: 45px;
	line-height: 45px;
}

#inquire_class .td_left {
	text-align: right;
	padding-right: 10px;
}

.font_red {
	color: #0b5ed7;
}

.prod_cont1 {
	float: left;
	width: 200px;
	margin-right: 20px;
}

.prod_cont1 img {
	width: 100%;
}

.pages {
	padding-bottom: 40px;
	text-align: center;
}

.pages a {
	padding: 10px 15px;
	text-align: center;
	border: 1px solid #999;
	cursor: pointer;
}

.pages a:hover {
	background: #583c91;
	color: #fff !important;
}

.pages a.nowpage {
	background: #583c91;
	color: #fff !important;
}

.pages span {
	padding: 10px 15px;
	text-align: center;
	border: 1px solid #999;
	background: #f0822a;
	color: #fff !important;
}

.article-contact a {
	margin: 0 auto;
	margin-top: 20px;
	background: #0068cf;
	line-height: 40px;
	height: 40px;
	color: #fff;
	display: block;
	width: 240px;
	text-align: center;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 16px;
	text-transform: uppercase;
}

article-contact a:hover {
	background: #f60;
	color: #FFFFFF;
}

.flinks {
	padding-bottom: 10px;
}

.flinks a {
	margin-right: 10px;
}

.SMK {
	display: none;
}




.swiper-container1{
    
    margin-top: 20px;
    position: relative;
    overflow: hidden;
}


.recommend_products .index_1_title {
    line-height: normal;
    font_radio: 2;
    display-radio: 1;
    font-size: 18px;
    font-family: "cd10384c-7294-4cb3-bdfb-23b74e33b415";
    font-weight: normal;
    color: rgba(51, 51, 51, 1);
    position: relative;
    z-index: 0;
}

.recommend_products .index_1_title::before {
    position: absolute;
    content: "";
    left: 0px;
    top: 12px;
    height: 8px;
    background: var(--main-color);
    width: 188px;
    z-index: -1;
}

.recommend_products .learn_more {
    width: 190px;
    margin: 50px auto;
    padding: 25px;
    position: relative;
}

.recommend_products .swiper-button-next {
    position: absolute;
    top: 20px;
    right: 60px;
    border: 1px solid #b3b3b3;
    border-radius: 50px;
    padding: 6px;
    width: 50px;
    height: 50px;
    z-index: 1;
    background-image: unset;
    color: #b3b3b3;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.recommend_products .swiper-button-prev {
    position: absolute;
    top: 20px;
    right: 150px;
    left: auto;
    border: 1px solid #b3b3b3;
    border-radius: 50px;
    padding: 6px;
    width: 50px;
    height: 50px;
    z-index: 1;
    background-image: unset;
    color: #b3b3b3;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.recommend_products .type_title_4{
    margin-top:10px;
    text-align: center;
}

.recommend_products svg {
    width: 26px;
    height: 26px;
}

.recommend_products svg path {
    fill: #b3b3b3;
}

.recommend_products .swiper-slide {
    overflow: hidden;
}

.recommend_products .swiper-slide img {
    max-width: 215px;
    max-height: 133px;
    object-fit: contain;
}

.banner1{
    padding-top:90px;
}

.messagepage{
    display:flex;
    gap:30px;
    justify-content: space-between;
}

.messagepage_left{
    width:40%;
}
.messagepage_right{
    width:60%;
}


@media screen and (max-width: 1200px) {
    .recommend_products .swiper-slide img {
        max-width: 330px;
        max-height: 205px;
        object-fit: contain;
    }
    
    .banner1{
        padding-top:70px;
    }
    
    
    .messagepage{
        display:flex;
        flex-wrap: wrap;
    }


    .messagepage_left{
        width:100%;
    }
    .messagepage_right{
        width:100%;
    }
}

@media screen and (max-width: 600px) {
    .recommend_products .swiper-slide img {
        max-width: 100%;
        max-height: 230px;
        object-fit: contain;
    }
    
    .recommend_products .learn_more {
        margin: 20px auto;
    }
    
    .guestbook1 .td_left{
        width:30px;
    }
}



/*文章中插入产品的 样式*/


.kg-bookmark-card, .kg-bookmark-publisher {
    position: relative;
    width: 100%;
}

.kg-bookmark-card, .kg-bookmark-card * {
    box-sizing: border-box;
	max-width: 100%;
    max-height: 400px;
    
}

.kg-card{
	margin-bottom: 30px;
    margin-top:30px;
    max-width: 600px;
    margin: 30px auto;
    
}

.kg-bookmark-card a.kg-bookmark-container, .kg-bookmark-card a.kg-bookmark-container:hover {
    display: flex;
    text-decoration: none;
    border-radius: 3px;
    border: 1px solid rgb(124 139 154/25%);
    overflow: hidden;
    color: inherit;
}

.kg-bookmark-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-basis: 100%;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 20px;
    overflow: hidden;
}

.kg-bookmark-title {
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
}

.kg-bookmark-title1 {
    font-size: 17px;
    line-height: 17px;
    font-weight: 600;
	color: rgb(0,142,82);
	margin-bottom: 15px;
}

.kg-bookmark-description {
    display: -webkit-box;
    font-size: 14px;
    
    
    font-weight: 400;
    
    overflow-y: hidden;
    opacity: .7;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	margin-top: 10px;
    line-height: 26px;
    height: 50px;
    color: #6F6F6F;
}

.kg-bookmark-metadata {
    display: flex;
    align-items: center;
    margin-top: 22px;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
}

.kg-bookmark-icon {
    width: 20px;
    height: 20px;
    margin-right: 6px;
}



/*文章中插入产品样式 结束*/



@media screen and (max-width:1200px) {
	.default-top {
		display: none;
	}

	.touch-top {
		display: block;
	}

	.page-width {
		width: 96%;
	}

	.touch-navigation {
		display: block;
	}

	.touch-top-wrapper .touch-logo {
		margin: 0 0;
	}

	.touch-top-wrapper .touch-logo img {
		height: 50px;
		display: block;
	}

	.about-gray,
	.pro-screen,
	.case-screen,
	.zx-screen {
		padding: 20px 0;
	}

	.page-title {
		display: none;
	}

	.full-scrollable ul li {
		margin: 0 10px;
		text-align: left;
	}

	.full-scrollable .scrollable-image {
		margin-bottom: 15px;
	}

	.full-scrollable .scrollable-info {
		position: static;
		margin-top: 0;
		opacity: 1;
		filter: alpha(opacity=100);
		display: block;
		color: #333;
		text-align: left;
	}

	.full-scrollable .scrollable-info h3 {
		padding: 0;
		line-height: normal;
		margin-bottom: 10px;
		font-size: 16px;
		font-weight: bold;
	}

	.full-scrollable .scrollable-info .scrollable-summarty {
		padding: 0;
	}

	.full-scrollable .scrollable-info .icon-detail {
		display: none;
	}

	.full-scrollable .opacity-overlay,
	.full-scrollable a:hover .opacity-overlay {
		display: none;
	}


	.sidebar {
		width: 100%;
		padding: 0;
		margin: 0;
	}

	.sidebar .page-menu {
		display: none;
	}

	.sidebar .sidebar-content {
		padding: 0 0 25px;
	}

	.sidebar .QHDEmptyArea {
		display: none;
	}

	.content {
		width: 100%;
		padding: 10px 0 15px;
	}

	/*.prod_sp{display:none;}
*/

}

@media (min-width:1200px) {
	.portfolio-list li:nth-child(3n+1) {
		clear: both
	}
}

@media (min-width:992px) and (max-width:1200px) {
	.portfolio-list li:nth-child(3n+1) {
		clear: both
	}
}

@media (min-width:768px) and (max-width:991px) {

	.tt,
	.ips,
	.ip {
		width: 90%;
	}

	.portfolio-list li:nth-child(3n+1) {
		clear: both
	}
}

@media screen and (max-width:767px) {

	.tt,
	.ips,
	.ip {
		width: 90%;
	}

	.col-4-1,
	.col-5-2,
	.col-5-1,
	.col-5-3 {
		width: 100% !important;
		margin-right: 0 !important;
	}

	.col-3-1 {
		width: 47% !important;
	}

	.wx-content {
		padding-top: 20px;
	}

	.footer .wx-content p,
	.bottom p {
		text-align: left !important;
	}

	.article-list-row {
		padding-bottom: 20px;
	}

	.footer .ft-title {
		margin-top: 10px;
	}

	.entry-img img {
		width: 140px !important;
		height: auto !important;
	}
}

@media screen and (max-width:640px) {
	.entry-list-mobile .entry-summary {
		display: none;
	}

	.scrollable .carousel-direction a {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}

	.full-scrollable ul li {
		margin: 0 5px;
	}

	.full-scrollable .scrollable-info .scrollable-summarty {
		font-size: 13px;
	}

	.trading_tca {
		width: 98%;
		margin: 0 auto;
		line-height: 40px;
		border-bottom: #dddddd solid 1px;
		float: none;
		padding-left: 1%;
		padding-right: 1%;
	}

	.mt5 {
		margin-left: 0%;
	}

	a.thfc {
		width: 40%;
	}

	.trading_tz p {
		line-height: 25px;
	}

	#prod_content {
		float: none;
		width: 100%;
	}

	.productslides img {
		width: 100%;
	}

	.prod_mod {
		float: none;
		width: 100%;
		padding-top: 15px;
	}
}

@media screen and (max-width:480px) {
	.commentadd .form_group .form_txt {
		float: none;
		width: 96%;
		text-align: left;
		line-height: 30px;
		padding: 5px 0;
		font-size: 14px;
		padding-left: 2%;
	}

	.commentadd .form_group .form_input,
	.commentadd .form_group .form_bnt {
		width: 96%;
		line-height: 30px;
		padding: 5px 0;
		margin: 0 auto;
	}

	.entry-img img {
		width: 120px !important;
		height: auto !important;
	}

	.column {
		width: 98% !important;
		margin: 0 1% !important
	}

	.col-3-1 {
		width: 100% !important;
		margin: 0 !important;
	}
}

/*新增分页*/
.pagess ul {
	clear: both;
	margin: 20px;
	overflow: hidden;
	margin-left: 0px;
	text-align: center;
	font-size: 12px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	width: 100%;
}

.pagess li {
	display: inline-block;
}

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

.pagess a:hover {
	background: #3553A2;
	color: #fff;
	border: 1px solid #3553A2
}

.pagess li.active a {
	display: inline-block;
	border: 1px solid #3553A2;
	padding: 2px 9px;
	margin: 0 3px;
	background: #3553A2;
	color: #fff;
}

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

.pagess select {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 4px 9px;
	margin: 0 3px;
	line-height: 20px;
}

/*新增留言*/
.message {
	overflow: hidden;
}

.message dd {
	margin-bottom: 15px
}

.message span {
	float: left;
	line-height: 40px
}

.message .kuang {
	width: 400px;
	height: 40px;
	border: 1px solid #e5e5e5;
	line-height: 40px;
	padding-left: 10px
}

.message textarea {
	width: 500px;
	height: 150px;
	border: 1px solid #e5e5e5;
	padding: 10px;
}

.message .tijiao {
	width: 100px;
	height: 40px;
	border: 0;
	background: #3553A2;
	color: #fff;
	text-align: center;
	line-height: 40px;
	margin: 0 0 0 70px;
	cursor: pointer
}

.guestbook {
	padding: 50px 0;
	background-color: #fff;
	text-align: center;
}

.guestbook .title {
	line-height: 180%;
	font-size: 36px;
	font-weight: bold;
	color: #333;
}

/*合作伙伴*/
.partners {
	padding: 50px 0;
	background-color: #f9fbff;
	text-align: center;
}

.partners .title {
	line-height: 180%;
	font-size: 36px;
	font-weight: bold;
	color: #333;
}

.partners ul {
	width: 1200px;
	margin: 0 auto;
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
}


.live-chat-box,
.live-chat-icon .live-chat-box span,
.live-chat-icon .live-chat-box strong,
.live-chat-title {
	background-color: #3b52a2;
	color: #fff
}

.live-chat {
	position: fixed;
	top: 19%;
	z-index: 9999;
	right: 0
}

.live-chat-title {
	padding: 6px 15px;
	width: 100%;
	font-weight: 700;
	box-sizing: border-box
}

.live-chat i.fa {
	margin-right: 10px;
	font-size: 18px;
	width: 18px;
	text-align: center;
	vertical-align: middle
}

.live-chat-box {
	padding: 10px 5px;
	-moz-box-shadow: 0 0 3em rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 0 3em rgba(0, 0, 0, .4);
	box-shadow: 0 0 3em rgba(0, 0, 0, .4)
}

.live-chat-box p {
	padding: 2px 0
}

.live-chat-box p:hover {
	background: rgba(0, 0, 0, .085)
}

.live-chat-box a,
.live-chat-box a:hover,
.live-chat-box a:link,
.live-chat-box a:visited {
	padding: 3px 10px;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
	color: #fff
}

.live-chat-icon {
	text-align: center
}

.live-chat-icon i.fa {
	margin-right: 0;
	width: auto
}

.live-chat-icon .live-chat-box {
	padding: 0
}

.live-chat-icon .live-chat-box p {
	border-bottom: 1px solid rgb(0 0 0 / 10%);
	position: relative;
	padding: 0;
	margin-bottom: 0
}

.live-chat-icon .live-chat-box p:last-child {
	border-bottom: 0
}

.live-chat-icon .live-chat-box a {
	padding: 8px 10px;
	display: block
}

.live-chat-icon .live-chat-box span,
.live-chat-icon .live-chat-box strong {
	padding: 0 15px;
	height: 100%;
	font-weight: 400;
	white-space: nowrap;
	position: absolute;
	top: 0;
	right: -200px;
	z-index: -1;
	opacity: 0;
	display: flex;
	justify-content: center;
	align-items: center
}

.live-chat-icon .live-chat-box i.fa span,
.live-chat-icon .live-chat-box i.fa strong {
	font-size: 14px
}

.live-chat-icon.prt .live-chat-box span:after,
.live-chat-icon.prt .live-chat-box strong:after {
	content: " ";
	position: absolute;
	top: 50%;
	right: -4px;
	margin-top: -5px;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px
}

.live-chat-icon.plt .live-chat-box span:before,
.live-chat-icon.plt .live-chat-box strong:before {
	content: " ";
	position: absolute;
	top: 50%;
	left: -4px;
	margin-top: -5px;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 5px 5px 0
}

.rendered-form * {
	box-sizing: border-box
}

.rendered-form button,
.rendered-form input,
.rendered-form select,
.rendered-form textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

.rendered-form input {
	line-height: normal
}

.rendered-form textarea {
	overflow: auto
}

.rendered-form button,
.rendered-form input,
.rendered-form select,
.rendered-form textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

.rendered-form .btn-group {
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.rendered-form .btn-group>.btn {
	position: relative;
	float: left
}

.rendered-form .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.rendered-form .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
	border-radius: 0
}

.rendered-form .btn-group .btn+.btn,
.rendered-form .btn-group .btn+.btn-group,
.rendered-form .btn-group .btn-group+.btn,
.rendered-form .btn-group .btn-group+.btn-group {
	margin-left: -1px
}

.rendered-form .btn-group>.btn:last-child:not(:first-child),
.rendered-form .btn-group>.dropdown-toggle:not(:first-child),
.rendered-form .btn-group .input-group .form-control:last-child,
.rendered-form .btn-group .input-group-addon:last-child,
.rendered-form .btn-group .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.rendered-form .btn-group .input-group-btn:first-child>.btn:not(:first-child),
.rendered-form .btn-group .input-group-btn:last-child>.btn,
.rendered-form .btn-group .input-group-btn:last-child>.btn-group>.btn,
.rendered-form .btn-group .input-group-btn:last-child>.dropdown-toggle {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.rendered-form .btn-group>.btn.active,
.rendered-form .btn-group>.btn:active,
.rendered-form .btn-group>.btn:focus,
.rendered-form .btn-group>.btn:hover {
	z-index: 2
}

.rendered-form .btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
	background-image: none;
	border-radius: 4px
}

.rendered-form .btn.btn-lg {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px
}

.rendered-form .btn.btn-sm {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}

.rendered-form .btn.btn-xs {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}

.rendered-form .btn.active,
.rendered-form .btn.btn-active,
.rendered-form .btn:active {
	background-image: none
}

.rendered-form .input-group .form-control:last-child,
.rendered-form .input-group-addon:last-child,
.rendered-form .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.rendered-form .input-group-btn:first-child>.btn:not(:first-child),
.rendered-form .input-group-btn:last-child>.btn,
.rendered-form .input-group-btn:last-child>.btn-group>.btn,
.rendered-form .input-group-btn:last-child>.dropdown-toggle {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.rendered-form .input-group .form-control,
.rendered-form .input-group-addon,
.rendered-form .input-group-btn {
	display: table-cell
}

.rendered-form .input-group-lg>.form-control,
.rendered-form .input-group-lg>.input-group-addon,
.rendered-form .input-group-lg>.input-group-btn>.btn {
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333
}

.rendered-form .input-group {
	position: relative;
	display: table;
	border-collapse: separate
}

.rendered-form .input-group .form-control {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0
}

.rendered-form .form-control,
.rendered-form output {
	font-size: 14px;
	line-height: 1.42857143;
	display: block
}

.rendered-form textarea.form-control {
	height: auto
}

.rendered-form .form-control {
	height: 34px;
	display: block;
	width: 100%;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 4px
}

.rendered-form .form-control:focus {
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.rendered-form .form-group {
	margin-left: 0px;
	margin-bottom: 15px
}

.rendered-form .btn,
.rendered-form .form-control {
	background-image: none
}

.rendered-form .pull-right {
	float: right
}

.rendered-form .pull-left {
	float: left
}

.rendered-form .formbuilder-required,
.rendered-form .required-asterisk {
	color: #c10000
}

.rendered-form .formbuilder-checkbox-group input[type=checkbox],
.rendered-form .formbuilder-checkbox-group input[type=radio],
.rendered-form .formbuilder-radio-group input[type=checkbox],
.rendered-form .formbuilder-radio-group input[type=radio] {
	margin: 0 4px 0 0
}

.rendered-form .formbuilder-checkbox-inline,
.rendered-form .formbuilder-radio-inline {
	margin-right: 8px;
	display: inline-block;
	vertical-align: middle;
	padding-left: 0
}

.rendered-form .formbuilder-checkbox-inline label input[type=text],
.rendered-form .formbuilder-radio-inline label input[type=text] {
	margin-top: 0
}

.rendered-form .formbuilder-checkbox-inline:first-child,
.rendered-form .formbuilder-radio-inline:first-child {
	padding-left: 0
}

.rendered-form .formbuilder-autocomplete-list {
	background-color: #fff;
	display: none;
	list-style: none;
	padding: 0;
	border: 1px solid #ccc;
	border-width: 0 1px 1px;
	position: absolute;
	z-index: 20;
	max-height: 200px;
	overflow-y: auto
}

.rendered-form .formbuilder-autocomplete-list li {
	display: none;
	cursor: default;
	padding: 5px;
	margin: 0;
	transition: background-color 200ms ease-in-out
}

.rendered-form .formbuilder-autocomplete-list li:hover,
.rendered-form .formbuilder-autocomplete-list li.active-option {
	background-color: rgba(0, 0, 0, .075)
}

.rendered-form .kc-toggle {
	padding-left: 0 !important
}

.rendered-form .kc-toggle span {
	position: relative;
	width: 48px;
	height: 24px;
	background: #e6e6e6;
	display: inline-block;
	border-radius: 4px;
	border: 1px solid #ccc;
	padding: 2px;
	overflow: hidden;
	float: left;
	margin-right: 5px;
	will-change: transform
}

.rendered-form .kc-toggle span::after,
.rendered-form .kc-toggle span::before {
	position: absolute;
	display: inline-block;
	top: 0
}

.rendered-form .kc-toggle span::after {
	position: relative;
	content: "";
	width: 50%;
	height: 100%;
	left: 0;
	border-radius: 3px;
	background: linear-gradient(to bottom, white 0%, #ccc 100%);
	border: 1px solid #999;
	transition: transform 100ms;
	transform: translateX(0)
}

.rendered-form .kc-toggle span::before {
	border-radius: 4px;
	top: 2px;
	left: 2px;
	content: "";
	width: calc(100% - 4px);
	height: 18px;
	box-shadow: 0 0 1px 1px #b3b3b3 inset;
	background-color: transparent
}

.rendered-form .kc-toggle input {
	height: 0;
	overflow: hidden;
	width: 0;
	opacity: 0;
	pointer-events: none;
	margin: 0
}

.rendered-form .kc-toggle input:checked+span::after {
	transform: translateX(100%)
}

.rendered-form .kc-toggle input:checked+span::before {
	background-color: #6fc665
}

.rendered-form label {
	font-weight: normal
}

.form-group .formbuilder-required {
	color: #c10000
}

.other-option:checked+label input {
	display: inline-block
}

.other-val {
	margin-left: 5px;
	display: none
}

*[tooltip] {
	position: relative
}

*[tooltip]:hover::after {
	background: rgba(0, 0, 0, .9);
	border-radius: 5px 5px 5px 0;
	bottom: 23px;
	color: #fff;
	content: attr(tooltip);
	padding: 10px 5px;
	position: absolute;
	z-index: 98;
	left: 2px;
	width: 230px;
	text-shadow: none;
	font-size: 12px;
	line-height: 1.5em
}

*[tooltip]:hover::before {
	border: solid;
	border-color: #222 transparent;
	border-width: 6px 6px 0;
	bottom: 17px;
	content: "";
	left: 2px;
	position: absolute;
	z-index: 99
}

.tooltip-element {
	color: #fff;
	background: #000;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	display: inline-block;
	text-align: center;
	line-height: 16px;
	margin: 0 5px;
	font-size: 12px
}

.form-control.number {
	width: auto
}

.form-control[type=color] {
	width: 60px;
	padding: 2px;
	display: inline-block
}

.form-control[multiple] {
	height: auto
}

.rendered-form {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	background: #FFFFFF;
	box-shadow: 0px 3px 15px 1px rgba(45, 103, 227, 0.1000);
	border-radius: 4px;
	overflow: hidden;
	margin: auto;
	flex-direction: row;
}

.rendered-form>div {
	text-align: left;
}

.rendered-form .form-control {
	margin-top: 6px;
}

.rendered-form .form-control:not(p) {
	height: auto;
	border-radius: 2px;
	border: 1px solid #D7DCE2;
	text-align: left;
}

.rendered-form .form-group:not(.formbuilder-header) {
	margin-top: 13px;
	margin-bottom: 0px;
}

.rendered-form label {
	float: none;
	color: #000;
}

.rendered-form p.form-control {
	color: #000;
	word-break: normal;
	white-space: pre-wrap;
	word-wrap: break-word;
	height: auto;
	border: none;
}

.rendered-form .radio-group label,
.rendered-form .checkbox-group label,
.rendered-form select option {
	font-size: 14px;
	color: #333333;
}

.rendered-form .radio-group input[type="radio"],
.rendered-form .checkbox-group input[type="checkbox"] {
	width: 14px;
	height: 14px;
	border-color: #666;
}

.rendered-form .radio-group input[type="radio"]:checked+label,
.rendered-form .checkbox-group input[type="checkbox"]:checked+label {
	color: #2D67E3;
}

.rendered-form .radio-group,
.rendered-form .checkbox-group {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.rendered-form .radio-group .formbuilder-radio,
.rendered-form .checkbox-group .formbuilder-checkbox {
	width: 100%;
}

.rendered-form .radio-group .formbuilder-radio-inline,
.rendered-form .checkbox-group .formbuilder-checkbox-inline {
	width: auto;
	padding-right: 15px;
	margin-right: 50px;
}

@media screen and (max-width: 500px) {

	.rendered-form .radio-group .formbuilder-radio-inline,
	.rendered-form .checkbox-group .formbuilder-checkbox-inline {
		width: auto;
		padding-right: 25px;
		margin-right: 0;
	}

	.rendered-form p.form-control {
		padding: 0 15px !important;
	}
}

.rendered-form .formbuilder-radio,
.rendered-form .formbuilder-radio-inline,
.rendered-form .formbuilder-checkbox,
.rendered-form .formbuilder-checkbox-inline,
.rendered-form select option {
	display: flex !important;
	align-items: center;
	padding-top: 8px;
}

.rendered-form>div.formbuilder-select select {
	color: #000;
	position: relative;
	border: 1px solid #999999;
	border-radius: 2px;
	min-height: 35px;
	outline: none;
	scrollbar-width: none;
	/* firefox */
	-ms-overflow-style: none;
	/* IE 10+ */
}

select option:checked {
	background-color: #e2ecf9;
	position: relative;
}

select option:checked:not(:disabled)::after {
	content: '✔';
	position: absolute;
	top: 0;
	right: 12px;
	color: #2D67E3;
	font-size: 16px;
	margin-top: 4px;
}

.rendered-form>div.formbuilder-select select::-webkit-scrollbar {
	display: none;
	/* Chrome Safari */
}

.rendered-form select option {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 40px;
	outline: none;
	padding-left: 10px;
	text-overflow: ellipsis;
	word-break: normal;
	white-space: pre-wrap;
	word-wrap: break-word;
}

.rendered-form select option:target {
	background-color: #e2ecf9;
}

.rendered-form .formbuilder-select-label {
	margin-bottom: 8px;
	display: block;
}

.form-group .formbuilder-required {
	color: #E85757;
	margin-left: 4px;
	float: none;
}

.rendered-form h2 {
	border-radius: 0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	font-size: 16px;
	padding: 18px 32px;
	background: #ee7700;
	color: #fff;
	margin-bottom: 0;
	margin-top: 0;
	display: block;
}

.rendered-form>div.formbuilder-text {
	width: 50%;
}

.rendered-form>div.formbuilder-textarea,
.rendered-form>div.formbuilder-button,
.rendered-form>div.formbuilder-paragraph,
.rendered-form>div.formbuilder-radio-group,
.rendered-form>div.formbuilder-checkbox-group,
.rendered-form>div.formbuilder-select {
	width: 100%;
}

.rendered-form>div:not(.form-group),
.rendered-form .formbuilder-header {
	width: 100%;
}

.rendered-form>div.formbuilder-text,
.rendered-form>div.formbuilder-textarea,
.rendered-form>div.formbuilder-button,
.rendered-form>div.formbuilder-radio-group,
.rendered-form>div.formbuilder-checkbox-group,
.rendered-form>div.formbuilder-select,
.rendered-form>div p {
	padding: 6px 30px !important;
}

.rendered-form>div.formbuilder-checkbox-group.checkbox-valid::after,
.rendered-form>div.formbuilder-select.select-valid::after {
	content: 'Choose your option(s).';
	font-size: 12px;
	color: rgb(234, 88, 89);
	margin-top: 10px;
	line-height: 1;
	display: block;
}

.rendered-form>div.formbuilder-radio-group.radio-valid::after {
	content: 'Please select one option.';
	font-size: 12px;
	color: rgb(234, 88, 89);
	margin-top: 10px;
	line-height: 1;
	display: block;
}

.rendered-form>div.formbuilder-select select {
	display: block;
	width: 80%;
}

.rendered-form select option:disabled {
	color: #666;
}

select option:disabled:checked {
	background-color: #f5f5f5;
}

@media screen and (max-width: 500px) {

	.rendered-form>div.formbuilder-text,
	.rendered-form>div.formbuilder-textarea,
	.rendered-form>div.formbuilder-radio-group,
	.rendered-form>div.formbuilder-checkbox-group,
	.rendered-form>div.formbuilder-select {
		width: 100% !important;
		padding: 0 15px !important;
	}
}

.rendered-form>div.formbuilder-button {
	text-align: center;
}

.rendered-form>div.formbuilder-button button {
	text-align: center;
	background: #ee7700;
	color: #fff;
	border: 0px none;
	padding: 7px 15px;
	font-size: 14px;
	line-height: 21px;
	max-width: 110px;
	min-width: 70px;
	border-radius: 0;
	margin: 30px auto;
}

#crmMailMask {
	font-size: 14px;
	line-height: 1.5;
	color: #444;
	text-align: center;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 109990000;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2VpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxMzhBMDgyNjE0NzJFNTExODlDRkYxMjg1ODdCMDI5OSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowMDlCOTg5NDhDNTkxMUU1QjUwQ0ZCQTIwREJBQkZGNyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowMDlCOTg5MzhDNTkxMUU1QjUwQ0ZCQTIwREJBQkZGNyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkJGNzQ3Q0IyNDg0RTUxMUFGRTdDOEI0MUZCQTFFQjQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTM4QTA4MjYxNDcyRTUxMTg5Q0ZGMTI4NTg3QjAyOTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4UOTX9AAAAD0lEQVR42mJiYGDwBQgwAABcAFBNz9C5AAAAAElFTkSuQmCC");
	background: rgba(80, 80, 80, 0.5)
}

#crmMailMask,
#crmMailMask * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box
}

#crmMailMask:after,
#crmMailMask>div {
	display: inline-block;
	vertical-align: middle
}

#crmMailMask:after {
	content: '';
	height: 100%;
	width: 0;
	overflow: hidden
}

#crmMailMask .crmMailMask-box {
	background: #fff;
	width: 290px;
	border-radius: 4px;
	max-width: 98%;
	padding: 15px 20px;
	margin: 15px 0 40px 0
}

#crmMailMask .crmMailMask-box .crmMailMask-boxBot {
	margin-top: 10px
}

#crmMailMask .crmMailMask-box .crmMailMask-boxBot button {
	line-height: 1;
	border: 0px none;
	padding: 10px 15px;
	background: #135287;
	color: #fff;
	font-size: 13px;
	text-transform: capitalize
}

.crm-submit-load {
	display: inline-block;
	width: 24px;
	height: 20px;
	background: url("data:image/gif;base64,R0lGODlhFAAUAJEDAMfHx3Z2du7u7v///yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyQjRBNTc3ODRBNEUxMUU2QkIzMThDODBEOUVDNjkyMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyQjRBNTc3OTRBNEUxMUU2QkIzMThDODBEOUVDNjkyMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJCNEE1Nzc2NEE0RTExRTZCQjMxOEM4MEQ5RUM2OTIwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJCNEE1Nzc3NEE0RTExRTZCQjMxOEM4MEQ5RUM2OTIwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAwAsAAAAABQAFAAAAjycj6nLjRHcglAaAAaNQjSMaVznLWB2kKWJIh3zNnFKwjU9J6q+LrnbM/yAuZ2v9jIeB7vh0emAWqZUQwEAIfkEBQoAAwAsBAACAAwABgAAAhacDXCLqSvEcCqEEeOsNmR5dJfGWEMBACH5BAUKAAMALAgAAgAKAAoAAAIXnDSpdrh8BgArzvnkzZqrEHAgmI1hGRYAIfkEBQoAAwAsDAAEAAYADAAAAhecNHmnm4ZeAuBROq+tI4TneUn4jeVQAAAh+QQFCgADACwIAAgACgAKAAACGJw/IniqnByMEIBp7Qlh5DtwnAeG4jRCBQAh+QQFCgADACwEAAwADAAGAAACFlwyqSJ2uJh4CIAh2xnW4qZwXUh6YQEAIfkEBQoAAwAsAgAIAAoACgAAAhdcMql2uHxeilIBUO+VGguxbN8njWAJFgAh+QQFCgADACwCAAQABgAMAAACF5wTNojH2gYAak5jKdZqCKF8nyGCJFgAADs=") no-repeat center right;
	vertical-align: middle
}

.crm-body-clear {
	overflow: hidden !important
}

#sw-form-001--0 .leftW ul li {
	display: flex;
	align-items: center;
	color: var(--brand);
	font-weight: bold;
}

#sw-form-001--0 .leftW ul li span {
	margin-right: 8px;
}

@media screen and (max-width:875px) {
	#sw-form-001--0 .crm_form-wrap {
		display: flex !important;
		flex-direction: column !important;
	}

	#sw-form-001--0 .leftW {
		width: 100% !important;
	}

	#sw-form-001--0 .rightW {
		width: 100% !important;
	}
}

.message-title {
	text-align: center !important;
	font-size: 36px;
	width: 100%;
	margin: 20px 0 20px 0;
}

@media (max-width: 768px) {
	.full-scrollable .scrollable-info {
		height: auto;
	}

	.guestbook .title,
	.partners .title {
		font-size: 18px;
	}

	.module-content {
		max-width: 100%;
	}

	.full-scrollable .scrollable-info h3 {
		font-size: 14px;
		font-weight: normal;
	}

	.content-wrapper {
		width: 100%;
		overflow: scroll;
		overflow-x: hidden;
		overflow-y: auto;
	}

	.qhd-content {
		overflow: scroll;
		overflow-y: auto;
		overflow-x: auto;
	}

}

.article-content a{
    text-decoration: underline;
}

.toolbar{
    display:none;
}
#telnr {
    display: none;
}

@media screen and (min-width:320px) and (max-width:639px) {
    
    .toolbar{
        display:flex;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 9;
        width: 100%;
        height: 60px;
        background-color: #013e80;
        
    }
    
    .toolbar .item_one{
        width:33%;
        text-align: center;
        border-right: #666 solid 1px;
        box-sizing: border-box;
        padding: 10px;
    }
    
    .toolbar .item_one a{
        
        text-align: center;
        align-items: center;
        height: 100%;
        color: white;
    }
    .toolbar a .icon {
        font-size: 24px;
        margin-bottom: 2px;
    }
    
    
    #telnr {
        width: 100%;
        height: 100%;
        max-width: 640px;
        min-width: 320px;
        position: fixed;
        top: 0;
        z-index: 1000;
        background: rgba(0, 0, 0, .6);
    }
    #telnr i {
        position: absolute;
        top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
        text-align: center;
        color: #fff;
        font-weight: bold;
        font-style: normal;
        background: #333;
        border-radius: 1rem;
        cursor: pointer;
    }
    #telnr .nrdf {
        margin: auto;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        width: 80%;
        height: 30%;
        padding: 10px;
        padding-top: 10px;
        margin-top: -80px;
        text-align: center;
        background-color: rgba(255, 255, 255, 0.8);
        box-shadow: 0px 2px 6px #777;
        -webkit-box-shadow: 0px 2px 6px #777;
        -moz-box-shadow: 0px 2px 6px #777;
        border-radius: 10px;
    }
    #telnr .tel_i {
        font-size: 16px;
        line-height: 30px;
        font-weight: bold;
        color: #666;
        padding-top: 20px;
    }
    
    .touch-top {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999999;
    }
    .banner{
        margin-top:70px;
    }
    .partners ul {
        width: 100%;
        margin: 0 auto;
        margin-top: 40px;
        display: flex;
        flex-wrap: wrap;
    }
    
    .sidebar {
        display: none;
    }
}