/*reset*/

:focus { outline:0; }

h1, h2, h3, h4, h5, h6 { margin:0px; padding:0; line-height:normal }

body, ul, img, p, input, dl, dd, tr, th, td { margin:0; padding:0; font-family: 'poppins-regular'; }

em { font-style:normal; }

img { border:none; max-width:100% }

/*li,ul,ol{list-style:none;}*/

a { text-decoration:none; color:#231815; }

input { padding:0px; vertical-align: middle; line-height: normal; border:none; }

body { overflow-x:hidden; }

button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"]>input[type="button"]::-moz-focus-inner {

border:none;

padding:0;

}

a:focus { outline: none; }

:focus { outline: none; box-shadow:none }

iframe { max-width: 100%; }

.table-responsive ul li { list-style-position: inside; !important

}

.table-responsive td { padding:0 8px }/*share*/

/*share*/

body { font-size: 14px; font-family: 'poppins-regular'; background:#fff; color: #555; line-height:24px; }

.bold { font-weight:bold; }

.fontRed { color:red; }

.clearfix:before, .clearfix:after { content:" "; display:table; }

.clearfix:after { clear:both; }

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

 .row {

margin:0;

}

}

a:hover, img:hover { transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; }

a, img { transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; }

 @font-face {

 font-family: 'BebasNeue';

 src:url(../font/BebasNeue.eot);

 src: url(../font/BebasNeue.eot?#iefix) format('embedded-opentype'),  url(../font/BebasNeue.svg#BebasNeue) format('svg'),  url(../font/BebasNeue.woff) format('woff'),  url(../font/BebasNeue.ttf) format('truetype');

 font-weight: normal;

 font-style: normal;

}

 @font-face {

 font-family: 'poppins-semibold';

 src:url(../font/poppins-semibold.eot);

 src: url(../font/poppins-semibold.eot?#iefix) format('embedded-opentype'),  url(../font/poppins-semibold.svg#poppins-semibold) format('svg'),  url(../font/poppins-semibold.woff) format('woff'),  url(../font/poppins-semibold.ttf) format('truetype');

 font-weight: normal;

 font-style: normal;

}

 @font-face {

 font-family: 'poppins-regular';

 src:url(../font/poppins-regular.eot);

 src: url(../font/poppins-regular.eot?#iefix) format('embedded-opentype'),  url(../font/poppins-regular.svg#poppins-regular) format('svg'),  url(../font/poppins-regular.woff) format('woff'),  url(../font/poppins-regular.ttf) format('truetype');

 font-weight: normal;

 font-style: normal;

}

.nav_content { background:#220303; }

.nav_content > .container { position:relative; }

header .wrapper { display:none; }

.wrapper .toggle { float: right; width: 50px; height: 54px; cursor: pointer; color: #fff; text-decoration: none; font-size: 14px; text-indent: -9999em; line-height: 24px; font-size: 1px; display: block; text-align: center; background: #f68d10; }

html.hc-yscroll { overflow-y: scroll }

body.hc-nav-open { position: fixed; width: 100%; min-height: 100% }

.hc-mobile-nav { display: none; position: fixed; top: 0; height: 100%; z-index: 9999999999; overscroll-behavior: none }

.hc-mobile-nav.is-ios * { cursor: pointer !important }

.hc-mobile-nav .nav-container { position: fixed; z-index: 99999999; top: 0; width: 240px; max-width: 100%; height: 100%;  transition: transform .4s ease

}

.hc-mobile-nav .nav-wrapper { width: 100% }

.hc-mobile-nav .nav-wrapper.nav-wrapper-1 { position: static; height: 100%; overflow: scroll; overflow-x: visible; overflow-y: auto }

.hc-mobile-nav ul { list-style: none; margin: 0; padding: 0 }

.hc-mobile-nav li { position: relative; display: block }

.hc-mobile-nav li.level-open>.nav-wrapper { visibility: visible }

.hc-mobile-nav input[type="checkbox"] { display: none }

.hc-mobile-nav label { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; cursor: pointer }

.hc-mobile-nav a { position: relative; display: block; box-sizing: border-box; cursor: pointer }

.hc-mobile-nav a, .hc-mobile-nav a:hover { text-decoration: none }

.hc-mobile-nav.disable-body:not(.nav-open)::after {

 pointer-events: none

}

.hc-mobile-nav.disable-body::after, .hc-mobile-nav.disable-body .nav-wrapper::after {

 content: '';

 position: fixed;

 z-index: 9990;

 top: 0;

 left: 0;

 right: 0;

 bottom: 0;

 width: 100%;

 height: 100%;

 overscroll-behavior: none;

 visibility: hidden;

 opacity: 0;

 transition: visibility 0s ease .4s, opacity .4s ease

}

.hc-mobile-nav.disable-body.nav-open::after, .hc-mobile-nav.disable-body .sub-level-open::after {

 visibility: visible;

 opacity: 1;

 transition-delay: .05s

}

.hc-mobile-nav.nav-levels-expand .nav-wrapper::after {

 display: none

}

.hc-mobile-nav.nav-levels-expand ul .nav-wrapper { min-width: 0; max-height: 0; overflow: hidden;  transition: height 0s ease .4s

}

.hc-mobile-nav.nav-levels-expand .level-open>.nav-wrapper { max-height: none }

.hc-mobile-nav.nav-levels-overlap ul .nav-wrapper { position: absolute; z-index: 9999; top: 0; height: 100%; visibility: hidden;  transition: visibility 0s ease .4s, transform .4s ease

}

.hc-mobile-nav.nav-levels-overlap ul ul { height: 100%; overflow: scroll; overflow-x: visible; overflow-y: auto }

.hc-mobile-nav.nav-levels-overlap ul li.nav-parent { position: static }

.hc-mobile-nav.nav-levels-overlap ul li.level-open>.nav-wrapper { visibility: visible;  transition: transform .4s ease

}

.hc-mobile-nav.side-left { left: 0 }

.hc-mobile-nav.side-left .nav-container { left: 0; transform: translate3d(-100%, 0, 0) }

.hc-mobile-nav.side-left.nav-levels-overlap li.level-open>.nav-wrapper { transform: translate3d(-40px, 0, 0) }

.hc-mobile-nav.side-left.nav-levels-overlap li .nav-wrapper { left: 0; transform: translate3d(-100%, 0, 0) }

.hc-mobile-nav.side-right { right: 0 }

.hc-mobile-nav.side-right .nav-container { right: 0; transform: translate3d(100%, 0, 0) }

.hc-mobile-nav.side-right.nav-levels-overlap li.level-open>.nav-wrapper { transform: translate3d(40px, 0, 0) }

.hc-mobile-nav.side-right.nav-levels-overlap li .nav-wrapper { right: 0; transform: translate3d(100%, 0, 0) }

.hc-mobile-nav.nav-open .nav-container { transform: translate3d(0, 0, 0) }

.hc-nav-trigger { position: absolute; cursor: pointer; display: none; top: 20px; z-index: 9980; min-height: 24px }

.hc-nav-trigger span { width: 30px; top: 50%; transform: translateY(-50%); transform-origin: 50% 50% }

.hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after {

 position: absolute;

 left: 0;

 height: 4px;

 background: #34495E;

 transition: all .2s ease

}

.hc-nav-trigger span::before, .hc-nav-trigger span::after {

 content: '';

 width: 100%

}

.hc-nav-trigger span::before {

 top: -10px

}

.hc-nav-trigger span::after {

 bottom: -10px

}

.hc-nav-trigger.toggle-open span { background: rgba(0, 0, 0, 0); transform: rotate(45deg) }

.hc-nav-trigger.toggle-open span::before {

 transform: translate3d(0, 10px, 0)

}

.hc-nav-trigger.toggle-open span::after {

 transform: rotate(-90deg) translate3d(10px, 0, 0)

}

.hc-mobile-nav::after, .hc-mobile-nav .nav-wrapper::after {

 background: rgba(0, 0, 0, 0.3)

}

.hc-mobile-nav .nav-wrapper { background:#262626; background-size:cover; z-index:2; }

.hc-mobile-nav .nav-wrapper:before { content:''; width:100%; height:100%; display:block; background:#000; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; position:absolute; left:0; top:0; z-index:0; }

.hc-mobile-nav.nav-open .nav-wrapper { box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2) }

.hc-mobile-nav h2 { font-size: 14px; font-weight: normal; text-align: left; padding: 15px 17px; color: #fff; font-family:'poppins-semibold'; text-transform:capitalize; margin-top:0; margin-bottom:0; background:rgb(0, 0, 0, 0.1); }

.hc-mobile-nav a { padding: 10px 17px; font-size: 14px; color: #fff; z-index: 1; background: rgba(0, 0, 0, 0); border-bottom: 1px solid rgba(255, 255, 255, 0.2); font-family:'poppins-semibold'; }

.hc-mobile-nav:not(.touch-device) a:hover {

 background: #f68d10

}

.hc-mobile-nav li { text-align: left }

.hc-mobile-nav li.nav-close a, .hc-mobile-nav li.nav-back a { background:rgba(255, 255, 255, 0.15); background-size:100%; }

.hc-mobile-nav li.nav-close a:hover, .hc-mobile-nav li.nav-back a:hover { background: rgba(0, 0, 0, 0.2) }

.hc-mobile-nav li.nav-parent a { padding-right: 58px }

.hc-mobile-nav li.nav-close span, .hc-mobile-nav li.nav-parent span.nav-next, .hc-mobile-nav li.nav-back span { position: absolute; top: 0; right: 0; width:45px; height:100%; text-align: center; cursor: pointer;  transition: background .2s ease;

display:flex; flex-direction:column; justify-content:center; align-items:center; }

.hc-mobile-nav li.nav-close span::before, .hc-mobile-nav li.nav-close span::after {

 content:'';

display:inline-block;

background:#fff;

width:20px;

height:2px;

margin:2px 0;

}

.hc-mobile-nav li.nav-close span::before {

 transform:rotate(45deg) translate(4px, 0px);

-webkit-transform:rotate(45deg) translate(4px, 0px);

}

.hc-mobile-nav li.nav-close span::after {

 transform:rotate(-45deg) translate(4px, 0px);

-webkit-transform:rotate(-45deg) translate(4px, 0px);

}

.hc-mobile-nav span.nav-next::before, .hc-mobile-nav li.nav-back span::before {

 content: '';

 position: absolute;

 top: 50%;

 left: 50%;

 width: 8px;

 height: 8px;

 margin-left: -2px;

 box-sizing: border-box;

 border-top: 2px solid #fff;

 border-left: 2px solid #fff;

 transform-origin: center

}

.hc-mobile-nav span.nav-next::before {

 transform: translate(-50%, -50%) rotate(135deg)

}

.hc-mobile-nav li.nav-back span::before {

 transform: translate(-50%, -50%) rotate(-45deg)

}

.hc-mobile-nav.side-right span.nav-next::before {

 margin-left: 0;

 margin-right: -2px;

 transform: translate(-50%, -50%) rotate(-45deg)

}

.hc-mobile-nav.side-right li.nav-back span::before {

 margin-left: 0;

 margin-right: -2px;

 transform: translate(-50%, -50%) rotate(135deg)

}

.hc-mobile-nav.nav-levels-expand .nav-container ul .nav-wrapper, .hc-mobile-nav.nav-levels-none .nav-container ul .nav-wrapper { box-shadow: none; background: transparent }

.hc-mobile-nav.nav-levels-expand .nav-container ul h2, .hc-mobile-nav.nav-levels-none .nav-container ul h2 { display: none }

.hc-mobile-nav.nav-levels-expand .nav-container ul ul a, .hc-mobile-nav.nav-levels-none .nav-container ul ul a { font-size: 14px }

.hc-mobile-nav.nav-levels-expand .nav-container li, .hc-mobile-nav.nav-levels-none .nav-container li {  transition: background .3s ease

}

.hc-mobile-nav.nav-levels-expand .nav-container li.level-open, .hc-mobile-nav.nav-levels-none .nav-container li.level-open { background: rgba(0, 0, 0, 0.5); }

.hc-mobile-nav.nav-levels-expand .nav-container li.level-open a, .hc-mobile-nav.nav-levels-none .nav-container li.level-open a { border-bottom: 1px solid #295887 }

.hc-mobile-nav.nav-levels-expand .nav-container li.level-open a:hover, .hc-mobile-nav.nav-levels-none .nav-container li.level-open a:hover { background: #0095f8 }

.hc-mobile-nav.nav-levels-expand .nav-container li.level-open>a .nav-next::before, .hc-mobile-nav.nav-levels-none .nav-container li.level-open>a .nav-next::before {

 margin-top: 2px;

 transform: translate(-50%, -50%) rotate(45deg)

}

.hc-mobile-nav.nav-levels-expand .nav-container span.nav-next::before, .hc-mobile-nav.nav-levels-none .nav-container span.nav-next::before {

 margin-top: -2px;

 transform: translate(-50%, -50%) rotate(225deg)

}

#main-nav { display: none }

header { position: relative; padding:12px 0 33px }

header .git svg { width: 15px; height: 15px; fill: #fffce1; position: relative; top: 2px; padding: 0 10px; margin-right: 10px; border-right: 1px solid #4daabb;  transition: border-color .15s ease-in-out

}

header .toggle { position: absolute; cursor: pointer; display: none; z-index: 9980; min-height: 24px; top:-66px; left: 0; display: block; cursor: pointer; box-sizing: content-box; font-size: 16px; line-height: 24px; }

header .toggle span { width: 28px; top: 50%; }

header .toggle span, header .toggle span::before, header .toggle span::after {

 position: absolute;

 left: 50%;

 height: 3px;

 background: #fff;

 transition: all .1s ease;

 margin-left:-14px;

 border-radius:10px;

}

header .toggle span::before, header .toggle span::after {

 content: '';

 width: 100%;

 border-radius:5px;

}

header .toggle span::before {

 top: -8px

}

header .toggle span::after {

 bottom: -8px

}

header .toggle.toggle-open span { background: rgba(0, 0, 0, 0); transform: rotate(45deg) }

header .toggle.toggle-open span::before {

 transform: translate3d(0, 8px, 0)

}

header .toggle.toggle-open span::after {

 transform: rotate(-90deg) translate3d(8px, 0, 0)

}

header .toggle:hover span, header .toggle:hover span::before, header .toggle:hover span::after {

}

header .toggle div { display: inline-block; margin-right: 15px }

.hc-mobile-nav .nav-container { width: 280px }

.hc-mobile-nav a { font-size: 14px; text-transform:uppercase; }

.hc-mobile-nav ul li ul li a { font-size: 13px; font-family: 'poppins-regular', serif; text-transform:capitalize; }

/*mainmenu*/

.mainmenu-area { display:block; padding-right:0; width:100%; }

.mainmenu_box { float:left; width:36%; padding-right:0; }

.mainmenu-left { /*position: relative;*/

}

.product-menu-title { background: #444444 none repeat scroll 0 0; cursor: pointer; padding: 3px 16px; }

.product-menu-title h2 { color: #fff; font-size: 16px; font-weight: 700; line-height: 48px; margin: 0; text-transform: uppercase; }

.product-menu-title h2 i { float: right; margin-top: 17px; }

.find .product_vmegamenu>ul li a { padding: 12px 10px; }

.product_vmegamenu ul li a.hover-icon::after {

 content: "\f107";

 font-family: FontAwesome;

 font-size: 18px;

 position: absolute;

 right: 0;

 color: #808080;

 top: 14px;

}

.product_vmegamenu>ul>li a img { max-width:60px; height:auto; }

.product_vmegamenu>ul>li .vmegamenu { background: #fff none repeat scroll 0 0; border: 1px solid #eaeaea; box-shadow: 0 0 5px -1px #666666; left: 0; position: absolute; top: 82px; width: 100%; opacity: 0; z-index: 999999;  -webkit-transition: all .5s ease 0s;

 transition: all .5s ease 0s;

visibility: hidden; padding: 10px; }

.product_vmegamenu ul li:hover .vmegamenu { opacity: 1; top: 52px; visibility: visible; }

.product_vmegamenu ul li .vmegamenu span { float: left; padding: 15px; width: 20%; }

.product_vmegamenu ul li .vmegamenu span s { display: block; }

.product_vmegamenu ul li .vmegamenu span img { max-width: 100%; }

.product_vmegamenu ul li .vmegamenu span a.vgema-title { border-bottom: 1px solid #eaeaea; font-size: 14px; background: #ededed; padding: 10px; text-transform: capitalize; text-align: center; letter-spacing: normal; }

.product_vmegamenu ul li .vmegamenu span:hover a.vgema-title { background: #f68d10; color: #fff; }

.product_vmegamenu ul li .vmegamenu2 { width: 400px; }

.product_vmegamenu ul li .vmegamenu2 span { padding: 15px; width: 50%; }

/* mainmenu */

.mainmenu { }

.mainmenu>nav>ul>li { display: inline-block; padding-right:14px; }

.mainmenu>nav>ul>li:last-child { padding-right:0 }

.mainmenu ul li a { color: #fff; display:inline-block; font-size: 16px; padding:0;  transition:all .3s;

position:relative; line-height:24px; z-index:2; }

.mainmenu>nav>ul>li>a { font-family: 'poppins-semibold'; line-height:60px; padding: 0 25px; text-transform:uppercase }

.mainmenu nav>ul>li>a:before { position: absolute; left: 50%; bottom:0; width:0; height:100%; background:#f68d10; content: ''; z-index: -1; transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; }

.mainmenu nav>ul>li:hover>a:before, .mainmenu nav>ul>li.active>a:before, .mainmenu nav>ul>li#active>a:before { width: 100%; left: 0px; }

.mainmenu nav>ul>li>a i { padding-left:5px; color:#b2b2b2; }

.mainmenu ul li a img { padding-right:10px; vertical-align:middle; }

.mainmenu>nav>ul>li:hover > a, .mainmenu>nav>ul>li.active > a { text-decoration:none; color:#fff; }

.mainmenu>nav>ul>li:hover > a i, .mainmenu>nav>ul>li.active > a i, .mainmenu>nav>ul>li#active > a i { color:#fff; }

.mainmenu>nav>ul>li.active>a, .mainmenu>nav>ul>li#active>a { color:#fff; }

.mainmenu ul li:hover > a, .mainmenu ul li.active > a { color:#fff; }

.mainmenu>nav>ul>li.active > a:before, .mainmenu>nav>ul>li#active > a:before { transform: scaleX(1); visibility:visible; }

.mainmenu>nav>ul>li.active > a:after, .mainmenu>nav>ul>li#active > a:after { transform: scaleY(1); visibility:visible; }

.mainmenu>nav>ul>li>ul { box-shadow: 0 5px 27px rgba(0, 0, 0, .09); left: auto; opacity: 0; position: absolute; top: auto; transform: scaleY(0); transform-origin: 0 0 0; transition: all 0.4s ease 0s; z-index: 99999999; padding: 5px; visibility: hidden; text-align: left; width: 220px; background: #fff;  transition:.3s ease;

padding:5px 0; border-bottom: 2px solid #f68d10; }

.mainmenu ul li:hover > ul { opacity:1; visibility:visible; transform:scaleY(1); }

.mainmenu ul li > ul li { display:block; padding:0; background:none; position:relative; }

.mainmenu ul li > ul li > a { color: #333; padding:8px 15px; text-transform: capitalize; font-size:13px; font-style:normal; position:relative; z-index:1; overflow:hidden; display:block; font-family: 'poppins-regular', serif; background-repeat:no-repeat; background-position:90% center; }

.mainmenu ul li > ul li > a:hover, .mainmenu ul li > ul li:hover > a { text-decoration:none; color:#f68d10; background-position:right center; padding-left:17px; }

.mainmenu ul li > ul li > a:before { content:''; width:3px; background:#f68d10; height:100%; position:absolute; left:0; top:0; transform: scaleX(0); transform-origin: 0 0 0; transition: all 0.4s ease 0s; }

.mainmenu ul li > ul li > a:hover:before { opacity:1; visibility:visible; transform:scaleX(1); }

.mainmenu ul li > ul li > a:after { content:''; left:15px; right:15px; background:#f2f2f2; position:absolute; bottom:0; height:1px; }

.mainmenu ul li > ul li:last-child > a:after { background:#fff; }

 .mainmenu ul li > ul li.has-menu::after {

content:"\f105";

font-family:FontAwesome;

font-size:14px;

color:#f68d10;

position:absolute;

right:20px;

top:50%;

line-height:20px;

margin-top:-10px;

}

.mainmenu>nav>ul>li ul.vmegamenu02 { box-shadow: 0 5px 20px rgba(0, 0, 0, .05); left: 259px; opacity: 0; position: absolute; top: auto; transform: scaleX(0); transform-origin: 0 0 0; transition: all 0.4s ease 0s; z-index: 99999999; padding: 5px; visibility: hidden; text-align: left; width: 240px; background: #fafafa;  transition:.3s ease;

padding:5px 0; margin-top:-45px; }

.mainmenu ul li:hover > ul.vmegamenu02 { opacity:1; visibility:visible; transform:scaleX(1); }

.mainmenu ul li > ul.vmegamenu02 li > a { padding:8px 10px; }

.mainmenu ul li > ul.vmegamenu02 li > a:after { background:#e5e5e5; left:10px; right:10px; }

.mainmenu>nav>ul>li.product_vmegamenu>ul { width:260px; }

.mainmenu>nav>ul>li.product_vmegamenu>ul li h4 { font-size:14px; display:inline-block; max-width:100%; margin:3px 0; line-height:20px; vertical-align:middle; padding-left:5px; }

/* .mainmenu>nav>ul>li.product_vmegamenu>ul{width:100%;left:0;padding:30px 10px 10px;}.mainmenu ul li.product_vmegamenu ul {width: 100%;left: 0;padding-top:10px;padding-bottom:10px;}

.mainmenu ul li.product_vmegamenu ul li>a {

	font-size: 16px;

	color: #333;

	display: block;

	margin-bottom: 10px;

}

.mainmenu ul li.product_vmegamenu ul li>a:hover {

	padding-left: 0;

}

.mainmenu ul li.product_vmegamenu ul li>a span {

	width: 36px;

	height: 40px;

	display: inline-block;

	background-size: 100%;

	padding: 8px;

	margin-right: 5px;

}

.mainmenu ul li.product_vmegamenu ul li>a span img {

	max-width: 100%;

}

.mainmenu ul li.product_vmegamenu ul li>a p {

	display: inline-block;

	vertical-align: middle;

}

.mainmenu ul li.product_vmegamenu ul li div span {

	display: block;

	margin-bottom: 10px;

}

.mainmenu ul li.product_vmegamenu ul li div span a {

	display: inline-block;

	font-size: 15px;

	padding: 0;

	color: #555;

}

.mainmenu ul li.product_vmegamenu ul li div span a:hover {

	color: #4ac0fb;

}

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

.mobile-menu-area .row, .mobile-menu-area .container {

	width: 100%;

	margin: 0;

}

}*/

 



.mainmenu ul li.product_vmegamenu ul li.container { width: 100%; }

.mainmenu ul li > ul li .nav_list li { padding:0 10px; margin-bottom:10px; }

.nav_list li:nth-child(6n+1) {

clear: both;

}

.nav_list li .top { margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #e5e5e5; }

.nav_list li .top .title { font-size:14px; color:#333333; padding:0; line-height:24px; height:48px; display:block; text-transform:capitalize; vertical-align:middle; font-family:'poppins-semibold' }

.nav_list li .top .title:hover { color:#f68d10; text-decoration:none; }

.nav_list li .top .image { display: block; height:150px; background-repeat: no-repeat; background-size: cover; background-position: center center; }

.nav_list li p { margin:0; margin-bottom:10px; }

.nav_list li p a { font-size:13px; color:#4d4d4d; line-height:20px; padding:0; display:inline-block; text-transform:capitalize; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; font-family:'poppins-regular' }

.nav_list li p a:before { content:"\f105"; color:#999; padding-right:5px; font-family:FontAwesome; transition:all .5s;

}

.nav_list li p a:hover { color:#f68d10; text-decoration:none; }

.nav_list li p a:hover:before { color:#f68d10; padding-left:6px; }

.nav_list li .image { display:block; margin-botom:5px; overflow:hidden; padding:0; margin-bottom:10px; }

.mainmenu ul li.product_vmegamenu > ul li .image:hover { padding:0; }

.mainmenu ul li.product_vmegamenu > ul li.nav_img { padding-left:20px; padding-right:5px; }

.mainmenu ul li.product_vmegamenu > ul li.nav_img a { padding:0; }

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

 .mainmenu>nav>ul>li {

padding-right:2px

}

 .mainmenu>nav>ul>li>a {

padding:0 20px

}

}

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

 .mainmenu>nav>ul>li {

padding-right:2px

}

 .mainmenu>nav>ul>li>a {

padding:0 15px

}

}

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

 .header .wrapper {

display:block;

}

 .vmegamenu {

padding:0px 0px !important;

}

 .mainmenu-area {

margin:0;

padding:0;

}

 .mobile-menu-area {

top:45px;

}

 .nav_content {

border:none;

}

 .nav_content > .container {

width:100%;

}

}

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

 .wrapper .toggle {

right:129px

}

}

/*index*/

.header {

transition:all .5s; padding:0; }

.header .header_m { position:relative; background:#322f2f; border-radius:30px; padding:0 30px }

#logo { position:relative; text-align:left; float:left; z-index:9999999; }

#logo h1 { margin:0; padding:0; }

#logo a.top_logo { padding:0; display:inline-block; }

#logo img { max-width:289px; height:auto; padding:0; transition:all .5s;

}

.head-right { float:right; margin-top:0px; }

.topW { background:#fff; border-top:5px solid #f68d10; padding:28px 0 31px }

.top { position:relative }

.top_share { float:right; list-style:none; position:relative; z-index:99; margin-top:25px; margin-right:8px }

.top_share li { display:inline-block; list-style:none; margin-right:10px }

.top_share li a { display:block; width:26px; height:26px; border-radius:50% }

.top_share li a img { display:block; width:26px; height:26px }

.hcon { float:right; list-style:none; padding-top:10px; }

.hcon li { display:inline-block; vertical-align:middle; position:relative; margin-right:40px; background:url(../images/top_tel.jpg) no-repeat left center; padding:0 0px 0 51px; }

.hcon li a { display:block; color:#333333; font-size:14px; line-height:24px; margin-top:0px; }

.hcon li a:hover { color:#f68d10; }

.hcon li .hc_p { font-family:'poppins-semibold'; margin-bottom:1px }

/* Top Search*/

.search_box { float:right; z-index:99999999; margin-left:2px }

.search_box .search { background:#f68d10; display: inline-flex; align-items: center; justify-content: center; border-radius:2px; height:52px; width:52px; }

.search p { display: inline-block; margin:0; font-size:13px; text-transform: uppercase; color:#999999; margin-right:10px; vertical-align: middle; }

.top-search { display: block; width:100%; max-width:55%; position:absolute; right:0; top:67px; display: none; z-index:999999999; background:#fff; border-radius:0px; box-shadow:0px 5px 10px 2px rgba(0, 0, 0, 0.05); border: 1px solid #eee; }

.top-search h4 { font-size:20px; text-align:center; color:#333; margin:15px 0; text-transform:capitalize; display:none; display:none; }

.top-search .input-group-addon i { float: right; position:absolute; right:0px; top:12px; width:40px; height:40px; line-height:38px; font-size:18px; }

.top-search .input-group-addon i:hover { color:#f68d10; }

.top-search .form-control { box-shadow:none; border:none; border-radius:0; border:1px solid #eee; background:#fff; color: #808080; height: 48px; line-height: 48px; padding: 0 60px 0 20px; text-align: left; font-size:12px; border-radius:25px; }

.top-search input.form-control:focus { color:#333; font-style:inherit; }

.top-search .input-group-addon.close-search { cursor: pointer; }

.top-search .input-group { width:100%; padding:10px 40px 10px 10px; }

.btn_search1 { background:#f68d10 url(../images/search_btn.png) no-repeat center center; top: 1px; height:46px; position: absolute; right:1px; width:46px; z-index: 3; border-radius:50%; }

.header_search { position: relative; }

.top-search .input-group-addon { background-color: transparent; border: none; color: #666; padding-left: 0; padding-right: 0; }

.top-search .input-group-addon.close-search { cursor: pointer; float:right; position:absolute; right:0; top:0; }

.attr-nav { float:right; z-index:9999999; display:inline-block; margin-top:12px; }

.attr-nav>a { color:#888888; text-align:center; display:block; }

.attr-nav>a span { display:inline-block; margin-left:8px }

.search i { width:28px; height:26px; text-align:center; background:url(../images/search_btn.png) no-repeat center center; display:inline-block; vertical-align:middle; }

.attr-nav ul li { list-style:none; }

.top-search .input-group { max-width:100%; margin:0 auto; }

.select { float:right; padding:13px 10px 13px 43px; border-radius:2px; background:#f2f2f2 url(../images/lan_bg.png) no-repeat 16px center; color:#666666; font-size:12px; margin-top:12px }

.select > a { display:inline-block; font-size:12px; color:#666666; position: relative; }

.select > a p { display: inline-block; margin:0; text-transform:uppercase; color:#666666 }

.select > a p:after { content:"\f0d7"; font-family:'FontAwesome'; font-size:14px; margin-left:10px; color:#666666 }

.select > a img { margin-right: 4px; }

.select > a:hover, .select > a:link { text-decoration: none; }

.select-modal { position: fixed; top: 0; left: 50%; width: 50%; width: 80%; height: auto; z-index: 99999999995; visibility: hidden; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.select-show { visibility: visible; transition:all .5s;

}

.select-show .select-content { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); border-radius: 0 0 3px 3px; opacity: 1; filter:alpha(opacity=100); }

.select-overlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 99999999; opacity: 0; filter:alpha(opacity=0); background: rgba(1, 1, 1, 0.4); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

 .select-show ~ .select-overlay {

opacity: 1;

visibility: visible;

filter:alpha(opacity=100);

}

.select-content { color: #5b5b5b; background: #f9f9f9 url(../images/language_bg.jpg) no-repeat left top; position: relative; border-radius: 0px; margin: 0 auto; -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%);  -webkit-transition: all .5s;

 -moz-transition: all .5s;

 transition: all .5s;

opacity: 0; filter:alpha(opacity=0); padding:50px; }

.select-content em { display: block; font-size:24px; line-height:24px; color:#333333; text-transform: uppercase; margin-bottom:20px; border-bottom:1px solid #eee; padding-bottom:15px; font-family:'poppins-semibold'; text-align: center; }

.select-content .list { list-style: none; text-align: center; }

.select-content .list li { margin-bottom:30px; padding:0 10px; width: auto; float: none; margin:0 10px; display: inline-block; }

.select-content .list li p { display: inline-block; margin:0; margin-left:10px; font-size:14px; text-transform: capitalize; line-height:20px; }

.select-content .list li:hover p { color:#f68d10; text-decoration: underline; }

.select-content .select-close { position:absolute; right:50px; top:48px; border:none; background-color:transparent; }

.select-content .select-close i { width:30px; height:30px; display:flex; position:relative; flex-direction:column; justify-content:center; align-items:center; }

.select-content .select-close i:before, .select-content .select-close i:after { content:''; display:inline-block; background:#4d4d4d; width:20px; height:2px; margin:2px 0; }

.select-content .select-close i:before { transform:rotate(45deg) translate(4px, 0px); -webkit-transform:rotate(45deg) translate(4px, 0px); }

.select-content .select-close i:after { transform:rotate(-45deg) translate(4px, 0px); -webkit-transform:rotate(-45deg) translate(4px, 0px); }

/* Sizes for the bigger menu */

header { width: 100%; z-index: 9999999; padding:0; margin-bottom:-30px }

header.small { position:fixed; left:0; background-color:#322f2f; top:0; box-shadow:0 0 20px 2px rgba(0, 0, 0, 0.08); padding:0 }

header.small .header { padding:0 }

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

 .mainmenu>nav>ul>li {

padding-right: 0;

}

 .mainmenu>nav>ul>li>a {

padding:0 15px

}

 .top_share {

display:none

}

 .hcon li {

margin-right:20px

}

}

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

 .topW .container, header .container {

padding:0

}

 header {

padding:0;

}

 .mainmenu-area {

display:none

}

 #logo img {

max-width:168px

}

.topW #logo, header.small #topW {

padding:5px 0 0px;

position:relative;

z-index:9999999;

float:left;

margin:0;

margin-left:55px;

}

 .topW {

padding:20px 0 15px

}

 header {

margin-bottom:0

}

 .hcon {

display:none

}

 .select {

margin-top:0;

background:#f2f2f2;

padding-left:10px

}

 .select>span {

display:none

}

 .attr-nav {

margin-top:0

}

 header.small .toggle {

top:0

}

 .top-search {

top:66px

}

}

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

 #logo img {

max-width:108px

}

 .topW {

padding:10px 0 10px

}

 .select > a p {

}

 .search_box .search {

width:38px

}

 .select > a p {

text-transform:capitalize;

text-indent: -4em;

overflow: hidden;

line-height: 7px;

}

 .top-search {

top:62px

}

}

.main_more { position: relative; display: inline-block; text-align: center; text-transform: uppercase; letter-spacing: 0.05em; background:#f68d10; color:#000; border-radius: 5px; overflow: hidden; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }

.main_more .btn-curve { display: inline-block; font-size: 14px; margin-left: 3px; position: absolute; right: -15px; top: 0; width: 26px; height: 100%; background:#e18313; z-index: 0; transform: skewX(-22deg); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }

.main_more .btn-title { position: relative; display: block; font-size: 18px; line-height: 50px; padding: 0 26px 0; font-size:18px; letter-spacing:1px; font-family: 'BebasNeue'; z-index: 1; }

.main_more:hover { background:#f68d10; color: #ffffff; }

.main_more:hover .btn-curve { opacity: 1; right: 0; width: 100%; transform: skewX(0deg); }

/*******Slider********/

/* Slider */

.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Arrows */

.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; margin-top: -10px; padding: 0; border: none; outline: none; }

.slick-prev:focus, .slick-next:focus { outline: none; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev, .slick-next { opacity: 0.2; filter: alpha(opacity=20); width:30px; height:50px; position:absolute; top:50%; margin-top:-25px; z-index:99; transition:all .5s;

}

.slick-prev:before, .slick-next:before { content:''; width:14px; height:28px; background-repeat:no-repeat; background-image: url(../images/prev.png); display: inline-block; }

.slick-prev { left:-30px; }

.slick-prev:before { background-position:0px 0; }

.slick-next { right:-30px; }

.slick-next:before { background-position: -33px 0; }

.slick-prev:hover, .slick-next:hover { opacity: 0.8; filter: alpha(opacity=80); background:#f68d10; }

.slick-prev:hover:before { background-position:0px -30px; }

.slick-next:hover:before { background-position: -33px -30px; }

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

 .slick-prev {

left:-10px;

filter:alpha(opacity=50);

-moz-opacity:0.5;

opacity:0.5;

background-color:#000;

border-radius:0;

width:25px;

border:none;

}

 .slick-next {

right:-10px;

filter:alpha(opacity=50);

-moz-opacity:0.5;

opacity:0.5;

background-color:#000;

border-radius:0;

width:25px;

border:none;

}

 .slick-prev:hover, .slick-next:hover {

background:#f68d10;

}

 .slick-prev:before {

background-position:0px -30px;

}

 .slick-next:before {

background-position:-33px -30px;;

}

 .slick-prev:after, .slick-next:after {

display: none;

}

}

/* Dots */

.slick-dots { list-style: none; display: block; text-align: center; padding: 10px 3px; display:none !important; z-index:999; margin-top:51px }

.slick-dots li { position: relative; display: inline-block; width:9px; height:9px; margin:0 4px; padding:3px 0; cursor: pointer; transition:all .5s;

}

.slick-dots li button { border: 0; background: transparent; display: block; height: 9px; width: 9px; padding:5px; outline: none; line-height: 0; font-size: 0; cursor: pointer; outline: none; background:#cbcbcb; padding:0; transition:all .5s;

border-radius:2px; }

.slick-dots li button:focus { outline: none; }

.slick-dots li.slick-active { width:20px; height:9px; }

.slick-dots li.slick-active button { background:#f68d10; width:20px; height:9px; }

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

 .slick-prev {

left:0

}

 .slick-next {

right:0

}

 .slick-dots {

margin-top:10px

}

}

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

.slick-dots li.slick-active button {

width:20px;

}

}

.in_title { text-align:center; }

.in_title span { display:inline-block; font-size:48px; color:#333333; text-transform:uppercase; line-height:50px; font-family: 'BebasNeue'; }

.in_title span:before { display:block; margin:0 auto 15px; background:#f68d10; height:3px; width:45px; content:''; }

.in_title p { overflow:hidden; line-height:24px; height:48px; font-size:12px; max-width:650px; margin:8px auto 0; color:#888888 }

.in_cateW { background:url(../images/cate_bg.jpg) no-repeat center top; background-size:100%; }

.in_titleW { margin-top:-25px; width: 100%; z-index: 99; margin-bottom:30px; box-shadow: 0 5px 50px rgba(0, 0, 0, 0.1); position: relative; background-color: #fff; }

.in_titleW:before { position: absolute; content: ''; background-color: #fff; width: 30px; height: 32px; display: block; bottom: -6px; left: 20%; border-radius: 4px; -webkit-transform: skewY(35deg); -ms-transform: skewY(35deg); transform: skewY(35deg); border-top: 0; margin-left: -7px; border: 8px solid transparent; }

.in_title_box { position: relative; padding: 35px; border-radius: 6px; z-index: 1; }

.in_title_box:before { position: absolute; content: ''; background-color: #fff; top: -6px; left: 0; width: 100%; height: 100%; display: block; -webkit-transform: skewY(1.5deg); -ms-transform: skewY(1.5deg); /* transform: skewY(1.5deg); */

    border-radius: 6px; transform-origin: right top; }

.in_title_box:after { position: absolute; content: ''; background-color: rgba(0, 0, 0, .15); width: 90%; height: 30%; display: block; border-radius: 4px; -webkit-transform: skewY(-2deg); -ms-transform: skewY(-2deg); transform: skewY(-2deg); right: 5%; top: -20px; z-index: -1; }

.in_title_box .in_title { position:relative; z-index:99 }

.in_cateW .slider { position: relative; text-align: center; }

.in_cateW .slider:after { content:''; width: 46%; bottom: 0; background:#fafafa url(../images/bg_cat02.jpg) no-repeat right bottom; position: absolute; left: 0; height: 235px; z-index: -1; }

.in_cateW .slider .li { padding:25px 10px 10px; transition:all .5s;

-webkit-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8) }

.in_cateW .slider .li .top_title { display: block; position: absolute; left:0; top: 0; text-align: center; color:#808080; font-size:34px; line-height: 100%; font-family: 'BebasNeue'; width: 100%; z-index: 2; }

.in_cateW .slider .li .column { padding-top: 0px; opacity: 0; filter: alpha(opacity=0); transition:all .5s;

}

.in_cateW .slider .li .cat_list { list-style: none; float: left; width:37%; position: relative; z-index: 5; padding-top: 51px; padding-right:12px }

.in_cateW .slider .li .cat_list li { margin-bottom: 13px; position: relative; padding-left: 28px; text-align: left; }

.in_cateW .slider .li .cat_list li:before { content:''; height: 1px; width: 15px; background:#dcdcdc; position: absolute; left: 0; top: 50%; display: inline-block; }

.in_cateW .slider .li .cat_list li:after { content:''; width: 7px; height: 7px; background:#dcdcdc; position: absolute; left: 15px; top: 50%; margin-top: -3px; border-radius:50%; display: inline-block; }

.in_cateW .slider .li .cat_list li a { font-size: 14px; color:#333333; font-family: 'poppins-semibold'; line-height: 20px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.in_cateW .slider .li .cat_list li a:hover { text-decoration: none; color:#f68d10; }

.in_cateW .slider .li .image { margin-top:25px }

.in_cateW .slider .li .image a { display:block }

.in_cateW .slider .li .wrap { float: left; width: 63%; text-align: left; overflow: hidden; position: relative; z-index: 5; padding-top: 30px; padding-left: 25px; }

.in_cateW .slider .li .wrap .title { display: block; font-size: 40px; line-height:44px; color:#333333; text-transform: uppercase; font-family: 'BebasNeue'; margin-bottom: 9px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }

.in_cateW .slider .li .wrap .title:hover { text-decoration: none; color:#f68d10; }

.in_cateW .slider .li .wrap .text { color:#808080; font-size: 12px; line-height: 24px; overflow: hidden; height: 48px; }

.in_cateW .slider .li .wrap .num { position: absolute; left: -40px; top: 20px; font-size: 150px; line-height: 70%; color:#333333; opacity: 0.05; filter: alpha(opacity=5); z-index: -1; font-family: 'BebasNeue'; }

.in_cateW .slider .li .wrap .main_more { margin-top:44px }

.in_cateW .slider .slick-center .li { -webkit-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0) }

.in_cateW .slider .slick-center .li .column { opacity: 1; filter: alpha(opacity=100); }

.in_cateW .slider .slick-center .top_title { opacity: 0; filter: alpha(opacity=0); }

.in_cateW .slick-prev { left:31%; top: 30%; opacity: 1; filter: alpha(opacity=100); }

.in_cateW .slick-next { right:31%; top: 30%; opacity: 1; filter: alpha(opacity=100); }

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

.in_cateW .slider .li .wrap .title {

font-size: 30px;

}

.in_cateW .slider .li .cat_list li a {

font-size:13px

}

}

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

 .in_cateW {

padding: 30px 0;

padding-bottom: 40px;

}

 .in_cateW .slider {

padding-bottom: 30px;

}

 .in_cateW .slider:after {

width:100%;

height:315px

}

 .in_cateW .slider .li .wrap {

position: inherit;

width: 100%;

margin: 0;

}

 .in_cateW .slider .li .column {

background:#fafafa;

height: auto;

padding-top: 20px;

}

 .in_cateW .slider .li .cat_list {

padding: 0;

display:none

}

 .in_cateW .slider .li .wrap {

padding: 20px;

border-top: 1px solid #e5e5e5;

margin-top: 10px;

}

 .in_cateW .slider .li .wrap .title {

font-size: 24px;

margin-bottom: 10px;

}

 .in_cateW .slider .li .wrap .text {

height: auto;

max-height: 72px;

}

 .in_cateW .slider .li .wrap .num {

display: none;

}

 .in_cateW .slider .li .cat_list li a {

font-size: 14px;

}

 .in_cateW .slick-dots {

display: block !important;

}

 .in_cateW .slick-prev {

display: none !important;

}

 .in_cateW .slick-next {

display: none !important;

}

 .in_title span {

font-size:32px;

line-height:34px

}

}

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

 .in_cateW .slider .li {

padding: 25px 10px;

}

.in_cateW .slider .li .wrap .title {

font-size: 24px;

}

 .in_title_box {

padding:15px

}

 .main_more .btn-title {

font-size:14px;

font-family:'poppins-semibold';

letter-spacing:0

}

}

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

 .in_cateW .slider:after {

display:none

}

 .in_titleW {

margin-bottom:0px

}

 .in_cateW .slider .li .wrap .main_more {

margin-top:20px

}

}

.in_aboutW { margin-top:100px; margin-bottom:85px }

.in_about_left { float:left; width:42%; position:relative; }

.in_about_left:after { position: absolute; top:-22px; right:-22px; content:''; display:block; width:425px; height:441px; background:url(../images/about_cut.png) no-repeat; }

.in_about_left .images { display:block; border:6px solid #f5f5f5; width:100%; overflow:hidden; position:relative; z-index:99; }

.in_about_left .images img { display:block; width:100%; max-width:100%; transition: all .9s;

}

.in_about_left .images:hover img { transform: scale(1.1); }

.in_years { position:absolute; bottom:110px; z-index:999; right:-22px; padding:25px 36px 15px 10px; border-radius:4px; background: #f68d10; background: -webkit-linear-gradient(top, #f0770b 0%, #ffaa17 100%); background: -moz-linear-gradient(top, #f0770b 0%, #ffaa17 100%); background: -o-linear-gradient(top, #f0770b 0%, #ffaa17 100%); background: -ms-linear-gradient(top, #f0770b 0%, #ffaa17 100%); background: linear-gradient(top, #f0770b 0%, #ffaa17 100%); display: flex; align-items: flex-end; }

.in_years span { font-size:126px; color:#ffffff; font-family: 'BebasNeue'; line-height:100px }

.in_years p { font-size:28px; line-height:36px; font-family: 'BebasNeue'; color:#ffffff; margin-left:20px; max-width:105px }

.in_about_right { float:left; width:58%; padding-left:90px }

.in_about_right .in_title { text-align:left }

.in_about_right .in_title span:before { margin:0 0 15px }

.in_about_right>p { font-size:14px; line-height:24px; color:#333333; height:48px; overflow:hidden; font-family:'poppins-semibold'; margin-top:18px; }

.in_about_right .text { overflow:hidden; color:#666666; font-size:12px; line-height:30px; max-height:120px; margin-top:23px; margin-bottom:37px; }

/* Numbers */

.numbers { margin-top:55px; }

.numbers .mun_main { padding:40px 0px; position:relative; cursor:pointer; }

.numbers > .container > div { position: relative; z-index:100; }

.number-plus .numbers__num { position:relative; }

.numbers__one { position:relative; }

.numbers__body { display: flex; align-items: center }

.numbers__one .h4 { font-size:26px; color:#333; text-transform:uppercase; margin-top:26px; }

.numbers__one .img { position: relative; z-index: 555; width: 90px; margin-bottom:15px }

.numbers__one .img img { max-width:90px; }

.numbers__one:hover .img img { filter:FlipH; transform: rotateY(180deg); }

.numbers__num { color:#f68d10; font-size:62px; line-height:62px; display:inline-block; font-family: 'BebasNeue'; margin-bottom:5px; }

.numbers__one .num { width:105px; min-width:105px; margin-left:14px; margin-right:14px; color: #f68d10; font-size: 62px; font-family: 'BebasNeue'; }

.numbers__one .num i { font-style: normal; font-size:62px; line-height: 62px; font-family: 'BebasNeue'; }

.number__desc>span { font-size:26px; line-height:28px; position: relative; color: #333333; display:block; font-family: 'BebasNeue'; }

.number__desc>p { font-size:12px; line-height:22px; color:#888888; overflow:hidden; max-height:44px; margin-top:8px }

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

 .in_about_left {

width:50%

}

 .in_about_right .text {

margin:17px 0 15px

}

 .in_aboutW {

margin-top:75px

}

 .in_about_right {

padding-left:50px;

width:50%

}

}

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

 .numbers {

margin-top:20px

}

 .in_about_left:after {

width:337px;

height:360px;

right:-10px;

top:-10px

}

 .in_years {

padding:12px 16px 8px 10px;

right:-10px;

bottom:42px;

}

 .in_years span {

font-size:90px;

line-height:70px

}

 .in_years p {

font-size:22px;

line-height:24px;

margin-left:10px

}

 .in_aboutW {

margin:50px 0

}

}

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

 .numbers {

display:none

}

 .in_aboutW {

margin:0 0 35px

}

}

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

 .in_about_left {

width:100%;

}

 .in_about_right {

width:100%;

padding-left:0;

margin-top:30px

}

}

.in_proW { background:url(../images/pro_bg.jpg) no-repeat center; background-size:cover; padding:72px 0 60px; margin-top:0; }

.in_proW .in_title span { color:#fff; }

.in_proW .in_title p { color:#ececec; }

.in_proW .slider { margin:20px -15px 0 }

.in_proW .li { text-align:center; padding:15px; }

.in_proW .li .in_proL_m { background:#fff; transition: all .9s;

position:relative; ; }

.in_proW .li .in_proL_m .smailtitle { position:absolute; top:12px; left:12px; }

.in_proW .li:hover .in_proL_m { }

.in_proW .li .img { overflow:hidden; display:block; width:100% }

.in_proW .li .img img { max-width: 100%; width: 100%; height: auto;  transition: all .9s;

}

.in_proW .li:hover .img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.in_proW .li .wary { padding:0 25px 12px; }

.in_proW .li a.title { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:18px; color:#333333; margin-top:19px; margin-bottom:9px; }

.in_proW .li:hover a.title { color:#f68d10; }

.in_proW .li p { color:#888888; line-height:20px; height:40px; font-size:12px; overflow:hidden; }

.in_proW .slick-dots { display:none !important }

.in_proW .slick-prev { width:23px; height:44px; position:absolute; left:-40px; top:50%; vertical-align: middle; opacity:1; transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; border:none; opacity:1; margin-top:-15px; border:none; background:url(../images/prev_p.png) no-repeat center; }

.in_proW .slick-next { width:23px; height:44px; position:absolute; right:-40px; top:50%; vertical-align: middle; opacity:1; transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; border:none; opacity:1; margin-top:-15px; border:none; background:url(../images/next_p.png) no-repeat center; }

.in_pro_more { text-align:center; margin-top:52px; }

.in_proW .slick-prev:before, .in_proW .slick-next:before { display:none }

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

.in_proW .slider {

margin:20px -10px 0

}

 .in_proW .li {

padding:0 10px

}

 .in_proW .slick-prev {

left:0

}

 .in_proW .slick-next {

right:0

}

}

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

 .in_pro_more {

margin-top:30px

}

}

.in_newsW { background:url(../images/news_bg.jpg) no-repeat center top; background-size:100%; padding:70px 0 }

.in_newsW .in_newsL { list-style: none; margin:36px -15px 0 }

.in_newsW .in_newsL li { list-style:none }

.in_newsW .in_newsL li .column { position: relative; background:#f8f8f8; }

.in_newsW .in_newsL li .image { position: relative; overflow: hidden; }

.in_newsW .in_newsL li .image > a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 10; }

.in_newsW .in_newsL li .image img {

transition: all .9s; width:100%; }

.in_newsW .in_newsL li:hover .image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) }

.in_newsW .in_newsL li .image .ovrly { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:#000; opacity: 0; filter: alpha(opacity=0); transition:all .5s;

}

.in_newsW .in_newsL li:hover .image .ovrly { opacity: 0.3; filter: alpha(opacity=30); }

.in_newsW .in_newsL li .page_date_box { left: 20px; top: 20px; position: absolute; z-index: 5; }

.in_newsW .in_newsL li:hover .page_date_box { color: #fff; background-color:#f68d10; }

.in_newsW .in_newsL li .wrap { padding: 23px 20px 21px; text-align: left; }

.in_newsW .in_newsL li .title { display:block; font-size: 16px; color: #333333; line-height: 28px; overflow: hidden; height:28px; margin-bottom: 7px; font-family: 'poppins-semibold'; }

.in_newsW .in_newsL li:hover .title { text-decoration:none; color:#f68d10; }

.in_newsW .in_newsL li .text { color:#808080; font-size: 12px; overflow: hidden; line-height: 24px; max-height: 48px; margin-bottom: 14px; }

.in_newsW .in_newsL li:hover .page_date_box p { color:#fff; }

.in_newsW .in_newsL li:hover .page_date_box em { color:#fff; }

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

.in_newsW .in_newsL {

list-style: none;

margin:20px -5px 0

}

 .in_newsW .in_newsL li {

padding: 0 5px;

}

 .in_newsW {

padding:50px 0

}

}

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

 .news_content {

padding-bottom: 20px;

padding-top: 40px;

}

 .in_newsW .in_newsL li {

padding: 0;

margin-bottom: 25px;

width:100%

}

 .in_newsW .in_newsL li .wrap {

padding: 10px;

padding-top: 25px;

}

 .in_newsW .in_newsL li .page_date_box {

left: 10px;

top: -10px;

}

 .in_newsW .in_newsL li .title {

font-size: 14px;

margin-bottom: 10px;

line-height: 24px;

max-height: 48px;

}

 .in_newsW .in_newsL li .text {

margin: 0;

}

}

.in_serW { background-size:cover; background-repeat:no-repeat; padding:50px 0 40px; }

.in_ser { position:relative; max-width:610px; margin:0 0 0 auto; padding:60px 30px 60px 97px; background:rgba(246, 141, 16, 0.8); clip-path: polygon(9% 0, 100% 0%, 100% 100%, 0% 100%); }

.in_ser:after { content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:10px; background:rgba(246, 141, 16, 0.5); clip-path: polygon(9% 0, 100% 0%, 100% 100%, 0% 100%); }

.in_ser .in_title { text-align:left; position:relative; z-index:98 }

.in_ser .in_title span:before { margin:0 0 15px; background:#fff; }

.in_ser .in_title span { color:#fff; }

.in_ser .text { margin-top:22px; color:#ffffff; font-size:13px; line-height:32px; overflow:hidden; max-height:224px; position:relative; z-index:99 }

.in_ser .main_more { margin-top:32px; background:#fff; z-index:99 }

.in_ser .main_more .btn-title { color:#333333 }

.in_ser .main_more .btn-curve { background:#f4f4f4 }

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

 .in_serW {

padding:40px 0

}

 .in_ser {

padding:50px 30px 50px 87px

}

}

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

 .in_ser {

padding:50px 30px 50px;

background:rgba(246, 141, 16, 0.95);

clip-path: polygon(0% 0, 100% 0%, 100% 100%, 0% 100%);

}

 .in_ser:after {

display:none

}

}

.in_newsletterW { background:url(../images/send_bg.jpg) no-repeat center; background-size:cover; padding:40px 0 40px }

.in_newsletter { display: flex; align-items: center; justify-content: space-between; }

.in_newsletterW .in_title { text-align:left }

.in_newsletterW .in_title span:before { margin:0 0 15px }

.in_newsletterW .in_title p { height:24px }

.in_newsletterW .letter_box { padding-top:0; max-width:498px; min-width:498px }

.in_newsletterW .letter-input { max-width:100%; position:relative; }

.in_newsletterW .letter-input:before { content:''; width: 21px; height:21px; background:url(../images/send_icon.png) no-repeat; position: absolute; left:15px; top:15px; }

.in_newsletterW .letter-input .fot_input { background: rgba(255, 255, 255, 0.1); height:50px; color:#808080; line-height:48px; width:100%; padding-left:50px; padding-right:60px; font-size:12px; border:1px solid rgba(0, 0, 0, 0.1); color:#808080 }

.in_newsletterW .letter-input .fot_input:focus { color:#333; border-color:#ccc; }

.in_newsletterW .letter-input input.send { background:#f08500 url(../images/send_btn.png) no-repeat center; width:100%; height:100%; display:inline-block; width:60px; height:50px; position:absolute; right:0; bottom:0; z-index: 99; }

.in_newsletterW .letter-input .fot_input:-ms-input-placeholder {

color:#808080;

}/* Internet Explorer 10+ */

.in_newsletterW .letter-input .fot_input::-webkit-input-placeholder {

color:#808080;

}/* WebKit browsers */

.in_newsletterW .letter-input .fot_input::-moz-placeholder {

color:#808080;

}/* Mozilla Firefox 4 to 18 */

.in_newsletterW .letter-input .fot_input:-moz-placeholder {

color:#808080;

}/* Mozilla Firefox 19+ */

/*footer*/

.footer { position: relative; z-index: 2; background:#fcfcfc; overflow:hidden; padding-top:0; background-size: cover; border-top: 5px solid #f68d10; }

.footer .container { position: relative; }

.footer .fot_title { position:relative; display:block; margin-bottom:17px; }

.footer .fot_title em { display:block; color:#333333; font-size:22px; line-height:30px; text-transform:uppercase; font-family:'BebasNeue'; }

.footer ul, .foot_bot ul { list-style:none; }

.icon-minus-sign:before { content:"\f068"; font-family:'FontAwesome'; }

.icon-plus-sign:before { content: "\f067"; font-family:'FontAwesome'; }

.fot_title .column_icon_toggle { display: none; }

.social_icons { list-style:none; padding-top:20px; }

.social_icons li { display:inline-block; padding:0 8px; margin-bottom:5px; }

.fot_con { border-bottom: 1px solid #e5e5e5; margin-bottom: 49px; }

.fot_con li { display: flex; align-items: center; ; position: relative; }

.fot_con li .column { display: inline-flex; align-items: center; padding: 45px 0; position:relative }

.fot_con li .column .icon { min-width: 57px; max-width: 57px; height: 55px; background-repeat:no-repeat; position: relative; z-index: 2; margin-left: 34px; }

.fot_con li .column .wrap { padding-left: 22px; position:relative; z-index:9 }

.fot_con li .column em { display: block; font-size: 22px; color:#f68d10; line-height: 100%; margin-bottom: 10px; font-family: 'BebasNeue'; text-transform:uppercase }

.fot_con li .column p { color: #666666; font-size: 12px; line-height: 24px; margin: 0; max-width: 300px; }

.fot_con li .column p a { color: #666666; font-size: 13px; line-height: 24px; }

.fot_con li .column p a:hover { color:#f68d10; }

.fot_con li:before { position: absolute; content: ''; width: 1px; height: 100%; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.1); }

.fot_con li:after { position: absolute; content: ''; width: 5px; height: 5px; left: -2px; bottom: -3px; background-color: #f68d10; border-radius: 50%; }

.fot_con li:first-child:before { display: none; }

.fot_con li:first-child:after { display: none; }

.fot_tag { float: left; width:25%; padding-right: 30px; }

.fot_tag li { margin-bottom: 10px; }

.fot_tag li a { position: relative; display:inline-block; font-size:14px; color:#666666; transition:all .5s;

line-height:20px; text-transform: capitalize; }

.fot_tag li a:hover { color:#f68d10; }

.fot_pro { float: left; width:25%; padding-right: 30px; }

.fot_pro li { margin-bottom: 10px; }

.fot_pro li a { position: relative; display:inline-block; font-size:14px; color:#666666; transition:all .5s;

line-height:20px; text-transform: capitalize; }

.fot_pro li a:hover { color:#f68d10; }

.fot_nav { float: left; padding-right: 30px; width:18%; }

.fot_nav li { margin-bottom: 10px; }

.fot_nav li a { position: relative; display:inline-block; font-size:14px; color:#666666; transition:all .5s;

line-height:20px; text-transform: capitalize; }

.fot_nav li a:hover { color:#f68d10; }

.footer .fot_sitemap { float: left; width: 32%; padding-left:10px }

.footer .fot_sitemap .fot_sitemap_m { border:5px solid #fff; box-shadow:0 0 20px 4px rgba(0, 0, 0, 0.1) }

.footer .fot_sitemap .fot_sitemap_m img { max-width:100%; height:auto; width:100% }

.footer-bottom { text-align:center; position:relative; z-index: 10; padding-top: 25px; padding-bottom: 50px; background:#f68d10; margin-top: 50px; color:#808080; }

.footer-bottom .copy { color:#f5f5f5; font-size:12px; display: inline-block; }

.footer-bottom .copy a { color:#f5f5f5; font-size:12px; }

.footer-bottom .copy span, .footer-bottom .copy span a { color:#f5f5f5; }

.footer-bottom .copy a:hover, .footer-bottom .copy span a:hover { color:#fff }

.footer-bottom .foot_ipv6 { display:inline-block; color:#f5f5f5; font-size:12px; }

.footer-bottom .foot_ipv6 img { max-width:35px; margin-right:5px; }

.footer-bottom .fot_link { padding-top:0; color:#f5f5f5; line-height: 20px; margin-top: 3px; display: inline-block; }

.footer-bottom .friendly p { margin:0; display: inline-block; color:#808080; font-size:12px; }

.footer-bottom .friendly { display: inline-block; }

.fot-fri { list-style:none; display:inline-block; margin-left:5px }

.fot-fri p { display:inline-block; text-transform:capitalize; color:#f5f5f5; font-size:12px; }

.fot-fri li { display:inline-block; margin:0 4px; list-style:none }

.fot-fri li a { color:#f5f5f5; font-size:12px; }

.fot-fri li a:hover { color:#fff; }

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

.fot_con li .column .icon {

margin-left:5px

}

.fot_con li .column .wrap {

padding-left:10px

}

.fot_con li .column p a {

font-size:14px

}

}

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

 .in_newsletter {

display:block;

}

 .in_newsletterW .in_title {

text-align:center

}

 .in_newsletterW .letter_box {

margin:15px auto 0;

min-width: initial;

}

 .in_newsletterW .in_title span:before {

margin:0 auto 15px

}

}

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

 .footer {

padding:0 0 20px 0;

}

 .footer .fot_tag, .footer .fot_nav, .footer .fot_con, .footer .fot_mes, .footer .fot_pro, .footer .fot_sub {

width:100%;

padding:0;

margin-bottom:10px;

}

 .footer .fot_title em, .foot_nav .fot_title em, .fot_nav .fot_title em {

margin-bottom:0;

font-size:18px;

line-height:24px;

padding-bottom:0;

}

 .footer .fot_title span {

display:none;

}

 .footer .fot_title, .foot_nav .fot_title, .fot_nav .fot_title {

display:block;

border-bottom:1px solid rgba(0, 0, 0, 0.1);

padding-bottom:10px;

cursor:pointer;

margin-bottom:10px;

font-size:16px;

position:relative;

color:#333;

}

 .footer .fot_title .column_icon_toggle {

display: inline-block;

position: absolute;

right:15px;

top:5px;

font-style:normal;

cursor:pointer;

font-size:14px;

font-weight:normal;

color:#333;

}

 .footer .toggle_content {

padding-bottom:30px;

padding-top:10px;

}

 .footer-bottom {

padding-top:10px;

margin-top: 0;

border-top: none;

}

 .fot_con li {

padding: 0;

min-height: 162px;

}

 .fot_con li .column {

padding:20px 0

}

 .fot_con li .column:after {

display:none

}

 .footer .fot_sitemap {

display:none

}

}

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

 .footer .fot_con {

border:none;

margin-bottom: 20px;

}

 .fot_con li {

min-height: inherit;

display: block;

text-align:left;

border-bottom: 1px solid #e5e5e5;

}

 .fot_con li:before {

display: none;

}

 .fot_con li:after {

display: none;

}

 .fot_con li .column em {

font-size: 16px;

}

}

.page_banner { background:#fff; text-align:center; overflow:hidden; position: relative; max-height: 450px; }

.page_banner img { max-width:100%; height:auto; width:100% }

.page_section { position:relative; padding-bottom:70px; padding-top:60px; }

.page_banner .main_title { position: absolute; left: 0; bottom:0; width: 100%; z-index: 99; margin: 0; padding-top:10px; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.7)); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(1, rgba(0, 0, 0, 0.7))); background:linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.7)); }

.page_banner .main_title em { color: #fff; font-size: 48px; line-height: 52px; text-transform: uppercase; position: relative; display: block; font-family: 'BebasNeue'; z-index: 2; margin-bottom: 20px; }

.breadcrumb { font-size:14px; border-radius:0; text-transform:capitalize; text-align:center; margin:0; margin-bottom:0; color:#808080; padding:10px 0 10px 0; width:100%; position:relative; z-index:5; background:#f7f7f7; }

.breadcrumb .main_title { margin-bottom:0; padding-bottom:0; padding-left:0; padding-top: 10px; }

.breadcrumb .main_title:before { opacity: 0.5; filter: alpha(opacity=50); }

.breadcrumb .main_title em { margin-bottom:10px; }

.breadcrumb .bread_right { padding-top:0; line-height:20px; font-size:14px; color:#808080; position: relative; z-index: 5; }

.breadcrumb .bread_right > i { margin:0 5px; display:inline-block; color:#808080; vertical-align: middle; }

.breadcrumb a.home i { margin-right:5px; }

.breadcrumb a { color:#808080; font-size:14px; text-transform: capitalize; display: inline-block; vertical-align: middle; }

.breadcrumb a:hover { color:#f68d10; }

.breadcrumb h2 { margin:0; display:inline-block; padding:0; font-size:14px; line-height:22px; max-width:300px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; color:#808080; vertical-align: middle; font-weight: normal; }

.page_section { position: relative; z-index: 15; padding-top: 0; background: #fff; background-size:100% }

.page_column { border-radius:0px; padding:50px 0 0; position:relative; }

.page_section .in_title2 span { font-size:40px; line-height:40px }

.page_section .in_title2 span:after { margin-top:18px }

.single-page .text { font-size:16px; line-height:28px; }

.single-page .text img { max-width:100%; height:auto; }

.single-page .text a:hover { color:#f68d10; }

.page_info_title h6 { display:inline-block; margin:0; font-size:36px; color:#333; text-transform:capitalize; line-height:42px; position:relative; }

.single_con_left { padding-left:0; padding-right:50px; }

.page_title { display:block; position:relative; text-align:center; margin-bottom:10px }

.page_title span { display:inline-block; position:relative; text-transform:uppercase; z-index:1; color:#333; margin:0; font-size:36px; line-height:36px; vertical-align: middle; font-family: 'BebasNeue'; }

.page_title i { width: 50px; height: 50px; margin-right: 5px; background: url(../images/con_message.png) no-repeat center center; display: inline-block; vertical-align: middle; }

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

 .breadcrumb .page_title {

float:none;

padding:0;

margin-bottom:10px;

text-align: center;

}

 .breadcrumb a, .breadcrumb > i, .breadcrumb h2 {

font-size:13px;

}

 .breadcrumb .bread_right {

float:none;

justify-content:center;

padding:0;

}

 .page_title {

margin-bottom:15px

}

}

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

 .page_section .in_title span {

font-size:24px

}

 .page_title span {

font-size:30px;

line-height:30px;

}

}

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

 .page_title span {

font-size:26px;

line-height:26px;

}

}

.page_section .title1 { display: block; position: relative; font-size: 32px; font-family: 'BebasNeue'; color:#333; line-height: 100%; padding: 15px; padding-left: 70px; margin-bottom: 20px; z-index: 5; text-transform:uppercase }

.page_section .title1:before { content:''; width: 70px; height: 70px; position: absolute; left:-10px; top:50%; margin-top:-35px; border-radius:50%; background:#f4f4f4 url(../images/page_conts.png) no-repeat center; }

.page_section .title1:after { content:''; width: 100%; height: 80%; transform: translate(0, -50%); position: absolute; left: 0; z-index: -1; top: 50%; background:linear-gradient(to right, rgba(244, 244, 244, 0.9), rgba(255, 255, 255, 0)); background-image: -moz-linear-gradient(right, rgba(244, 244, 244, 0.9), rgba(255, 255, 255, 0)); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(244, 244, 244, 0.9)), color-stop(1, rgba(255, 255, 255, 0))); }

.map { margin-top:50px; }

.map .title1:before { background:#f4f4f4 url(../images/map_icon.png) no-repeat center; }

.contact_info { position:relative; padding:80px 10px; z-index:2; overflow: hidden; background-size:300px; }

.contact_info:before { background:linear-gradient(180deg, rgba(0, 0, 0, 0) 10%, #333 90%); position:absolute; left:0; bottom:0; width:100%; height:60%; content:''; z-index:-1; display:block; filter:alpha(opacity=06); -moz-opacity:0.06; opacity:0.06; }

.contact_info ul { list-style:none; padding:0; padding-top:30px; }

.contact_info ul li { padding:0 20px; position:relative; z-index:2; text-align:center; }

.contact_info ul li .column { box-shadow:0 5px 27px rgba(0, 0, 0, .09); transition:all .5s;

padding:20px; padding-top:0; border-radius:0; position: relative; z-index: 5; text-align: center; min-height:220px; background:#fff; }

.contact_info ul li .column:hover { border-color:#f68d10; box-shadow:0 2px 30px 1px rgba(0, 0, 0, 0.05); }

.contact_info ul li em { display: block; font-size:17px; text-transform: uppercase; color:#333333; font-family:'poppins-semibold'; margin-bottom:15px; line-height:24px; margin-top: -10px; }

.contact_info ul li .txt { font-size:13px; line-height:20px; color:#808080; padding:0; width:100%; text-transform:uppercase; margin-top:15px; display: block; }

.contact_info ul li .icon { width: 80px; height: 80px; position: relative; z-index: 4; top:-40px; display:inline-flex; align-items: center; justify-content: center; }

.contact_info ul li .icon:after { content:''; width:100%; height:100%; top:0; left:0; position: absolute; z-index: -1; border-radius:30%; transform: rotate(45deg); -webkit-transform: rotate(45deg); -webkit-transition: all .5s;

transition: all .5s;

box-shadow: 0 -3px 7px 0 rgba(0, 0, 0, 0.07); background:#fff; }

.contact_info ul li:hover .icon:after { border-radius:50%; }

.contact_info ul li .icon:before { content:''; top:-5px; bottom:-5px; right:-5px; left:-5px; border-radius: 50%; border:1px solid #f68d10; transition:all .5s;

position: absolute; z-index: -1; opacity: 0; filter: alpha(opacity=0); }

.contact_info ul li:hover .icon:before { left:-20px; right:-20px; bottom:-20px; top:-20px; opacity: 0.2; filter: alpha(opacity=20); }

.contact_info ul li .icon span { display: inline-block; transition:all .5s;

width:48px; height:48px; background-repeat:no-repeat; background-image: url(../images/icon.png); }

.contact_info ul li:hover .icon span { -moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform:scaleX(-1); transform:scaleX(-1); filter:FlipH; transform: rotateY(180deg); }

.contact_info ul li p { font-size:14px; line-height:24px; margin:0; margin-bottom:5px; color:#4d4d4d; }

.contact_info ul li p a { color:#4d4d4d; }

.contact_info ul li p a:hover { color:#f68d10; }

.message_info { padding:80px 0; background:#fff; }

.message_wrap { padding-right:60px; position:relative; z-index:2; padding-left:0 }

.message_wrap .main_title { text-align: left; background-position: left top; align-items: center; }

.message_wrap .main_title .text { max-width: 100%; }

.message_wrap .column { position:relative; z-index:2; padding:50px 50px; padding-left:0; }

.message_wrap .column:before { content:''; border:10px solid #dce2e5; position:absolute; left:-50px; top:0; right:0; bottom:0; display:block; z-index:-1; }

.message_wrap .column .text { font-size:14px; line-height:20px; color:#808080; margin-bottom:20px; margin-top:20px; }

.message_wrap .send_column { background:#fff url(../images/bg_send.jpg) no-repeat 98% 20px; padding:40px; padding-bottom:50px; }

.contact_sns { padding-right:0; margin-top:0; padding-top:30px; }

.contact_sns .text { margin-bottom:15px; font-size:13px; color:#808080; line-height:20px; }

.contact_sns a { display:inline-flex; margin:5px; transition:all .5s;

width:38px; height:38px; border-radius:50%; transition:all .5s;

text-align:center; justify-content: center; align-items: center; }

.contact_sns a:hover { -moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform:scaleX(-1); transform:scaleX(-1); filter:FlipH; transform: rotateY(180deg); box-shadow:0 0 10px 2px rgba(0, 0, 0, 0.03); }

.contact_right { padding-right: 0; padding-left:0; }

.contact_right .text { font-size: 15px; line-height:28px; }

.page_send { display: block !important; }

.send_column { padding:50px 35px; position: relative; z-index:10; background:#fff url(../images/bg_send.jpg) no-repeat right 20px; border:5px solid #f2f2f2; bottom:0; border-radius:0px; }

.send_column .page_title { text-align:left; margin-bottom:20px }

.send_column .page_title .text { color:#666; font-size:13px; line-height:24px; max-height:48px; overflow:hidden; margin-top:15px }

.send_column ul { list-style:none; max-width:100%; padding-top:0; }

.send_column ul li { margin-bottom:20px; padding:0 10px; }

.send_column ul li p { border:1px solid #dedede; margin:0; margin-top:0; font-size:14px; margin-bottom:0; padding:10px 15px; background:#fff; border-radius:0; }

.send_column ul li p:before { margin-right:10px; color:#b4b4b4; content:"\f0ca"; font-family:'FontAwesome'; font-size:14px; }

.send_column ul li p a { color:red; text-decoration:underline; font-size:14px; display:inline-block; }

.send_column ul li span { display:block; position:relative; }

/*.send_column ul li span:after{content:'*';color:red;position:absolute;right:7px;top:0;z-index:2;line-height: 48px;z-index: 111;}*/

.send_column ul li span:before { content:''; position:absolute; right:10px; top:13px; width:28px; height:23px; display:inline-block; background-repeat: no-repeat; }

.send_column ul li span.ms_e:before { background-image: url(../images/mes_e1.png); }

.send_column ul li span.ms_p:before { background-image: url(../images/mes_p1.png); }

.send_column ul li span.ms_m:before { background-image: url(../images/mes_m1.png); }

.send_column ul li span.ms_p:after { display:none; }

.send_column ul li input { background:none; height:54px; width:100%; line-height:54px; padding-left:15px; font-size:13px; color:#808080; border:1px solid #dedede; background:transparent; border-radius:2px; }

.send_column ul li textarea { height:100px; background:transparent; width:100%; max-width:100%; max-height:100px; font-size:13px; padding:10px 50px 10px 15px; color:#808080; border:none; border:1px solid #dedede; border-radius:2px; }

.send_column ul li input:focus, .send_column ul li textarea:focus { color:#333; border-color:#f68d10; background:#fff; }

.send_column ul li input:-ms-input-placeholder {

color:#808080;

}/* Internet Explorer 10+ */

.send_column ul li input::-webkit-input-placeholder {

color:#808080;

}/* WebKit browsers */

.send_column ul li input::-moz-placeholder {

color:#808080;

}/* Mozilla Firefox 4 to 18 */

.send_column ul li input:-moz-placeholder {

color:#808080;

}/* Mozilla Firefox 19+ */

 .send_column ul li textarea:-ms-input-placeholder {

color:#808080;

}/* Internet Explorer 10+ */

.send_column ul li textarea::-webkit-input-placeholder {

color:#808080;

}/* WebKit browsers */

.send_column ul li textarea::-moz-placeholder {

color:#808080;

}/* Mozilla Firefox 4 to 18 */

.send_column ul li textarea:-moz-placeholder {

color:#808080;

}/* Mozilla Firefox 19+ */

.send_column .main_more { margin-top:0; }

.send_column .main_more input { background:none; border:none }

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

 .contact_info ul li {

padding:0;

width:100%

}

 .send_column ul li {

padding: 0;

}

 .send_column ul li p a {

font-size:12px;

}

 .send_column ul li p {

border-radius:0;

}

 .send_column ul li input {

border-radius:0;

padding-left:10px;

}

 .send_column ul li textarea {

border-radius:0;

padding-left:10px;

}

}

 @media only screen and (min-width: 1260px) {

 .single_con_column .send_column h6 {

padding-left:120px;

background-position:60px bottom;

}

}

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

.message_wrap {

width:100%;

padding:0

}

 .single_con_column {

width:100%;

padding:30px 0;

}

 .contact_list {

margin-bottom:0;

padding:0;

}

 .page_section .mes_box {

display:block;

padding:0;

margin-top:20px;

width:100%;

}

 .page_con_column {

padding:0;

padding-top:30px;

width:100%;

}

 .page_section .send_column {

width:100%;

padding:30px 20px;

}

 .page_send {

background-size:cover;

margin-bottom:-50px;

}

 .contact_right {

padding-left:0;

width:100%;

padding-top:30px;

padding-right:0;

}

 .page_section .title1 {

font-size:28px

}

}

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

 .single_con_column .send_box {

display:block;

width:100%;

}

 .message {

z-index:9999;

}

 .map {

border:none;

padding:0;

margin-top:0;

}

 .single_con_column .send_column {

bottom: 0;

margin-top:30px;

}

 .contact_sns a {

margin: 3px;

}

 .con_main {

margin-top:20px;

}

 .page_section .send_column ul li {

padding:0;

}

 .message_info {

padding:50px 0;

}

 .message_wrap {

padding: 0;

}

 .message_wrap .send_column {

padding: 30px 15px;

}

 .map .map_column {

bottom:-20px;

}

}

/*sitemap*/

.sitemap { width:100%; }

.stp-listA>li { text-transform:capitalize; margin-bottom:5px; list-style:none; background:#fafafa; border-radius:2px; }

.stp-top { width:100%; background:#f2f2f2; padding:10px 20px; border-radius:2px; }

.stp-top .page_info_title { font-size:14px; line-height:24px; display:block; text-transform:uppercase; background-repeat:no-repeat; background-position:90% center; transition:all .5s;

padding-right:20px; font-family: 'poppins-semibold'; }

.stp-top .page_info_title:before { display:none; }

.stp-top .page_info_title:hover { text-decoration:none; color:#f68d10; padding-left:2px; }

.stp-listB { display:block; padding:15px; border-top:none; padding:20px; list-style:none; }

.stp-listB>li { width:25%; padding:8px 10px; float:left; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; }

.stp-listB>li>a { font-size:14px; line-height:22px; display:block; color:#4d4d4d; font-family: 'poppins-semibold'; text-transform:capitalize; }

.stp-listB>li>a i { padding-right:5px; }

.stp-listB>li:hover>a { color:#f68d10; }

.stp-listB li .stp-listC { width:100%; padding-top:15px; list-style:none; }

.stp-listB li .stp-listC li { width:100%; margin-bottom:8px; font-family:'poppins-regular'; }

.stp-listB li .stp-listC li a { color:#808080; font-size:14px; -webkit-transition:all var(--transition-time, 500ms); -o-transition:all var(--transition-time, 500ms); transition:all var(--transition-time, 500ms); }

.stp-listB li .stp-listC li a i { padding-right:5px; }

.stp-listB li .stp-listC li a:hover { color:#f68d10; padding-left:5px; }

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

 .stp-listB>li {

width:50%;

padding:4px 0;

}

 .stp-top {

padding:15px;

}

 .stp-top .page_info_title {

font-size:16px;

line-height:24px;

}

 .stp-listB {

border-width:1px;

padding:20px 15px;

}

 .stp-listB li .stp-listC {

border-bottom:1px solid #eee;

}

}

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

 .stp-listB li {

width:100%;

margin-right:0;

margin-bottom:2%;

}

}

.page_date { display: inline-block; color: #888888; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 0px; }

/*left*/

.page-left { width:24%; float:left; margin-top:0; }

.left_title { display:block; position:relative; margin-bottom:10px; border-radius:0; }

.left_title em { font-family:'poppins-semibold'; display:block; position:relative; z-index:1; color:#333; font-size:20px; text-transform:uppercase; }

.left_title em:before { content:''; margin-left:0; display:inline-block; -webkit-mask-repeat:no-repeat; -webkit-mask-size:100%; width:20px; height:21px; transition:all .5s;

vertical-align:middle; margin-right:5px; margin-top:-4px; background:url(../images/icon_box2.png) no-repeat; background-size: 100%; }

.left-cat .left_title em:before { background:url(../images/icon_list.png) no-repeat; float:right; margin-top:5px; margin-right:0; background-size:100%; }

.left-cat .left_title { padding:12px 15px; margin-bottom:0; background:#f68d10; }

.left-cat .left_title em { color:#fff; }

.left_title .column_icon_toggle { display: none; }

.left-cat .left_title>span i.icon:before { content:"\f0ca"; font-family:FontAwesome; }

.left-cat .left_title:before, .left-cat .left_title:after { display:none; }

ul.mtree { opacity: 0; margin-left: 0; border:1px solid #e5e5e5; border-bottom:none; padding:5px 0; border-bottom:1px solid #e5e5e5; border-radius:0 0 0 0; background:#fff; }

ul.mtree>li { list-style: none; position:relative; }

ul.mtree>li>a { font-size:15px; padding:10px 0 10px 10px; transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; padding-right:30px; border-bottom:1px solid #e5e5e5; display: flex; align-items: center; text-transform: capitalize; }

ul.mtree>li>a img { max-width: 32px; margin-right:5px; }

ul.mtree>li:last-child >a { border-bottom:none; }

ul.mtree>li>a p { margin: 0; padding-left:5px; }

ul.mtree>li>a span { max-width:36px; min-width:36px; }

ul.mtree a { display: block; font-size:12px; color:#555555; -moz-transition: all 0s; -o-transition: all 0s; -webkit-transition: all 0s; transition: all 0s; padding:10px 0; line-height:22px; padding-right:30px; }

ul.mtree li ul a { padding:6px 10px; padding-right:30px; }

ul.mtree.transit > li.mtree-open>b:before, ul.mtree .mtree-level-1 li.mtree-open>b:before { content:"\f106"; font-family:FontAwesome; font-size:18px; color:#f68d10; font-style:normal; position:absolute; right:0; top:0; width:30px; height:42px; text-align:center; z-index:99; display: flex; align-items: center; justify-content: center; }

ul.mtree .mtree-level-1 li.mtree-open>b:before { color:#f68d10; height: 40px; }

ul.mtree.transit li.mtree-closed>b:before, ul.mtree .mtree-level-1 li.mtree-closed>b:before { content:"\f107"; font-family:FontAwesome; font-size:18px; color:#333; font-style:normal; position:absolute; right:0; top:0; width:30px; height:100%; text-align:center; z-index:99; display: flex; align-items: center; justify-content: center; }

ul.mtree.transit > li:hover.mtree-closed>b:before { color:#f68d10; }

ul.mtree li ul a li a { padding-left:20px; }

ul.mtree>li:hover>a { color:#f68d10; padding-left:15px; }

ul.mtree>li .active { color:#f68d10; padding-left:15px; }

ul.mtree>li.mtree-node a ul a { font-size:12px; }

ul.mtree>li.mtree-open { padding-bottom:0; }

ul.mtree>li.mtree-open>a { padding-left:14px; color:#f68d10; }

ul.mtree>li.mtree-node:hover>a { color:#f68d10; }

ul.mtree>li.mtree-open:hover>a { color:#f68d10; }

ul.mtree .mtree-level-1 li.mtree-closed>span { color:#f68d10; text-decoration:none; }

ul.mtree ul { border:none; margin-bottom:10px; }

ul.mtree ul li { list-style:none; position:relative; padding-bottom:0; }

ul.mtree ul li a { display:block; color:#333; font-size:14px; border-bottom:1px solid #ebebeb; }

ul.mtree>li>ul>li>a { font-size:14px !important; font-weight:normal; position:relative; transition:all .5s;

padding-top:8px; padding-bottom:8px; padding-left:15px; padding-right:0; background:#f7f7f7; }

ul.mtree>li>ul>li:nth-child(2n+2)>a {

background: #f2f2f2;

}

ul.mtree>li>ul>li>a:hover { color:#f68d10; text-decoration:none; padding-left:20px; }

ul.mtree>li>ul>li>a:before { content:''; width:3px; background:#f68d10; height:100%; position:absolute; left:-10px; top:0; transform: scaleX(0); transform-origin: 0 0 0; transition: all 0.4s ease 0s; }

ul.mtree>li>ul>li>a:hover:before { opacity:1; visibility:visible; transform:scaleX(1); }

ul.mtree>li>ul>li>a i { color:#ccc; font-size:12px; margin-right:10px; margin-left:6px; }

ul.mtree>li>ul>li>a:before { content:""; }

ul.mtree ul li:hover a { color:#f68d10; }

ul.mtree li ul li.mtree-open a { color:#f68d10; text-decoration:none; }

ul.mtree .mtree-level-2 { margin-top:0px; border:none; padding:0px; margin-bottom:0; border-bottom:1px solid #eee; padding:5px; }

ul.mtree .mtree-level-2 li:last-child a { border-bottom:none; }

ul.mtree li ul.mtree-level-2 li a { color:#333; font-weight:normal; font-size:14px; padding-left:10px; font-family:'poppins-regular' }

ul.mtree li ul.mtree-level-2 li a:before { content:''; width: 4px; height: 4px; background-color: #d9d9d9; display:inline-block; vertical-align: middle; margin-right:5px; border-radius:50%; }

ul.mtree .mtree-level-2 li a:hover { text-decoration:underline; color:#f68d10; font-weight:normal; }

ul.mtree .mtree-level-2 li a:hover:before { background:#f68d10; }

ul.mtree.jet ul { margin-left: 0; }

ul.mtree.jet li { margin-bottom: 1px; }

ul.mtree.jet li:last-child { margin-bottom: 0px; }

ul.mtree.jet li:first-child { margin-top: 1px; }

ul.mtree.jet li.mtree-active a { background: #e5e5e5; }

ul.mtree.jet li.mtree-active li:last-child > a { border-radius: 0px 0px 3px 3px; }

ul.mtree.jet li.mtree-active > a { background: #f68d10; color: #FFF; border-radius: 3px 3px 0px 0px; }

ul.mtree.jet li > a:hover { background: #f68d10; color: #FFF; }

ul.mtree.jet a { padding: 5px 0px 5px 1em; }

ul.mtree.jet li li > a { padding-left: 2em; }

ul.mtree.jet li li li > a { padding-left: 3em; }

ul.mtree.jet li li li li > a { padding-left: 4em; }

ul.mtree.jet li li li li li > a { padding-left: 5em; }

ul.mtree a:hover { text-decoration:none; }

.mtree-skin-selector { display:none!important; }

.page_date { display:inline-block; color:#808080; text-transform: uppercase; font-size:12px; transition:all .5s;

vertical-align: middle; text-align: center; }

.page_date:before { content:''; width: 16px; height: 16px; background:url("../images/news_date.png") no-repeat; margin-right: 5px; display: inline-block; vertical-align: middle; }

.page_date em, .page_date p { display: inline-block; margin: 0; color:#fff; font-size: 20px; line-height: 30px; }

.page_date_box { width:65px; transition:all .5s;

text-align: center; display: inline-block; padding:8px 10px 4px 8px; background:#fff; font-family: 'BebasNeue'; text-transform: uppercase; font-size: 30px; line-height: 90%; }

.page_date_box p { margin: 0; font-size: 20px; font-family: 'BebasNeue'; color:#333333; }

.page_date_box em { display: block; margin-bottom: 0; color:#333333; }

.page_date_box:hover { background-color:#f68d10; }

.page_date_box:hover p { color:#fff; }

.page_date_box:hover em { color:#fff; }

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

 .page_date {

max-width: 100%;

}

 .page_date em, .page_date p {

font-size: 14px;

line-height:20px;

}

 .page_date_box {

width: auto;

padding: 5px;

background:#f68d10;

font-family: 'poppins-regular';

color: #fff;

line-height: 16px;

display: inline-flex;

align-items: center;

justify-content: center;

}

 .page_date_box p {

font-size: 12px;

margin-bottom: 0;

margin-right: 2px;

font-family: 'poppins-regular';

color:#fff

}

 .page_date_box em {

font-size: 12px;

margin: 0;

font-family: 'poppins-regular';

color:#fff

}

}

.page_more { display:inline-block; color:#f68d10; text-transform:uppercase; font-size:14px; margin-top:3px; font-family:'poppins-semibold'; line-height:20px; letter-spacing:1px; }

.page_more:hover { color:#f68d10; text-decoration:underline; }

.page_more:after { content: ""; display: inline-block; margin-left: 10px; width: 14px; height: 14px; background:url(../images/more_icon1.png) no-repeat;  transition: all .5s;

vertical-align: middle; margin-top: -3px; }

.page_more:hover:after { animation: scroll_right_anim 1.5s infinite; }

 @-webkit-keyframes spin {  from {

-webkit-transform:rotate(0deg);

transform:rotate(0deg)

}

to { -webkit-transform:rotate(360deg); transform:rotate(360deg) }

}

@keyframes spin {  from {

-webkit-transform:rotate(0deg);

transform:rotate(0deg)

}

to { -webkit-transform:rotate(360deg); transform:rotate(360deg) }

}

@keyframes scroll_right_anim { 0% {

transform: translateX(-3px);

}

50% {

transform: translateX(3px);

}

100% {

transform: translateX(-3px);

}

}

/*hot_pro*/

.left-pro { margin-top:30px; }

.left-pro ul { padding-top:10px; }

.left-pro ul li { background:#fff; list-style:none; margin-bottom:10px; transition:all .5s;

padding:10px; margin-bottom:15px; border:2px solid #eee; position:relative; }

.left-pro ul li:hover { background:#fff; box-shadow:0 5px 9px rgba(0, 0, 0, 0.08); -webkit-box-shadow:0 5px 9px rgba(0, 0, 0, 0.08); -moz-box-shadow:0 5px 9px rgba(0, 0, 0, 0.08); transform:translate3d(0, -3px, 0); -webkit-transform:translate3d(0, -3px, 0); }

.left-pro ul li:before, .left-pro ul li:after { content:''; display:block; position:absolute; top:-2px; left:-2px; right:-2px; bottom:-2px;  transition:all .5s;

filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }

.left-pro ul li:before { border-top:2px solid #f68d10; border-bottom:2px solid #f68d10; transform-origin:0 0; -webkit-transform-origin:0 0; transform:scale(0, 1); -webkit-transform:scale(0, 1); }

.left-pro ul li:after { border-left:2px solid #f68d10; border-right:2px solid #f68d10; transform-origin:100% 0; -webkit-transform-origin:100% 0; transform:scale(1, 0); -webkit-transform:scale(1, 0); }

.left-pro ul li:hover:before, .left-pro ul li:hover:after { border-color:#f68d10; transform:scale(1); -webkit-transform:scale(1); filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }

.left-pro ul li:hover:after { transition-delay:.15s;

-webkit-transition-delay:.15s;

}

.left-pro ul li .main { width:60%; float:left; padding-left:10px; position:relative; z-index:10; }

.left-pro ul li .title { font-size:14px; line-height:24px; max-height:72px; display:block; overflow:hidden; margin:0; margin-bottom:10px; }

.left-pro ul li .title:hover { color:#f68d10; }

.left-pro ul li .image { float:left; width:40%; transition-duration: 0.6s; transition-timing-function: ease-out; overflow:hidden; position:relative; transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; position:relative; z-index:10; }

.left-pro ul li .image a { position:absolute; left:0; top:0; width:100%; height:100%; display:block; z-index:5; }

.left-pro ul li .image img { max-width:100%; height:auto; display:block; position:relative; -webkit-transition:all var(--transition-time, 800ms); -o-transition:all var(--transition-time, 800ms); transition:all var(--transition-time, 800ms); }

.left-pro ul li:hover .image img { -webkit-transform:scale(var(--scale-multiplier, 1.05)); -ms-transform:scale(var(--scale-multiplier, 1.05)); transform:scale(var(--scale-multiplier, 1.05)); }

.left-pro ul li .image .icon { position:absolute; left:50%; top:50%; margin-left:-20px; margin-top:-20px; background:#0094ff; width:40px; height:40px; border-radius:50%; transition:all .5s;

text-align:center; padding:12px 0; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }

.left-pro ul li:hover .image .icon { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }

.left-pro ul li .image .icon p { display:inline-block; -webkit-mask:url(../images/icon_plus.png); -webkit-mask-repeat:no-repeat; width:14px; height:14px; -webkit-mask-size:100%; background-image:linear-gradient(135deg, #fff 0%, #fff 100%); transition:all .5s;

}

.left-pro ul li:hover .image .icon p {

-webkit-animation:spin .6s ease-out;

animation:spin .6s ease-out; background-image:linear-gradient(135deg, #ffffff 0%, #ffffff 100%); }

.page-right { width:76%; padding-left:50px; float:right; }

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

 .page-title em {

font-size:24px;

}

 .page-left {

width:100%;

float:none;

margin-bottom:30px;

}

 .left-pro, .left-con, .left-video, .left-solu, .left-work {

margin-top:0;

padding:0;

border:none;

}

 .left_title {

margin-bottom:10px;

margin-bottom:0;

padding:8px 10px;

border-radius:0;

background:#313131;

}

 .left-cat .left_title {

padding: 8px 10px;

}

 .left_title>em {

margin:0;

font-size:14px;

color:#fff;

padding:0;

line-height:24px;

text-transform:uppercase;

}

 .left_title em:before {

display:none

}

 .page-left .left_title>span {

display:none;

}

 .left-con .left_title {

display:block;

}

 .left_title .column_icon_toggle {

display: inline-block;

position: absolute;

right:15px;

top:7px;

font-style:normal;

cursor:pointer;

font-size:14px;

font-weight:normal;

color:#fff

}

 .page-right {

width:100%;

padding:0;

float:none;

}

 .left-cat {

margin-bottom:10px;

}

 .left-cat .left_title em {

font-size:16px;

}

 .left-cat .left_title em:before {

display:none

}

}

/*page-number*/

.page_num { width:100%; margin:auto; text-align:left; background:#f5f5f5; border-radius:0; padding:10px 15px; border-radius:0; margin-top:30px; }

.page_num span { display:inline-block; color:#fff; background:#f68d10; font-size:12px; text-transform:capitalize; padding:0; vertical-align:middle; width:36px; height:36px; line-height:36px; transition:all .5s;

position:relative; border-radius:0; font-family:'poppins-semibold'; text-align: center; border-radius:2px; }

.page_num a { background:#fff; padding:0; display:inline-block; text-transform:capitalize; font-size:12px; position: relative; z-index: 0; vertical-align:middle; line-height:36px; transition:all .5s;

color:#555; border-radius:2px; width:36px; height:36px; text-align: center; }

.page_num a:hover { background:#f68d10; text-decoration:none; color:#fff; border-color:#f68d10; }

.page_num a.page-num-current { background:#f68d10; text-decoration:none; color:#fff; border-color:#f68d10; }

.page_num a i { line-height:36px; }

.page_num p { display:inline-block; font-size:13px; margin:0; margin-top:7px; font-family:'poppins-regular'; float:right; }

.page_num p:before { content:'['; padding-right:3px; }

.page_num p:after { content:']'; padding-left:3px; }

.page_num p strong { display:inline-block; margin:0 5px; font-weight:normal; color:#f68d10; }

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

 .page_num {

border-radius: 0;

text-align: center;

padding:10px;

margin-top:10px;

}

 .page_num a, .page_num span {

width: 30px;

height:30px;

line-height:30px;

font-size:12px;

}

 .page_num a i {

line-height: 30px;

}

 .page_num p {

float: none;

display: block;

}

}

/*page-turning*/

.navigation { width:100%; list-style:none; margin-top:20px; padding-top:10px; }

.navigation li { width:calc(100% - 0px); float:left; text-align:left; margin-bottom:10px; }

/*.navigation li.next_post{float:right;text-align:right;}*/

.navigation li a { padding-top:10px; padding-bottom:10px; position:relative; display:block; transition:all .5s;

padding-left:60px; background:#f4f4f4; }

.news_detail_info .navigation li a { background:#f3f3f3; }

.navigation li a:hover { text-decoration:none; }

/*.navigation li.next_post a{padding-right:50px;}*/

.navigation li a:before { font-family:'FontAwesome'; font-size:16px; position:absolute; top:50%; width:40px; height:40px; line-height:39px; border-radius:0px; text-align:center; transform:translateY(-50%); -webkit-transform:translateY(-50%); transition:all .5s;

background-color:#fff; }

.news_detail_info .navigation li a:before { background-color:#fff; }

.navigation li.prev_post a:before { left:10px; content:"\f077"; }

.navigation li.next_post a:before { left:10px; content:"\f078"; }

.navigation li a:hover:before { background:#f68d10; color:#fff; border-color:#f68d10; }

.navigation li a .meta_nav { display:inline-block; font-size:16px; text-transform:uppercase; color:#808080; margin-bottom:0; line-height:24px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; transition:all .5s;

font-family:'poppins-semibold'; }

.navigation li a:hover .meta_nav { color:#f68d10; }

.navigation li a .post_title { font-size:14px; overflow:hidden; line-height:20px; max-height:40px; margin:0; transition:all .5s;

font-weight: normal; }

.navigation li a:hover .post_title { color:#f68d10; }

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

 .navigation {

border:none;

padding-top:0;

margin-bottom:0;

}

 .navigation li {

width:100%;

background:#f7f7f7;

border-radius:0;

padding:0 10px;

margin-bottom:10px;

}

 .navigation li.prev_post a {

padding-left:50px;

}

 .navigation li.next_post a {

padding-left:50px;

}

 .navigation li.prev_post a:before {

left:0;

}

 .navigation li.next_post a:before {

left:0;

}

 .navigation li a:before {

width:40px;

height:40px;

line-height:40px;

background:#fff;

}

 .navigation li a .meta_nav {

font-size:18px;

color:#f68d10;

margin-bottom: 0;

}

 .navigation li a {

padding-top:10px;

padding-bottom:10px;

background-color:transparent;

}

 .navigation li a .post_title {

font-size:14px;

}

}

.project_list { list-style:none; }

.project_list li { margin-bottom:20px; padding:0 10px; text-align:left; }

.project_list li .image { display: block; position: relative; overflow: hidden; transition:all .5s;

}

.project_list li .image > a { display: block; z-index: 10; position: absolute; left:0; top:0; width:100%; height:100%; }

.project_list li .image img {

transition:all .9s; max-width:100%; width:100%; }

.project_list li:hover .image img { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1) }

.project_list li .image .ovrly { display: block; position: absolute; left:0; top: 0; width:100%; height:100%; background:#565554; transition:all .5s;

opacity: 0; filter: alpha(opacity=0); }

.project_list li:hover .image .ovrly { opacity: 0.6; filter: alpha(opacity=60); }

.project_list li .image .icon { position:absolute; display:inline-block; top:50%; left:50%; margin-left:-34px; margin-top:-34px; width:68px; height:68px; border-radius:50%; background:#f68d10 url(../images/icon_link.png) no-repeat center center; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; box-shadow:0 5px 40px 2px rgba(0, 0, 0, 0.1); transition:all .5s;

z-index:2; -webkit-transform:scale(var(--scale-multiplier, 0.8)); -ms-transform:scale(var(--scale-multiplier, 0.8)); transform:scale(var(--scale-multiplier, 0.8)); }

.project_list li .image .icon:after { content:''; background:#f68d10; position:absolute; left:-10px; top:-10px; right:-10px; bottom:-10px; filter:alpha(opacity=10); -moz-opacity:0.1; opacity:0.1; transition:all .5s;

border-radius:50%; z-index: -1; }

.project_list li:hover .image .icon { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -webkit-transform:scale(var(--scale-multiplier, 1)); -ms-transform:scale(var(--scale-multiplier, 1)); transform:scale(var(--scale-multiplier, 1)); }

.project_list li .wrap { padding: 25px 15px; background:#f7f7f7; text-align:center }

.project_list li .title { color:#333333; font-size:16px; line-height: 28px; max-height:56px; display: block; overflow: hidden; margin-bottom:10px; transition:all .5s;

font-family:'poppins-semibold'; margin-top:0; }

.project_list li:hover .title { text-decoration: none; color:#f68d10 }

.project_list li .text { color:#808080; font-size:14px; overflow:hidden; max-height:48px; line-height: 24px; }

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

 .project_list li {

padding: 0;

width:100%;

}

 .project_list li .title {

height:auto;

max-height:48px;

font-size:16px;

}

 .project_list li .wrap {

padding:15px 15px;

}

 .project_list li .title {

margin-bottom: 10px;

font-size: 14px;

}

}

.video_l { list-style:none; }

.video_l li { padding:0 10px; margin-bottom:25px; text-align:left; }

.video_l li:nth-child(3n+1) {

clear: both;

}

.video_l li .image { position: relative; box-shadow:0 5px 40px 2px rgba(0, 0, 0, 0.1); }

.video_l li .image > a { position:absolute; left:0; top:0; width:100%; height:100%; display:block; z-index:20; }

.video_l li .image .img { overflow:hidden; display: block; }

.video_l li .image img { max-width:100%; height:auto; width:100%; transition:all .9s;

}

.video_l li:hover .image img { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1) }

.video_l li .image .icon { display: inline-flex; position:absolute; bottom:-28px; left:50%; background:#de1a1a; border-radius:50%; width:56px; height:56px; transform: translate(-50%, 0); z-index: 5; align-items: center; justify-content: center; }

.video_l li .image .icon:before { content:''; position: absolute; left:-15px; top:-15px; right:-15px; bottom:-15px; z-index: -1; background:#de1a1a; border-radius:50%; opacity: 0.05; filter: alpha(opacity=5); transition:all .5s;

}

.video_l li:hover .image .icon:before { left:-25px; right:-25px; bottom:-25px; top:-25px; opacity: 0; filter: alpha(opacity=0); }

.video_l li .image .icon i { color:#fff; font-size:16px; }

.video_l li .wrap { border:1px solid #eee; padding:20px 20px; padding-top:40px; transition:all .5s;

border-top:none; text-align: center; background: #fff url(../images/bg_video.png) no-repeat 110% 101%; }

.video_l li:hover .wrap { box-shadow:0 5px 27px rgba(0, 0, 0, 0.15); }

.video_l li .line { display: inline-block; width:80px; height:1px; background:#565554; transition:all .5s;

}

.video_l li:hover .line { width:100px; background:#222 }

.video_l li .title { display:block; font-size:18px; line-height:24px; max-height:48px; overflow:hidden; margin-top:0; margin-bottom:15px; }

.video_l li:hover .title { color:#222; text-decoration:none; }

.video_l li .text { color:#808080; font-size:14px; line-height:24px; overflow:hidden; height:48px; margin-top:10px; }

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

 .video_l li {

padding:0 5px;

}

 .video_l li .wrap {

padding: 20px 10px;

padding-top:30px;

}

 .video_l li .image .icon {

width:48px;

height:48px;

bottom:-20px;

}

 .video_l li .line {

display: none;

}

 .video_l li .text {

font-size: 12px;

}

}

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

 .video_l li {

padding:0;

width:100%;

}

 .video_l li .title {

height:auto;

max-height:48px;

font-size:14px;

}

 .video_l li .main_more {

display: none;

}

}

.news li { position: relative; margin-bottom:0; border-radius:0; transition:all .5s;

z-index:10; list-style: none; }

.news li .column { display: flex; align-items:center; border-bottom:1px solid #e5e5e5; transition:all .5s;

padding-bottom:20px; margin-bottom:20px; position: relative; }

.news li:hover .column { border-color:#f68d10; }

.news li .image { position: relative; overflow: hidden; min-width: 300px; max-width: 300px; }

.news li .image > a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 10; }

.news li .image img {

transition: all .9s; width:100%; }

.news li:hover .image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) }

.news li .image .ovrly { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:#000; opacity: 0; filter: alpha(opacity=0); transition:all .5s;

}

.news li:hover .image .ovrly { opacity: 0.5; filter: alpha(opacity=50); }

.news li .page_date_box { left: 20px; top: 20px; position: absolute; z-index: 5; }

.news li:hover .page_date_box { color: #fff; background-color:#f68d10; }

.news li .wrap { padding:15px 0; padding-left: 20px; }

.news li .title { display: block; font-size:16px; line-height:24px; overflow: hidden; max-height:48px; margin-bottom:10px; font-family:'poppins semibold'; margin-top: 0; }

.news li .title:hover { color:#f68d10; text-decoration: none; }

.news li .text { color:#808080; font-size:12px; line-height:24px; overflow: hidden; max-height:48px; margin-bottom:15px; }

.news li:hover .page_date_box p { color:#fff; }

.news li:hover .page_date_box em { color:#fff; }

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

 .news li .image {

min-width: 180px;

max-width: 180px;

padding-right: 0;

}

 .news li .wrap {

padding:0;

}

 .news li .column {

padding-top: 25px;

}

 .news li .main_more {

margin-top: 0;

}

 .news li .page_date_box {

left: 0;

top: -10px;

}

}

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

 .news li {

margin-bottom:20px;

}

 .news li .column {

border-width: 1px;

}

 .news li .image {

display: none;

}

 .news li .wrap {

padding:0;

}

 .news li .title {

font-size:14px;

margin-bottom:10px;

margin-top:0;

}

 .news li .text {

font-size:12px;

line-height:20px;

height:40px;

margin-bottom:10px;

}

 .news li .page_more {

display: none;

}

}

.news_detail_info { text-align:left; }

.news_detail_info .news_detail_title p { font-size:18px; display:block; color:#333; line-height:24px; margin-bottom:10px; margin-top:0; font-family: 'poppins-semibold'; }

.news_detail_info .txt { font-size:14px; line-height:24px; margin-top:20px; text-align:left; font-family:'poppins-regular'; }

.news_detail_info .txt img { max-width:100%; height:auto; }

.news_detail_info .txt a { color:#f68d10; }

/*blog*/

.page_info_right { padding-right:40px; float:right; padding-left:0 }

.page_info_left { float:right; }

.left-blog { margin-bottom:30px; }

.left-blog .left_title { display:none; }

.left-blog .left_title>span i.icon:before { content:"\f0c1"; font-family:FontAwesome; }

.blog-list { list-style:none; margin-bottom:20px; }

.blog-list p, .blog-cat p { display:block; margin-bottom:20px; text-transform:capitalize; font-size:18px; padding-bottom:5px; color:#333333; position:relative; font-family: 'poppins-semibold'; }

.blog-list p i, .blog-cat p i { padding-right:5px; color:#f68d10; font-size:16px; }

.blog-list p:before, .blog-cat p:before { content:''; width:100%; height:1px; display:inline-block; position:absolute; right:20%; left:0; bottom:0; background:#e5e5e5; }

.blog-list p:after, .blog-cat p:after { content:''; width:7px; height:7px; border-radius:50%; display:inline-block; background:#e5e5e5; position:absolute; right:0; bottom:-3px; }

.blog-list li { display:block; position:relative; margin-bottom:5px; transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; overflow:hidden; padding-bottom:5px; }

.blog-list li a { font-size:14px; color:#787878; line-height:20px; padding:0; display:inline-block; overflow:hidden; text-transform:capitalize; position:relative; transition:all .5s;

}

.blog-list li a:hover { color:#f68d10; text-decoration:none; padding-left:12px; }

.blog-list li a:before { content:''; position:absolute; left:-8px; top:50%; display:inline-block; height:1px; width:8px; background:#f68d10; transition:all .5s;

}

.blog-list li a:hover:before { left:0; }

.blog-cat { list-style:none; margin-bottom:10px; }

.blog-cat li { display:inline-block; margin:5px; }

.blog-cat li a { display:inline-block; border:2px solid #eee; padding:2px 10px; border-radius:25px; font-size:13px; transition:all .5s;

}

.blog-cat li a:hover { color:#fff; background:#f68d10; border:2px solid #f68d10; text-decoration:none; }

.blog_list { list-style:none; }

.blog_list li { border-bottom:1px solid #e5e5e5; padding-bottom:20px; margin-bottom:20px; position:relative; }

.blog_list li .image { display:block; overflow:hidden; margin-bottom:20px; }

.blog_list li .image img { max-width:100%; height:auto; -webkit-transition:all var(--transition-time, 800ms); -o-transition:all var(--transition-time, 800ms); transition:all var(--transition-time, 800ms); }

.blog_list li:hover .image img { -webkit-transform:scale(var(--scale-multiplier, 1.05)); -ms-transform:scale(var(--scale-multiplier, 1.05)); transform:scale(var(--scale-multiplier, 1.05)); }

.blog_list li .title { font-family:'poppins-semibold'; color:#333333; font-size:18px; line-height:28px; overflow:hidden; max-height:56px; display:block; margin-bottom:8px }

.blog_list li .title:hover { color:#f68d10; text-decoration:underline; }

.blog_list li .text { color:#666; font-size:14px; line-height:24px; height:48px; overflow:hidden; margin-top:10px; }

.blog_list li .wrap_more { margin-top:20px; }

.post_blog_tag { margin-top:15px; border-radius: 0; margin-bottom:15px }

.post_blog_tag>p { display:inline-block; font-size:16px; text-transform:uppercase; margin:0; color:#f68d10; font-family:'poppins-semibold'; }

.post_blog_tag>p i { color:#f68d10; margin-right:5px; }

.post_blog_tag li { display:inline-block; margin:5px 0 0 5px; position:relative; border:none; padding:0; }

.post_blog_tag li a { display:inline-block; background:#eee; font-size:14px; border-radius:0; line-height:20px; color:#4d4d4d; padding:5px 15px; transition:all .5s;

text-transform: capitalize; }

.post_blog_tag li:hover a { box-shadow:0 2px 4px rgba(0, 0, 0, 0.06); text-decoration:none; background:#f68d10; color:#fff; border-color:#ba251d; }

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

 .left-blog {

padding:0;

border:none;

margin-bottom:0;

}

 .blog_list li .right {

padding-left:65px;

width:100%;

}

 .left-blog .left_title {

display:block;

}

 .blog-list p, .blog-cat p {

font-size:15px;

line-height:20px;

}

 .blog-list {

padding-top:20px;

}

 .page_info_right {

padding:0

}

}

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

 .blog_list li {

padding-top:0;

}

 .blog_list li .date {

left:0;

}

 .blog_list {

border:none;

}

 .blog_tag>p {

display:block;

}

 .blog_list li .right {

padding-left:80px;

}

 .blog_list li .main-more {

padding:6px 20px;

}

}

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

 .blog_list li .date {

position:inherit;

width:100%;

}

 .blog_list li .date span {

border-radius:0;

height:auto;

width:auto;

padding:0 20px;

border-radius:25px;

}

 .blog_list li .date>span p {

display:inline-block;

padding-left:5px;

}

 .blog_list li .right {

padding:0;

padding-top:10px;

}

 .blog_list li .more {

letter-spacing:0;

}

 .blog_list li .title {

font-size:14px;

line-height:20px;

max-height:60px;

font-family:'poppins-semibold';

}

}

.download_info_list { list-style: none; }

.download_info_list li { margin-bottom:20px; }

.download_info_list li .wrap { border:2px solid #ebebeb; background:#fff url(../images/down_bg1.jpg) no-repeat 98% 5px; transition:all .5s;

padding: 20px; position: relative; }

.download_info_list li:hover .wrap { border-color:#f68d10; box-shadow:0 5px 9px rgba(0, 0, 0, 0.08); -webkit-box-shadow:0 5px 9px rgba(0, 0, 0, 0.08); -moz-box-shadow:0 5px 9px rgba(0, 0, 0, 0.08); transform:translate3d(0, -3px, 0); -webkit-transform:translate3d(0, -3px, 0); }

.download_info_list li .wrap > a { position:absolute; left:0; top:0; width:100%; height:100%; display:block; z-index:10; }

.download_info_list li .wrap > a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 10; }

.download_info_list li .wrap .icon { display: inline-block; width: 65px; height: 65px; background:url(../images/pdf.png) no-repeat; transition:all .5s;

background-position: 0 0; }

.download_info_list li .wrap:hover .icon { background-position:0 -65px; }

.download_info_list li .wrap .title { display: block; margin-top: 15px; color:#4c4c4c; font-size: 16px; line-height: 24px; font-family: 'poppins-semibold'; margin-bottom: 10px; }

.download_info_list li .wrap:hover .title { color:#f68d10; text-decoration: none; }

.download_info_list li .wrap .date { font-size: 12px; display: inline-block; line-height: 18px; color:#808080; }

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

 .download_info_list li {

padding:0;

}

 .download_info_list li .wrap {

padding:15px;

}

 .download_info_list li .wrap > .title {

font-size:14px;

}

}

/*products*/

.pro_top .pro-img { padding:0; }

.pro_top .pro-img img { max-width:100%; height:auto; }

.pro-text { color:#333; background:#f7f7f7; padding:20px; margin-bottom:10px; border-radius:0; }

.pro-text .column { line-height:24px; font-size:14px; overflow:hidden; }

.pro-text img { max-width:100%; height:auto; }

.cbp-vm-switcher { width:100%; margin-bottom:30px; }

.cbp-vm-options { text-align:right; margin-bottom:0; margin-bottom:10px; }

.cbp-vm-options em { display:inline-block; float:left; font-family:'poppins-semibold'; font-size:20px; color:#4d4d4d; text-transform:uppercase; line-height:38px; }

.cbp-vm-options a { display: inline-block; vertical-align:middle; padding:10px; overflow: hidden; white-space: nowrap; border-radius:50%; color: #333; border:1px solid #efefef; margin-left:10px; float:right; }

.cbp-vm-options span { display:inline-block; float:right; font-size:12px; color:#ccc; }

.cbp-vm-options a:hover, .cbp-vm-options a.cbp-vm-selected { color: #fff; background:#f68d10; border-color:#f68d10; }

.cbp-vm-options a:before { font-size: 14px; text-align: center; display: inline-block; }

/* General list */

.cbp-vm-switcher>ul { list-style: none; padding: 0; }

/* Clear eventual floats */

.cbp-vm-switcher ul:before, .cbp-vm-switcher ul:after { content: " "; display: table; }

.cbp-vm-switcher ul:after { clear: both; }

.cbp-vm-switcher>ul>li { display: block; position: relative; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; list-style:none }

.cbp-vm-image .cbp-image-hover { display:none; position:absolute; left:0; top:0; width:100%; height:100%; transition:all .5s;

filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }

.cbp-vm-switcher ul li:hover .cbp-vm-image .cbp-image-hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }

.cbp-vm-switcher ul li > div { position:relative; display:block; border:1px solid #f2f2f2; padding:0; border-radius:0; transition:all .5s;

padding:1px; }

.cbp-vm-switcher>ul>li .cbp-vm-image { display: block; overflow:hidden; position: relative; z-index: 2; }

.cbp-vm-image > a { position:absolute; right:0; top:0; display:block; z-index:5; width:100%; height:100%; }

.cbp-vm-image img { max-width:100%; height:auto; transition:all .5s;

}

.cbp-vm-switcher>ul>li:hover .cbp-vm-image img { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1) }

.cbp-vm-switcher>ul>li .cbp-list-left .line { display: inline-block; width:0; background:#fff; height:1px; transition:all .5s;

}

.cbp-vm-switcher>ul>li:hover .cbp-list-left .line { width: 60px; background-color:#f68d10; }

.cbp-vm-details { font-size:14px; line-height:24px; height:48px; overflow:hidden; color:#808080; }

/* Common icon styles */

.cbp-vm-icon:before { font-family: 'fontawesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }

.cbp-vm-grid:before { content: "\f00a"; }

.cbp-vm-list:before { content: "\f039"; }

.cbp-vm-add:before { content: "\f055"; }

/* Large grid view */

.cbp-vm-view-grid ul { text-align: left; }

.cbp-vm-view-grid ul { margin:0 -10px }

.cbp-vm-view-grid ul li { width:33.32%; float:left; text-align: center; display: inline-block; vertical-align: top; padding:5px 10px; position:relative; list-style:none; }

.cbp-vm-view-grid ul li:nth-child(3n+1) {

clear:both

}

.cbp-vm-view-grid ul li .cbp-list-left { padding-top:20px; padding-top:0; text-align:center; position:relative; overflow:hidden; }

.cbp-vm-view-grid ul li .cbp-title { display:block; color:#333333; font-size:16px; line-height:26px; overflow:hidden; height:52px; margin-bottom:10px; font-family: 'poppins-semibold'; }

.cbp-vm-view-grid ul li:hover .cbp-title { color:#f68d10; }

.cbp-vm-view-grid ul li .cbp-vm-details .text { color:#808080; font-size:12px; line-height:20px; overflow:hidden; height:40px; margin-top:10px; }

.cbp-vm-view-grid ul li .cbp-list-more { display:none; }

.cbp-vm-view-grid ul li .more { display: none; }

.cbp-vm-view-grid .post_blog_tag { display:none; }

.cbp-vm-view-grid .cbp-list-center { padding:10px; position:relative; z-index: 2; background:#fff; transition:all .5s;

}

.cbp-vm-view-grid .smailtitle { position:absolute; top:12px; left:12px; color: #000; z-index: 1000; }

.cbp-vm-view-grid ul li:hover .cbp-list-center { background:#f7f7f7; }

.cbp-vm-view-grid .cbp-vm-details { margin-top:5px; margin-bottom:10px; }

/* List view */

.cbp-vm-view-list>ul { margin:0; margin-top:20px; }

.cbp-vm-view-list>ul>li { text-align:left; border-bottom:1px solid #eee; padding:20px 0; }

.cbp-vm-view-list>ul>li:first-child { padding-top:0; }

.cbp-vm-view-list li:before, .cbp-vm-view-list li:after { content: " "; display: table; }

.cbp-vm-view-list li:after { clear: both; }

.cbp-vm-view-list>ul>li > div { padding:0; border:none; }

.cbp-vm-view-list .cbp-vm-image, .cbp-vm-view-list .cbp-vm-title, .cbp-vm-view-list .cbp-vm-details, .cbp-vm-view-list .cbp-vm-price, .cbp-vm-view-list .cbp-vm-add { display: inline-block; vertical-align: middle; }

.cbp-vm-view-list .cbp-vm-image { width: 40%; text-align:center; display:inline-block; position:relative; vertical-align:middle; float:left; border:1px solid #f2f2f2; background:#fff; transition:all .5s;

}

.cbp-vm-view-list ul li:hover .cbp-vm-image { border-color:#f68d10; }

.cbp-vm-view-list ul li>div .cbp-list-center { width:60%; display:inline-block; }

.cbp-vm-view-list ul li .cbp-title { display:block; color:#333333; font-size:16px; line-height:24px; overflow:hidden; max-height:48px; font-family: 'poppins-semibold'; margin-bottom:10px; }

.cbp-vm-view-list ul li:hover .cbp-title { color:#f68d10; text-decoration:none; }

.cbp-vm-view-list ul li .cbp-vm-details { margin-top:0; height:auto; padding:0; max-height:48px; font-size:14px; }

.cbp-vm-view-list ul li .cbp-vm-details .text { color:#999; font-size:12px; line-height:20px; overflow:hidden; max-height:60px; }

.cbp-vm-view-list>ul>li .cbp-list-left .line { display: none; }

.cbp-vm-view-list ul li .post_blog_tag { margin-top:15px; }

.cbp-vm-view-list ul li .main_more a { font-size:12px; height:32px; line-height:32px; }

.cbp-vm-view-list .cbp-hover { display:none; }

.cbp-vm-view-list .cbp-list-center { width:76%; display:inline-block; vertical-align:middle; padding:0 0 0 15px; }

.cbp-vm-view-list .cbp-list-center .cbp-list-left { padding-left:0; }

.cbp-vm-view-list .cbp-list-more { display:block; margin-top:20px; float:right; padding-right:0; }

.cbp-vm-view-list .more .main_more .btn-title { line-height:40px; font-family: 'poppins-semibold'; font-size:13px; letter-spacing:0 }

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

.cbp-vm-view-grid ul li {

width: 33.33%;

}

}

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

 .pro-cat li {

margin-bottom:10px;

}

 .cbp-vm-options {

margin-top:0;

}

 .cbp-vm-view-list ul li .cbp-list-left .more {

letter-spacing:0;

}

 .pro_top .pro-img {

display:none;

}

}

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

 .pro-text .box {

max-height:336px;

overflow:hidden;

}

 .cbp-vm-view-grid ul {

margin:0 -5px

}

 .cbp-vm-view-grid ul li {

width: 50%;

padding:5px

}

.cbp-vm-view-grid ul li:nth-child(2n+1) {

clear:both

}

.cbp-vm-view-grid ul li:nth-child(3n+1) {

clear:none

}

 .cbp-vm-options {

text-align:center;

}

 .cbp-vm-view-list>ul>li {

width:100%;

}

 .cbp-vm-view-list ul li .cbp-vm-details {

height:40px;

line-height:20px;

}

 .cbp-vm-view-list .cbp-list-center {

width:100%;

margin-top:10px;

}

 .cbp-vm-view-list ul li .cbp-vm-details {

width:100%;

}

 .cbp-vm-view-list .cbp-vm-image {

width:100%;

}

 .cbp-vm-view-list ul li>div>div {

width:100%;

}

 .cbp-vm-view-grid ul li {

margin-bottom:0;

}

 .cbp-vm-view-list ul li .cbp-title {

font-size:14px;

}

 .cbp-vm-view-grid ul li .cbp-title {

font-size:14px;

margin-bottom:0;

}

 .cbp-vm-view-list .cbp-list-view {

display:none;

}

 .cbp-vm-view-grid ul li .cbp-vm-details {

display:none;

}

 .cbp-vm-view-list ul li>div .cbp-list-center, .cbp-vm-view-list .cbp-list-center .cbp-list-left {

width:100%;

padding:0;

}

 .cbp-vm-view-list .pro-list-tags p {

display:block;

}

 .cbp-vm-view-list .cbp-list-more {

padding:0;

}

 .cbp-vm-view-list .cbp-list-more .main-more {

display:inline-block;

margin-right:10px;

}

 .cbp-vm-view-grid .cbp-list-center {

padding:10px 0 10px 0;

}

 .cbp-vm-options em {

display:block;

float:none;

margin-bottom:10px;

}

 .cbp-vm-view-grid ul li .more {

display: none;

}

}

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

 .cbp-vm-view-grid ul li .cbp-title {

font-size:12px;

margin-top:0;

line-height:20px;

height:40px;

}

 .cbp-list-left {

padding:0;

}

 .cbp-vm-image .image_more {

display:none;

}

}

/* CSS for the loading div */



.sp-loading { text-align: center; max-width: 100%; border: 2px solid #fafafa; padding:2px; border-radius: 0; font-size: 12px; color: #888; }

.sp-loading img { max-width:100%; height:auto; }

/* Element wrapper */



.sp-wrap { display: none; line-height: 0; font-size: 0; border-radius: 3px; position: relative; /**************

	  Set max-width to your thumbnail width

	***************/

	text-align:center; max-width: 100%; width:100%; }

/* Thumbnails */



.sp-thumbs { text-align: left; display: block; padding:10px 0; }

.sp-thumbs a { position:relative; border:2px solid #e7f0f1; }

.sp-thumbs img { min-height: 56px; min-width: 56px; max-width: 56px; }

.sp-thumbs a:link, .sp-thumbs a:visited { width: 70px; height: 70px; overflow: hidden; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; display: inline-block; background-size: cover; background-position: center;  -webkit-transition: all .2s ease-out;

 -moz-transition: all .2s ease-out;

 -ms-transition: all .2s ease-out;

 -o-transition: all .2s ease-out;

 transition: all .2s ease-out;

margin:0 3px; }

.sp-thumbs a:hover { opacity: 1; border-color: #f68d10; }

/* Styles for the currently selected thumbnail */



.sp-thumbs a:active, .sp-thumbs a.sp-current { opacity: 1!important; position: relative; border-color:#f68d10; }

.sp-thumbs a.sp-current:after { transform:scaleX(1); visibility:visible; }

/* Image currently being viewed */



.sp-large { position: relative; overflow: hidden; top: 0; left: 0; width:100%; border:2px solid #eee; }

.sp-large a img { max-width: 100%; height: auto; width:100%; }

.sp-large a { display: block; }

/* Panning Zoomed Image */



.sp-zoom { position: absolute; left: -50%; top: -50%; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; display: none; }

/* Lightbox */



.sp-lightbox { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgb(0, 0, 0); background: rgba(0, 0, 0, .9); z-index: 9999999; display: none; cursor: pointer; }

.sp-lightbox img { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; max-width: 90%; max-height: 90%; border: 2px solid #fff; }

#sp-prev, #sp-next { position: absolute; top: 50%; margin-top: -25px; z-index: 501; color: #fff; text-decoration: none; background: #000; border-radius: 25px; border: 2px solid #fff; width: 50px; height: 50px; box-sizing: border-box;  transition: .2s;

text-align:center; }

#sp-prev { left: 14%; }

#sp-prev:before { content: "\f104"; font-family:'FontAwesome'; font-size:24px; line-height:46px; }

#sp-next { right: 14%; }

#sp-next:before { content: "\f105"; font-family:'FontAwesome'; font-size:24px; line-height:46px; }

#sp-prev:hover, #sp-next:hover { background: #444; }



/* Tweak styles for small viewports */



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

 #sp-prev {

left:10px;

}

 #sp-next {

right:10px;

}

}

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

 .sp-wrap {

 margin: 0 0 0;

}

 #sp-prev, #sp-next {

 top: auto;

 margin-top: 0;

 bottom: 25px;

}

}

.sp-current-big img { width:100%; }

.sp-large img { max-width:none; }

.pro_info_top { position:relative; z-index:2; margin-bottom:40px; }

.prom_img { padding:0; text-align:center; padding-right:40px; }

.prom-right { padding-left:30px; margin-bottom:20px; }

.prom-right>h1 { padding:0; margin:0; display:block; font-size:18px; text-transform:capitalize; color:#333; margin-bottom:20px; line-height:24px; font-family: 'poppins-semibold'; }

.prom-right>div.main { font-size:14px; line-height:24px; color:#808080; margin-bottom:20px; }

.prom-right { padding:30px 15px; background:#f7f7f7; }

.prom-right .pro-table { margin-bottom:0; border-top:1px solid #e5e5e5; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #e5e5e5; }

.prom-right .pro-table ul li { list-style:none; margin-bottom:8px; display:flex; align-items:center; }

.prom-right .pro-table ul li p { display:inline-block; font-size:13px; color:#808080; text-transform:capitalize; width:25%; margin:0; }

.prom-right .pro-table ul li span { color:#333; display:inline-block; font-size:14px; padding-left:5px; color:#333; }

.prom-right .mobile_inquiry { display: inline-block; }

.title_1 { text-align: left; background: url(../images/icon_send.png) no-repeat right top; background-size: 36px; }

.title_1 h4 { line-height: 46px; text-transform: uppercase; color: #333333; font-family: 'poppins-semibold'; font-size:26px; }

.mostBox { margin:0 0 30px 0; }

.mostBox .page_title { background:#fafafa; padding:0; }

.mostBox .page_title:before, .mostBox .page_title:after { display:none; }

.mostBox .page_title em { font-size:24px; line-height:30px; background:#0cb76c; color:#fff; text-transform:uppercase; padding:5px 10px; }

.mostBox .text { font-size:14px; line-height:24px; }

.mostBox .text em { font-style:italic; }

.mostBox .text img { max-width:100%; height:auto; }

.mostBox .text a:hover { color:#f68d10; }

.mostBox .text ul { padding-left:15px }

/*products-tab*/

#parentHorizontalTab02 { margin:0; text-align:left; padding:0px; text-align:left; margin-top:0; }

#parentHorizontalTab02 ul.resp-tabs-list { margin: 0px; padding: 0px; }

#parentHorizontalTab02 .resp-tabs-list li { list-style: none; cursor: pointer; margin:0; border:none; display:block; display:inline-block; position:relative; z-index:1; color:#4d4d4d; margin:0; font-size:16px; line-height:48px; vertical-align: middle; font-family: 'poppins-semibold'; text-transform:capitalize; padding: 0 25px; background: #f5f5f5 }

#parentHorizontalTab02 .resp-tabs-list li i { color:#fff; width:28px; height:28px; border-radius:50%; box-shadow:0 2px 5px 1px rgba(49, 176, 58, 0.2); display:inline-block; text-align:center; font-size:16px; line-height:28px; margin-right:10px; vertical-align:middle; background:#f68d10; }

#parentHorizontalTab02 .resp-tabs-list li.resp-tab-active { background: #f68d10; color:#fff }

#parentHorizontalTab02 em.resp-accordion { cursor: pointer; padding: 5px; display: none; padding:3px 10px !important; }

#parentHorizontalTab02 em.resp-accordion { font-size: 16px; margin: 0px; background:#f8f8f8; margin-bottom:1px; color:#333; font-style:normal; margin-bottom:10px; text-transform:uppercase; }

#parentHorizontalTab02 em.resp-tab-active { margin-bottom: 0px !important; }

#parentHorizontalTab02 em.resp-tab-title:last-child { border-bottom: 12px solid #c1c1c1 !important; background: blue; }

#parentHorizontalTab02 .resp-tab-content { display: none; }

#parentHorizontalTab02 .resp-content-active, #parentHorizontalTab02 .resp-accordion-active { display: block; }

#parentHorizontalTab02 .resp-tabs-container { background:#fff; padding:35px 0 }

#parentHorizontalTab02 .resp-vtabs ul.resp-tabs-list { float: left; width: 30%; }

#parentHorizontalTab02 .resp-vtabs .resp-tabs-list li { display: block; padding: 15px 15px !important; margin: 0 0 4px; cursor: pointer; float: none; }

#parentHorizontalTab02 .resp-vtabs .resp-tabs-container { padding: 0px; background-color: #fff; border: 1px solid #c1c1c1; float: left; width: 68%; min-height: 250px; border-radius: 4px; clear: none; }

#parentHorizontalTab02 .resp-vtabs .resp-tab-content { border: none; word-wrap: break-word; }

#parentHorizontalTab02 .resp-vtabs li.resp-tab-active { position: relative; z-index: 1; margin-right: -1px !important; padding: 14px 15px 15px 14px !important; border-top: 1px solid; border: 1px solid #5AB1D0 !important; border-left: 4px solid #5AB1D0 !important; margin-bottom: 4px !important; border-right: 1px #FFF solid !important; }

#parentHorizontalTab02 .resp-arrow { width: 0; height: 0; float: right; margin-top: 10px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 7px solid #c1c1c1; }

#parentHorizontalTab02 em.resp-tab-active span.resp-arrow { border: none; position:relative; }

#parentHorizontalTab02 em.resp-tab-active span.resp-arrow:after { content: "\f044"; font-family: "FontAwesome"; position: absolute; right: -6px; cursor: pointer; font-size: 20px; top: -8px; color: #fff }

#parentHorizontalTab02 em.resp-tab-active { background: #e60012 !important; color:#fff; }

#parentHorizontalTab02 .resp-easy-accordion em.resp-accordion { display: block; }

#parentHorizontalTab02 .resp-easy-accordion .resp-tab-content { border: 1px solid #f68d10; }

#parentHorizontalTab02 .resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #f68d10;/* !important;*/ }

#parentHorizontalTab02 .resp-jfit { width: 100%; margin: 0px; }

#parentHorizontalTab02 .resp-tab-content-active { display: block; }

.products > .title { display:block; position:relative; text-align:left; margin-bottom:20px; padding:2px 0; }

.products > .title i { background:#0d58cb; color:#fff; padding:10px; font-size:16px; border-radius:50%; vertical-align:middle; }

.products > .title h1 { margin:0; display:inline-block; color:#555555; text-transform:uppercase; font-size:28px; line-height:36px; position:relative; z-index:2; vertical-align:middle; margin-left:10px; }

#pro_inquiry { margin-bottom:35px }

#pro_inquiry .send_column { }

#pro_inquiry .send_column #email_form { box-shadow:none; padding:0; }

#pro_inquiry .send_column ul { padding-top:0; }

#pro_inquiry .main-more { margin-top:10px }

#pro_inquiry .main-more input { line-height:38px; height:38px; }

#pro_inquiry .main_title h6 { font-size:36px; line-height:40px; }

#pro_inquiry .send_column .text { max-width: 100%; margin-bottom:10px }

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

 .sp-thumbs a:link, .sp-thumbs a:visited {

width:70px;

height:70px;

}

 .products .pro_img {

width:100%;

padding:0;

}

 .products .pro-right {

width:100%;

padding:0;

padding-left:20px;

}

 .prom-right .pro-table ul li p {

width:24%;

}

 .prom_img {

margin-bottom:0;

padding-right:0

}

 .prom-right .pro-table {

margin-bottom:0;

}

 #pro_inquiry {

position:relative;

z-index:9999;

}

}

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

 .pro-right {

padding:0;

margin-top:0;

margin-bottom:20px;

}

 .sp-thumbs {

text-align:left;

}

 .prom-right .pro-table {

margin-top:10px;

padding:10px 0;

margin-bottom:0;

}

 .prom-right {

padding:10px;

margin-bottom:0;

}

 .pro_info_top:before {

width:100%;

}

 .products .pro_inquiry .message {

padding:0;

}

 .mostBox {

margin-top:0;

}

 .mostBox .tab-scroll {

margin-left:0;

padding-bottom:0;

}

 .products .pro-list-tags p {

display:block;

}

 .pro_message li .meInput, .pro_message li .meText {

width:100%;

}

 .pro_message .main_title {

text-align:center;

}

 .pro_message .main_title>em {

background-position:center bottom;

}

 .prom_main {

padding:40px 0;

}

 .prom_main .pro_con {

display:none;

}

 .products > .title {

margin-bottom:20px;

border-bottom:1px solid #e5e5e5;

padding-bottom:20px;

}

 .products > .title h1 {

font-size:24px;

line-height:28px;

max-width:70%;

margin-left:5px;

vertical-align:top;

}

 .pro_message form {

max-width:100%;

}

 .prom-right .main_more {

margin:15px 0 10px;

border-width:1px;

}

 .prom-right .main_more a {

padding-right:35px;

}

 .prom-right .main_more a:after {

right:15px !important;

}

 .page_downloadW {

padding:35px 0;

background-size: 70%;

}

 #parentHorizontalTab02 .resp-tabs-container {

padding:20px 0

}

 .page_section .title_1 h4 {

font-size:22px;

line-height:24px

}

 #parentHorizontalTab02 .resp-tabs-list li {

line-height: 36px;

padding:0 15px;

font-size:14px

}

}

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

 .products .pro-right {

margin-bottom:0;

}

 .prom-right .pro-table ul li p {

width:38%;

}

}

.page_proW { padding:60px 0; position:relative; z-index:5; overflow:hidden; background:#f7f7f7; }

.page_proW .container { position:relative; z-index:9 }

.page_pro .slider { margin-top:40px }

.page_pro .slider .li { padding: 0px 15px 0; text-align: center; }

.page_pro .slider .li .column { border:2px solid #ebebeb; position: relative; z-index: 5; padding:10px; background:#fff; }

.page_pro .slider .li .image { display: block; overflow:hidden; }

.page_pro .slider .li .image img {

transition: all .9s; width:100%; max-width:100%; }

.page_pro .slider .li:hover .image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) }

.page_pro .slider .li .wrap { padding:15px 5px; position: relative; z-index: 5; }

.page_pro .slider .li .title { display: block; font-size:15px; line-height:24px; overflow: hidden; height:48px; color:#333333; font-family:'poppins-semibold'; margin-bottom:15px; }

.page_pro .slider .li:hover .title { color:#f68d10; text-decoration: none; }

.page_pro .slider .li .text { color:#808080; font-size:13px; line-height:20px; overflow: hidden; height:40px; }

.page_pro .slick-dots { margin-top:30px }

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

 .page_proW {

padding:30px 0 30px;

}

 .page_pro .slider .li {

padding: 0 5px;

}

 .page_pro .slider .li .wrap {

padding:15px 10px;

}

 .page_pro .slider .li .wrap:after {

width: 3px;

}

 .page_pro .slider .li .title {

font-size: 14px;

margin-bottom: 10px;

}

}

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

 .page_pro .slider .li .title {

line-height:20px;

height:60px;

font-family:'Poppins-Light'

}

 .page_pro .slider .li .text {

display: none;

}

 .page_proW:after {

display:none

}

}

/*back-top*/

.back_top { width:48px; height:48px; text-align:center; position:fixed; right:5px; bottom:100px; z-index:99999999; display:none; background:#f68d10; background-size:cover; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; border-radius:50%; border:2px solid rgba(255, 255, 255, 0.1); }

.back_top:before { content:"\f106"; font-family:'FontAwesome'; color:#fff; font-size:22px; display:block; line-height:44px; }

.back_top:hover { text-decoration:none; box-shadow:0 0 10px 2px rgba(0, 0, 0, 0, 0.2); background:#0d0d0d; }

.back_top:hover:before { animation: scroll_up_anim 1.5s infinite; }

@keyframes scroll_up_anim { 0% {

transform: translateY(-3px);

}

50% {

transform: translateY(3px);

}

100% {

transform: translateY(-3px);

}

}

.back_top:link { text-decoration:none; }

.back_top:hover:before { color:#fff; text-decoration:none; }

#online_qq_layer { z-index:999999999; position:fixed; right:40px; bottom:6px; }

#floatShow { display:block; }

#floatHide { display:none; }

#online_qq_tab { position:relative; z-index:9; }

#online_qq_tab #floatShow { overflow:hidden; height:54px; width:200px; float:right; line-height:54px; padding-left:58px; position:relative; color:#fff; font-size:14px; border-radius:25px 25px 0 25px; text-transform:capitalize; box-shadow:0 0 13px 0 rgba(255, 255, 255, 0.2); -webkit-box-shadow:4px 5px 8px 0 rgba(0, 0, 0, 0.15); -webkit-transition:all var(--transition-time, 800ms); font-family: 'poppins-semibold'; -o-transition:all var(--transition-time, 800ms); transition:all var(--transition-time, 800ms); background: #f68d10; }

#online_qq_tab #floatShow i { height:44px; width:47px; background:url(../images/online.png) no-repeat 10px center; position:absolute; left:0; top:5px; display:inline-block; }

#online_qq_tab #floatShow:hover { margin-right:0; }

#online_qq_tab #floatHide { overflow:hidden; width:30px; height:30px; font-size:13px; float:right; color:#808080; line-height:50px; text-align:left; position:absolute; right:10px; top:10px; }

#online_qq_tab #floatHide i { width:20px; height:20px; display:flex; position:relative; flex-direction:column; justify-content:center; align-items:center; }

#online_qq_tab #floatHide i:before, #online_qq_tab #floatHide i:after { content:''; display:inline-block; background:#fff; width:20px; height:2px; margin:2px 0; }

#online_qq_tab #floatHide i:before { transform:rotate(45deg) translate(4px, 0px); -webkit-transform:rotate(45deg) translate(4px, 0px); }

#online_qq_tab #floatHide i:after { transform:rotate(-45deg) translate(4px, 0px); -webkit-transform:rotate(-45deg) translate(4px, 0px); }

#online_qq_tab #floatShow:hover, #online_qq_tab #floatHide:hover { text-decoration:none; }

#onlineService { display:inline; width:300px; overflow: hidden; display:none; background: #fff; font-size:12px; box-shadow:0 0 13px 0 rgba(151, 151, 151, 0.5); -webkit-box-shadow:0 0 13px 0 rgba(151, 151, 151, 0.5); border-top:none; }

#online_qq_layer .inquiry .main_more { margin-top:5px }

#online_qq_layer .inquiry .main_more input { line-height:38px; padding:0 20px }

#onlineService .title { display:block; font-size:14px; font-family: 'poppins-semibold'; padding:10px 20px; line-height:24px; text-transform:capitalize; margin-bottom:0; color:#fff; background: #f68d10; }

#onlineService .title b { color:#fff; font-weight:normal }

#onlineService .text { margin-bottom:10px; color:#808080; line-height:20px; font-size:12px; }

.i_message_inquiry .inquiry { padding:20px; }

.i_message_inquiry .inquiry .form-control { border:1px solid #e5e5e5; background:none; line-height:38px; height:40px; color:#808080; font-size:12px; width:100%; box-shadow:none; padding-right:45px; border-radius:0; padding-left:10px }

.i_message_inquiry .inquiry .form-control:focus { color:#333; border-color:#f68d10; }

.i_message_inquiry .inquiry .input-group { background:#fff; height:40px; margin-bottom:10px; width:100%; border:none; display:block }

.i_message_inquiry .inquiry .input-group span { display:block; position:relative; }

.i_message_inquiry .inquiry .input-group span:before { content:''; position:absolute; width:40px; height:40px; right:0; top:0; display:inline-block; background-position:center center; background-repeat:no-repeat; }

.i_message_inquiry .inquiry .input-group span.ms_n:before { background-image:url(../images/mes_n1.png); }

.i_message_inquiry .inquiry .input-group span.ms_p:before { background-image:url(../images/mes_p1.png); }

.i_message_inquiry .inquiry .input-group span.ms_e:before { background-image:url(../images/mes_e1.png); }

.i_message_inquiry .inquiry .input-group span.ms_m .form-control { height: 100px; max-height: 100px; max-width: 100%; min-width: 100%; min-height: 100px; padding-top: 10px; line-height: 20px; }

.i_message_inquiry .inquiry .input-group span.ms_m:before { background-image:url(../images/mes_m1.png); }

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

#online_qq_layer {

right:20px

}

}

/*fixed-contact*/

.fixed-contact-wrap { z-index:99999; position:fixed; right:10px; top:30%; width:50px; margin-top:-90px; overflow:hidden; border-radius:30px; opacity:0;  transition:all .4s;

transform: translateX(95px); -webkit-transform: translateX(95px); -moz-transform: translateX(95px); }

.fixed-contact-wrap.show { transform:none; opacity:1; }

.fixed-contact-wrap.active { width:260px; }

.fixed-contact-wrap li { position:relative; height:50px; background:#f68d10; overflow:hidden; transition:all .4s;

list-style:none }

.fixed-contact-wrap.active li { list-style:none }

.fixed-contact-wrap li div { position:relative; z-index:1000; display:block; }

.fixed-contact-wrap li i { z-index:1000; position:absolute; right:0; display:block; width:50px; height:50px;  transition:all .4s;

background-color:#f68d10; background-repeat: no-repeat; background-position: center center; }

.fixed-contact-wrap.active li:after { z-index:1001; content:''; position:absolute; bottom:0; left:10px; right:10px; display:block; height:1px; background:rgba(255, 255, 255, .2); }

.fixed-contact-wrap.active li:last-child:after { display:none; }

.fixed-contact-wrap li:hover i, .fixed-contact-wrap li:hover strong { opacity:.8; }

.fixed-contact-wrap .online_p i { background-image:url(../images/right_p.png); border-top-left-radius:30px; -moz-border-top-left-radius:30px; -webkit-border-top-left-radius:30px; border-top-right-radius:30px; -moz-border-top-right-radius:30px; -webkit-border-top-right-radius:30px; }

.fixed-contact-wrap .online_e i { background-image: url(../images/right_e.png); }

.fixed-contact-wrap .online_w i { background-image: url(../images/right_w.png); }

.fixed-contact-wrap .online_s i { background-image: url(../images/right_s.png); }

.fixed-contact-wrap .online_code i { background-image: url(../images/right_code.png); }

.fixed-contact-wrap li a { position:absolute; top:0; right:-135px; display:block; width:190px; line-height:110%; padding:20px 0 0 30px; color:#fff; background:#f68d10; white-space:nowrap;  transition:all .4s;

font-size:14px; text-align: right; }

.fixed-contact-wrap.active li a { right:60px; }

.fixed-contact-wrap .online_code a img { max-width:80px; }

.fixed-contact-wrap.active .online_code { height:130px; }

.fixed-contact-wrap.active .online_code a p { margin:0; margin-bottom:5px; }

.fixed-contact-wrap li.online_code:hover a { opacity:1; }

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

 .fixed-contact-wrap {

display:none !important;

}

 .fixed-contact-wrap.show {

opacity:0;

}

}

.mobile_nav { position:fixed; left:0; bottom:0; width:100%; padding:10px 0; display:none; z-index:999999; box-shadow:0 0 10px 0 rgba(255, 255, 255, 0.4); -webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.2); border-radius:2px 2px 0 0; background:#fff; border-top:1px solid #eee; }

.mobile_nav a { display:inline-block; width:20%; padding:0 10px; float:left; text-align:center; color:#f68d10; }

.mobile_nav a i { font-size:16px; }

.mobile_nav a p { color:#0d0d0d; padding-top:5px; font-size:12px; text-transform:uppercase; line-height:12px; margin:0; }

.mobile_nav a:nth-child(3) {

float:right;

}

.mobile_nav a:nth-child(4) {

float:right;

}

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

 #service {

display:none;

}

 #onlineService01 {

width:150px;

}

 .onlineMenu .call-top {

padding:8px 5px;

}

 .onlineMenu .call-top p {

font-size:16px;

}

 .onlineMenu ul {

padding:10px;

}

 .onlineMenu .call>p {

padding-left:20px;

font-size:13px;

}

 .onlineMenu .call>p a {

font-size:13px;

}

 .onlineMenu .call>p.ser01, .onlineMenu .call>p.ser02, .onlineMenu .call>p.ser03, .onlineMenu .call>p.ser04, .onlineMenu .call>p.ser05 {

background-size:12px;

}

 .back_top {

right:0;

bottom:120px;

width:40px;

height:40px;

}

 .back_top:before {

font-size:20px;

line-height:36px;

}

 .online_section {

display:none

}

}

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

 #online_qq_layer {

right:0;

}

 #onlineService {

width:100%;

}

 #online_qq_layer {

width:100%;

bottom:0;

}

 #online_qq_tab {

width:100%;

}

 #online_qq_tab #floatShow {

background:#f68d10 url(../images/mobile-inq.png) no-repeat center center;

border-radius:0;

margin-right:0;

width:50px;

height:50px;

position:absolute;

left:50%;

bottom:10px;

margin-left:-25px;

border:2px solid #fff;

padding:0;

box-shadow:none;

border-radius:50%;

text-indent:-999999px;

z-index:9999999999;

}

 #online_qq_tab #floatShow i {

display:none;

}

 #online_qq_tab #floatShow span {

display:none;

}

 .mobile_nav {

display:block;

}

 #onlineService .i_message_inquiry .main-more input {

padding:8px 20px;

}

 .i_message_inquiry .inquiry {

padding:15px 10px;

}

 #onlineService .title {

padding:10px 15px;

}

}

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

 .mobile_nav a p {

text-transform:capitalize;

}

}

/*!

 * baguetteBox.js

 * @author  feimosi

 * @version 1.8.2

 * @url https://github.com/feimosi/baguetteBox.js

 */

 #baguetteBox-overlay { display:none; opacity:0; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; z-index:99999999; background-color:#222; background-color:rgba(0, 0, 0, .8); -webkit-transition:opacity .5s ease;

transition:opacity .5s ease

}

#baguetteBox-overlay.visible { opacity:1 }

#baguetteBox-overlay .full-image { display:inline-block; position:relative; width:100%; height:100%; text-align:center }

#baguetteBox-overlay .full-image figure { display:inline; margin:0; height:100% }

#baguetteBox-overlay .full-image img { display:inline-block; width:auto; height:auto; max-height:100%; max-width:100%; vertical-align:middle; -moz-box-shadow:0 0 8px rgba(0, 0, 0, .6); box-shadow:0 0 8px rgba(0, 0, 0, .6) }

#baguetteBox-overlay .full-image figcaption { display:block; position:absolute; bottom:0; width:100%; text-align:center; line-height:1.8; white-space:normal; color:#ccc; background-color:#000; background-color:rgba(0, 0, 0, .6); font-family:sans-serif }

#baguetteBox-overlay .full-image:before { content:""; display:inline-block; height:50%; width:1px; margin-right:-1px }

#baguetteBox-slider { position:absolute; left:0; top:0; height:100%; width:100%; white-space:nowrap; -webkit-transition:left .4s ease, -webkit-transform .4s ease;

transition:left .4s ease, -webkit-transform .4s ease;

transition:left .4s ease, transform .4s ease;

transition:left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease

}

#baguetteBox-slider.bounce-from-right { -webkit-animation:bounceFromRight .4s ease-out;

animation:bounceFromRight .4s ease-out

}

#baguetteBox-slider.bounce-from-left { -webkit-animation:bounceFromLeft .4s ease-out;

animation:bounceFromLeft .4s ease-out

}

.tz-gallery >div:nth-child(4n+2) {

animation-delay:0.1s;

}

.tz-gallery >div:nth-child(4n+3) {

animation-delay:0.2s;

}

.tz-gallery >div:nth-child(4n+4) {

animation-delay:0.3s;

}

 @-webkit-keyframes bounceFromRight {  0%, 100% {

margin-left:0

}

 50% {

margin-left:-30px

}

}

 @keyframes bounceFromRight {  0%, 100% {

margin-left:0

}

 50% {

margin-left:-30px

}

}

 @-webkit-keyframes bounceFromLeft {  0%, 100% {

margin-left:0

}

 50% {

margin-left:30px

}

}

 @keyframes bounceFromLeft {  0%, 100% {

margin-left:0

}

 50% {

margin-left:30px

}

}

.baguetteBox-button#next-button, .baguetteBox-button#previous-button { top:50%; top:calc(50% - 30px); width:44px; height:60px }

.baguetteBox-button { position:absolute; cursor:pointer; outline:0; padding:0; margin:0; border:0; -moz-border-radius:15%; border-radius:15%; background-color:#323232; background-color:rgba(50, 50, 50, .5); color:#ddd; font:1.6em sans-serif; -webkit-transition:background-color .4s ease;

transition:background-color .4s ease

}

.baguetteBox-button:focus, .baguetteBox-button:hover { background-color:rgba(50, 50, 50, .9) }

.baguetteBox-button#next-button { right:2% }

.baguetteBox-button#previous-button { left:2% }

.baguetteBox-button#close-button { top:20px; right:2%; right:calc(2% + 6px); width:30px; height:30px }

.baguetteBox-button svg { position:absolute; left:0; top:0 }

.baguetteBox-spinner { width:40px; height:40px; display:inline-block; position:absolute; top:50%; left:50%; margin-top:-20px; margin-left:-20px }

.baguetteBox-double-bounce1, .baguetteBox-double-bounce2 { width:100%; height:100%; -moz-border-radius:50%; border-radius:50%; background-color:#fff; opacity:.6; position:absolute; top:0; left:0; -webkit-animation:bounce 2s infinite ease-in-out; animation:bounce 2s infinite ease-in-out }

.baguetteBox-double-bounce2 { -webkit-animation-delay:-1s; animation-delay:-1s }

 @-webkit-keyframes bounce {  0%, 100% {

-webkit-transform:scale(0);

transform:scale(0)

}

 50% {

-webkit-transform:scale(1);

transform:scale(1)

}

}

 @keyframes bounce {  0%, 100% {

-webkit-transform:scale(0);

-moz-transform:scale(0);

transform:scale(0)

}

 50% {

-webkit-transform:scale(1);

-moz-transform:scale(1);

transform:scale(1)

}

}

/* Styles for the gallery */



.tz-gallery { padding: 0; }

.tz-gallery .lightbox { display:block; border: 1px solid #f2f2f2; }

.tz-gallery .thumbnail { padding: 0; margin-bottom: 30px; border: none; }

.tz-gallery img { border-radius: 2px; }

.tz-gallery .caption { padding:10px 15px; text-align: center; }

.tz-gallery .caption h3 { font-size: 14px; margin: 0; }

.tz-gallery .caption p { font-size: 12px; color: #7b7d7d; margin: 0; }

.baguetteBox-button { background-color: transparent !important; }

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

 .tz-gallery > div {

padding:0 10px;

}

 .tz-gallery {

margin:0 -10px

}

 .tz-gallery .thumbnail {

margin-bottom:10px

}

}

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

 .tz-gallery .thumbnail {

margin-bottom:20px;

}

}

.table-responsive { overflow-x:auto }

.bs-slider { overflow: hidden; position: relative; }

/*.bs-slider:hover {

    cursor: -moz-grab;

    cursor: -webkit-grab;

}

.bs-slider:active {

    cursor: -moz-grabbing;

    cursor: -webkit-grabbing;

}*/

.bs-slider .bs-slider-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.40); }

.bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img { margin: auto; width: 100% !important; }

/********************

*****Slide effect

**********************/



.fade { opacity: 1; }

.fade .item { top: 0; z-index: 1; opacity: 0; width: 100%; position: absolute; left: 0 !important; display: block !important; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s; }

.fade .item:first-child { top: auto; position: relative; }

.fade .item.active { opacity: 1; z-index: 2; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s; }

/*---------- LEFT/RIGHT ROUND CONTROL ----------*/

.control-round .carousel-control { top: 47%; opacity: 0; z-index: 100; color: #ffffff; display: block; cursor: pointer; overflow: hidden; text-shadow: none; position: absolute; background: transparent; }

.control-round:hover .carousel-control { opacity: 1; }

.control-round .carousel-control.left { left: 3%; background:url(../images/l_2.png) no-repeat; width:23px; height:51px; }

.control-round .carousel-control.right { right: 3%; background:url(../images/l_1.png) no-repeat; width:23px; height:51px; }

.control-round .carousel-control.left:hover, .control-round .carousel-control.right:hover { border: 0px transparent; }

.control-round .carousel-control.left>span:nth-child(1) {

 left: 45%;

}

.control-round .carousel-control.right>span:nth-child(1) {

 right: 45%;

}

/*---------- INDICATORS CONTROL ----------*/

.indicators-line > .carousel-indicators { right: 50%; bottom: 3%; left: auto; width: 90%; height: 20px; font-size: 0; overflow-x: auto; text-align: right; overflow-y: hidden; padding-left: 10px; padding-right: 10px; padding-top: 1px; white-space: nowrap; display:none; margin-right:-50px; }

.indicators-line > .carousel-indicators li { padding: 0; width: 35px; height: 6px; text-indent: 0; overflow: hidden; text-align: left; position: relative; letter-spacing: 1px; margin-right: 5px; z-index: 10; cursor:pointer; background:#fff; }

.indicators-line > .carousel-indicators li:last-child { margin-right: 0; }

.indicators-line > .carousel-indicators .active { margin: 1px 5px 1px 1px; background-color: #e50011; position: relative; border:1px solid #e50011; }

.indicators-line > .carousel-indicators .active:before { display:none }

/*---------- SLIDE CAPTION ----------*/

.carousel-inner { }

 



/*------------------------------------------------------*/

/* RESPONSIVE

/*------------------------------------------------------*/

 

@media (max-width: 768px) {

 .control-round .carousel-control {

opacity:1

}

}





.imglist{

	margin-right: -20px;

	position: relative;

	-webkit-touch-callout: none;

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

}

.imglist .item{

  margin-right: 20px;

  width: 150px;

  height: 150px;

  margin-top: 20px;

	position: absolute;

	left: 0;

	top: 0;

	border:solid 1px #ddd;

	-moz-user-select: -moz-none;

	-khtml-user-select: none;

	-webkit-user-select: none;

	-ms-user-select: none;

	user-select: none;

	background-color: #fff;

}

.imglist .checkbox{

	position: absolute;

	top: 0;

	right: 0;

	z-index: 2;

	width: 20px;

	height: 20px;

	margin: 3px;

}

.imglist .picbox{

	margin: auto;

}

.imglist .picbox > a{

	height: 0;

	display: block;

	padding-bottom: 100%;

	position: relative;

}

.imglist .picbox img{

	position: absolute;

	/*left: 20px;

	top: 20px;

	right: 20px;

	bottom: 20px;*/

	left: 0px;

	top: 0px;

	right: 0px;

	bottom: 0px;

	margin: auto;

	max-width: 100%;

	max-height: 100%;

}

.imglist .textbox{

	text-align: center;

	margin-top: -10px;

	padding-bottom: 5px;

	display: none;

}

.imglist .item:hover{

  height: auto;

  box-shadow: 0 1px 3px rgba(68, 68, 68,0.3);

  -moz-box-shadow: 0 1px 3px rgba(68, 68, 68,0.3);

  -webkit-box-shadow: 0 1px 3px rgba(68, 68, 68,0.3);

  z-index: 9;

}

.imglist .item:hover .textbox{

	display: block;

}

.imglist .ident{

	background-color: #c33;

	width: 2px;

	position:absolute;

	left: 2px;

	top: 0;

	z-index: 0;

	height: 100px;

	margin-top: 10px;

	margin-left: -10px;

	display: none;

}

.imglist .morexy{

	border:solid 1px #f22;

	background-color: #fdd;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 11;

	opacity: 0.5;

	margin: 10px 0 0 -10px;

	display: none;

}

/*-图片查看-*/

.chak_box{

	position: fixed;

	left: 0;

	top: 0;

	background-color: rgba(0,0,0,0.618);

	width: 100%;

	height: 100%;

	z-index: 99;

	-moz-user-select: -moz-none;

	-webkit-user-select: none;

	-ms-user-select: none;

	user-select: none;

	display: none;

}

.chak_title{

	position: absolute;

	top: 0;left: 0;

	width: 100%;

	text-align: center;

	line-height: 50px;

	color: #fff;

	font-size: 20px;

}

.chak_img{

	position: absolute;

	left: 50px;

	top: 50px;

	right: 50px;

	bottom: 100px;

	margin: auto;

	border:solid 1px rgba(255,255,255,0.25);

	border-radius: 10px;

	overflow: hidden;

}

.chak_img > p{

	position: absolute;

	left: 50%;

	top: 50%;

	-ms-transform: translate(-50%,-50%);

	-moz-transform: translate(-50%,-50%);

	-webkit-transform: translate(-50%,-50%);

	-o-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

	width:auto;

	padding: 10px 20px;

	background-color: #eee;

	background-color: rgba(0,0,0,0.5);

	color: #fff;

	font-size: 20px;

	border-radius: 5px;

	display: none;

}

.chak_img > img{

	position: absolute;

	left: 50%;

	top: 50%;

	max-width: 100%;

	max-height: 100%;

	min-width: 10px;

	-ms-transform: translate(-50%,-50%);

	-moz-transform: translate(-50%,-50%);

	-webkit-transform: translate(-50%,-50%);

	-o-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

	transform-origin: center;

}

.chak_btn{

	position: absolute;

	width: 100%;

	height: 100px;

	bottom: 0;

	left: 0;

	text-align: center;

}

.chak_btn > button{

	border: solid 1px #fff;

	color: #fff;

	background-color: rgba(0,0,0,0.33);

	border-radius: 5px;

	height: 40px;

	padding: 0 15px;

	font-size: 16px;

	margin: 20px 5px;

	min-width: 50px;

	cursor: pointer;

}

.chak_btn > button:hover{

	background-color: rgba(0,0,0,0.66);

}



/*-/-*/



.btn{

  padding: 4px 12px;

  background-color: #f6f6f6;

  border: solid 1px #ddd;

  cursor: pointer;

}



/*-/-*/



.clear{clear: both;}

.clearb:after{

	content: "";

	display: block;

	clear: both;

}

img{max-width: 100%;}

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

.f_wein{font-weight: normal;}



.br_b{border-bottom: solid 1px #eee;}

.br_t{border-top: solid 1px #eee;}

.br_n{border: 0;}



.con_br{

	background-color: #fff;

	border-top:solid 4px #d5dbe5;

	box-shadow: 0 2px 5px 2px rgba(0,0,0,0.05);

}

.con_br_b{border-color: #45a7cf;}

.con_br_g{border-color: #49a361;}

.con_br_o{border-color: #e89f3c;}

.con_br_r{border-color: #cd5542;}

.con_br_c{border-color: #62cda6;}

.con_br_n{border-top: 0;}



.w-p100{width: 100%;}



.ft_l{float: left;}

.ft_r{float: right;}



.pg_3{padding: 3px;}

.pg_5{padding: 5px;}

.pg_tb5{padding-top: 5px;padding-bottom: 5px;}

.pg_tb6{padding-top: 6px;padding-bottom: 6px;}

.pg_tb8{padding-top: 8px;padding-bottom: 8px;}

.pg_tb10{padding-top: 10px;padding-bottom: 10px;}

.pg_tb15{padding-top: 15px;padding-bottom: 15px;}

.pg_tb20{padding-top: 20px;padding-bottom: 20px;}

.pg_10{padding: 10px;}

.pg_15{padding: 15px;}

.pg_20{padding: 20px;}

.pg_lr15{padding-left: 15px;padding-right: 15px;}

.pg_lr25{padding-left: 25px;padding-right: 25px;}

.pg_l15{padding-left: 15px;}

.pg_l25{padding-left: 25px;}

.pg_r25{padding-right: 25px;}

.pg_b15{padding-bottom: 15px;}

.pg_b25{padding-bottom: 25px;}

.pg_bn{padding-bottom: 0 !important;}

.pg_n{padding: 0 !important;}

.bold{font-weight: bold;}

.mn_5{margin: 5px;}

.mn_n{margin: 0 !important;}

.mb_n{margin-bottom: 0 !important;}

.mb-25{margin-bottom: 25px;}

.dis_n{display: none;}

.dis_block{display: block;}











.content-box { margin-top: 4%; font-size: 16px; color: #666; }

.case-box ul li { display: inline-flex; justify-content: center; align-items: center; width: 32%; margin: 0 1% 1% 0; text-align: center; border: 2px solid #eaeaea; padding: 5px; box-sizing: border-box; }

.case-box ul li .a { margin-top: 5px; background: #eee; line-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #333; }



.k12-gl-gslb-3nf1-1-01-left dl { width:31%; float: left; background: #f0f0f0; margin: 0 1.3% 13px 0 }

.k12-gl-gslb-3nf1-1-01-left dl:nth-child(5n-1) { margin-right: 0; }

.k12-gl-gslb-3nf1-1-01-left dt { border: 1px solid #e5e5e5; padding: 10px 9px; background: #fff; }

.k12-gl-gslb-3nf1-1-01-left dt img { display: block; width: 100%; }

.k12-gl-gslb-3nf1-1-01-left dd h4 { height: 50px; font-size: 14px; line-height: 50px; text-align: center; padding: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #f0f0f0; }

.k12-gl-gslb-3nf1-1-01-left dd h4 a { color: #4b4a4a; }