/*
Theme Name: WPBOSS
Theme URI: http://www.wpboss.cn
Description: WpBoss专业开发定制WordPress企业主题，帮助了众多客户业务的起步、发展与壮大。
Author: WPBOSS
Author URI: http://www.wpboss.cn
Details URI: http://wpboss.cn/wpbosslog/
Version: 2.2.5
Tags: WPBOSS
*/
/* noto-sans-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('iconfont/font/noto-sans-v32-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 500;
  src: url('iconfont/font/noto-sans-v32-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('iconfont/font/noto-sans-v32-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {font-family: 'fontello';src: url('iconfont/font/fontello.eot?25097246');
src: url('iconfont/font/fontello.eot?25097246#iefix') format('embedded-opentype'),url('iconfont/font/fontello.woff2?25097246') format('woff2'),url('iconfont/font/fontello.woff?25097246') format('woff'),url('iconfont/font/fontello.ttf?25097246') format('truetype'),url('iconfont/font/fontello.svg?25097246#fontello') format('svg');font-weight: normal;font-style: normal;font-display: swap;}
.demo-icon{font-family: "fontello";font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;width: 1em;text-align: center;font-variant: normal;text-transform: none;line-height: 1em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; margin:0 0.2em;}.i-code{ margin-left:20px; color:#F90;}
body,ul,ol,li{margin: 0;	padding: 0;	font-family: "Noto Sans", sans-serif;font-size:16px; color:#565656; font-weight:400; line-height:160%;}
td,p{font-size:16px;}
.mleft{ float:left;}
h1, h2, h3, h4, h5, h6 {clear: both; color:#000; font-weight:700; padding:0; margin:0;  margin-bottom:20px; line-height:130%;}
h1 {font-size:26px;}
h2 {font-size:22px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
.mdesc{line-height:20px;}
span.mdate{font-size:12px;}
.single-post span.mdate{ display:inline-block; border-bottom:1px solid #a0a0a0;line-height:160%; padding-bottom:1px;}
span.mcat{ display:inline-block; margin-left:15px;line-height:160%;}
span.mcat a{display:inline-block; border-bottom:1px solid #a0a0a0;font-size:12px;line-height:160%;padding-bottom:1px; margin-right:10px;}
h3.mtitle{line-height:36px;}
h3.mtitle span{ background-color:#4499f0; color:#fff; display:inline-block; padding:5px; padding-left:10px; padding-right:10px;}
h3.mcat .mlast a { line-height:36px; font-size:12px; padding-right:10px; }
h3.mtitle .mlast a:hover { color:#f80;}
h3.mtitle .mlast a { line-height:36px; font-size:12px; padding-right:10px; }
h3.msingle span,h3.msingle .mlast,h3.msingle{ font-size:12px;}
h3.msingle .mlast a { line-height:28px; font-size:12px; padding-right:10px; }
h2.bt{width: fit-content; margin:0 auto; margin-bottom:15px; position:relative; text-transform:uppercase;}
h2.bt::after{content:"........"; font-size:10px; font-weight:300; color:#000; position:absolute; margin-left:10px; margin-top:-3px;}
h2.bt::before{content:"........"; font-size:10px; font-weight:300; color:#000; position:absolute; margin-top:-3px; left:-35px;}
p{margin:0; padding:0; line-height:160%; margin-bottom:15px;}
ol, ul { list-style: none;}
#mycontents ul li,.mycatbt ul li,#sdiv1 ul li,ul.myul li{position: relative;padding-left:20px; line-height:24px;}
ul.myul li::before {
    content: "✔️";
    position: absolute;
    left: 0;
    top: 0;
}

#mycontents ol li,.mycatbt ol li,#sdiv1 ol li,ol.myul li{list-style-type:decimal; margin-left:20px; line-height:24px;}
#mycontents ul,.mycatbt ul,#mycontents ol,.mycatbt ol,#sdiv1 ul,#sdiv1 ol,ul.myul,ol.myul{ margin-bottom:25px;}
a img { border: none; }
img{ max-width: 100%;height: auto;}
#mtop,#mheader,#mbody,#mfooter,#access,#mbanner{ width:100%;}
#mtop{ padding:5px 0px; background-color:#efefef; }
#pagebox{ background-color:#fff;}
.mbox{ max-width:1250px; margin:0 auto; padding:0 15px;position: relative;}
#pagebox.box{max-width:1200px; margin:0 auto; }
.m1col{ width:100%; float:none; margin-right:0%;}
.m2col{ width:49%; float:left; margin-right:2%;}
.m3col{ width:32%; float:left; margin-right:2%;}
.m32col{ width:66%; float:left; margin-right:2%;}
.m4col{ width:23.5%; float:left; margin-right:2%;}
.m5col{ width:18.4%; float:left; margin-right:2%;}
.m6col{ width:15%; float:left; margin-right:2%;}
.m8col{ width:10.75%; float:left; margin-right:2%;}
.m87col{ width:87.25%; float:left; margin-right:2%;}
.m65col{ width:83%; float:left; margin-right:2%;}
.m54col{ width:79.6%; float:left; margin-right:2%;}
.m53col{ width:59.2%; float:left; margin-right:2%;}
.m43col{ width:74.5%; float:left; margin-right:2%;}
.mlast{float:right; margin:0px; clear:right;}
.mclear{ height:0px; width:100%; clear:both; float:none; line-height:0px; font-size:0px;}
.bd1{border:1px solid #ddd; padding:25px;}
.bd1 hr{margin:0px 0px 15px 0px;}
#mhomeicon a img {width:100%;}
hr {
	background-color: #E7E7E7;
	border:0;
	height: 1px;
	margin:0;
	margin-bottom: 20px;
	clear:both;
	float:none;
	
}
/* Text elements */
a.mright{ float:right;}

.mge10{height:10px; clear:both; font-size:1px; line-height:1px; float:none;}
.mge20{height:20px; clear:both; font-size:1px; line-height:1px;float:none;}
.mge30{height:30px; clear:both; font-size:1px; line-height:1px;float:none;}
.mge40{height:40px; clear:both; font-size:1px; line-height:1px;float:none;}
.mge50{height:50px; clear:both; font-size:1px; line-height:1px;float:none;}

img.alignright{float:right; margin-left:10px;}
img.alignleft{float:left; margin-right:10px;}
.alignright{float:right;}
.alignleft{float:left;}
.aligncenter{ display:block; margin:0 auto;}

#mobi_menu{ display:none;  position:relative; text-decoration:none;}
#mobi_menu::after{font-family: "Fontello";content:"\f0c9"; margin-left:0px;color:#333; display: block;}
#mobi_menu:hover{ color:#000;}

/* LAYOUT*/

/*header*/
#mheader .mhleft{position:relative; height:60px;}
#mheader .mhleft a{ position:absolute;top: 50%; transform: translate(0, -50%);}
#mheader img.logo{max-height:50px; display:block; }
#mheader{ height:60px;color:#333;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; }
#mheader.mini{height:60px;box-shadow: 0 1px 3px rgb(0 0 0 / 10%); position: fixed;z-index: 1000;background-color:#fff; top:0px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
#mheader.mini .mhleft{height:60px;}
#mheader.mini .mhleft a{ top: 50%; transform: translate(0, -50%);}
#mheader.mini img.logo{max-height:40px; display:block;}
#mheader .mhright{text-align: right;line-height: 60px;}
#mheader.mini .mhright{text-align: right;line-height:60px;}
#access.mini{-webkit-box-shadow:0 3px 5px rgba(51,51,51,.1);-moz-box-shadow:0 3px 5px rgba(51,51,51,.1);-o-box-shadow:0 3px 5px rgba(51,51,51,.1);box-shadow:0 3px 5px rgba(51,51,51,.1); position: fixed;z-index: 9030;  top:64px;}
#mheader .mhright .yuyan, #mheader .mhright .sch{ display:inline-block;}
#mheader .mhright .sch { padding-left:20px;}
a.mybtn {
 padding: 6px 20px;
 border: 2px solid #fff;
 text-align: center;
 text-transform: uppercase;
 font-size: 16px;
 color: #fff!important;
 border-radius:4px;
 transition: .5s ease;
 width: fit-content; margin: 0 auto; font-weight:bold;
 display:block;
}
a.mybtn.small {
 padding: 4px 16px;
 width:fit-content; margin: 0 auto; font-weight:bold;
 font-size:12px;
}
a.mybtn:hover {background: #fff;color: #000!important; text-decoration:none;}
a.mybtn.left{ margin:0; margin-right:20px;}
a.mybtn.right{ margin:0; margin-right:20px;}
a.mybtn.vmore{ padding:0 0 0px 0!important; border:0px!important;; border-bottom:1px solid #333!important;; border-radius:0px!important; color: #000!important;}
.prolx a.mybtn.vmore{border:0px!important;}

#sdiv1 .mybtn{ display:inline-block; margin-bottom:10px;}
.animated {-webkit-animation: 1s ease;-moz-animation: 1s ease;-ms-animation: 1s ease;-o-animation: 1s ease;animation: 1s ease;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-ms-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;}
@-webkit-keyframes fadeIn {0% {opacity: 0;}	100% {opacity: 1;}}
@-moz-keyframes fadeIn {0% {opacity: 0;}	100% {opacity: 1;}}
@-ms-keyframes fadeIn {0% {opacity: 0;}	100% {opacity: 1;}}
@-o-keyframes fadeIn {0% {opacity: 0;}	100% {opacity: 1;}}
@keyframes fadeIn {0% {opacity: 0;}	100% {opacity: 1;}}
.fadeIn {animation: fadeIn linear 0.5s;
  -webkit-animation: fadeIn linear 0.5s;
  -moz-animation: fadeIn linear 0.5s;
  -o-animation: fadeIn linear 0.5s;
  -ms-animation: fadeIn linear 0.5s;}
@-webkit-keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translateY(30px);}100% {opacity: 1;-webkit-transform: translateY(0);}}
@-moz-keyframes fadeInUp {0% {opacity: 0;-moz-transform: translateY(30px);}100% {opacity: 1;-moz-transform: translateY(0);}}
@-ms-keyframes fadeInUp {0% {opacity: 0;-ms-transform: translateY(30px);}100% {opacity: 1;-ms-transform: translateY(0);}}
@-o-keyframes fadeInUp {0% {opacity: 0;-o-transform: translateY(30px);}100% {opacity: 1;-o-transform: translateY(0);}}
@keyframes fadeInUp {0% {opacity: 0;transform: translateY(30px);}100% {opacity: 1;transform: translateY(0);}}
.fadeInUp {-webkit-animation-name: fadeInUp;-moz-animation-name: fadeInUp;-ms-animation-name: fadeInUp;-o-animation-name: fadeInUp;animation-name: fadeInUp;opacity: 0; -webkit-animation: fadeInUp 1.5s ease 0.1s 1 both; }
.fadeInUp.show{opacity:1;}
@-webkit-keyframes fadeInDown {0% {opacity: 0;-webkit-transform: translateY(-20px);}100% {opacity: 1;-webkit-transform: translateY(0);}}
@-moz-keyframes fadeInDown {0% {opacity: 0;-moz-transform: translateY(-20px);}100% {opacity: 1;-moz-transform: translateY(0);}}
@-ms-keyframes fadeInDown {0% {opacity: 0;-ms-transform: translateY(-20px);}100% {opacity: 1;-ms-transform: translateY(0);}}
@-o-keyframes fadeInDown {0% {opacity: 0;-ms-transform: translateY(-20px);}100% {opacity: 1;-ms-transform: translateY(0);}}
@keyframes fadeInDown {0% {opacity: 0;transform: translateY(-20px);}100% {opacity: 1;transform: translateY(0);}}
.fadeInDown {-webkit-animation-name: fadeInDown;-moz-animation-name: fadeInDown;-ms-animation-name: fadeInDown;-o-animation-name: fadeInDown;animation-name: fadeInDown;-webkit-animation: fadeInDown 1.5s ease-out 0.1s 1 both;}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;-webkit-animation: fadeInLeft 1.5s ease 0.1s 1 both;}

/*searchform*/
#searchformtop #s{ width:140px; border:1px solid #e5e5e5; padding:10px; padding-top:4px; padding-bottom:4px; height:20px; line-height:20px; border-radius:0.6em;-moz-border-radius: 0.6em;-webkit-border-radius: 0.6em;-khtml-border-radius: 0.6em;border-top-right-radius:0em;;border-bottom-right-radius:0em; border-right:0px; color:#666; outline:none; }

#searchformtop #searchsubmit{ display:block;height:30px; border-radius:0.6em;-moz-border-radius: 0.6em;-webkit-border-radius: 0.6em;-khtml-border-radius: 0.6em;cursor:pointer;border:1px solid #e5e5e5; color:#666; width:40px; margin:0; margin-left:0px; background-color:#fff; text-transform:uppercase; font-size:12px; text-align:center; padding:0;border-top-left-radius:0em;;border-bottom-left-radius:0em;  background-position:center center; background-repeat:no-repeat;}

#mysch{ width:0px; right:50px; top:16px; position:absolute;  z-index:9000;overflow: hidden; }
#mheader.mini #mysch{  top:16px;  }
#sch i,#sch{ cursor:pointer;}
#sch i{font-size: 16px;}
#sch{width:43px; text-align:center;}

.mycatbt h1{ border-bottom:1px solid #efefef; padding-bottom:10px;}


/*menu2*/
#access2 {
	display:block;
	z-index:3000;
	margin:0 auto;
	width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
#access2 ul li {
	float:left;
	position: relative;
		padding:0 15px;
}
#access2 a {
	display:block;
	text-decoration:none;
	color:#333435;

	font-size:14px;
	text-transform:uppercase;
	line-height:60px;
	font-weight:500;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}
#access2.mini a{ line-height:60px;}
#access2 ul ul {
	position:absolute;
	top:60px;
	left:0px;
	box-shadow: 0 0 3px rgb(0 0 0 / 15%);
	border:0px solid #e5e5e5;
	border-radius: 0 0 8px 8px;
	background-color:#fff;
	width: 220px;
	z-index: 2000;
	visibility: hidden;
    opacity: 0;
	transition: opacity 0.4s cubic-bezier(.19,1,.22,1),visibility 0.4s cubic-bezier(.19,1,.22,1),transform 0.4s cubic-bezier(.19,1,.22,1);
    transform: translateY(15px) translateZ(0);
    pointer-events: none;
	padding:12px 5px;
}
#access2.mini ul ul{ top:60px;}
#access2 ul li.menu-item-has-children div.fuhao{ display:none;}
#access2 ul ul li {
	min-width: 220px;
	border-bottom:0px solid #e5e5e5;
	border-left:0px;
		padding:0px;
}
#access2 ul ul ul {
	left:100%;
	top:0;
}

#access2 ul ul a{
	background:#fff;
	height:auto;
	padding:10px 10px;
	line-height:130%;
	width: 200px;
	text-transform:none; font-weight:normal;
	color:#454545;
	font-size:14px;
	font-weight:400;
}
#mheader.mini #access2 ul ul a {line-height:130%;}
#access2 li:hover > a{
	color:#4499f0;
}

#access2 ul ul li:hover > a {
	color:#333; background-color:#f8f8f8; 
}

#access2 ul li:hover > ul {
	visibility:visible;
    opacity: 1;transform: none!important;pointer-events: unset;
}



#access2 ul li.current_page_item > a,
#access2 ul li.current-menu-ancestor > a,
#access2 ul li.current-menu-item > a,
#access2 ul li.current-menu-parent > a {
	color:#4499f0;
}
#access2 ul ul li.current_page_item > a,
#access2 ul ul li.current-menu-ancestor > a,
#access2 ul ul li.current-menu-item > a,
#access2 ul ul li.current-menu-parent > a {
	color:#333; background-color:#f8f8f8; 
}
#access2 li.menu-item-home {border:0px;}
#access2 li{z-index:6000;}
#access2 li.menu-item-has-children a::after{font-family: "Fontello";content:"\f107"; margin-left:5px;color:#999; position:absolute;}
#access2 li.menu-item-has-children { padding:0 28px 0 15px;}
#access2 li.menu-item-has-children li a::after {content:"";}
.postsbycategory  img{ vertical-align:middle; margin-right:5px;}
#access2 li li.menu-item-has-children{ padding:0px;}
#access2 li li.menu-item-has-children a::after,#access2 li li li.menu-item-has-children a::after{font-family: "Fontello";content:"\f105"; right:10px;color:#999; position:absolute; }
#access2 li.menu-item-has-children li li a::after,#access2 li.menu-item-has-children li li li a::after {content:"";}


/*sidebar*/
#primary {width: 22%; float: left;}
#primary.mr{width: 22%; float: right;}
#primary h1,
#primary h2,
#primary h3,
#primary h4,
#primary h5,
#primary h6 {font-size:16px;
clear:both; margin:0; padding:0; text-align:left; line-height:24px; padding-bottom:5px;  margin-bottom:10px; text-transform:uppercase;font-weight:500; border-bottom:0px solid #333;}
#primary li{list-style:none;margin-bottom:0px;border:0px;}
#primary ul{ padding:15px; border:1px solid #f0f0f0; margin-bottom:20px; background-color:#fff; box-shadow: 0 0 3px rgb(0 0 0 / 10%);border-radius: 5px;}
#primary ul ul{ padding:0px; border:0px;  margin-bottom:0px; box-shadow:none;}
#primary li ul li {margin:0px; margin-bottom:15px;}
#primary li a{font-size:16px; color:#333;}
#primary li ul li a:hover{color:#3183d7; text-decoration:none; }
#primary li ul li.current-cat a,#primary li.topli ul li.current_page_item a{color: #3183d7;}
#primary li ul li.children{clear:both; margin-bottom:1px;}
#primary li .children li.current-cat a {color: #3183d7;}
#primary li ul li ul {padding:0; margin:0; margin-top:5px;padding: 10px 0px;}
#primary li ul li ul li{  padding:0; margin:0;padding-top:3px; margin-left:15px;padding-bottom:3px;border-bottom:0px solid #efefef;border-top:0px solid #efefef; }
#primary li ul li ul li a{font-size:14px; color:#555; }
#primary li.topli ul li ul li  a{color:#555;}
#primary li.topli ul li:hover  a { color:#00aaff;}
#primary li.topli a{ padding-left:10px; position:relative;}
#primary li.topli a::before{ content:"\f105";font-family: "Fontello";
    margin-left: 1px;
    color: #999;
    position: absolute; left:1px;}
#primary img{ display:block;}

#primary li form{ background-image:url(images/ltd.gif); background-repeat:no-repeat;padding:10px; padding-left:5px; 	background-position:bottom;  text-align:left;}
#primary li .textwidget{  background-repeat:no-repeat;padding:5px 0px; padding-top:10px;	background-position:bottom;  text-align:left;line-height:150%;}
#primary #searchform label{display:none;}
#primary #searchform #s{width:135px; border:1px solid #ccc;}
#primary #searchsubmit{ width:60px;border:1px solid #ccc; font-family:tahoma,Arial, Helvetica, sans-serif;}
#primary h3{background-position:left bottom; background-repeat:repeat-x; border-bottom:1px solid #efefef;}
#primary div.tagcloud{padding:8px;}
#primary div.tagcloud a{display:inline-block; border:1px solid #d0d0d0; padding-left:5px; padding-right:5px; border-radius: 1em;-moz-border-radius: 1em;-webkit-border-radius: 1em;-khtml-border-radius: 1em; margin-right:3px; background-color:#f4f4f4; margin-bottom:6px;}
#primary li.cat-item { position:relative;}
#primary li ul li ul{ display:none;}
#primary li.cat-item div.fuhao2{content:"+";position: absolute;top: 4px; font-size:20px;right: 0px;display: block; width: 20px; text-align: center; height:20px; line-height:20px; text-align:center; border:1px solid #e0e0e0; cursor:pointer;}

/*banner*/
#mbanner.homebanner{height:240px; border-bottom:1px solid #e5e5e5; background-image:url(images/banner.jpg); background-position:center; background-repeat:repeat-x;}
#mbanner{ border-bottom:1px solid #e5e5e5; background-image:url(images/banner.jpg); background-position:center center; background-size: cover;padding-bottom:20.8%; position:relative;}
#mbanner .h2{font-size:36px; position:relative; line-height:40px;color:#fff; text-transform:uppercase; text-align:center; padding:0; margin:0; font-weight:700; width:fit-content;margin:0 auto;}
#mbanner .h2::before{content:"/"; position:absolute;font-size:12px;left:-20px; top:-10px; font-weight:100;}
#mbanner .h2::after{content:"/"; position:absolute;font-size:12px;right:-20px; bottom:-10px;font-weight:100;}
#mbanner div.mbannerover{ background-color: rgba(0,0,0,0.4); position:absolute; height:100%; width:100%;top:0px; }
#mbanner .mbox{ position:absolute; width:100%; top: 50%; left:50%; transform: translate(-50%, -50%);}

#mpic2 .mborder{ margin-bottom:30px;}
#mpic2 div.mchange{ border:0px solid #efefef;}

#mpic2.blog img{ display:block;}
#mpic2.blog .mborder2{ border:1px solid #efefef;}
#mpic2.blog.news3 .mborder2{ border:0px solid #efefef;}
#mpic2.blog .mborder3{ padding:20px 10px; width:auto;}
#mpic2.blog h3{ font-weight:400; margin:0; font-size:18px; line-height:24px;}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  #mbanner div.mbannerover{
    background-color:#000000;
    filter:Alpha(opacity=20);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
  #mbanner div.mbox p{ position: relative;} 
}
#mpic2 .mt{display:table; box-shadow: 0 0 3px rgb(0 0 0 / 10%);}
#mpic2 .mt:hover{box-shadow: 0 0 3px rgb(0 0 0 / 30%);}
#mpic2 .mm{ display:table-cell; vertical-align:middle; float:none;}
#mpic2 .m43col.mm{ padding-left:2%;}
#mpic2 img{ display:block;}
#mpic2.list .mborder{ padding:15px; border:0px solid #efefef;box-shadow: 0 0 3px rgb(0 0 0 / 10%);}
#mpic2.list .mborder:hover{box-shadow: 0 0 3px rgb(0 0 0 / 30%);}
#mpic2.noimg div.mborder:hover{ background-color:#fff;}
#mbanner a{ color:#fff;}
#mbanner p{ color:#fff; padding:0; margin:0;  }
#mbanner p.mrights{ text-align:center; margin-top:15px; font-size:12px; text-transform:uppercase; }
#mbanner.mbanner{border-bottom:1px solid #e5e5e5;}

#mcontainer {
	float: right;
	margin: 0;
	padding:0;
	width: 76%;
	clear: right;
}
#mcontents p{ margin-top:0px; margin-bottom:20px; padding:0;}
#mcontainer.mfull{float:none; width:100%; clear:both;}


#mcontainer.mr {
	float: left;
	margin: 0;
	padding:0;
	width: 74%;
	clear: none;
}


/*product cat*/
#mpic ul li{ display:block; padding:0; list-style:none; text-align:center; background-color:#fff; overflow:hidden;margin-bottom:25px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;transition: all 0.3s linear;-webkit-box-shadow:0 0 2px rgba(136,136,136,0.65);-moz-box-shadow:0 0 2px rgba(136,136,136,0.65);-o-box-shadow:0 0 2px rgba(136,136,136,0.65);box-shadow:0 0 2px rgba(136,136,136,0.65);border-radius: 5px;position: relative;}
/*.mtxtdiv{-webkit-box-shadow:0 0 2px rgba(136,136,136,0.65);-moz-box-shadow:0 0 2px rgba(136,136,136,0.65);-o-box-shadow:0 0 2px rgba(136,136,136,0.65);box-shadow:0 0 2px rgba(136,136,136,0.65);}*/
#mpic ul li div.prodiv{ padding:0px; text-align:center;  }
#mpic ul li img{max-width:100%; display:block;}
#mpic ul li:hover{-webkit-box-shadow:0 0 4px rgba(136,136,136,0.99);-moz-box-shadow:0 0 4px rgba(136,136,136,0.99);-o-box-shadow:0 0 4px rgba(136,136,136,0.99);box-shadow:0 0 4px rgba(136,136,136,0.99); }
#mpic ul li:hover div.ptitle a{color:#000;}
#mpic a {color:#333;}
#mpic .mborders{ padding:1px; }
#mpic ul li:hover .gcaption{color:#fff;}
#mpic ul li .gcaption{padding:5px;height:80px; overflow:hidden;}
#mpic div.ptitle{ padding:10px; text-align:center;height:120px; overflow:hidden;display: box; display: -webkit-box; display: -moz-box; -webkit-box-pack:center; -moz-box-pack:center; -webkit-box-align:center; -moz-box-align:center; border-top:1px solid #f0f0f0;}
#mpic div.ptitle a{color:#353535; line-height:150%; font-size:15px; text-decoration:none; display:block; text-transform:capitalize; font-weight:400;}




/*news cat*/
#mpicnews .m4col,#mpicnews .m3col,#mpicnews .m2col,#mpicnews .m32col{  float:left;margin-right:2%; margin-bottom:40px;}
#mpicnews .mlast{margin-right:0%; float:right;}
#mpicnews ul{padding:0; margin:0;}
#mpicnews ul li{ display:block; padding:0; margin:0; list-style:none; text-align:left; background-color:#fff; overflow:hidden; 
}
#mpicnews ul li div.ptitle{ margin-top:10px;}

#mpicnews ul li img{width:100%;}
#mpicnews ul li:hover{}
#mpicnews a {color:#333;}

#mpic div.gtitle {background-color:#ddd;color:#000; line-height:160%; padding:5px;height:25px; overflow:hidden;}
#mpic div.gtitle h3{ padding:0; margin:0; font-size:16px; }
#mpic ul li:hover .gcaption{color:#fff;}
#mpic ul li .gcaption{padding:5px;height:80px; overflow:hidden;}



/*Home*/

#mhomeicon .m4col{margin-right:2%;}
#mhomeicon .mlast{margin-right:0%;}
#mhomeicon h3{ margin-top:15px; }
#mhomeaboutnews #mnews{ border:0px; border-bottom:1px solid #e5e5e5; padding-top:10px; padding-bottom:10px;}


/*Footer*/
#mfooter {
	padding-top:30px;
	padding-bottom:20px;
	background-color:#252525;
	color:#fff;
	list-style:none
}
#copyright{font-size:12px; line-height:22px; padding-top:20px; padding-bottom:20px; background-color:#252525;color:#bbb; text-align:center; border-top:1px solid #303030;}

#mfooter a,#mfooter p{color:#bbb;line-height:180%;font-size:13px;}
#mfooter div.widget-title{font-size:16px; margin-bottom:10px;}
#mfooter .m4col{ margin-right:2%;}
#mfooter .mlast{ margin-right:0%;}

#mfooter a:hover{color:#fff;}

#linksa{ height:auto; text-align:right;}
#linksa li{text-align:right; display:inline; margin-left:5px;}
#linksa li ul{ display:none;}
#linksa span{margin-left:0px;}
#linksa a{color:#aaa;line-height:14px; font-size:14px; padding-left:8px;  border-left:1px solid #343434;}
#linksa li.menu-item-home a{border:0px;}
#linksa a:hover{color:#3183d7; text-decoration:underline;}

#back-to-top{
position:fixed;
bottom:5px;
right:12px;
}
#back-to-top a{
display:block;
height:36px;
width:36px;
background:url(images/back_to_top1.png) no-repeat center center;
margin-bottom:5px;
text-indent:-1000px;
overflow:hidden;
border:0px solid #000;

}



/* =Navigation-------------------------------------------------------------- */
.navigation {
	font-size:  12px;
	line-height: 18px;
	overflow: hidden;
	color: #888;

}

.navigation a:link,
.navigation a:visited {
	color: #888;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #FF4B33;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	width: 50%;
	text-align:right;
}
#nav-above {
	margin: 0 0 18px 0;border: 1px solid #e0e0e0;
    padding: 10px;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}


/* =Custom Style
-------------------------------------------------------------- */





#sitemap ul{ margin-left:30px; margin-bottom:20px;}


#tag_cloud-3 a{font-size:11px;}




/*pagenavi*/
.wp-pagenavi { display:block; clear:both; text-align:center;}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active  { padding: 1px 8px !important; margin: 2px !important; text-decoration: none !important; border: 1px solid #ddd !important; background: #FFFFFF !important; color: #999 !important; }
.wp-pagenavi a:hover { border: 1px solid #3399cc !important; color: #3399cc !important;}
.wp-pagenavi span.pages { border: 1px solid #3399cc;padding: 1px 8px !important; margin: 2px !important; color: #999 !important; }
.wp-pagenavi span.current { padding: 1px 8px !important; margin: 2px !important; font-weight: bold !important; border: 1px solid #3399cc !important; background: #3399cc !important; color: #fff !important; }
.wp-pagenavi span.extend { padding: 1px 8px !important; margin: 2px !important; border: 1px solid #ddd !important; background-color: #FFFFFF !important; }

div.wp-pagenavi { display:block; clear:both; over-follow:auto;}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active,.wp-pagenavi span{ display:inline-block;}


/*Form*/
#myformtable span{font-size:14px; font-weight:bold;}
#myformtable .mtcs{border:1px solid #e5e5e5; padding:10px; width:100%; margin-top:5px; margin-bottom:15px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; outline:none;background-color: #f8f8f8;
    border-radius: 5px;}
#myformtable .mtcsa{height: 37px; border: 1px solid #e5e5e5;padding: 0px 10px;margin-top: 5px; margin-bottom: 15px;background-color: #f8f8f8;
    border-radius: 5px;}
#myformtable .mtcs2{height:100px; border:1px solid #e5e5e5;  padding:10px; font-family:Arial, Helvetica, sans-serif;width:100%;margin-top:5px; margin-bottom:15px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; outline:none;background-color: #f8f8f8;
    border-radius: 5px;}

input[type="submit"]{
    border: 2px solid #000;
	padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    color: #000;
    border-radius: 4px;
    transition: .5s ease;
    font-weight: bold;
    display: block;}

#myformtable{ padding:25px; border:1px solid #e0e0e0;}

.flex-container a:active,.flexslider a:active{outline:none;}.slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none;}.flexslider{width:100%;margin:0;padding:0;}.flexslider .slides>li{display:none;}.flexslider .slides img{display:block; width:100%; }.flexslider .slides>li:first-child img{display:block;}.home .flexslider .slides img{padding-bottom:0;border-bottom:0;}.flex-pauseplay span{text-transform:capitalize;}.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}html[xmlns] .slides{display:block;}* html .slides{height:1%;}.no-js .slides>li:first-child{display:block;}.flexslider{position:relative;zoom:1;}.flexslider .slides{zoom:1;}.flexslider .slides>li{position:relative;}.flex-container{zoom:1;position:relative;}
.flex-caption{font-family:'Georgia',serif;color:#6b6967;font-size:11px;zoom:1;position:relative;float:right;color:#6b6967;line-height:0;z-index:9999px;}

.page-template-template-press-php .flex-caption{width:100%;text-align:right;border-top:1px solid #DBDADA;padding-top:12px;}.opera .flex-caption{top:5px;}.flex-direction-nav li a{width:24px;height:52px;margin:-40px 0 0;display:block;position:absolute;top:50%;cursor:pointer;text-indent:-9999px;}
.flex-direction-nav li .next{background:url(images/util/arrow-after.png) no-repeat 0 0;right:30px;}
.flex-direction-nav li .prev{background:url(images/util/arrow-before.png) no-repeat 0 0;left:30px;}
.flex-direction-nav li .disabled{opacity:.3;filter:alpha(opacity=30);cursor:default;}
.flex-control-nav{width:100%;position:absolute;bottom:20px;text-align:center;}
.flex-control-nav li{margin:0 0 0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-nav li:first-child{margin:0;}
.flex-control-nav li a{width:10px;height:10px;display:block;background:url(images/util/bg_control_nav.png) no-repeat 0 0;cursor:pointer;text-indent:-9999px;}
.flex-control-nav li a:hover{background-position:0 -10px;}
.flex-control-nav li a.active{background-position:0 -10px;cursor:default;}

#pro3 img{width:150px; display:block;}
#pro3 { width:150px;}
#pro3 .prodiv{border:1px solid #e5e5e5; overflow:hidden;}
#pro4{ padding-left:20px;}
#mynews a{font-weight:600; padding-bottom:10px; display:block;}
#pnav{display:block;}
#mnav{display:none;}
#mtable{ float:right;}

#mchatbutton{ width:34px; height:128px; position:fixed; top:200px; right:0px; background-image:url(mchat/chatbg.png); cursor:pointer;z-index:9001; background-position:center center; background-color:#ff9b0d; border-radius:0.4em;-moz-border-radius: 0.4em;-webkit-border-radius: 0.4em;-khtml-border-radius: 0.4em; border-bottom-right-radius:0em;;border-top-right-radius:0em; background-repeat:no-repeat;}
#divChatbox{ z-index:8888;}
#divChatbox a{color:#333;text-decoration:none;}#divChatbox{width:0px;height:auto;position:fixed;right:0px;top:120px;color:#333;font-size:12px;letter-spacing:0px; }.qqlv{width:200px;position:relative;z-index:50; border:5px solid #ff9b0d;border-radius:0.4em;-moz-border-radius: 0.4em;-webkit-border-radius: 0.4em;-khtml-border-radius: 0.4em; background-color:#fff;}#mtops{background-image:url(mchat/mtops.png);background-repeat:no-repeat; width:200px; height:38px;}#mtops div{ padding-left:10px; font-size:18px; font-weight:bold; line-height:38px;}#mcenters{width:200px;height:auto;}#mfoots{width:200px;height:2px;}#mcontent{padding:10px;}#mgefen{font-size:1px;line-height:1px;height:1px;background-color:#e5e5e5;margin-top:6px;margin-bottom:6px;}.mkf{text-align:left}#divChatbox a span{font-size:12px;color:#aa0000;font-weight:bold;}#divChatbox a img{border:0px;}.mkf .demo-icon{ font-size:16px;} .mkf .skype{color:#0fbdf0;} .mkf .qq{color:#fa2400;} .mkf .whatsapp{color:#27a619;} #divChatbox a:hover{color:#ff9b0d;text-decoration:none;}.mkf .tel{color:#ff9b0d;}

#sdiv{text-align:center;}


.single .lSSlideWrapper{border:1px solid #e5e5e5;border-radius:10px;}
#sbox a img{  margin-top:0px; border:0px!important; width:100%!important; display:block;}

.lSAction>a{background-image: url(images/controls2.png)!important;}
.lSAction>.lSNext{right:0px!important;}
.lSAction>.lSPrev{left:0px!important;}

.lSSlideOuter .lSPager.lSGallery li{ border-radius:5px; border:1px solid #ccc;}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover{ border-radius:5px; border:1px solid #666;}
.lSSlideOuter .lSPager.lSGallery{ width:100%!important;}
#mpicnews .ssbox img{width:50px; height:50px;}
#mpicnews .ssbox{ float:left; margin-right:5px; margin-top:5px;}
#mpicnews .ptitle6{ margin-top:10px; clear:both; height:40px; overflow:hidden;}
#mpicnews .ptitle6 h3{ font-size:16px; padding:0; margin:0;}
#mpicnews .mdesc6 { font-size:14px; height:50px; overflow:hidden; margin-top:5px;}
/*soical*/
a.icon{display:inline-block; width:28px; height:28px; margin-right:10px; background-position:0 0;}
a.icon:hover{ background-position:0 -38px;}
a.facebook{background-image:url(images/icon/facebook.png);}
a.twitter{background-image:url(images/icon/twitter.png);}
a.youtube{background-image:url(images/icon/youtube.png);}
a.googleplus{background-image:url(images/icon/googleplus.png);}
a.linkedin{background-image:url(images/icon/linkedin.png);}
a.pintrest{background-image:url(images/icon/pintrest.png);}
a.skype{background-image:url(images/icon/skype.png);}
a.rss{background-image:url(images/icon/rss.png);}


.timg{
  transform: translate3d(0, 0, 100px);
  -ms-transform: translate3d(0, 100px, 0);
  -webkit-transform: translate3d(0, 100px, 0);
  -o-transform: translate3d(0, 100px, 0);
  -moz-transform: translate3d(0, 100px, 0);
  opacity: 0;
  transition: transform 1s ease 0s, opacity 1s ease 0s;
  -moz-transition: -moz-transform 1s ease 0s, opacity 1s ease 0s;
  -webkit-transition: -webkit-transform 1s ease 0s, opacity 1s ease 0s;
  -o-transition: -o-transform 1s ease 0s, opacity 1s ease 0s;
  -ms-transition: -ms-transform 1s ease 0s, opacity 1s ease 0s;
}
div.mchange{ padding:0; margin:0;overflow:hidden;}
div.mchange img{-moz-transform:scale(1); 
-webkit-transform:scale(1); 
-o-transform:scale(1);
-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
 }
  div.mchange img:hover{-moz-transform:scale(1.2); 
-webkit-transform:scale(1.2); 
-o-transform:scale(1.2);
-webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
 }
#mtop .demo-icon{color:#f00;top: 5px; position: absolute; right: 10px;cursor: pointer;}
#mycontents table,.mycatbt table{
    border: 1px solid #ccc;
    width: 100%;
    margin:0;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 auto;
}
#mycontents table tr:first-child,.mycatbt table tr:first-child{ background-color:#f4f4f4;}
#mycontents table tr:nth-child(even),.mycatbt table tr:nth-child(even){ background-color:#f8f8f8;}
#mycontents table tr,.mycatbt table tr {
    border: 1px solid #ddd;
    padding: 5px;
  }
#mycontents table th, #mycontents table td,.mycatbt table th, .mycatbt table td {
	border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
  }
#mycontents table th,.mycatbt table th {font-size: 16px;}
#mcontents .divtable,.mycatbt .divtable{width: 100%;
		overflow-y: auto;
		_overflow: auto;
		margin: 0 0 1em;}
#mcontents .divtable::-webkit-scrollbar,.mycatbt .divtable::-webkit-scrollbar
	{
		-webkit-appearance: none;
		width: 14px;
		height: 14px;
	}
#mcontents .divtable::-webkit-scrollbar-thumb,.mycatbt .divtable::-webkit-scrollbar-thumb
	{
		border-radius: 8px;
		border: 3px solid #fff;
		background-color: rgba(0, 0, 0, .3);
	}
/*tab*/
.mtab{ width:100%; text-align:center; margin-bottom:25px; background-color: #efefef;
    padding: 5px 10px 12px 10px; box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;} 
.mclear{ clear:both;}
.mtab ul{margin:0;padding:0;}
.mtab UL LI 
{ 
margin:0;padding:0;
text-align: center; 
line-height: 36px; 
width: auto;
font-size: 16px; 
display: inline-block; 
height: 36px; 
color: #000; 
margin:0 10px;
cursor:pointer;
text-transform:uppercase;
border-bottom:2px solid #ccc;
} 

.tabList .one 
{ 
display: none; 
padding-top: 10px; 
} 
.tabList .block 
{ 
display: block; 
} 
/*end tab*/


.customsec{ padding:60px 0; width:100%; clear:both; float:none; position:relative; box-shadow:inset 0 0 0 3000px rgba(0, 0, 0, 0); background-size: cover!important;}
.customsec.mtbs .mbox .m2col{ display:table-cell; vertical-align:middle; float:none;}
.customsec.mtbs .mbox .m2col.mlast{ padding-left:2%;}
.mcenter{text-align:center;}
.txtleft{ text-align:left;}
.txtcenter{ text-align:center;}
.txtright{ text-align:right;}

.msecgallery li{margin-bottom:25px;}
.msecgallery li.mclear{ margin-bottom:0px;}
.msecgallery ul{padding:0; margin:0;}
.msecgallery ul li{ display:block; padding:0; list-style:none; text-align:left; overflow:hidden;}
.msecgallery ul li .mlx{ background-color:#fff; border:1px solid #efefef;}
.msecgallery ul li div.ptitle{ margin-top:0px;}
.msecgallery ul li img{width:100%; vertical-align:top;}
.msecgallery h3{font-size:15px; font-weight:500;}
.msecgallery .mdesc{font-size:12px; font-weight:400; line-height:140%;}
.msecgallery h3.mg{font-size:16px; margin-bottom:0px; text-align:center;}
.msecgallery {color:#333;}
.msecgallery .bgx{padding:10px;}
.msecgallery .bgx h3{ margin:0; padding:0;}
/*grid lx2*/
.msecgallery.lx2 .pimg{ padding:25px 25px 10px 25px;}
.msecgallery.lx2 ul li .mlx{border:0px solid #fff;}
.msecgallery.lx2 ul li img{ width:78px; height:78px; border:2px solid #fff; border-radius:100px;}
.msecgallery.lx2 .bgx{padding:10px 25px 25px 25px; border:0px; }
/*grid lx3*/
.msecgallery.lx3 .mlx{ padding:20px; border:2px solid #fff;}
.msecgallery.lx3 .mchange{width:20%; float:left;}
.msecgallery.lx3 .bgx{ float:left; border:0px; padding:0px; width:75%; margin-left:5%;}
.msecgallery.lx3 ul li img{ border-radius:100px;}
/*grid lx4*/
.msecgallery.lx4 .mlx{ position:relative;}
.msecgallery.lx4 ul li{position:relative;}
.msecgallery.lx4 .bgx{ position:absolute; z-index:2; bottom:0px;width: 96%;padding: 20px 2% 10px 2%;}
.msecgallery.lx4 .bgx .ptitle h3{ margin-bottom:0px;}
.msecgallery.lx4 ul li .mdesc{ display:none;}
.msecgallery.lx4 ul li .bgy{ z-index:1; position:absolute; width:100%; height:100%;}
.msecgallery.lx4 ul li:hover .bgy{ background-color:rgba(0, 0, 0, 0.4);-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;transition: all 0.3s linear;}
.msecgallery.lx4 ul li:hover .ptitle h3 a, .msecgallery.lx4 ul li:hover .mdesc{ color:#fff; }
.msecgallery.lx4 ul li:hover .mdesc{ display:block; padding-top:10px;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;transition: all 0.3s linear;}
.bgmenu{background-color:rgba(0, 0, 0, 0.6);-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;transition: all 0.3s linear; display:none; position:absolute; width:100%; height:100vh; top:0px; left:0px;}
.bgmenu.mclick{ display:block; z-index:8999;}
select.gt_selector,.yuyan select{border: 1px solid #e0e0e0;
    padding: 4px 5px;
    border-radius: 5px; width:90px; outline:none;}
	
/*gallery*/
.gallery { margin: 0 -10px; }
.gallery .gallery-item {
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: center;
	width: 33.3333%;
}
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery-columns-5 .gallery-item { width: 20%; }
.gallery-columns-6 .gallery-item { width: 16.6666666666%; }
.gallery-columns-7 .gallery-item { width: 14.2857%; }
.gallery-columns-8 .gallery-item { width: 12.5%; }
.gallery-columns-9 .gallery-item { width: 11.1111111%; }
.gallery img {
    border: 1px solid #ccc!important;
    padding: 0px;
    width: 94%;
    margin: 0 auto;
}
.gallery img:hover {
	background: white;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
    color: #888;
    font-size: 14px;
    margin: 5px 0px 10px 0px;
    padding: 0px 3%;
    line-height: 130%;
}
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br { display: none; }

/*gallery*/

#f_mes{ float:left;}
#myformtable #f_mes2{margin-left:10px; width:auto;}
#mycontents { min-height:400px;}
#mycontents h1{ margin-bottom:20px;}
#mycontents h2{ margin: 50px 0px 25px 0px;}
#mycontents h3,#mycontents h4,#mycontents h5,#mycontents h6{ margin-bottom:10px; padding-bottom:0px; font-weight:600;}
#sdiv{ position:relative;}
.p_new,.p_hot{ display:block; position:absolute; width:40px;height:16px; text-align:center; padding:0px; font-size:12px; line-height:16px; font-weight:400;  z-index:999; }
.p_new{ background-color:#009900; color:#fff;}
.p_hot{ background-color:#CC0000;  color:#FFFF33;}
.p_hot.mg{margin-top:16px;}

#mpic2.mdownloads{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 20px 20px;}
#mpic2.mdownloads .mbtn{ width:120px; height:35px; line-height:35px; margin: 0 auto;}
#mpic2.mdownloads .mborder2 { padding:35px;box-shadow: 0 0 3px rgb(0 0 0 / 10%); text-align:center; border: 1px solid #efefef;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
#mpic2.mdownloads .mborder2:hover{ box-shadow: 0 0 3px rgb(0 0 0 / 30%);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
#mpic2.mdownloads h3{ text-align:center!important;}
#mpic2.mdownloads span i{ font-size:32px; margin-bottom:10px;}
ul li.mtxt{ margin-bottom:20px;}

/*zhuanye*/
.zhuanye{ background-color:#f4f4f4; min-height:400px; padding:40px 0;}
.zhuanye #mcontents{  padding-bottom:80px; padding-top:40px; width:96%; margin:0 auto;}
#mypages li,#mycats li{width:50%; float:left; margin-bottom:5px; margin-top:5px;}
#m_links h2{text-transform:uppercase; margin-top:30px; margin-bottom:0px; border-bottom:1px solid #e0e0e0; padding:15px;background-color:#fff; }
#m_links ul li{width:20%; display:inline-block; margin-bottom:10px;}
#m_links ul{background-color:#fff; padding:30px;}
#mytags a{display:inline-block; border:1px solid #efefef; padding:5px 10px; margin-right:10px; background-color:#fff; margin-bottom:10px;}
#menu-menu-1{height:60px;}
.tabList .block{ display:block;width:100%;}
div#ez-toc-container{ display:block;}
.sitemap ul ul{ margin-left:25px!important; list-style:disc!important;}
#mytags{ text-align:center;}
a.show_hide{ padding-bottom: 4px;border-bottom: 1px solid #ccc;}

/*contact 02*/
#mcontents.contact02 .m3cols,#mcontents.contact02 .m32cols{float:left;vertical-align:top;}
#mcontents.contact02 .m3cols{ width:42%; background-color:#eff2f6;}
#mcontents.contact02 .m32cols{ width:58%;}
#mcontents.contact02 #mycontents,#mcontents.contact02 #myform{ padding:30px;}
#mcontents.contact02 {box-shadow: 0 0 5px 0 rgb(0 0 0 / 15%);}
#mcontents.contact02 #myformtable{ padding:0;border:0;}
.myicon{font-size: 24px;border: 1px solid;padding: 10px;border-radius: 100%;}
.mbox.mcontact{ position:relative;}
.mbox.mcontact .mline{ position:absolute;height:100%; width:1px; background-color:#e0e0e0; top:0px;left: 50%;transform: translate(-50%, 0);}
.mbox.mcontact #myformtable{ border:0px; padding:0px;}
.mbox.mcontact #mycontents,.mbox.mcontact .mypd{ padding:25px;}
a.video i{ font-size:24px;color:#FF0000; display:block; border:1px solid #efefef; border-radius:100%;width:25px;height:25px;text-align:center;line-height:25px; position:absolute;top:10px;left:10px; padding:10px; box-shadow: 0 0 3px rgb(0 0 0 / 10%); background-color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; }
a.video i:hover{box-shadow: 0 0 5px rgb(0 0 0 / 30%); background-color:#FF0000;color:#fff;}
.singlediv{box-shadow: 0 0 5px rgb(0 0 0 / 10%); margin-bottom:35px;    clear: both;}
.singlepdd{ padding:20px 25px;}
span.ftitle{ font-size:16px;color:#000; padding-bottom:10px; padding-left:25px; display:block;font-weight:500; border-bottom:1px solid #f1f1f1; margin:-10px -25px 25px -25px}
.singlepdd div#ez-toc-container{ border:0px; box-shadow:none;padding:0px;}

@media only screen and (max-width: 1250px) { 
.singlepdd{ padding:10px 10px;}
span.ftitle{padding-left:10px; margin:0px -10px 20px -10px}

.mbox.mcontact #mycontents,.mbox.mcontact .mypd{ padding:0px;}
.mbox.mcontact .mline{ display:none;}
.mbox.mcontact .mypd{ padding-top:30px; border-top:3px solid #e0e0e0;}
#sdiv1{ margin-top:20px;}
#menu-menu-1{height:auto; overflow:visible;}
/*gallery*/
.gallery .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 50%!important;
}
.gallery .gallery-item h3{font-weight:500;font-size:12px;}
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-4 .gallery-item { width: 50%; }
.gallery img {
	padding: 0px;
	max-width:94%;
}
.gallery .gallery-item .wp-caption-text{font-size:12px;}
.gallery br { display: none; }
/*gallery*/
#sbox{ position:static; margin-top:0px;}
#sbox a img{max-width:100%; }
#mpic2.mdownloads{display: grid;grid-template-columns: 1fr;gap: 20px 20px;}
#mpic2.mdownloads .mborder2 { padding:15px; text-align:center; border: 1px solid #efefef;}
#mpic2.mdownloads span i{ font-size:32px; margin-bottom:10px;}
#mpic2.mdownloads .mbtn { display:block;}
h1{ font-size:20px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h2.bt::after{content:"..."; margin-left:5px; margin-top:-3px;}
h2.bt::before{content:"..."; margin-top:-3px; left:-15px;}
div.mbox{ padding-left:10px; padding-right:10px;}
#mbanner{ padding-bottom:55%;}
#mbanner .mbox{ padding:0px;}
#mbanner .h2{ font-size:18px;}
#mbanner .h2::before{left:0px;font-size:14px; color:#666;}
#mbanner .h2::after{right:0px;font-size:14px; color:#666;}
#mbanner p.mrights{ margin-top:5px;}
.singlepro .m2col{width:100%;}
.mtab UL LI { text-align: left; display:block; float:none; clear:both; width:100%; padding:0; border-bottom:1px solid #ccc; margin:0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.tabList{ float:none; clear:both; } 
#mpic ul li.m4col,#mpic ul li.m3col,#mpic ul li.m2col{width:48%; float:left; margin-right:2%;}
#mpicnews ul li.m4col,#mpicnews ul li.m3col,#mpicnews ul li.m2col{width:48%; float:left; margin-right:2%;}
#mpic ul li.mlast,#mpicnews ul li.mlast{margin-right:2%;}
#mpic ul li.mycols,#mpicnews ul li.mycols{margin-right:0%; clear:right;}

#mpic2.list .m4col,#mpic2.list .m43col{clear:both; float:none; width:100%; margin:0px;}
#mpic2.list .m4col{ margin-bottom:15px;}
#mpic2 .m4col.mm{ width:30%}
#mpic2 .m43col.mm{ padding-left:10px; margin-top:10px; text-align:left;}
#mpic2 .m43col.mm .mge10{ display:none;}
#mpic2 .exp,#mpic2 .mybtn{ display:none;}
#mpic2.noproimg .exp,#mpic2.noproimg .mybtn{ display:block;}
#mpicnews .mdesc { display:none;}
#mpic2.prolist .mborder{ margin-bottom:10px;}
#mpic2.noimg  .mborder{ border-bottom:1px solid #e8e8e8;}
#mpic2.noimg .mge20{ display:none;}
#mpic2 h3{ font-weight:400; font-size:14px; line-height:140%; text-align:left;}
#mfooter div.mlast{margin-right:2%;}
#mfooter div.mycols{margin-right:0%;}

#mpic div.ptitle{height:90px;}
#mpicnews h3{font-weight: 400;font-size: 14px;line-height: 140%;text-align: left;}
#mheader,#mheader.mini {height:50px; }
#mheader .m5col.mhleft{width:30%; padding-left:0px; height:50px;}
#mheader.mini .mhright{ line-height:50px;}
#mysch{right:80px;top:12px;}
#mheader .mhright .sch{ padding:0px; width:36px;height:50px; overflow:hidden;}
#mheader .mhright .yuyan{height:50px; width:120px; overflow:hidden;}
#mobi_menu{ display:inline-block;height:50px;width:30px;line-height:50px; overflow:hidden; text-align:center;}
#mheader .m5col.mhright{  width:68%; padding-right:0px;height:50px; margin-right:0px;}
#mheader .mhright{ line-height:50px;}
#mheader .m53col{width:0px; }

.content-slider h1,.demo .content2 h1{font-size:16px !important;}
a.mybtn{ padding:3px 10px;font-size:12px;}

.content-slider li .content2 p,.demo .content2 p{ display:none!important;}
.content-slider li .mybg{ padding-bottom:55%!important;}
.demo{ padding-bottom:55%!important;}
.content-slider li .content2{ width:80%!important;}

.msecgallery ul li.mycols{ margin-right:0px;}
#mpic ul li.mlast{ clear:none;}
ul li.mtxt{ clear:both; float:none; width:100%; margin:0px; margin-bottom:20px;}

#mfooter h3{font-size:15px;}

div.mge_mobile{ height:20px;}
#mhomeicon .m4col,#mpic .m4col,#mhomeaboutnews .m2col,#mfooter .m4col,#copyright .m3col,#copyright .m32col{ width:100%; display:block; float:none; margin-bottom:30px;}
#copyright .m3col{ text-align:center; margin-bottom:5px; padding-top:10px;}
.wp-video{ max-width:100% !important; overflow:hidden;}
.wp-video-shortcode{max-width:100% !important;}
.menusc{padding: 10px 20px; border-bottom: 5px solid #555; text-align:center;}
#mheader .menusc img.logo{ max-height:30px;width:auto;}

#access2 {
	float:none;
	z-index:3000;
	line-height:30px;
	position:absolute;
	left:0;
	top:0;
	width:0px;
	z-index:9900;
	background-color:#fff;
	height:100vh;
	overflow:hidden;
}
#access2 .menu-header{padding:20px; max-height:80%; overflow-y: scroll;}
#access2 ul li,#access2 li.menu-item-home  {
	float:none;
	position:inherit;
	border-bottom:1px solid #e0e0e0;
}
#access2 a {
	padding-left:0px;
	line-height:35px;
	font-size:14px;
}
#access2.mini a{line-height:35px;}
#mheader.mini #access2 ul ul a{line-height:30px;}
#access2 ul li,#access2 li.menu-item-has-children{ padding:0px;}
#access2 li.menu-item-has-children{ position:relative;}
#access2 li.menu-item-has-children a::after{content:""; }
#access2 ul li.menu-item-has-children div.fuhao,#primary li.cat-item  div.fuhao{ display:block;}
#access2 ul li.menu-item-has-children div.fuhao, #primary li.cat-item div.fuhao{content:"+";position: absolute;top: 4px; font-size:20px;right: 0px;display: block; width: 25px; text-align: center;}
#access2 ul ul {
	display:none;
	position:static;
	top:0px;
	left:0px;
	padding:0px;
	float:none;
	box-shadow: 0px;-moz-box-shadow: 0px;
	border:0px solid #e5e5e5;
	width: 100%;
	background:#fff;
	box-shadow:none;
	border:0px solid #e5e5e5;
	border-radius: 0px;
	width: auto;
	z-index: 2000;
	visibility:visible;
    opacity: 1;
	transition: none;
    transform: none!important;
    pointer-events: none;
	padding-bottom:10px;

}
#access2 ul ul li {
	min-width: 100%;
	border-bottom:0px solid #e5e5e5;
	border-left:0px;
	border-top:1px solid #f4f4f4;
}
#access2 ul ul ul {
	left:100%;
	top:0;
}

#access2 ul ul a {
	height:auto;
	padding:0px;
	padding-left:0px;
	line-height:30px;
	width: auto;
	color:#565656;
}
#access2 li:hover > a{
	color:#4499f0;

}

#access2 ul ul li:hover > a {
	color:#4499f0; 
	background:#fff;
}
#access2 li li.menu-item-has-children a::after, #access2 li li li.menu-item-has-children a::after{content:"";}
#access2 ul ul li:hover > a, #access2 ul ul li.current-menu-item > a{ background-color:#fff!important;}
#access2 ul ul ul a{ padding-left:10px;}
#access2 ul ul ul a::before{font-family: "Fontello";content:"\f105"; left:3px;color:#999; position:absolute;}
#linksa{height:auto;text-align:center;}
#mcontainer {
	float: none;
	width: 100%;
	display:block;
}
#mcontainer.mr {
	float: none;
	width: 100%;
	display:block;
}
#primary {width: 100%; float: none; margin-top:20px;}
#primary.mr {width: 100%; float: none;}



#mpic ul li.mclear,#mpicnews ul li.mclear{ display:none; float:left; width:0px; height:0px; background:none;}

.msecgallery ul li{ width:49%!important;}

.m2col,.m3col,.m32col,.m4col,.m5col,.m6col,.m8col,.m87col,.m65col,.m54col,.m43col{ width:49%; float:left; margin-right:2%;}

.gbc08 .m2col{ width:100%; float:none!important; clear:both; margin:0; display:block !important; padding:0px !important;}

#mpic2 .mycols{ margin-right:0px;}
#mpic2  .mborder2 div,.page-template-contact .m2col{ clear:both; float:none; margin:0px; width:100%;}

#content-slider .mge30{height:15px;}
.customsec{ padding:30px 0; }
.customsec.mtbs .mbox{ display:block;}
.customsec.mtbs .mbox .m2col{ display:block; vertical-align:middle; float:none; width:100%;}
.customsec.mtbs .mbox .m2col.mlast{ padding-left:0; }

.msecgallery li.mclear{ display:none;}
#mpic2.blog .m2col{ margin:0; padding:0; width:100%;clear:both;float:none; text-align:left; margin-bottom:30px;}
#mpic2.blog h3{ text-align:left;}
#mpic2.blog.news3 h3{  margin-bottom:10px;}
.bd1{ margin-bottom:25px;}

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

/*contact 02*/
#mcontents.contact02 .m3cols,#mcontents.contact02 .m32cols{float:none;vertical-align:top;}
#mcontents.contact02 .m3cols{ width:100%;}
#mcontents.contact02 .m32cols{ width:100%;}
#mcontents.contact02 #mycontents,#mcontents.contact02 #myform{ padding:15px;}

#mfooter .mbox div{margin-right:0; float:none;}
}
@media screen and (max-width: 480px){
#pro3 img{width:80px; display:block;}
#pro3 { width:80px;}
#pro3 .prodiv{border:1px solid #e5e5e5; overflow:hidden;}
#pro4{ padding-left:10px;}
#pro4 .mdesc{ display:none;}
#mfooter div.m4col{width:100%; float:none; margin-right:0px;}
#mfooter div.mlast{margin-right:0px;}
#mfooter div.mycols{margin-right:0px;}
}

@media screen and (min-width: 1251px){
	#access2 li.mega ul {padding:20px 20px;}
	#access2 li.mega ul ul{display:block;
	position:static !important;
	top:0px;
	left:0px;
	padding:0px;
	float:none;
	box-shadow: 0px;-moz-box-shadow: 0px;
	border:0px solid #e5e5e5;
	width: 100%;
	background:#fff;
	box-shadow:none;
	border:0px solid #e5e5e5;
	border-radius: 0px;
	width: auto;
	z-index: 2000;
	visibility:visible;
    opacity: 1;
	transition: none;
    transform: none!important;
	padding-bottom:10px;}
    .mega{position:static !important;}
    li.mega .sub-menu {
        width: 100%!important;
		max-width:1360px;
        position: absolute!important;
        top: 60px!important;; /*insert the needed value*/
        z-index: 100!important;
        left:0px!important;
        right:0px!important;
		margin:0 auto;
    }
    li.mega:hover>.sub-menu{
    /*flexbox fallback for browsers that do not support CSS GRID lyout*/
        display: flex!important;
        flex-wrap: wrap!important;
    /*CSS GRID lyout*/ 
        display: grid!important;
        /*grid-template-columns: repeat(auto-fit,minmax(50%, 1fr))!important;   */
    }
	
	#access2 li.mega ul li a{font-weight:700;}
	#access2 li.mega ul li a{ background:none !important;} 
	#access2 li.mega ul li a::after{ content:"";}
	#access2 li.mega ul li ul li a{ padding:4px 10px; }
	#access2 li.mega ul li.head ul li a{font-weight:400;}
	li.mega:hover>.sub-menu{grid-template-columns: repeat(auto-fit,minmax(20%, 1fr))!important; }
	 
}