@charset "UTF-8";


 @keyframes warn {
            0% {
                transform: scale(0.3);
				-webkit-transform: scale(0.3);
                opacity: 0.0;
            }
            25% {
                transform: scale(0.3);
				-webkit-transform: scale(0.3);
                opacity: 0.1;
            }
            50% {
                transform: scale(0.5);
				-webkit-transform: scale(0.5);
                opacity: 0.3;
            }
            75% {
                transform: scale(0.8);
				-webkit-transform: scale(0.8);
                opacity: 0.5;
            }
            100% {
                transform: scale(1);
				-webkit-transform: scale(1);
                opacity: 0.0;
            }
        }
        @keyframes warn1 {
            0% {
                transform: scale(0.3);
				-webkit-transform: scale(0.3);
                opacity: 0.0;
            }
            25% {
                transform: scale(0.3);
				-webkit-transform: scale(0.3);
                opacity: 0.1;
            }
            50% {
                transform: scale(0.3);
				-webkit-transform: scale(0.3);
                opacity: 0.3;
            }
            75% {
                transform: scale(0.5);
				-webkit-transform: scale(0.5);
                opacity: 0.5;
            }
            100% {
                transform: scale(0.8);
				-webkit-transform: scale(0.8);
                opacity: 0.0;
            }
        }
        @-webkit-keyframes "warn" {
            0% {
				transform: scale(0);
                -webkit-transform: scale(0);
                opacity: 0.0;
            }
            25% {
				transform: scale(0);
                -webkit-transform: scale(0);
                opacity: 0.1;
            }
            50% {
				transform: scale(0.1);
                -webkit-transform: scale(0.1);
                opacity: 0.3;
            }
            75% {
				transform: scale(0.5);
                -webkit-transform: scale(0.5);
                opacity: 0.5;
            }
            100% {
				transform: scale(1);
                -webkit-transform: scale(1);
                opacity: 0.0;
            }
        }

        .play-button-o {
            width:100px;height:100px;margin-left:auto;margin-right:auto;
			position: relative;
           
            /*border: 1px solid #000;*/
        }
        /* 保持大小不变的小圆圈  */
        .play-button-dot {
            position: absolute;
            width: 94px;
            height: 94px;
            left: -9px;
            top: -9px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border: 2px solid red;
            border-radius: 50%;
            z-index: 2;
        }
        /* 产生动画（向外扩散变大）的圆圈  */
        .pulse {
            position: absolute;
            width: 200px;
            height: 200px;
            left: -63px;
            top: -63px;
            border: 3px solid orange;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            z-index: 1;
            opacity: 0;
            -webkit-animation: warn 2s ease-out;
            -moz-animation: warn 2s ease-out;
            animation: warn 2s ease-out;
            -webkit-animation-iteration-count: infinite;
            -moz-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            box-shadow: 1px 1px 30px red;

        }
        .pulse1 {
            position: absolute;
            width: 200px;
            height: 200px;
            left: -63px;
            top: -63px;
            border: 3px solid orange;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            z-index: 1;
            opacity: 0;
            -webkit-animation: warn1 2s ease-out;
            -moz-animation: warn1 2s ease-out;
            animation: warn1 2s ease-out;
            -webkit-animation-iteration-count: infinite;
            -moz-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            box-shadow: 1px 1px 30px red;
        }

	
.piccenter {
display:flex;justify-content:center;align-items:center;
        }

.tabs .paddingcenter {
            padding-left: 40%;
        }
		
 #return-to-top {
	bottom: 60px;
    }
	
	#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 70px;
    background: rgba(0, 0, 0, 0.12);
    padding: 10px 10px 25px 10px;
    display: block;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    display: none;
    z-index: 10;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    #return-to-top img {
        width: 20px;
        height: 20px;
        transform: rotate(180deg);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #return-to-top:hover {
        background: rgb(43, 42, 41);
    }

        #return-to-top:hover i {
            color: #fff;
            top: 5px;
        }
		
		
.sticky-container {
    display: none;
}
.sticky-container {
    background-color: #333;
    padding: 0px;
    margin: 0px;
    position: fixed;
    right: 0px;
    bottom: 60px;
    width: 40px;
    z-index: 999;
}
.sticky-list {
    padding: 0;
}

    .sticky-list li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
    }
	.sticky-list li img{
	margin-top: -4px;
	margin-left: -1px;
    }
	.sticky-list li a {
	list-style-type: none;
	background-color: #333;
	color: #efefef;
	height: 40px;
	display: block;
	line-height: 40px;
	text-wrap: none;
	width: 150px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	cursor: pointer;
	text-indent: hanging;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
    }
	



    .sticky-list li a:hover {
	width: 120px;
	margin-left: -25px;
	-webkit-transform: translateX(-50px);
	-moz-transform: translateX(-50px);
	background-color: #FFFFFF;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(0%);
	color: #333;
    }


	

 .sticky-container {
        background-color: rgba(0, 0, 0, 0.00) !important;
    }


		
		
/* Fonts */

.montserrat-font{font-family: 'Montserrat', sans-serif;}
.open-font{font-family: 'Open Sans', sans-serif;}
.raleway-font{font-family: 'Raleway', sans-serif;}

.font-100 {font-weight:100;}
.font-200 {font-weight:200;}
.font-300 {font-weight:300;}
.font-400 {font-weight:400!important;}
.font-500 {font-weight:500!important;}
.font-600 {font-weight:600!important;}
.font-700 {font-weight:700!important;}
.font-900 {font-weight:900!important;}

.font-12px {font-size: 12px;}
.font-14px {font-size: 14px;}
.font-16px {font-size: 16px!important;}
.font-18px {font-size: 18px;}
.font-20px {font-size: 20px!important;}
.font-26px {font-size: 26px;}
.font-30px {font-size: 30px;}
.font-35px {font-size: 35px;}
.font-40px {font-size: 40px;}
.font-50px {font-size: 50px;}
.font-60px {font-size: 60px!important;}
.font-70px {font-size: 70px;}
.font-80px {font-size: 80px;}
.font-90px {font-size: 90px;}
.font-100px {font-size: 100px;}
.font-120px {font-size: 120px;}
.font-130px {font-size: 130px;}

.font-italic {font-style: italic;}
.font-bold {font-weight:bold;}
.font-uppercase {text-transform: uppercase;}

/* Fonts Colors */

.default-color {color: #F06600!important;}
.secondary-color {color: #F1BB72!important;}
.white-color {color: #fff;}
.white-color p, .white-color h1, .white-color h2, .white-color h3, .white-color h4, .white-color h5, .white-color h6, .white-color i{color: #fff!important;}
.white-smoke {color: #f9f9f9!important;}
.white-smoke p, .white-smoke h1, .white-smoke h2, .white-smoke h3, .white-smoke h4, .white-smoke h5, .white-smoke h6 {color: #f9f9f9!important;}
.dark-color {color: #1d2124!important;}
.dark-color p, .dark-color h1, .dark-color h2, .dark-color h3, .dark-color h4, .dark-color h5, .dark-color h6 {color: #1d2124!important;}
.grey-color {color: #aaa !important;}
.grey-color p, .grey-color h1, .grey-color h2, .grey-color h3, .grey-color h4, .grey-color h5, .grey-color h6 {color: #aaa!important;}
.red-color{color:#ca4976;}
.purple-color{color:#642B73;}
.green-color{color:#2cc99d;}
.yellow-color{color:#f6d365;}
.orange-color{color:#f79d00;}
.gradient-color{background: -webkit-linear-gradient(left, #9357cc 0%,#2989d8 50%,#2cc99d 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.background-colored1{
	background-color: #EEEEEE
}
/* Line Heights */

.line-height-15 {line-height: 15px;}
.line-height-20 {line-height: 20px;}
.line-height-22 {line-height: 22px;}
.line-height-24 {line-height: 24px;}
.line-height-25 {line-height: 25px;}
.line-height-26 {line-height: 26px;}
.line-height-30 {line-height: 30px;}
.line-height-35 {line-height: 35px;}
.line-height-40 {line-height: 40px;}
.line-height-45 {line-height: 45px;}
.line-height-50 {line-height: 50px;}
.line-height-60 {line-height: 60px;}
.line-height-70 {line-height: 70px;}
.line-height-80 {line-height: 80px;}
.line-height-90 {line-height: 90px;}
.line-height-100 {line-height: 100px;}
.line-height-110 {line-height: 110px;}
.line-height-120 {line-height: 120px;}

/* Letter Spacings */

.letter-spacing-0 {letter-spacing: 0px;}
.letter-spacing-1 {letter-spacing: 1px;}
.letter-spacing-2 {letter-spacing: 2px;}
.letter-spacing-3 {letter-spacing: 3px;}
.letter-spacing-4 {letter-spacing: 4px;}
.letter-spacing-5 {letter-spacing: 5px;}
.letter-spacing-6 {letter-spacing: 6px;}
.letter-spacing-7 {letter-spacing: 7px;}
.letter-spacing-8 {letter-spacing: 8px;}
.letter-spacing-9 {letter-spacing: 9px;}
.letter-spacing-10 {letter-spacing: 10px;}

.default-bg{background-color:#F06600;}

.blog-list{}
.single-blog-list{margin: 0;padding: 0;}
.single-blog-list li{list-style: none;line-height: 1.7em;margin-bottom: 60px;margin-top: 30px;}

.blog-list .overlay-area{display: block;z-index:1000;position:relative;width:100%;margin-top:-55px;}
.blog-list .post-text{padding-left:80px; min-height:150px;}
.blog-list .post-text h3{margin-top: 0;font-family:'Open Sans', sans-serif;font-size: 16px;letter-spacing: .5px;font-weight: 500;}
.single-blog-list span{font-weight:400;display:block;color:#fff;text-transform:uppercase;}
.single-blog-list .post-wrap{padding-left: 80px;}
.single-blog-list .post-text{padding-left: 0;}
.single-blog-list .post-text h3{font-size: 24px;}
.single-blog-list .date-box {text-align:center;position:absolute;}
.single-blog-list .date-box .day, .single-blog-list .date-box .month {font-size: 26px;color:#fff;padding-top:18px;width:60px;height:60px;}
.single-blog-list .date-box .day{line-height: 20px;}
.single-blog-list .date-box .month {font-size:14px;background:#333;}

.blog-list .post-text h3 a{color:#000;}
.blog-list .post-text h3 a:hover{color:#F06600;}

.blog-list .dark.post-text h3 a{color:#fff;}
.blog-list .dark.post-text h3 a:hover{color:#F06600;}
.blog-list .post-text p{font-size: 13px;margin-bottom: 3px;line-height: 22px;}
a.btn-text{text-decoration:none;display:inline-block;color:#111 !important;font-weight:600;padding:0;}
a.btn-text:after{font-family: 'icofont';content: "\eab8";padding-left:5px;color: #F06600;}
.dark a.btn-text{color:#fff !important;}
.blog-list .overlay-area .date-post{padding:15px;padding-top:20px;display:inline-block;border-radius:60px;width:80px;height:80px;}
.blog-list .overlay-area .day{font-size:32px;}
.blog-list .overlay-area .month{letter-spacing:3px;}
.blog-list span{font-weight:400;display:block;color:#fff;text-transform:uppercase;}
.blog-list .date-box {text-align:center;position:absolute;}
.blog-list .date-box .day, .blog-list .date-box .month {font-size: 26px;color:#fff;padding-top:18px;width:60px;height:60px;}
.blog-list .date-box .day{line-height: 20px;}
.blog-list .date-box .month {font-size:14px;background:#333;}
.dark .blog-list .date-box .month {background:#000;}
.blog-slide{padding:0;margin:0;}
.blog-list .post-wrap {padding-left: 0px;}
.blog-list .post-img img{width: 100%;margin-bottom: 20px;}

.link-item img
{
	border: 1px solid #EBEBEB;
	margin-top: -3px;
        }

.remove-padding {padding: 0!important;}
.pb-0 {padding-bottom: 0;}
.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}


#logo a>img {max-height:50px}


.home-bg-3 {
	    background: url(../pic/h_bg_102.jpg) center center no-repeat;
	    padding: 90px 0;
	    background-size: cover;
}
	
	
.accordion-group .vidoe03 .accordion-overlay {
    background-color: #000;
    opacity: .8;
}

.accordion-group .vidoe03.out .accordion-overlay {
    background-color: rgba(0,0,0,0.65);
    opacity: 0;
}

.accordion-group vidoe02 .accordion-overlay {
    background-color: #ee8121;
    opacity: 0.8;
}

.accordion-group vidoe02.out .accordion-overlay {
    background-color: rgba(0,0,0,0.65);
    opacity: 0;
    /*opacity: 0.8;*/
}

.accordion-group .vidoe01 .accordion-overlay {
    background-color: #fff;
    opacity: .8;
}

.accordion-group .vidoe01.out .accordion-overlay {
    background-color: rgba(0,0,0,0.65);
    opacity: 0;
}

.vid {
    min-height: 100%;
    min-height: 100%;
    height: 100%;
	position: relative;
	
}

.videoItem {
    position: relative;
}


.videoItem .folio-overlay2 {
	 background-color: #ee8121;
    opacity: .8;
    position: absolute;
            height: 100%;
            width: 100%;
            left: 0;
            top: 0;
            -webkit-transition: all 250ms ease-in-out;
            -moz-transition: all 250ms ease-in-out;
            transition: all 250ms ease-in-out;
}

.videoItem:hover .folio-overlay2{opacity: 0; visibility:hidden;}


.videoItem .folio-overlay3 {
	background-color: #666;
    opacity: .8;
    position: absolute;
            height: 100%;
            width: 100%;
            left: 0;
            top: 0;
            -webkit-transition: all 250ms ease-in-out;
            -moz-transition: all 250ms ease-in-out;
            transition: all 250ms ease-in-out;
}

.videoItem:hover .folio-overlay3{opacity: 0; visibility:hidden;}



.videoItem .folio-overlay4 {
	background-color: #fff;
    opacity: .8;
    position: absolute;
            height: 100%;
            width: 100%;
            left: 0;
            top: 0;
            -webkit-transition: all 250ms ease-in-out;
            -moz-transition: all 250ms ease-in-out;
            transition: all 250ms ease-in-out;
}

.videoItem:hover .folio-overlay4{opacity: 0; visibility:hidden;}



.videoItem .title {
left: 10%;
    top: 50%;
    position: absolute;
    display: block;
    transition: all ease-out .4s;
	z-index:999;
}
.videoItem:hover .title {
    top: 78%;
    position: absolute;
    display: block;
    transition: all ease-out .4s;
}
.videoItem .title h1{
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	font-size: 28px;
}
.videoItem video {
    position: relative;
    z-index: 0;
}


/* Footer
-------------------------------------------------------------- */
footer .footer-area {
	border-top: 1px solid #eaebf0;
	color: #8998ae;
	background-color: #000;
	padding-top: 80px;
	padding-right: 35px;
	padding-bottom: 20px;
	padding-left: 35px;
}

footer .footer-area .widget {
  padding: 0;
  background: transparent;
}
footer .footer-area .widget hr {
	width: 80px;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
footer .footer-area .widget a {
  color: inherit;
}
footer .footer-copyright .copy-right a {
	color: #CCC;
}
footer .footer-area .widget-title {
	font-size: 16px;
	font-weight: 800;
	margin-bottom: 20px;
	color: #FFF;
}

footer .footer-area .widget p {
	max-width: 300px;
    font-size: 14px;
    padding: 0.1em 0;
    margin-bottom: 10px;
	color: #8998ae;
}


footer .footer-area .quick-links ul { margin:0; list-style-type: none; }
footer .footer-area .quick-links ul li { 
  display: inline-block;
  overflow: hidden;
  width: 100%;
  padding: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1;
  margin-top: 10px;
}

footer .copyright {
  background: #ffffff;
  padding: 20px 35px;
  color: #586881;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

footer .copyright-text {
  line-height: 20px;
  font-size: 12px;
}

footer .copyright-text a { color: #586881; }
footer .copyright-text a:hover { color: #226d95; }

footer.dark .footer-area {
	border-top: 1px solid #08213e;
	background-color: #1d2124;
}
footer.dark .footer-area .widget a {
	color: #c8cfda;
}
footer.dark .copyright {
    background: #0b2c51;
    color: #8694ac;
}
footer.dark .footer-area .quick-links ul li:before { color: #c8cfda; }


@media (max-width: 1280px) {
    .noshow1280 {
        display: none;
    }
}
@media only screen and (max-width: 1100px) {
    .noshow1100 {
        display: none;
    }
}
@media only screen and (min-width: 1101px) {
    .noshow1101 {
        display: none;
    }
}
@media only screen and (max-width: 767.98px) {
    .noshow767 {
        display: none;
    }
}
@media only screen and (max-width: 575.98px) {
    .noshow575 {
        display: none;
    }
}

.header-top-settings ul li .dropdown-list.account-list i.fa{
    font-size: 16px;
}

.co-text p{
	color: #000000;
	margin: 0px;
	padding: 0px;
}

.htitle
{
    color: #333333;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 700;
    margin-top: -8px;
    padding-top: 0px;
    padding-bottom: 30px;
    display: inline-block;
    text-transform: uppercase;
}

	
.htitle .fa{
font-size: 16px;
    }

.language img
{
	max-height: 20px;
	width: auto;
	margin-top: -3px;
}

.footer-bottom-area{
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
}

.tabletextleft .table  td{
	text-align:left;
}


.box__ins2 {
	border: 1px solid #D3D3D3;
	padding: 1px;
	text-align: center;
	min-height: 50px;
	vertical-align: middle;
}

.box_tab {
	border: 1px solid #E6E6E6;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.about_top {
	overflow:hidden;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:0px;
	margin-bottom:15px;
	border-top:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
}

.about_top ul{
	
	margin:0px;
	padding:0
}

.table tr th,.table tr td { 
    text-align: left;
    vertical-align: middle;
}
.colors {
	border: 1px solid #D3D3D3;
	display: inline-block;
	float: left;
	height: 25px;
	width: 25px;
	margin-right: 3px;
}
.top_offset_2 {
	margin-top: 20px;
}
.bottom_offset_2 {
	margin-bottom: 20px;
}
.img_outline img {
	outline: 1px solid #EBEBEB;
}

.flag img {
	max-height: 16px;
}

.vcode {
	margin-top: 10px;
}
.mphoto {
	max-width: 100px;
}
.product_more{
	margin-top: 1px;
}
.HI_vc_value {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	padding: 5px;
	border: 1px solid #CCCCCC;
	display: block;
	float: left;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.en-3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	vertical-align: middle;
}
.en-4 {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 50px;
}
.content_sitemap{
	padding: 3px 0px 2px 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	background-image: url(../image/713.gif);
	background-repeat: repeat-y;
}
.content_sitemap_products{
	padding: 3px 0px 2px 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	background-image: url(../image/716.gif);
	background-repeat: repeat-y;
}
.content_sitemap_dow{
	padding: 3px 0px 2px 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	background-image: url(../image/714.gif);
	background-repeat: repeat-y;
}
.products_page {
	text-align: center;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E8E8E8;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.link-page {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #666666;
	margin: 0px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
}
a.link-page:hover {
	text-decoration: none;
	background-color: #343846;
	color: #CCCCCC;
}
.link_lag {
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	line-height: 14px;
	padding-right: 5px;
	padding-left: 0px;
	background-image: url(image/a1.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	text-align: left;
	font-weight: normal;
}
a.link_lag:hover {
	text-decoration: none;
	color: #990000;
}

.link-dow {
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	line-height: 18px;
}
a.link-dow:hover {
	color: #CCCCCC;
	text-decoration: none;
}

.link-w {
	color: #FFFFFF;
}
a.link-w:hover {
	color: #FFFFFF;
}

.os{
	position: fixed;
	width: 62px;
	_bottom:auto;
	z-index: 999;
	_width: 100%;
	_position: absolute;

    _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
	top: 200px;
	right: 30px;
}


.os_top{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-align: center;
	background-image: url(../image/os-top.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 30px;
	width: 62px;
}
.os_cen{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006699;
	text-align: center;
	background-image: url(../image/os-cen.png);
	background-repeat: repeat-y;
	background-position: center top;
	width: 62px;
}
.os_dow{
	text-align: center;
	background-image: url(../image/os-dow.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 7px;
	width: 62px;
	clear: both;
}
.os_chat {
	text-align: center;
	clear: both;
	padding-top: 5px;
}


/*==================  Inline List 2 ======================*/
.inline-list ul {
	display: inline-block;
	padding-top: 10px;
	text-align: right;
}

.inline-list li {
  display: inline-block;
}
.inline-list li a {
	display:block;
	width:32px;
	height:32px;
	border:1px solid #fff;
	text-align:center;
	transition:all 0.5s ease 0s;
	-webkit-transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.inline-list li a:hover{
	background-color: #4dbeee;
	border:1px solid #4dbeee;
	color:#fff;
}

.inline-list li + li {
  margin-left: 10px;
}
.inline-list .fa {
  text-align: center;
  font: 400 20px/30px 'FontAwesome';
}
* + .inline-list {
  margin-top: 10px;
}

/*==================  Inline List 2 ======================*/
.inline-list2 ul {
	display: inline-block;
	padding-top: 10px;
}

.inline-list2 li {
  display: inline-block;
}
.inline-list2 li a {
	text-align: center;
	color: #0099CC;
}

.inline-list2 li a:hover{
	background-color: #FFF;
	color: #06C;
}

.inline-list2 li + li {
  margin-left: 10px;
}
.inline-list2 .fa {
  text-align: center;
  font: 300 16px/26px 'FontAwesome';
}
* + .inline-list2 {
  margin-top: 10px;
}

.neilist li {
  position: relative;
  padding-left: 28px;
  border-bottom: 1px solid #c2c2c2;
  padding-bottom: 4px;
  margin-right: 28px;
}
.neilist li:before {
	content: '\f061';
	position: absolute;
	left: 2px;
	top: 2px;
	font-weight: 400;
	font-size: 12px;
	font-family: FontAwesome;
	color: #bc9051;
}
.neilist li:last-child {
  border-bottom: none;
}
.neilist li + li {
  margin-top: 2px;
}
.neilist a {
	color: #9B753C;
}

.neilist a:hover {
	text-decoration: none;
	color: #bc9051;
}

.thumb {
	display: block;
	position: relative;
	overflow: hidden;
	outline: 1px solid #e4e4e4;
}
.thumb img {
  width: 100%;
  height: auto;
  -moz-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}
.thumb_overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  color: #fff;
  background: transparent;
}
.thumb_overlay:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  font: 400 30px "FontAwesome";
  line-height: 30px;
  margin-top: -15px;
  text-align: center;
}
.lt-ie9 .thumb_overlay:before {
  display: none;
}
.thumb:hover .thumb_overlay {
  opacity: 1;
  background: rgba(0, 0, 0, 0.5);
}
.lt-ie9 .thumb:hover .thumb_overlay {
  background: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000')";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000');
  zoom: 1;
}
.lt-ie9 .thumb:hover .thumb_overlay:before {
  display: block;
}
.thumb:hover img {
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}


@media only screen and (max-width:992px){
.livechat-girl{display: none;}

}


/*service*/
.online_section{position:fixed;z-index:99999999999;top:200px;right:-200px;transition:all .3s ease;}
.online_section ul li{ list-style:none;width:240px;height:40px;color:#fff; padding-left:40px; margin-bottom:3px;-moz-border-radius:0px 0 0 0px;-webkit-border-radius:0px 0 0 0px;border-radius:0px 0 0 0px;transition:all .5s ease;overflow:hidden; margin-bottom:3px; line-height:40px; font-size:14px;position: relative;background: #8cc63e;
-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.2);
   -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.2);
     -o-box-shadow:0px 0px 5px rgba(0,0,0,0.2);
        box-shadow:0px 0px 5px rgba(0,0,0,0.2);}
.online_section ul li:nth-child(even){}
.online_section ul li a{ line-height:40px; font-size:16px; color:#fff;transition:all 0.3s ease 0s;}
.online_section ul li i{width:40px;height: 40px;position: absolute;left:0px;top:0px;z-index: 2;}
.online_section .online_tel i{background:url(../pic/online_t.png) no-repeat;}
.online_section .online_email i{background:url(../pic/online_e.png) no-repeat;}
.online_section .online_whatsapp i{background:url(../pic/online_w.png) no-repeat;}
.online_section .online_skype i{background:url(../pic/online_s.png) no-repeat;}
.online_section .online_coad i{background:url(../pic/online_c.png) no-repeat; padding:0px;}
.online_section .online_coad p{ padding-left:50px; font-family:'lato'; font-size:14px;}
.online_section .online_coad img{width: 100%;height: auto;}
.online_coad .img{ max-width:200px; padding:10px 30px; margin:0 auto; padding-top:0px;}

.online_section ul:hover li{ }
.online_section ul:hover li a{color:#fff;}
.online_section ul:hover li:nth-child(even){}
.online_section ul li a:hover{color:#fff;text-decoration: underline;}
.online_section ul:hover li.online_tel i{background:url(../pic/online_t.png) no-repeat;}
.online_section ul:hover li.online_email i{background:url(../pic/online_e.png) no-repeat;}
.online_section ul:hover li.online_whatsapp i{background:url(../pic/online_w.png) no-repeat;}
.online_section ul:hover li.online_skype i{background:url(../pic/online_s.png) no-repeat;}
.online_section ul:hover li.online_coad i{background:url(../pic/online_c.png) no-repeat; padding:0px;}

@media only screen and (max-width: 768px) {.online_section{display:none;}}

/*service right*/
#service{position:fixed;right:-230px;top:200px;z-index:999999999;margin:0px 0 0 0; font:14px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; color:#333;}
#service .onlineMenu{ list-style:none;padding: 10px 15px 10px 15px;background: #fff;border: 2px solid #e5e5e5;}

#service a{ color:#666;}
#ser_main{position:relative;z-index:9;top:0px;    float: left;}
#ser_main a{display:block;overflow:hidden;color: #666;}
#ser_main a#floatShow01{background:url(../pic/ser_30.png) no-repeat;height:200px;width:48px;z-index:99999;}

.onlineMenu .call-top{padding:10px 0;}
.onlineMenu .call-top p{text-align:left; color:#8cc63e;font-size:16px;text-transform:capitalize;}
#online{float:left;background:#fff;overflow:hidden; width:230px;-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.1);position:relative;}
.onlineMenu ul li{ padding:10px 0; border-bottom:1px dashed #ddd; list-style:none}
.onlineMenu ul li:last-child{ border:none;}
.onlineMenu .serm_top{text-align:center;padding-bottom:10px;}
.onlineMenu .call{text-align:left;color: #666;}
.onlineMenu .call{ padding:6px 10px 6px 35px; border-bottom:1px solid #fff; font-size:14px;position: relative;}
.onlineMenu .call img{display:inline-block;vertical-align:middle; margin-right:6px;position: absolute;left:0;top:5px;width: 24px;height: auto;}
.onlineMenu .call a:hover{text-decoration: underline;color:#E88200 !important;}
#service:hover{ right:0px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
#service:hover #ser_main #floatShow1{ left:120px; z-index:-11; opacity:0;}
#service h4{ font-size:14px; color:#666; margin:0px; line-height:25px; }

@media only screen and (max-width: 960px) {#service{ display:none;}}



/*online*/
#online_qq_layer{z-index:999999999;position:fixed;right:60px;bottom:20px; }
#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;background:#E88200; 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);  
}
#online_qq_tab #floatShow i{height:44px;width:47px;background:url(../pic/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:400px; overflow: hidden;display:none;background: #f9fafa;  font-size:12px;border-top:none;}
#online_qq_layer .inquiry .main_more{border-width:1px;margin-top:0;}
#online_qq_layer .inquiry .main_more input{height:36px;line-height:36px;font-size:18px;padding-left:20px;padding-right:40px; background:#E88200 ; color: #fff; text-transform: uppercase; border-radius: 0;transition: 0.5s all; border-radius: 0;font-family: "Montserrat Bold"; border-radius: 0; width: 100%; margin-top: 10px;}
#online_qq_layer .inquiry .main_more:hover input{ background: #333; color: #fff;}
#onlineService .title{display:block;font-size:22px;line-height:24px;text-transform:uppercase; font-style: normal;font-family: "Montserrat Bold"; color:#fff; margin-bottom: 10px; background: #E88200 url(../pic/mes_bg.jpg) no-repeat center center; background-size: cover; padding: 15px 20px 48px;}
#onlineService .title b{color:#fff;font-family: "Montserrat Bold";}
#onlineService .text{
	margin-bottom: 10px;
	color: #777;
	line-height: 20px;
	background: #f9fafa;
	margin: 0px 5%;
	margin-top: -50px;
	padding: 15px 10px;
	border-radius: 4px;
	text-align: left;
	font-size: 13px;
	line-height: 20px;
	width: 90%;
}

.i_message_inquiry .inquiry{width: 90%; margin: 20px 5%;border-top: 1px solid #e5e5e5; margin-top: 0; padding-top: 0px;}
.i_message_inquiry .inquiry .fb-form-control{ border:1px solid #e5e5e5; background:none; line-height:46px;height:46px; color:#333; font-size: 13px;width:100%;box-shadow:none;padding-right:30px;background-position:95% 12px;background-repeat:no-repeat;padding-left:10px; border-radius: 0; border: 1px solid #d3dbe0; border-radius: 5px;}
.i_message_inquiry .inquiry textarea.fb-form-control{border-radius:0;}
.i_message_inquiry .inquiry .form-input-group{ margin-bottom:6px;border:none; float: left; width: 100%; background: #fff;}
.i_message_inquiry .inquiry .form-input-group span{display:block;position:relative;}
.i_message_inquiry .inquiry .form-input-group span:before{content:'';position:absolute;right:10px;top:10px;width:28px;height:23px;display:inline-block;background-image: url(../pic/icon.png);background-repeat: no-repeat;}
.i_message_inquiry .inquiry .form-input-group span.ms_e:before{background-position:-40px -227px;}
.i_message_inquiry .inquiry .form-input-group span.ms_p:before{background-position:0 -227px;}
.i_message_inquiry .inquiry .form-input-group span.ms_m:before{background-position:-82px -227px;}
.i_message_inquiry ::-webkit-scrollbar{width: 7px;height: 7px;background-color: #F5F5F5;}
.i_message_inquiry ::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);border-radius: 10px;
background-color: #F5F5F5;}
.i_message_inquiry ::-webkit-scrollbar-thumb{border-radius: 10px;box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
background-color: #999;}
.i_message_inquiry .inquiry .form-input-group span.ms_m .fb-form-control{line-height:20px;font-size: 13px; height:100px; padding-left:10px; width:100%;  color:#777; margin-bottom:0; transition: 0.6s all; max-width: 100%; max-height: 100px; border-radius:0; min-height:50px;  border: 1px solid #d3dbe0; border-radius: 5px;}
.i_message_inquiry .inquiry .form-input-group span.ms_m .fb-form-control:focus,.i_message_inquiry .inquiry .fb-form-control:focus{color:#666;
border-color:#E88200;}
 
@media only screen and (max-width: 992px) {
#online_qq_tab #floatHide{left: auto; right: 6px;}
#online_qq_layer{ overflow:visible;}
#online_qq_tab #floatHide{width: 40px; height: 40px; background: none; top: 10px; border-radius: 0; top: 14px;}
#online_qq_tab #floatHide i{ margin-top: 0; margin-right: 0;}
#online_qq_tab #floatHide i:before, #online_qq_tab #floatHide i:after{background: #fff;}

}


@media only screen and (max-width: 992px){
	#service{display:none;}
	#onlineService01{width:150px;}
	#online_qq_tab #floatShow{margin-bottom: 0;}
}
@media only screen and (max-width: 1200px) {
#online_qq_tab #floatShow i{left: 0px;}
#online_qq_tab #floatShow{width: 50px; padding-right: 0;}
#online_qq_layer{right: 10px;}
}
@media only screen and (max-width: 992px) {
	#online_qq_layer{right:0;}
	#onlineService{ width:100%; padding: 0;}
	#online_qq_layer{ width:100%;bottom:0;}
	#online_qq_tab{ width:100%;}
	#online_qq_tab #floatShow{ background:#E88200 url(../pic/icon.png) no-repeat  -128px -218px;border-radius:0;margin-right:0; width:50px; height:50px; position:absolute;right:10px;bottom:10px;margin-left:-25px;border:3px 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;}
	#onlineService .i_message_inquiry .main-more input{padding:8px 20px;}
	#onlineService .title{ color: #fff; font-size: 18px; background: #666;}

}

/*inquiry*/
.pro_inq{ position: relative; background:#fff; overflow: hidden;box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.15) 0px 5px 30px 0px, rgba(0, 0, 0, 0.05) 0px 3px 3px 0px;  border-radius: 5px; margin-top: 30px;}
.pro_inq .title{color: #fff; background:url(../pic/inquiry_box.jpg) center center no-repeat; padding:20px 20px 50px 20px; font-family: "Montserrat Bold"; font-size:25px; text-transform: uppercase;}
.pro_inq .title img{margin-right: 15px;}
.pro_inq .text{ margin-bottom:10px; color:#666; line-height:20px; background:#fff; margin-top: -50px; padding:15px;; border-radius: 4px; text-align: left; font-size: 14px; line-height:22px; border-bottom: 1px solid #e5e5e5; margin: 0px 20px; margin-top: -30px;}
.pro_inq .inquiry {padding: 20px;}
.pro_inq .inquiry .gq-form-control{border:1px solid #e5e5e5;background:#fff;line-height:50px; color:#666;font-size:14px;width:100%;box-shadow:none;padding-right:45px;background-position:95% 12px;background-repeat:no-repeat;padding-left:10px; border-radius: 0;  max-width: 100%; border-radius: 5px;}
.pro_inq .inquiry .gq-form-control:focus{ border: 1px solid #E88200; -webkit-box-shadow:0 7px 38px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 7px 38px 0 rgba(0,0,0,0.1);box-shadow:0 7px 38px 0 rgba(0,0,0,0.1); color:#333;}
.pro_inq .inquiry textarea.gq-form-control{border-radius:0;}
.pro_inq .inquiry .gp-input-group{ margin-bottom:20px; float: left; padding-left: 15px; padding-right: 15px; border:none;}
.pro_inq .inquiry .gp-input-group span{display:block;position:relative;}
.pro_inq .inquiry .gp-input-group span:before{content:'';position:absolute;right:10px;top:14px;width:28px;height:23px;display:inline-block;background-image: url(../pic/icon.png);background-repeat: no-repeat; z-index: 333;}
.pro_inq .inquiry .gp-input-group span.ms_e:before{background-position:-40px -227px;}
.pro_inq .inquiry .gp-input-group span.ms_p:before{background-position:0 -227px;}
.pro_inq .inquiry .gp-input-group span.ms_m:before{background-position:-82px -227px;}

.pro_inq .inquiry input:-ms-input-placeholder{color:#666666;}/* Internet Explorer 10+ */ 
.pro_inq .inquiry input::-webkit-input-placeholder{color:#666666;}/* WebKit browsers */
.pro_inq .inquiry input::-moz-placeholder{color:#666666;}/* Mozilla Firefox 4 to 18 */ 
.pro_inq .inquiry input:-moz-placeholder{color:#666666;}/* Mozilla Firefox 19+ */ 
.pro_inq .inquiry textarea:-ms-input-placeholder{color:#666666;}/* Internet Explorer 10+ */ 
.pro_inq .inquiry textarea::-webkit-input-placeholder{color:#666666;}/* WebKit browsers */
.pro_inq .inquiry textarea::-moz-placeholder{color:#666666;}/* Mozilla Firefox 4 to 18 */ 
.pro_inq .inquiry textarea:-moz-placeholder{color:#666666;}/* Mozilla Firefox 19+ */ 

.pro_inq select{width:100%;height:60px;border:none;border:1px solid #e5e5e5;background-color:#fff;font-size: 14px;color:#808080;padding-left:15px;Appearance:none; margin: 0;
-webkit-appearance:none; margin-bottom: 20px;}
.pro_inq .select{margin: 0;}
.pro_inq .select:after{content:"\f0d7";font-family:'FontAwesome';position:absolute;right:30px;line-height:16px;font-size: 14px;color:#ccc;top:18px;z-index:99;}
.pro_inq .inquiry .gp-input-group span.ms_m .gq-form-control{line-height:30px;font-size:13px; height:100px; padding-left:20px; width:100%; color:#999; transition: 0.6s all; min-width: 100%; max-width: 100%; max-height: 120px; border-radius: 0; border-radius: 5px;}
.pro_inq .inquiry .no span:before{ display: none;}
.pro_inq  .subject_title{ border:1px solid #eee ;background:#eee; line-height:46px; padding:0px 10px; margin-bottom:20px; padding-left:15px; border-radius:5px;}
.send_column button{ border:none;}
.pro_inq  .subject_title a{ color:#333 ; font-size:16px; font-family: "Montserrat Bold"; text-decoration: underline;}
.pro_inq  .subject_title span{ font-size:16px; font-family: "Montserrat Bold";  color:#444; margin-right:10px;}


@media only screen and (max-width: 768px) {
.pro_inq .title_h{display: none;}
.pro_inq .inquiry .gp-input-group{width: 100%;}
}