/*reset*/



:focus {

    outline: 0;

}



body,

ul,

img,

input,

dl,

dd,

tr,

th,

td,

p {

    margin: 0;

    padding: 0;

}



em {

    font-style: normal;

}



img {

    border: none;

    vertical-align: middle;

}



li,

ul {

    list-style: none;

}



a {

    text-decoration: none;

    color: #222;

}



a:hover {

    text-decoration: none;

}



input {

    padding: 0px;

    vertical-align: middle;

    line-height: normal;

    border: none;

}



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;

}



iframe, video {

    max-width: 100%;

}





/*share*/



body {

    overflow-x: hidden;

    background: #fff;

    font-size: 14px;

    font-family: 'poppins', arial, sans-serif;

    color: #222;

}



.clearfix:before,

.clearfix:after {

    content: " ";

    display: table;

}



.clearfix:after {

    clear: both;

}



.clearfix {

    *zoom: 1;

}



b,

strong {

    font-family: 'poppins_sb';

    font-weight: normal;

}



input[type=datetime-local] {

    -webkit-appearance: none;

    outline: none;

    border: none;

}



.read_more {

    display: inline-block;

    font-size: 14px;

    text-transform: capitalize;

    color: #fff;

    line-height: 44px;

    height: 44px;

    padding: 0 30px;

    background: #ebbe17;

}

.page_more {

    display: inline-block;

    font-size: 13px;

    text-transform: capitalize;

    line-height: 36px;

    height: 36px;

    padding: 0 20px;

    background: #ebbe17;

    color: #fff;

}

.read_more:hover,

.page_more:hover {

    text-decoration: none;

    color: #fff;

    background: #222;

}

.main_top { text-align: center;}

.main_top .image { text-align: center; margin: 16px 0;}

.main_top .title {display: block; font-size: 36px; line-height: 38px; font-family: 'poppins_sb'; text-transform: capitalize;}

.main_top .title span {color: #ebbe17; display: inline-block; line-height: inherit;}

.main_top .text {  width: 100%; max-width: 700px; margin: 0 auto; color: #777; font-size: 12px; line-height: 24px; text-align: center; max-height: 48px; overflow: hidden;}





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

    .container { width: 1400px;}

}

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

    .row {  margin-right: 0;  margin-left: 0;}

}



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

    .main_top .title {  font-size: 28px;   line-height: 30px;  }

	.main_top .image {margin: 12px 0; }

	.main_top .image img {max-width: 40px; }

}

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

    .main_top .title { font-size: 24px; line-height: 26px; }

}





*:link,

*:visited,

*:hover,

*:active,

*:focus {

    transition: color .30s linear, background-color .30s linear, border-color .30s linear, opacity .30s linear, background-image .30s linear;

    -webkit-transition: color .30s linear, background-color .30s linear, border-color .30s linear, opacity .30s linear, background-image .30s linear;

}



@font-face {

    font-family: 'poppins';

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

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

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'poppins_sb';

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

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

    font-weight: normal;

    font-style: normal;

}





/*index*/





header { width: 100%; z-index: 9999999; padding: 0; }

header .right { float: right;}



.Mtop { padding: 5px 0;}

.Mtop .lx { float: right; }

.Mtop .lx li { float: left; margin-right: 30px;}

.Mtop .lx li img { float: left; max-width: 40px; margin-right: 10px;}

.Mtop .lx li a { font-size: 20px; line-height: 24px; color: #ebbe17; font-family: 'poppins_sb'; display: inline-block; line-height: 36px; padding-top: 4px;}

.Mtop .main_search { float: right; position: relative;}

.Mtop .main_search .input1 { float: right; width: 290px; line-height: 40px; height: 40px; background: #fff; background: #f9f9f9; padding-left: 15px; padding-right: 50px;}

.Mtop .main_search .submit1 {position: absolute; right: 0; top: 0; width: 40px; height: 40px; background: #ebbe17 url(../images/search.png) no-repeat center center;}

.fot_mes .letter-input .fot_input:-ms-input-placeholder, .Mtop .main_search .input1:-ms-input-placeholder {color: #777777;}

/* Internet Explorer 10+ */

.fot_mes .letter-input .fot_input::-webkit-input-placeholder, .Mtop .main_search .input1::-webkit-input-placeholder {color: #777777;}

/* WebKit browsers */

.fot_mes .letter-input .fot_input::-moz-placeholder, .Mtop .main_search .input1::-moz-placeholder { color: #777777;}

/* Mozilla Firefox 4 to 18 */

.fot_mes .letter-input .fot_input:-moz-placeholder , .Mtop .main_search .input1:-moz-placeholder {color: #777777;}



.header {

    transition: all .5s;

    padding: 20px 0px;

    text-align: center;

}



.header>.container {

    position: relative;

}



#logo {

    position: relative;

    text-align: left;

    float: left;

    z-index: 9999999;

    padding-top: 0;

}



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

#logo h1 .text {font-size: 24px; font-family: 'poppins_sb'; line-height: 36px; display: inline-block; max-width: 220px; transform: translateY(16px); margin-left: 7px;}

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



#logo img { max-width: 115px; height: auto; padding-top: 5px; transition: all .5s;}



.select{position:relative;float:right;display:inline-block;text-align:left;vertical-align:middle;padding:12px 10px 11px; background: #f9f9f9; margin-top: 14px;}

.select dt{display:inline-block;cursor:pointer;position:relative;z-index:9999999;color:#777;text-align:right;text-transform:capitalize;font-size:13px;font-weight:normal; vertical-align:middle;line-height:14px;}

.select dt:after{content:"";font-family:FontAwesome;background: url(../images/fy.png) no-repeat right center; padding-left:11px;color:#999999;}

.select dt:hover,.select dt.cur{}

.select dt>p{color:#777;display:inline-block;text-transform:capitalize;font-size:13px; vertical-align: middle;}

.select dt img{max-width:26px; margin-right: 6px;}

.select dd{position:absolute;right:0;top:42px;display:none;z-index:9999999;background:#fafafa;border:1px solid #e5e5e5;}

.select dd ul{width:130px;/*max-height:250px;*/overflow:auto;list-style:none;}

.select dd ul li{margin-bottom:0; border-bottom: 1px solid #eee;}

.select dd ul li a{line-height:24px;display:block;padding:6px 10px;text-align:left;color:#333; font-size: 13px;}

.select dd ul li a:hover{background:#fff;color:#ebbe17;}

.select dd ul li img{max-width:26px; width:100%;height:auto;vertical-align:middle; margin-right: 6px;}

.select dd ul li p{padding-left:0px;font-size:13px;line-height:17px;color: #555; display:inline-block;text-transform:capitalize;vertical-align:middle;margin:0;}



/* Top Search*/



.top_search { position: fixed; left: 0; top: 0; z-index: 99999999; width: 100%; max-width: 100%;  padding-top: 0;float: none;}

.top_search .popover_main {display: none;position: fixed; z-index: 99999;  width: 100%; height: 100%; overflow: hidden; left: 0; top: 0;}

.top_search .close_search {cursor: pointer; position: absolute; right: 0px; top: 0px; display: block; width: 40px; height: 40px; text-align: center; line-height: 40px;}

.top_search .search_input { position: absolute; top:28%; left:50%; width:100%; max-width: 600px;  padding: 0 15px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);

       -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);    transform: translate(-50%, -50%); }

.top_search .form-control { height: 50px;  line-height: 50px;  background: #fff; }

.search i {height: 36px; width: 36px; text-align: center;  background: #ebbe17 url(../images/search.png) no-repeat center center; display: inline-block;  position: relative;  z-index: 2;vertical-align: middle;}

.attr_nav { float: right;  overflow: hidden;margin-left: 15px; display: none;}

.attr_nav ul li { list-style: none;}

.cover_div {  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  background:#000;  opacity: 0.6;  display: none;}

.attr_nav a { display: inline-block; position: relative; z-index: 5; background: #fff; }



.top_search em {

	display: block;

    font-size: 22px;

    font-family: 'poppins';

    text-align: left;

    color: #fff;

    margin-bottom: 21px;

    text-transform: capitalize;

}



.top_search .close_search i {

    width: 100%;

    height: 100%;

    line-height: inherit;

    position: absolute;

    left: 0px;

    top: 0px;

}

.top_search .close_search i::before,.top_search .close_search i::after {

    content: '';

    position: absolute;

    left: 10px;

    top: 18px;

    width: 20px;

    height: 2px;

    background: #fff;

}

.top_search .close_search i::before {

    transform: rotate(45deg);

}

.top_search .close_search i::after {

    transform: rotate(-45deg);

}

.top_search .form-control {

    box-shadow: none;

    border: none;

    background: #fff;

    border: 1px solid #ddd;

    height: 44px;

    line-height: 44px;

    padding: 0 50px 0 15px;

    text-align: left;

    font-size: 14px;

    font-family: 'poppins', sans-serif;

    border-radius: 0px;

}



.top_search input.form-control:focus {

    color: #222;

    font-style: inherit;

    text-transform: inherit;

}



.top_search input::-ms-input-placeholder {

    color: #777;

}





/* Internet Explorer 10+ */



.top_search input::-webkit-input-placeholder {

    color: #777;

}



/* WebKit browsers */



.top_search input:-moz-placeholder {

    color: #777;

}





/* Mozilla Firefox 4 to 18 */



.top_search input::-moz-placeholder {

    color: #777;

}





/* Mozilla Firefox 19+ */



.top_search .search_input {

    width: 100%;

}



.btn_search1 {

    background: #ebbe17 url(../images/search.png) no-repeat center center;

    top: 0px;

    height: 44px;

    position: absolute;

    right: 0px;

    width: 46px;

    z-index: 3;

    border-radius: 0;

}



.header_search {

    position: relative;

}



/* Sizes for the bigger menu */

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

header.small #logo img {padding-top: 6px;  max-width: 60px;}

header.small .right .Mtop {display: none;}

header.small #logo h1 .text { font-size: 18px; line-height: 24px; transform: translateY(10px);}



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

	#logo h1 .text { display: none;}

}

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

	.Mtop .lx li a { font-size: 16px;}

	.Mtop .lx li { margin-right: 20px;}

}

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

	.Mtop .main_search { display: none;}

	.Mtop { float: left;}

	.Mtop .lx { display: none;}

	header.small .right .Mtop { display: block;}

	.header .right .Mtop { float: right;}

    #logo img, header.small #logo img { max-width: 50px; padding: 8px 0;}

    .attr_nav { margin-left: 0; margin-right: 12px; height: 36px; margin-top: 14px; display: block;}

    .search i { width: 36px; height: 36px;}

     header.small {position: fixed;}

    header, header.large {border: none;position: inherit; }

    header.large .header, .header, header.small .header { background: #fff; position: relative; padding: 10px 0; }

    .header .row {  margin: 0;}

    .header #logo,  header.small #logo{padding: 0;position: relative;  z-index: 9999999; padding-top: 0;}

    .select {padding: 10px 10px 9px; position: absolute; top: 0; right: 111px;}

	header .container { padding: 0 15px; width: 100%;}

}





/* banner */

.slide-text .read_more:hover {

    background: #fff;

    color: #ebbe17;

}



.bs-slider {

    overflow: hidden;

    position: relative;

    background: #fff;

}



.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;

    width: 45px;

    height: 45px;

    z-index: 100;

    color: #ffffff;

    display: block;

    font-size: 24px;

    cursor: pointer;

    overflow: hidden;

    line-height: 43px;

    text-shadow: none;

    position: absolute;

    font-weight: normal;

    background: rgba(0,0,0,0.5);

    -webkit-border-radius: 100px;

    border-radius: 100px;

}



.control-round:hover .carousel-control {

    opacity: 1;

}



.control-round .carousel-control.left {

    left: 1%;

}



.control-round .carousel-control.right {

    right: 1%;

}



.control-round .carousel-control.left:hover,

.control-round .carousel-control.right:hover {

    color: #fdfdfd;

    background: #ebbe17 ;

    border: 0px transparent;

}



.control-round .carousel-control.left>span:nth-child(1) {

    left: 45%;

    line-height: inherit;

}



.control-round .carousel-control.right>span:nth-child(1) {

    right: 45%;

    line-height: inherit;

}



/*---------- INDICATORS CONTROL ----------*/



.indicators-line>.carousel-indicators {

    right: 45%;

    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;

}



.indicators-line>.carousel-indicators li {

    padding: 0;

    width: 15px;

    height: 15px;

    border: 1px solid rgb(158, 158, 158);

    text-indent: 0;

    overflow: hidden;

    text-align: left;

    position: relative;

    letter-spacing: 1px;

    background: rgb(158, 158, 158);

    -webkit-font-smoothing: antialiased;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    margin-right: 5px;

    -webkit-transition: all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);

    transition: all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);

    z-index: 10;

    cursor: pointer;

    margin: 0 6px;

}



.indicators-line>.carousel-indicators li:last-child {

    margin-right: 0;

}



.indicators-line>.carousel-indicators .active {

    border: 2px solid #fff;

    background: #ebbe17;

   -webkit-transition: box-shadow 0.3s ease;

    -moz-transition: box-shadow 0.3s ease;

    -o-transition: box-shadow 0.3s ease;

    transition: box-shadow 0.3s ease;

    -webkit-transition: background-color 0.3s ease;

    -moz-transition: background-color 0.3s ease;

    -o-transition: background-color 0.3s ease;

    transition: background-color 0.3s ease;

}



/*---------- SLIDE CAPTION ----------*/



.slide_style_left {

    text-align: left !important;

}



.slide_style_right {

    text-align: right !important;

}



.slide_style_center {

    text-align: center !important;

}



.slide-text {

    left: 0;

    top: 45%;

    right: 0;

    margin: auto;

    padding: 10px;

    position: absolute;

    text-align: left;

    padding: 10px 85px;

    transform: translateY(-50%);

}



.slide-text>.title {

    overflow: hidden;

    padding: 0;

    color: #ffffff;

    font-size: 68px;

    font-style: normal;

    line-height: 84px;

    margin-bottom: 30px;

    word-wrap: break-word;

    -webkit-animation-delay: 0.7s;

    animation-delay: 0.7s;

}



.slide-text>p {

    padding: 0;

    color: #ffffff;

    font-size: 20px;

    line-height: 24px;

    font-weight: 300;

    margin-bottom: 40px;

    letter-spacing: 1px;

    -webkit-animation-delay: 1.1s;

    animation-delay: 1.1s;

}



.slide-text>a.btn-default {

    color: #000;

    font-weight: 400;

    font-size: 13px;

    line-height: 15px;

    margin-right: 10px;

    text-align: center;

    padding: 17px 30px;

    white-space: nowrap;

    letter-spacing: 1px;

    display: inline-block;

    border: none;

    text-transform: uppercase;

    -webkit-animation-delay: 2s;

    animation-delay: 2s;

    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

}



.slide-text>a.btn-primary {

    color: #ffffff;

    cursor: pointer;

    font-weight: 400;

    font-size: 13px;

    line-height: 15px;

    margin-left: 10px;

    text-align: center;

    padding: 17px 30px;

    white-space: nowrap;

    letter-spacing: 1px;

    background: #00bfff;

    display: inline-block;

    text-decoration: none;

    text-transform: uppercase;

    border: none;

    -webkit-animation-delay: 2s;

    animation-delay: 2s;

    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

}



.slide-text>a:hover,

.slide-text>a:active {

    color: #ffffff;

    background: #222222;

    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;

    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;

}



.indicators-line>.carousel-indicators {

	display: none;

}

    

/*------------------------------------------------------*/



/* RESPONSIVE

/*------------------------------------------------------*/



@media (max-width: 991px) {

    .slide-text .title {

        font-size: 36px;

        line-height: 40px;

        margin-bottom: 20px;

    }

    .slide-text>p {

        font-size: 18px;

    }

   .control-round .carousel-control {

    	top: 50%;

    	transform: translateY(-50%);

    }

}





/*---------- MEDIA 480px ----------*/



@media (max-width: 768px) {

    .slide-text {

        padding: 10px 50px;

    }

    .slide-text .title {

        font-size: 24px;

        line-height: 28px;

        margin-bottom: 10px;

    }

    .slide-text>p {

        font-size: 14px;

        line-height: 20px;

        margin-bottom: 20px;

    }

    .control-round .carousel-control {

    	opacity: 1;

		width: 40px;

		height: 40px;

		line-height: 38px;

    }

    .control-round .carousel-control.right {

    	right: 0;

    }

    .control-round .carousel-control.left {

    	left: 0;

    }

}



@media (max-width: 480px) {

    .slide-text {

        padding: 10px 30px;

    }

    .slide-text .title {

        font-size: 20px;

        line-height: 25px;

        margin-bottom: 10px;

    }

    .slide-text>p {

        display: none;

    }

    .slide-text .read_more {

        line-height: 36px;

        height: 36px;

    }

}





/*******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-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;

    margin: 0 auto;

}



.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;

}





/* Dots */



.slick-dots {

    position: absolute;

    list-style: none;

    display: block;

    text-align: center;

    padding: 0px;

    width: 100%;

    z-index: 999;

    left: 0;

    margin-top: 34px;

}



.slick-dots li {

    position: relative;

    display: inline-block;

    height: 5px;

    width: 52px;

    margin: 0px 5px;

    padding: 0px;

    cursor: pointer;

}



.slick-dots li button {

    border: 0;

    background: transparent;

    display: block;

    height: 5px;

    width: 52px;

    outline: none;

    line-height: 0;

    font-size: 0;

    cursor: pointer;

    outline: none;

    background: #eeeeee;

}



.slick-dots li button:focus {

    outline: none;

}



.slick-dots li.slick-active button {

    background: #0db26d;

}



/* 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;

}





/* Dots */



.slick-dots {

    position: absolute;

    bottom: -35px;

    list-style: none;

    display: block;

    text-align: center;

    padding: 0px;

    width: 100%;

    z-index: 999;

    display: none !important;

}



.slick-dots li {

    position: relative;

    display: inline-block;

    height: 10px;

    width: 10px;

    border-radius: 50%;

    margin: 0px 5px;

    padding: 0px;

    cursor: pointer;

}



.slick-dots li button {

    border: 0;

    background: transparent;

    display: block;

    height: 10px;

    width: 10px;

    border-radius: 50%;

    outline: none;

    line-height: 0;

    font-size: 0;

    cursor: pointer;

    outline: none;

    border: 1px solid #b2b2b2;

    padding: 0;

}



.slick-dots li button:focus {

    outline: none;

}



.slick-dots li.slick-active button {

    border: 1px solid #eb5515;

    background: transparent;

}



.slick-prev {

    width: 15px;

    height: 28px;

    position: absolute;

    left: -26px;

    top: 43%;

    vertical-align: middle;

    filter: alpha(opacity=30);

    -moz-opacity: 0.3;

    opacity: 0.3;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}



.slick-next {

    width: 15px;

    height: 28px;

    position: absolute;

    right: -26px;

    top: 43%;

    vertical-align: middle;

    filter: alpha(opacity=30);

    -moz-opacity: 0.3;

    opacity: 0.3;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}



.slick-next:hover,

.slick-prev:hover {

    filter: alpha(opacity=100);

    -moz-opacity: 1;

    opacity: 1;

}



.slick-slide .image {

    max-width: 100%;

    overflow: hidden;

}



.slick-slide .image img {

    max-width: 100%;

}

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

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

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

}



/*product*/

.proca_bg { overflow: hidden; position: relative; padding: 60px 0 120px; background: url(../images/proca_bg1.jpg) no-repeat left top; background-size: cover;}

.proca_bg:after { content: ''; position: absolute; left: 0; bottom: 0; z-index: 2; width: 26%; height: 337px; background: rgba(235,190,23,0.8);}

.proca_bg:before { content: ''; position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; height: 337px; background: url(../images/proca_bg2.jpg) no-repeat center; background-size: cover;}

.proca_bg .main_top  {width: 30%; float: left; position: relative; z-index: 4; text-align: left; padding: 40px 100px 0 60px;}

.proca_bg .main_top .image  {margin: 25px 0 40px; text-align: left;}

.proca_bg .main_top .text {text-align: left; font-size: 12px; line-height: 24px; height: 96px; max-height: 96px; overflow: hidden; margin-bottom: 160px;}

.proca_bg .main_top .more {display: inline-block; position: relative; line-height: 48px; font-size: 24px; text-transform: uppercase; font-family: 'poppins_sb'; color: #fff; padding-left: 15px; padding-right: 15px;}

.proca_bg .main_top .more:before {content: ''; position: absolute; width: 24px; height: 48px; left: 0; top: 0; background: rgba(255,255,255,0.2); transition: all .5s;}

.proca_bg .main_top .more:hover:before {width: 100%;}

.proca_bg .main_top .more span {position: relative; padding-right: 36px;}

.proca_bg .main_top .more span:before {content: ''; position: absolute; right: 0; top: 10px; width: 24px; height: 18px; background: url(../images/proca_right_icon.png) no-repeat center;}

.proca_bg .bottom  {width: 70%; float: left; position: relative; z-index: 4;}

.proca_bg .bottom  .autoplay4 { margin-right: -210px; margin-left: -10px;}

.proca_bg .bottom_img { position: absolute; bottom: 0; z-index: 3; left: 50%; width: calc(100% - 20px); margin: 0 auto; max-width: 1690px; height: 50px; transform: translateX(-50%); }

.proca_bg .bottom_img:before {content: ''; position: absolute;top: 0; left: 0; width: 60%; height:100%; background: #fff; transform:  skew(-15deg);}

.proca_bg .bottom_img:after {content: ''; position: absolute;top: 0; right: 0; width: 60%; height:100%; background: #fff; transform:  skew(15deg);}

.proca_bg .bottom .li {padding: 10px;}

.proca_bg .bottom .li .box {background: #fff; box-shadow: 0px 0px 10px 0px rgba(204, 204, 204, 0.48);}

.proca_bg .bottom .li .box .images {display: block; overflow: hidden;}

.proca_bg .bottom .li .box .images img {width: 100%; transition: all .5s;}

.proca_bg .bottom .li .box:hover .images img {transform: scale(1.1);}

.proca_bg .bottom .li .main {text-align: center; padding: 20px 20px 25px; position: relative;}

.proca_bg .bottom .li .main:before {content: ''; position: absolute; top: -24px; left: 50%; width: 28px; height: 24px; background: url(../images/proca_san.png) no-repeat left top; transform: translateX(-50%) scale(0); opacity: 0; visibility: hidden; transition: all .5s;}

.proca_bg .bottom .li .main .title {display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 20px; line-height: 24px; font-family: 'poppins_sb'; text-transform: uppercase}

.proca_bg .bottom .li .main .line {margin: 20px auto; width: 40px; height: 1px; background: #d1d1d1;}

.proca_bg .bottom .li .main .text {font-size: 12px; line-height: 20px; height: 40px; overflow: hidden; color: #777;}

.proca_bg .bottom .li .box:hover .main { background: #ebbe17;}

.proca_bg .bottom .li .box:hover .main:before {opacity: 1; visibility: visible; transform: translateX(-50%) scale(1);}

.proca_bg .bottom .li .box:hover .main .title { color: #fff;}

.proca_bg .bottom .li .box:hover .main .line { background: #fff;}

.proca_bg .bottom .li .box:hover .main .text { color: #fff; opacity: 0.8;}

.proca_bg .slick-prev { width: 72px; height: 60px; background: url(../images/jt_left.png) no-repeat center center; opacity: 0.4;}

.proca_bg .slick-next { width: 72px; height: 60px; background: url(../images/jt_right.png) no-repeat center center; opacity: 0.4; right: 210px;} 

.proca_bg .slick-next:hover,.proca_bg .slick-prev:hover {opacity: 1;}





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

	.proca_bg .main_top  { padding: 40px 60px 0 40px;}

}

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

	.proca_bg .main_top .text {margin-bottom: 70px;}

	.proca_bg .main_top .more {font-size: 20px;}

	.proca_bg .main_top .more span:before {top: 7px;}

}

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

	.proca_bg .main_top {padding: 10px 60px 0 30px;}

	.proca_bg .main_top .image { margin: 25px 0;}

	.proca_bg .main_top .more {font-size: 16px;}

	.proca_bg .main_top .more span {padding-right: 28px;}

	.proca_bg .main_top .more span:before {top: 4px; background-size: 16px;}

	.main_top .title { font-size: 30px;}

}

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

	.proca_bg { padding: 40px 15px 70px;}

	.proca_bg .main_top .image {margin: 20px auto; text-align: center;}

	.proca_bg .main_top { width: 100%; text-align: center; padding: 0;}

	.proca_bg .main_top .text {text-align: center; height: auto; margin-bottom: 20px;}

	.proca_bg .main_top .more { background: #ebbe17; margin-bottom: 30px;}

	.proca_bg .bottom { width: 100%;}

	.proca_bg .bottom_img {  height: 30px;}

	.main_top .title { font-size: 28px;}

	

} 



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

	.proca_bg .main_top .image {margin: 15px auto; }

	.proca_bg .main_top .more span { font-size: 14px;}

	.proca_bg .bottom .autoplay4 { margin: 0 -7px;}

	.proca_bg .bottom .li { padding: 0 7px;}

	.proca_bg .slick-next { right: -10px;}

	.proca_bg .bottom .li .main .title {font-size: 14px;}

	.proca_bg .bottom .li .main .line { margin: 12px auto;}

	.proca_bg .slick-next, .proca_bg .slick-prev  {width: 54px; height: 45px; background-size: 45px;}

	.proca_bg .bottom .li .main { padding: 20px 10px;}

	.main_top .title { font-size: 24px;}

}



.hot_bg { overflow: hidden; padding: 10px 0 15px;}

.hot_bg .bottom { margin-top: 35px;}

.hot_bg .ul1 { margin: 0 -10px; }

.hot_bg .ul1 li { list-style:none; float:left; width:25%; overflow: hidden; padding: 0 10px; margin-bottom: 20px;}

.hot_bg .ul1 li .li{  overflow:hidden;  border: 2px solid #eee; position: relative; background: #fff;}

.hot_bg .ul1 li .li:hover { border: 2px solid #ebbe17;}

.hot_bg .ul1 li .li .img{ display:block; position:relative; overflow: hidden;}

.hot_bg .ul1 li .li .img img { width: 100%; max-width: 100%; height: auto; transition: all .5s;}

.hot_bg .ul1 li .li:hover .img img { transform: scale(1.05);}

.hot_bg .ul1 li .li .main{transition: all .5s; text-align: center; padding:12px 10px 22px;}

.hot_bg .ul1 li .li .main .title {  font-size:16px; line-height: 24px;  display:block; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; font-family: "poppins_sb";}

.hot_bg .ul1 li .li .text { color:#777; line-height:24px; height:48px; overflow:hidden; font-size:12px; margin-top:13px; word-break: break-word; transition: all .5s;}

.hot_bg .bottom .more {display: inline-block; padding: 0 30px; line-height: 44px; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.13); height: 44px; background: #ebbe17; color: #fff; text-transform: uppercase; margin-top: 30px;}

.hot_bg .bottom .more:hover {background: #222;}

.hot_bg .ul1 li .li:hover .title { color: #ebbe17; text-decoration: none;}



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

	.hot_bg {  padding: 10px 0 0px;}

	.hot_bg .bottom { margin-top: 25px;}

	.hot_bg .ul1 li { width: 50%;}

	.hot_bg .bottom .more { margin-top: 20px;}

}

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

	.hot_bg { padding: 10px 0 20px;}

	.hot_bg .ul1 li .li .main .title {  font-size:14px; line-height: 20px;}

}

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

	.hot_bg .ul1 { margin: 0 -7px; }

	.hot_bg .ul1 li { padding: 0 7px; margin-bottom: 14px;}

	.hot_bg .ul1 li .li .main .title {  font-size:13px; line-height: 20px; }

	.hot_bg .ul1 li .li .text { margin-top: 5px;}

	.hot_bg .ul1 li .li .main { padding: 10px 10px 20px;}

}



.ab_bg { overflow: hidden;}

.ab_top {overflow: hidden; position: relative; padding: 140px 0 200px; background-repeat: no-repeat; background-position: center ; background-size: cover; text-align: center;}

.ab_top .top_img { position: absolute; top: 0; z-index: 3; left: 50%; width: calc(100% - 20px); margin: 0 auto; max-width: 1690px; height: 50px; transform: translateX(-50%); }

.ab_top .top_img:before {content: ''; position: absolute;top: 0; left: 0; width: 60%; height:100%; background: #fff; transform:  skew(15deg);}

.ab_top .top_img:after {content: ''; position: absolute;top: 0; right: 0; width: 60%; height:100%; background: #fff; transform:  skew(-15deg);}

.ab_top .year { position: relative; display: inline-block;}

.ab_top .year:before {content: ''; position: absolute; width: 60px; height: 60px; background: #ebbe17; left: -15px; top: -28px;}

.ab_top .year_value {display: inline-block; position: relative; vertical-align: middle; font-size: 140px; font-family: 'poppins_sb'; color: #fff; line-height: 110px;}

.ab_top .text { position: relative; font-size: 30px; display: inline-block; text-align: left; font-family: 'poppins_sb'; text-transform: uppercase; line-height: 44px; max-width: 240px; color: #ebbe17; vertical-align: middle; margin-left: 10px;}

.ab_bottom { overflow: hidden; margin-top: -125px; position: relative;}

.ab_bottom .left { width: 50%; float: left; overflow: hidden;}

.ab_bottom .left a {display: block;}

.ab_bottom .left a img {display: block; max-width: 100%;transition: all .5s;}

.ab_bottom .left video {max-width: 100% !important;}

.ab_bottom .left:hover a img {transform: scale(1.1);}

.ab_bottom .right { width: 50%; float: right;padding-left: 40px; padding-top: 10px;}

.ab_bottom .right .p {font-family: 'poppins_sb';font-size: 16px; line-height: 18px; color: #fff; text-transform: uppercase;}

.ab_bottom .right .title { display: block; font-family: 'poppins_sb';font-size: 36px; line-height: 48px; color: #fff; text-transform: uppercase; margin: 20px 0 40px;}

.ab_bottom .right .text { font-size: 14px; line-height: 30px; height: 150px; overflow: hidden; color: #777;}

.ab_bottom .right .more {display: inline-block; padding: 0 30px; text-transform: capitalize; color: #fff; line-height: 48px; height: 48px; background: #222; margin: 30px 0 15px;}

.ab_bottom .right .more:hover {background: #ebbe17;}

.ab_bottom .right .ul1 li {padding: 20px 0; width: 48.5%; float: left;}

.ab_bottom .right .ul1 li:nth-child(2) { float: right;}

.ab_bottom .right .ul1 li .box {position: relative; padding: 20px 0;}

.ab_bottom .right .ul1 li .box:before {position: absolute; content: ''; width: calc(100% - 20px); height: 100%; background: #f9f9f9; left: 20px; top: 0;}

.ab_bottom .right .ul1 li .box img {max-width: 40px; position: relative; transition: all .5s;}

.ab_bottom .right .ul1 li .box:hover img {transform: rotate(360deg); }

.ab_bottom .right .ul1 li .box a {position: relative; font-size: 20px; font-family: 'poppins_sb'; color: #ebbe17; padding-left: 10px; }

.honor_bg {overflow: hidden; margin-top: -75px; position: relative; padding: 15px;}

.honor_bg:before {content: ''; position: absolute; width: 155px; height: 468px; background: url(../images/honor_icon.png); right: 0; top: 20px; z-index: 5;}

.honor_bg .honor {margin-left: 74px; margin-right: -74px; padding: 10px 30px 30px;  position: relative; z-index: 4;}

.honor_bg .honor:before {content: ''; position: absolute; width: 100vw; height: 100%; background: #fff; left: 0; top: 0; box-shadow: 0px 0px 15px 0px rgba(204, 204, 204, 0.35);}

.honor_bg .honor .autoplay4 { position: relative; z-index: 6;}

.honor_bg .honor .li {padding: 20px;}

.honor_bg .honor .li .box {overflow: hidden; box-shadow: 0px 9px 15px 0px rgba(27, 27, 27, 0.09);}

.honor_bg .honor .li .box img {width: 100%; max-width: 100%; transition: all .5s;}

.honor_bg .honor .li .box:hover img {transform: scale(1.05);}

.honor_bg .slick-prev { left: -15px; width: 72px; height: 60px; background: url(../images/jt_left.png) no-repeat center center; opacity: 0.4;}

.honor_bg .slick-next {right: -15px; width: 72px; height: 60px; background: url(../images/jt_right.png) no-repeat center center; opacity: 0.4; } 

.honor_bg .slick-next:hover,.honor_bg .slick-prev:hover {opacity: 1;}

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

	.honor_bg:before  {max-width: 100px;}

}

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

	.honor_bg:before  {display: none;}

}

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

	.ab_bottom .right .title { font-size: 32px;}

	.ab_bottom .right .ul1 li .box a { font-size: 16px;}

	.ab_bottom .right .more { margin: 20px 0 10px;}

	.honor_bg { margin-top: -50px;}

	.ab_bottom .right .ul1 li .box {padding: 10px 0;}

	.honor_bg .honor {margin-left: 44px; margin-right: -44px;}

}

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

	.ab_bottom .left a img { height: 500px; object-fit: cover; -o-object-fit: cover; object-position: center; }

	.ab_bottom {margin-top: -150px;}

	.ab_bottom .right .title {margin: 10px 0 20px;}

	.ab_bottom .right .ul1 li .box a {font-size: 14px; padding-left: 4px;}

	.ab_bottom .right {padding-left: 30px;}

	.ab_bottom .right .more {margin: 10px 0;}

}

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

	.ab_bottom .left { width: 100%;}

	.ab_bottom .left  a img { height: auto;}

	.ab_bottom .right {width: 100%; padding: 0 0 20px;}

	.ab_bottom .right .title { font-size: 28px; margin: 10px 0 15px;}

	.ab_bottom .right .more {margin: 15px 0 10px;}

	.ab_bottom {margin-top: -80px;}

	.ab_top {padding: 130px 0 120px;}

	.honor_bg .slick-next, .honor_bg .slick-prev  {width: 54px; height: 45px; background-size: 45px;}

	.honor_bg .honor {padding: 20px;}

	.honor_bg .honor .li {padding: 10px;}

	.honor_bg .honor .li .box { box-shadow: 0px 0px 10px 0px rgba(27, 27, 27, 0.09);}

}

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

	.honor_bg {margin-top: 20px;}

	.honor_bg .honor:before {width: 100%;background: #f9f9f9;}

	.honor_bg .honor { margin-left: 0px; margin-right: 0px;}

	.ab_top .year_value {font-size: 100px; line-height: 80px;}

	.ab_top .text { font-size: 22px; line-height: 34px; margin-left: 5px;}

	.ab_top .year:before {width: 44px; height: 44px; left: -10px; top: -20px;}

	.ab_top {padding: 80px 0 100px;}

	.ab_top .top_img {height: 30px;}

	.ab_bottom .right .title {font-size: 24px;}

	.honor_bg { padding: 0;}

}

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

	.ab_top {padding: 60px 0 25px;}

	.ab_bottom .right .ul1 li {width: 100%; padding: 8px 0;}

	.ab_bottom .right .p {color: #ebbe17;}

	.ab_bottom .right .title { font-size: 24px; line-height: 30px; color: #222; margin: 10px 0 5px;}

	.ab_bottom {margin-top: 20px;}

	.ab_top .year_value {font-size: 64px; line-height: 70px;}

	.ab_top .text {font-size: 14px; line-height: 24px; max-width: 100px;}

	.ab_top .year:before {width: 30px; height: 30px; left: -10px; top: -5px;}

	.honor_bg .honor {padding: 15px 10px;}

}



.news_bg {padding: 60px 0; margin-top: 48px; background: url(../images/news_bg.jpg) no-repeat center top; background-size: cover; overflow: hidden;}

.news_bg .bottom {margin: 40px -20px 0;}

.news_bg .li { margin: 0px 20px; overflow: hidden; padding-top: 20px;}

.news_bg .li .box { background: #fff;  position: relative;}

.news_bg .li .images {display: block; width: 50%; float: left; transform: translateY(-20px); overflow: hidden;}

.news_bg .li .images img { width: 100%; transition: all .5s;}

.news_bg .li .main { width: 50%; float: left; padding: 65px 25px 20px; position: relative;}

.news_bg .li .main .title { display: block; font-size: 14px; line-height: 22px; height: 44px; overflow: hidden; font-family: 'poppins_sb';}

.news_bg .li .main .text {  font-size: 12px; line-height: 20px; height: 40px; color: #777; overflow: hidden; margin: 20px 0 15px;}

.news_bg .li .main .time {position: absolute; display: inline-block; padding: 0 10px; top: 20px; left: -20px;}

.news_bg .li .main .time span {position: relative; display: inline-block; color: #fff; font-size: 12px; line-height: 30px; height: 30px; padding-left: 25px; background: url(../images/time_icon.png) no-repeat left 6px; }

.news_bg .li .main .time:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #ebbe17; transform: skew(-15deg);}

.news_bg .li .more { display: inline-block; position: relative; font-size: 12px; color: #777; width: 165px; text-transform: capitalize; line-height: 32px; padding-right: 25px;}

.news_bg .li .more:before {content: ''; position: absolute; right: -30px; bottom: 0; width: 100%; height: 32px; background: #f0f0f0; transform: skew(-30deg);}

.news_bg .li .more span {position: relative;}

.news_bg .li .more i {padding-left: 4px; font-size: 14px;}

.news_bg .li .more:hover:before {background: #fff;}

.news_bg .li .more:hover { color: #ebbe17;}

.news_bg .li .box:hover .title {color: #ebbe17;}

.news_bg .li .box:hover .images img { transform: scale(1.05);}

.news_bg .slick-prev { left: -15px; width: 54px; height: 45px;  background: url(../images/jt_left.png) no-repeat center center;background-size: 45px; opacity: 0.4;}

.news_bg .slick-next {right: -15px; width: 54px; height: 45px;  background: url(../images/jt_right.png) no-repeat center center;background-size: 45px; opacity: 0.4; } 

.news_bg .slick-next:hover,.news_bg .slick-prev:hover {opacity: 1;}



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

	.news_bg { padding: 40px 0; margin-top: 40px;}

	.news_bg .li .main .time {top: -20px; left: -0px;}

	.news_bg .li { padding-top: 0;}

	.news_bg .bottom {margin: 30px -20px 0;}

	.news_bg .li .images { width: 100%; transform: translateY(0px); }

	.news_bg .li .main {width: 100%;  padding: 20px 15px 10px;}

	.news_bg .li .main .text {margin: 10px 0;}

}

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

	.news_bg .li { margin: 0 7px; padding-top: 0;}

	.news_bg .bottom {margin: 30px -7px 0;}

	

}

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

	.news_bg .li .main { padding: 20px 10px;}

}





/*footer*/



.footer_bg {overflow: hidden; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover;}

.footer_bg:before {content: ''; position: absolute; left: 0; top: 0; width: 38%; height: 100%; background: rgba(255,255,255,0.1);}

.footer_bg:after {content: ''; position: absolute; left: 0; bottom: 0; width: 38%; height: 10px; background: #ebbe17;}

.footer {position: relative; z-index: 4; background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden; padding-top: 80px;}

.footer .top_img_bg { position: absolute; top: 0; z-index: 3; left: 50%; width: calc(100% - 20px); margin: 0 auto; max-width: 1690px; height: 40px; transform: translateX(-50%); }

.footer .top_img_bg:before {content: ''; position: absolute;top: 0; left: 0; width: 60%; height:100%; background: #f9f9f9; transform:  skew(15deg);}

.footer .top_img_bg:after {content: ''; position: absolute;top: 0; right: 0; width: 60%; height:100%; background: #f9f9f9; transform:  skew(-15deg);}



.footer .left {position: relative; width: 34%; float: left;}

.footer .right { width: 66%; float: right; padding-left: 80px; padding-top: 6px;}



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

	.footer .left {width: 100%;}

	.footer .right { width: 100%; }

}



.footer .left .fot_title em { font-size: 32px; text-transform: capitalize;}

.fot_mes .con_ul li {

    padding-bottom: 10px;

    color: #868686;

    font-size: 13px;

    line-height: 24px;

    padding-left: 30px;

}

.fot_mes .sns_ul { float: none; margin-top: 10px;}

.fot_mes .sns_ul li {margin-right: 10px; transition: all .5s; float: left;}

.fot_mes .sns_ul li:hover {transform: translateY(-2px);}

.fot_mes .text {

    color: #fff;

    opacity: 0.6;

    font-size: 12px;

    margin-bottom: 25px;

}

.fot_mes .con_ul { margin-top: 26px;}

.fot_mes .con_ul li , .fot_mes .con_ul li a {color: #b3b3b3;font-size: 12px;}

.fot_mes li a {

    font-size: 12px;

    line-height: 24px;

    position: relative;

    display: inline-block;

    transition: all .5s;

}

.fot_mes li a:hover {

    text-decoration: none;

    color: #ebbe17;

}



.fot_mes li.fcon_a {

    background: url(../images/fot_a.png) no-repeat left 2px;

}



.fot_mes li.fcon_e {

    background: url(../images/fot_e.png) no-repeat left 2px;



}

.fot_mes li.fcon_p {

    background: url(../images/fot_p.png) no-repeat left top;

}



.fot_mes {

    width: 100%;

    padding-right: 60px;

    position: relative;

    z-index: 10;

    padding-bottom: 45px;

}

.fot_mes .toggle_content {max-width: 385px;}

.fot_mes .letter-input {

    max-width: 385px;

    position: relative;

    margin-top: 20px;

}



.fot_mes .letter-input .fot_input {

    background: #fff;

    width: 100%;

    height: 48px;

    line-height: 48px;

    padding-left: 15px;

    padding-right: 90px;

    font-family: 'poppins';

    font-size: 13px;

    border: none;

}



.fot_mes .letter-input .send {

    display: inline-block;

    height: 44px;

    font-size: 12px;

    text-transform: uppercase;

    color: #fff;

    background: #ebbe17;

    padding: 0 20px;

    font-family: 'poppins_sb';

    position: absolute;

    right: 2px;

    top: 2px;

}

.fot_mes .letter-input .send:hover { background: #222;}

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

    color: #777777;

}





/* Internet Explorer 10+ */



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

    color: #777777;

}





/* WebKit browsers */



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

    color: #777777;

}





/* Mozilla Firefox 4 to 18 */



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

    color: #777777;

}



.footer .fot_title {

    position: relative;

    display: block;

    margin-bottom: 16px;

}



.footer .fot_title em {

    display: block;

    font-size: 20px;

    line-height: 30px;

    text-transform: uppercase;

    font-family: 'poppins_sb';

    color: #fff;

}



.footer ul,

.foot_bot ul {

    list-style: none;

}



.icon-minus-sign,

.icon-plus-sign {

    width: 14px;

    height: 14px;

    display: flex;

    position: relative;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}



.icon-minus-sign:before,

.icon-minus-sign:after,

.icon-plus-sign:before,

.icon-plus-sign:after {

    content: '';

    position: absolute;

    background: #fff;

    width: 14px;

    height: 2px;

    margin: 2px 0;

}



.icon-plus-sign {

    width: 12px;

    height: 12px;

}



.icon-plus-sign:before,

.icon-plus-sign:after {

    width: 12px;

}



.icon-plus-sign:after {

    transform: rotate(90deg);

    -webkit-transform: rotate(90deg);

}



.icon-minus-sign:before {

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

}



.icon-minus-sign:after {

    transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

}



.fot_title .column_icon_toggle {

    display: none;

}



.fot_nav, .fot_tag , .fot_pro  { float: left; width: 33.33333%; padding-right: 40px;}

.fot_pro  { width: 36%;}

.fot_nav { width: 32%;}

.fot_tag {width: 32%; padding-right: 0;}



.fot_nav li a , .fot_tag li a , .fot_pro li a {color: #a3a3a3; font-size: 13px;}

.fot_nav li , .fot_tag li , .fot_pro li {margin-bottom: 10px; color: #a3a3a3; font-size: 13px;}

.fot_nav li a:hover , .fot_tag li a:hover , .fot_pro li a:hover {color: #ebbe17; }



.fot_con li { margin-bottom: 20px; padding-left: 50px; min-height: 36px;}

.fot_con li.fot_a {background: url(../images/fot_a.png) no-repeat left top;}

.fot_con li.fot_e {background: url(../images/fot_e.png) no-repeat left top; padding-top: 8px;}

.fot_con li.fot_p {background: url(../images/fot_p.png) no-repeat left top;  padding-top: 8px;}

.fot_con li a ,.fot_con li  {color: #a3a3a3; font-size: 13px; line-height: 22px;}

.fot_con li a:hover {color: #ebbe17;}



/* Mozilla Firefox 19+ */

.footer-bottom {

	border-top: 1px solid rgba(255,255,255,0.15);

    padding: 27px 0;

    text-align: center;

    margin-top: 55px;

}

.footer-bottom .copy {

	color: #848178;

    font-size: 12px;

}

.footer-bottom .copy a {

    color: #848178;

    font-size: 12px;

}

.footer-bottom .copy a:hover {

    color: #ebbe17;

}

.footer-bottom .copy .p {margin-top: 4px;}

.footer-bottom .p {color: #807b7b;}

.footer-bottom .copy .p img {margin-right: 6px;}

.footer-bottom ul {

    list-style: none;

}



.footer-bottom ul li {

    display: inline-block;

    margin-left: 10px;

}



.footer-bottom ul li img {

    max-width: 38px;

}



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

    .fot_nav, .fot_pro { padding-right: 40px;}

    

}



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

	.subscribe .title { font-size: 28px;}

	.subscribe .title_box img { display: none;}

	.subscribe { padding: 20px 15px; border-radius: 0;}

	.subscribe > .box .main { width: 100%; padding-left: 0; text-align: center;}

	.subscribe > .box .main .text { margin: 0 auto; max-width: 100%;}

	.subscribe > .box { width: 100%; text-align: center;}

	.sns_ul { float: none; width: 100%; text-align: center; display: block; margin-top: 20px;}

	.sns_ul li { float: none; display: inline-block;}

	.subscribe .letter-input { margin: 20px auto 0; float: none;}

	.fot_top { margin-bottom: 0; border-bottom: 0; padding-bottom: 30px;}

    .sns_ul li { display: inline-block; margin: 0 3px; float: none;}

	.footer_bg { padding-top: 0;}

	.footer:before { display: none;}

    .footer { padding-top: 50px;}

    .footer .right { width: 100%; padding-left: 0; padding-top: 0;}

    .footer .left .fot_title em {font-size: 14px; text-transform: uppercase;}

    .footer .modules { width: 100%; padding-right: 0; padding-bottom: 0;}

    .fot_con { padding: 0; background: none; margin-top: 0;}

    .footer .fot_title em {

        margin-bottom: 0;

        font-size: 14px;

        line-height: 24px;

        padding-bottom: 0;

        text-transform: uppercase;

    }

    .footer .fot_title span {

        display: none;

    }

    .footer .fot_title {

        display: block;

        border-bottom: 1px solid rgba(255, 255, 255, 0.15);

        cursor: pointer;

        font-size: 15px;

        padding: 10px 30px 10px 0;

        position: relative;

        text-transform: uppercase;

        margin-bottom: 0px;

    }

    .footer .fot_title .column_icon_toggle {

        display: inline-block;

        position: absolute;

        right: 10px;

        top: 19px;

        font-style: normal;

        cursor: pointer;

        font-weight: normal;

    }

    .footer .icon-minus-sign:before,

    .footer .icon-minus-sign:after,

    .footer .icon-plus-sign:before,

    .footer .icon-plus-sign:after {

        background: #fff;

    }

    .footer .toggle_content {

        padding-bottom: 10px;

        padding-top: 10px;

    }

    .fot_mes .toggle_content { max-width: 100%;}

   .fot_mes .con_ul li, .fot_mes .con_ul li a { color: #a3a3a3;}

   .footer-bottom { background: none; margin-top: 0px; border: 0; padding: 25px 0 30px;}

   .fot_mes .sns_ul, .fot_mes .letter-input { margin-top: 15px;}

	.footer-bottom:before { display: none; }

	.footer_bg:before, .footer_bg:after {display: none;}

	.footer .top_img_bg {height: 30px;}

 }



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

	.fot_top .img img {max-width: 160px; }

	.fot_top .text { margin: 15px 0;}

	.fot_top { padding-bottom: 20px;}

}









/*back-top*/



.back_top {

    width: 48px;

    height: 48px;

    text-align: center;

    position: fixed;

    right: 0px;

    bottom: 80px;

    z-index: 999999;

    display: none;

    background: #ebbe17;

    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);

    filter: alpha(opacity=70);

    opacity: 0.7;

}



.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-color: #ebbe17;

    filter: alpha(opacity=100);

    opacity: 1;

}



.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;

}



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

    .back_top {

        width: 40px;

        height: 40px;

    }

    .back_top:before {

        font-size: 20px;

        line-height: 36px;

    }

}



/*service*/

.online_section{position:fixed;z-index:99999998;top:200px;right:-200px;

transition:all .3s ease;}

.online_section:hover {right:0px;}

.online_section ul li{list-style:none;width:240px;height:40px;color:#fff; padding-left:45px; margin-bottom:3px;transition:all .5s ease;overflow:hidden; margin-bottom:3px; line-height:40px; font-size:13px;background-color:#ebbe17;background-repeat:no-repeat;}

.online_section ul li:nth-child(2n+2) a {    color: #FFFFFF;  }

.online_section ul li:nth-child(2n+2) { background-color: #ebbe17;}

.online_section ul li:nth-child(2n+2) a:hover {color:#FFFFFF;}

.online_section ul li:nth-child(2n+2):hover {color:#FFFFFF;}

.online_section ul li a{ line-height:40px; font-size:13px; color:#fff;}

.online_section .online_p{background-image:url(../images/service01.png);background-position:14px 8px;}

.online_section .online_e{background-image:url(../images/service02.png);background-position:10px 11px;}

.online_section .online_w{background-image:url(../images/service03.png);background-position:10px 7px;}

.online_section .online_s{background-image:url(../images/service04.png);background-position:10px 9px;}

.online_section .online_ewm{background-image:url(../images/ewm_icon.png);background-position:10px 9px;}

.online_section .online_ewm img {margin-bottom: 15px; max-width: 80px;}

.online_section:hover  .online_ewm {height: auto;}

.online_section ul li:hover,.online_section ul li:hover a{color:#FFFFFF;}

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



#online_qq_layer{z-index:9999999;position:fixed;right:5px;bottom:5px;}

#online_qq_layer a{-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

#online_qq_layer a:hover{text-decoration:none;}

#floatShow{overflow: hidden; color: #fff; font-family: "poppins_sb"; text-transform: capitalize; 

     font-size: 15px;background:#ebbe17;

    height: 40px;

    width: 204px;

    float: right;

    line-height: 40px;

    margin-right: 0px;

    -webkit-transition: all var(--transition-time,800ms);

    -o-transition: all var(--transition-time,800ms);

    transition: all var(--transition-time,800ms);

}

#floatShow .text { position: relative; z-index: 2;background: url(../images/online.png) no-repeat 12px center; padding-left: 46px;}

#floatShow .circal {position: absolute; left: 0px; top: 0px; width: 40px; height: 40px; opacity: 0;}

#floatShow .circal.active { opacity: 1;}

#floatShow .circal:before {content: ''; position: absolute; z-index: 1; width: 100%; height: 100%; background: #ebbe17; left: 0; top: 0;animation-name: msc;  animation-duration:2s; animation-iteration-count: infinite; border-radius: 40px; animation-timing-function: ease;}

#floatShow .circal span { position: relative; display: block; width: 40px; height: 40px;}

#floatShow .circal span:before {content: ''; position: absolute; z-index: 1;  width: 100%; height: 100%;  background: #ebbe17; left: 0; top: 0;animation-name: msc;  animation-duration:3s; animation-iteration-count: infinite; border-radius: 40px; animation-timing-function: ease;}

#floatShow .circal:after {content: ''; position: absolute; z-index: 1;  width: 100%; height: 100%; background: #ebbe17; left: 0px; top: 0px; border-radius: 40px; animation-name: msc2;  animation-duration:2s; animation-iteration-count: infinite; animation-timing-function: ease;}



@-webkit-keyframes msc{

	0%{transform: scale(0); opacity: 0;}

	50%{ transform: scale(2); opacity: 0.3;}

	100%{ transform: scale(1); opacity: 0;}

}

@keyframes msc{

	0%{transform: scale(0); opacity: 0;}

	50%{ transform: scale(2); opacity: 0.3;}

	100%{ transform: scale(1); opacity: 0;}

}

@-webkit-keyframes msc2{

	0%{transform: scale(0); opacity: 0;}

	70%{ transform: scale(2); opacity: 0.2;}

	100%{ transform: scale(1); opacity: 0;}

}

@keyframes msc2{

	0%{transform: scale(0); opacity: 0;}

	70%{ transform: scale(2); opacity: 0.2;}

	100%{ transform: scale(1); opacity: 0;}

}

#floatShow:hover {margin-right: 0px;}

#floatShow i{font-size:14px;color:#fff;line-height:34px;float:right;padding-right:10px;}

#floatShow p{color:#fff;font-size:14px;line-height:34px;display:inline-block; vertical-align:middle;padding-left:10px;text-transform:capitalize; font-family: arial;}

#floatHide{display:none;background: #ebbe17 ;width:300px;text-align:left;height:36px;padding-left:10px;border-bottom:none;}

#floatHide p{color:#fff;font-size:16px;line-height:36px;display:inline-block; vertical-align:middle;font-family: "poppins_sb"; text-transform:capitalize;}

#floatHide i{font-size:14px;color:#fff;line-height:36px;float:right;margin-right:10px;}



#onlineService{display:inline;width:300px; overflow: hidden;display:none;background: #fff; font-size:12px;box-shadow:0px 0px 10px rgba(0,0,0,0.2); border:1px solid #eee; background:#f6f6f6;}

#onlineService .online_form{ padding:10px 10px 20px;}

.online_form ul li {list-style: none; margin-bottom: 15px;}

.online_form ul .text { font-size: 12px; color: #777; line-height: 24px; margin-bottom: 10px;}

.online_form ul li .input1 {padding-left: 15px;font-size: 12px; width: 100%; line-height: 42px;  line-height: 42px; border: 1px solid #ddd;}

.online_form ul li textarea {font-size: 12px; width: 100%;padding-left: 15px; width: 100%; line-height: 42px;  line-height: 24px; border: 1px solid #ddd; height: 80px; padding-top: 5px; line-height: 1.5;} 

.online_form ul li .input1:focus,.online_form ul li textarea:focus { border: 1px solid #ebbe17;}

.online_form .send_m { margin-top: 0px;}

.online_form .read_more { height: 36px; line-height: 36px; text-transform: uppercase; font-size: 12px; font-family: 'poppins_sb';}

.online_form .read_more:hover {background: #222;}

.mobile_nav{position:fixed;background: #fff; left:0;bottom:0;width:100%;padding:8px 0;display:none;z-index:999999; box-shadow: 0 -4px 4px rgba(0,0,0,0.1);}

.mobile_nav a{display:inline-block;width:20%;padding:0 10px;float:left;text-align:center;color:#ebbe17;}

.mobile_nav a i{font-size:18px;}

.mobile_nav a p{color:#222;padding-top:8px;font-size:12px;text-transform:capitalize;line-height:13px;}

.mobile_nav a:nth-child(3){float:right;}

.mobile_nav a:nth-child(4){float:right;}



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

	#onlineService .p{ display:none}

	#online_qq_layer{right:0;}

	#onlineService{ width:100%;}

	#online_qq_layer{ width:100%;}

	#online_qq_tab{ width:100%;}

	#online_qq_tab #floatShow{ background:#ebbe17 url(../images/mobile-inq.png) no-repeat center center;border-radius:0;margin-right:0; width:50px; height:50px; position:absolute;left:50%;bottom:15px;margin-left:-25px;border:2px solid #e5e5e5;border-radius:50%;text-indent:-999999px;z-index:9999999999; padding: 0;}

	#online_qq_tab #floatShow i{display:none;}

	#online_qq_tab #floatHide{ width:100%; width:100%; height:36px;box-shadow:0 0 10px 1px rgba(255,255,255,0.3);}

	#online_qq_tab #floatShow span{ display:none;}

	.mobile_nav{display:block;}

	body{padding-bottom:50px;}

	#onlineService .i_message_inquiry .main-more input{padding:8px 20px;}

}



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

	.mobile_nav a p{font-size:12px;}

}





/*page*/

.page_banner {

    width: 100%;

    overflow: hidden;

}



.page_banner img {

    width: 100%;

    height: auto;

    max-width: 100%;

}



.biaozhu {

    background: #f9f9f9;

    padding: 25px 0 20px;

    overflow: hidden;text-align: center;

}

.biaozhu .title { font-size: 36px; line-height: 40px; font-family: 'poppins_sb'; text-transform: uppercase; display: block; margin-bottom: 5px;}

.breadcrumb {

    margin-left: 0px;

    margin-bottom: 0;

    text-transform: capitalize;

    background: none;

    padding: 0px;

    position: relative;

    z-index: 5;

}



.breadcrumb i {

    margin: 0 2px;

    display: inline-block;

    color: #777;

    font-style: normal;

    margin-top: 0px;

}



.breadcrumb .home i {

    margin-right: 8px;

    margin-top: -2px;

    color: #ebbe17;

}



.breadcrumb a i {

    font-size: 13px;

    color: #777;

    line-height: 24px;

}



.breadcrumb h2,

.breadcrumb a,

.breadcrumb span {

    font-size: 13px;

    color: #777;

    line-height: 24px;

}



.breadcrumb a:hover,

.breadcrumb a:hover h2 {

    color: #ebbe17;

    text-decoration: none;

}



.breadcrumb h2 {

    margin: 0;

    display: inline-block;

    padding: 0;

}



.n_main {

    padding: 40px 0;

}



/*about page*/

.single_page .text img {

    max-width: 100%;

    height: auto;

}



.single_page .text {

    font-size: 14px;

    line-height: 24px;

}



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

	.n_main { padding: 30px 0 40px;}

	.biaozhu .title { font-size: 24px; line-height: 26px; }

}



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

    .single_page .text {

        font-size: 13px;

    }

    .biaozhu .title { margin-bottom: 0; font-size: 18px; line-height: 22px;}

	.biaozhu { padding: 15px 0 12px; }

}





.n_left {

    float: left;

    width: 25%;

}

.n_right {

    float: right;

    width: 75%;

    padding-left: 45px;

}

.left_column {

    margin-bottom: 40px;

    overflow: hidden;

    background: #fff;

    border: 1px solid #eee;

    box-shadow: 0 8px 8px rgba(0,0,0,0.1);

    border-bottom: 2px solid #ebbe17;

}

.n_left .left_column:last-child {

    margin-bottom: 0;

}

.left_column .toggle_content {

    padding: 6px 6px 0;

    margin-bottom: 6px;

   

}

.nav_h4 {

    display: block;

    padding: 10px 12px 8px;

    background: #f9f9f9;

    font-size: 20px;

    color: #ebbe17;

    text-transform: capitalize;

    font-family: "poppins_sb";

}

.hot_left ul li{ list-style:none;    transition: all .3s;}

.hot_left ul li .li{ padding: 10px 0; border-bottom: 1px solid #eee;  background: #fff;}

.hot_left ul li:last-child .li { border-bottom: 0;}

.hot_left ul li .img{ float:left; width:30%;overflow:hidden; border-radius:5px;text-align: center; }

.hot_left ul li .main { width: 70%; float: left; padding: 5px 5px 0 10px;}

.hot_left ul li .text{ float:left; width:73%;}

.hot_left ul li .img 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; width: 100%; height: auto;}

.hot_left ul li .title {display: inline-block; font-size:14px; color:#222; overflow:hidden; line-height:20px; max-height:40px; display:block;  margin-bottom: 10px; word-break: break-word; font-family: 'poppins_sb';}

.hot_left ul li:hover { transform: translateY(-3px); box-shadow: 10px 10px 10px rgba(0,0,0,0.05);}

.hot_left ul li:hover h4 a { color:#373975; }

.hot_left ul li:hover .img img { transform: scale(1.1); }

.hot_left ul li .title:hover { color: #ebbe17;}

.hot_left ul li .more { color: #ebbe17; text-transform: capitalize; font-size: 13px; font-family: 'poppins_sb';}

.hot_left ul li .more i { font-size: 15px; vertical-align: middle; margin-left: 2px;}



/*left mtree*/

ul.mtree {

    opacity: 0;

    margin-left: 0;

    background: #fff;

    border-bottom-left-radius: 0px;

    border-bottom-right-radius: 0px;

}



ul.mtree li ul.mtree-level-1 {

    background: #f9f9f9;

    border-bottom: 1px solid #eee;

}



ul.mtree>li {

    list-style: none;

    border-bottom: none;

}



ul.mtree>li a {

    border-bottom: 1px solid #eee;

}



ul.mtree>li:last-child a {

    border: none;

}



ul.mtree a {

    display: block;

    font-size: 15px;

    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: 8px 30px 8px 5px;

    line-height: 22px;

    padding-right: 40px;

}



ul.mtree li ul a {

    padding: 8px 25px 8px 15px;

}



ul.mtree.transit li.mtree-open>span:before,

ul.mtree.transit li.mtree-closed>span:before {

    /*font-family: FontAwesome;*/

    font-size: 18px;

    color: #ebbe17;

    font-weight: bold;

    text-align: center;

    font-style: normal;

    width: 30px;

    height: 43px;

    line-height: 43px;

    position: absolute;

    right: 0;

    top: 0px;

    z-index: 2;

}

ul.mtree.transit li.mtree-open>span:before {

    content: "-";

}

ul.mtree.transit li.mtree-closed>span:before {

    content: "+";

    color: #999;

}



ul.mtree .mtree-level-1 li.mtree-open>span:before {

    content: "-";

    /*font-family: FontAwesome;*/

    float: right;

    font-size: 18px;

    line-height: 38px;

    color: #ebbe17;

    font-weight: bold;

    text-align: center;

    font-style: normal;

    width: 30px;

    height: 38px;

    position: absolute;

    right: 0;

    top: 0px;

    z-index: 2;

    border-radius: 0px;

}



ul.mtree .mtree-level-1 li.mtree-closed>span:before {

    content: "+";

    /*font-family: FontAwesome;*/

    float: right;

    font-size: 16px;

    line-height: 38px;

    color: #999;

    font-weight: bold;

    text-align: center;

    font-style: normal;

    width: 30px;

    height: 38px;

    position: absolute;

    right: 0;

    top: 0px;

    z-index: 2;

    border-radius: 0px;

}



ul.mtree>li.mtree-node a ul a {

    font-size: 14px;

}



ul.mtree>li.mtree-open {

    color: #444;

    padding-bottom: 0;

}



ul.mtree>li.mtree-open>a,

ul.mtree>li.mtree-open>a:after {

    color: #ebbe17;

}



ul.mtree>li.mtree-node:hover>a,

ul.mtree>li.mtree-node:hover>a:after {

    color: #ebbe17;

    text-decoration: none;

}



ul.mtree>li>a {

    position: relative;

    z-index: 1;

    font-size: 14px;

    text-transform: capitalize;

    padding: 10px 30px 10px 10px;

}



ul.mtree ul li {

    list-style: none;

    position: relative;

}



ul.mtree ul li a {

    display: block;

    color: #555;

    font-size: 14px;

}



ul.mtree>li>ul>li>a {

    position: relative;

    font-size: 13px;

    border: none;

    text-transform: capitalize;

}



ul.mtree ul li a:hover {

    color: #ebbe17;

}



ul.mtree>li>ul>li>a:before {

    content: "\f105";

    font-family: "FontAwesome";

    padding-right: 6px;

}



ul.mtree li ul li.mtree-open a {

    color: #ebbe17;

    text-decoration: none;

}



ul.mtree .mtree-level-2 {

    margin-top: 0px;

    border: none;

    margin-bottom: 0;

    background: #fff;

}



ul.mtree li ul.mtree-level-2 li a {

    color: #808080;

    font-weight: normal;

    font-size: 12px;

    padding-left: 20px;

    text-transform: capitalize;

}



ul.mtree li ul.mtree-level-2 li a:before {

    content: "\f105";

    font-family: "FontAwesome";

    padding-right: 6px;

}



ul.mtree .mtree-level-2 li a:hover {

    text-decoration: none;

    color: #ebbe17;

    font-weight: normal;

}



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: #008cba;

    color: #FFF;

    border-radius: 3px 3px 0px 0px;

}



ul.mtree.jet li>a:hover {

    background: #FFC000;

    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;

}



ul.mtree>li.mtree-node ul i {

    margin-right: 10px;

}



.mtree-skin-selector {

    display: none !important

}



ul.mtree>li>ul>ul.mtree-level-2 {

    opacity: 1;

    display: block !important;

    height: auto !important;

}



ul.mtree>li:hover>a {

    color: #ebbe17;

    background-image: none;

}



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

	.hot_left {

		display: none;

	}

    .n_left {

        width: 100%;

        padding-right: 0;

        float: none;

        margin-top: 30px;

    }

    .n_right {

        width: 100%;

        border-left: none !important;

        padding-left: 0px;

        margin-top: 0px;

        float: none;

    }

    .nav_h4 {

        position: relative;

        border-radius: 0px;

        background: #ebbe17;

        color: #fff;

        padding: 6px 12px;

        font-size: 16px;

        margin-bottom: 0;

    }

    .nav_h4:after {

        display: block;

        content: "\f107";

        font-family: "FontAwesome";

        position: absolute;

        right: 12px;

        cursor: pointer;

        font-size: 20px;

        top: 2px;

        color: #fff;

        font-style: normal;

    }

    .nav_h4.active:after {

        content: "\f106";

        top: 0;

    }

    .nav_h4.active {

        /*border-bottom: 1px solid #e5e5e5 !important;*/

        border-radius: 0;

    }

    .left_column {

        margin-bottom: 15px; border: 0;

    }

}



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

    ul.mtree>li>a {

        font-size: 14px;

        padding: 8px 30px 8px 10px;

    }

    ul.mtree.transit li.mtree-open>span:before {

        height: 39px;

        line-height: 39px;

    }

    ul.mtree.transit li.mtree-closed>span:before {

        height: 39px;

        line-height: 39px;

    }

    ul.mtree .mtree-level-1 li.mtree-open>span:before {

        height: 39px;

        line-height: 39px;

    }

    ul.mtree .mtree-level-1 li.mtree-closed>span:before {

        height: 39px;

        line-height: 39px;

    }

}





/*翻页*/

.page_p {

    margin: 0px auto 0px;

    text-align: center;

    width: 100%;

    font-size: 12px;

}



.page_p a,

.page_p>span {

    display: inline-block;

    font-size: 12px;

    line-height: 32px;

    padding: 0px 15px;

    background: #ececec;

    margin-left: 3px;

    color: #555;

    margin-top: 5px;

    transition: 0.2s;

    -webkit-transition: 0.2s;

    -moz-transition: 0.2s;

    -o-transition: 0.2s;

    vertical-align: middle;

}



.page_p a i {

    line-height: 32px;

}



.page_p a:hover {

    background: #ebbe17;

    color: #fff !important;

    text-decoration: none;

}



.total {

    font-size: 12px;

    line-height: 24px;

    color: #222;

    margin-top: 14px;

}



.total span {

    color: #ebbe17;

}



.page_p>.span1 {

    padding: 0px 15px;

    line-height: 32px;

    background: #ebbe17;

    color: #fff;

    display: inline-block;

    margin-left: 3px;

    border-radius: 0px;

}



.tags {

    background: #F9F9F9;

    padding: 7px 0 4px 12px;

}

.tags span{

    font-size:14px;

    text-transform:uppercase;

    color:#444;

    font-family: 'poppins_sb';

}

.tags span i {

    margin-right: 3px;

}

.tags a{

    font-size:12px;

    display:inline-block;

    color:#666;

    padding:2px 10px;

    margin:0 6px 3px 0;

    line-height: 22px;

    border:1px solid #f9f8f8;

    background: #fff;

}

.tags a i{

    margin-right:6px;

    font-size:14px;

}

.tags a:hover{

    background: #ebbe17;

    color:#fff;

    text-decoration:none;

}





/*product right*/

.cbp-vm-switcher {

    width:100%;

    margin-bottom:20px;

}

.cbp-vm-options {

    text-align:left;

    margin-bottom:10px;

    padding:4px 2px;

    background-color: #f9f9f9;

}

.cbp-vm-options a {

    display: inline-block;

    vertical-align:middle;

    overflow: hidden;

    width: 30px;

    height: 30px;

    text-align: center;

    line-height: 30px;

    white-space: nowrap;

    color: #aaa;

    margin-left:3px;

    background: #f0f0f0;

}

.cbp-vm-options a:hover,.cbp-vm-options a.cbp-vm-selected {

    color: #fff;

    background:#ebbe17;

    border-color:#ebbe17;

}

.cbp-vm-options a:before {

    font-size: 18px;

    text-align: center;

    display: inline-block;

    line-height: inherit;

}

/* 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";}



/* 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;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

    padding:15px;

}

.cbp-vm-image img{

    max-width:100%;

    transition:all .5s;

    width:100%;

}

.cbp-vm-switcher .cbp-vm-image{

    display: block;

    overflow: hidden;

}



/* Large grid view */

.cbp-vm-view-grid ul {

    margin: 0 -8px;

    text-align: center;

}

.cbp-vm-view-grid ul li {

	width: 25%;

	float:left;

	vertical-align: top;

	padding:8px 8px;

	position:relative;

	overflow: hidden;



}

.cbp-vm-view-grid ul li .cbp-div {

    transition: all .5s;

    border: 1px solid #eee;

}

.cbp-vm-view-grid .tags {

    display: none;

}

.cbp-vm-view-grid .page_more_box { position: absolute;  bottom: -40px; left: 0%; width: 100%; transition: all .5s;}

.cbp-vm-view-grid .page_more {padding: 0 20px;}

.cbp-vm-view-grid ul li .cbp-div:hover  .page_more_box {bottom: 30px;}

.cbp-vm-view-grid ul li .cbp-div:hover  .text {visibility: hidden; opacity: 0;}

.cbp-vm-view-grid ul li .cbp-div:hover {

    box-shadow: 0 10px 10px rgba(0, 0, 0, .05);

}

.cbp-vm-view-grid .cbp-list-center{

    padding:20px 8px;

}

.cbp-vm-view-grid ul li .cbp-title{

    display:block;

    font-size:14px;

    line-height:22px;

    height: 44px;

    overflow:hidden;

    margin-bottom:6px;

    font-family:'poppins_sb'

}

.cbp-vm-view-grid ul li:hover .cbp-title{

    color: #ebbe17;

}

.cbp-div .text {font-size: 12px; line-height: 22px; height: 44px; overflow: hidden; color: #777;}



.cbp-vm-view-grid li:hover .cbp-vm-image img {transform: scale(1.05);}

.cbp-vm-switcher li:hover .cbp-vm-image img {transform: scale(1.05);}



/* List view */

.cbp-vm-view-list>ul{

    margin:0;

    margin-top:20px;

}

.cbp-vm-view-list>ul>li {

    text-align:left;

    border-radius: 0;

    border-bottom:1px solid #eee;

    padding:25px 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 .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: 28%;

    text-align:center;

    vertical-align:middle;

    float:left;

    border:1px solid #eee;

}

.cbp-vm-view-list ul li .cbp-list-center{

    width:72%;

    float: left;

    padding-left: 20px;

}

.cbp-vm-view-list ul li .cbp-title{

    display:block;

    color:#333333;

    font-size:18px;

    line-height:24px;

    overflow:hidden;

    margin-bottom:12px;

    font-family:'poppins_sb';

}

.cbp-vm-view-list ul li .tags {

    margin: 15px 0 20px;

}



.cbp-vm-view-list ul li:hover .cbp-title{

    color: #ebbe17;

}



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

    .cbp-vm-view-grid ul li {

        width: 33.33333%;

    }

    .cbp-vm-view-grid ul li:nth-child(4n+1){

        clear: none;

    }

	.cbp-vm-view-grid ul li:nth-child(3n+1){

        clear: both;

    }

    .cbp-vm-view-list ul li .tags { margin: 10px 0;}

    .cbp-vm-view-list ul li .page_more { margin-top: 5px;}

    .cbp-vm-view-list ul li .cbp-title { margin-bottom: 6px;}

}



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

	.cbp-vm-view-grid ul li {

        width: 50%;

    }

    .cbp-vm-view-grid ul li:nth-child(3n+1){

        clear: none;

    }

	

	.cbp-vm-view-list ul li .cbp-title{

        font-size:15px;

        line-height: 22px;

        margin-bottom: 2px;

    }

	.cbp-vm-view-grid .cbp-list-center{

        padding: 10px 8px 20px;

    }

    .cbp-vm-view-list ul li .tags {

        margin: 6px 0 10px;

    }

    .cbp-div .text { line-height: 20px; height: 40px;}

}



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

	.cbp-vm-view-list ul li .cbp-title {

        font-size: 14px;

        line-height: 22px;

    }

}

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

    .cbp-vm-view-list>ul>li{

        padding:15px 0;

    }

	.cbp-vm-view-list .cbp-vm-image{

        width:100%;

        max-width: 200px;

    }

    .cbp-vm-view-list ul li .cbp-list-center {

        width: 100%;

        padding-left: 0;

        margin-top:14px;

    }

    .cbp-vm-view-grid ul {

        margin: 0 -5px;

    }

    .cbp-vm-view-grid ul li{

        padding: 5px;

    }

	.cbp-vm-view-grid ul li .cbp-title{

        font-size:13px;

        line-height:20px;

        height:40px;

    }

}



/*products_main*/

/* CSS for the loading div */



.sp-loading {

	text-align: center;

	width: 100%; height: 100%;

	border-radius: 3px;

	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;

	position: relative;

	float: left;

	/**************

	  Set max-width to your thumbnail width

	***************/

	

	width: 100%;

}



/* Thumbnails */



.sp-thumbs {

	width: 100%;

	text-align: center;

	display: inline-block;

	padding: 10px 0;

}

.sp-thumbs a { display: inline-block; margin: 0 4px; width: 70px; height: 70px;

-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;

	transition: all .3s; position: relative; box-sizing: border-box; border: 1px solid #eee;

}

.sp-thumbs img {

	width: 100%; 

}

.sp-thumbs a:link, .sp-thumbs a:visited {

	overflow: hidden;

	/*opacity: .3;*/

	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;

}

.sp-thumbs a:hover {

	opacity: 1; border: 1px solid #ebbe17;



}



.sp-thumbs a:hover:before{filter:alpha(opacity=10);-moz-opacity:0.1;opacity:0.1;}



/* Styles for the currently selected thumbnail */



.sp-thumbs a:active,.sp-thumbs .sp-current {

	opacity: 1!important;

	position: relative; border: 1px solid #ebbe17;

}



/* Image currently being viewed */



.sp-large {

	position: relative;

	overflow: hidden;

	top: 0;

	left: 0;

	border: 1px solid #eee;

}

.sp-large a img {

	width: 100%;

	max-width: 100%;

	height: auto;

}

.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: 99999999999;

	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%;

}

#sp-prev, #sp-next {

	position: absolute;

	top: 50%;

	margin-top: -25px;

	z-index: 501;

	color: #fff;

	padding: 14px;

	text-decoration: none;

	background: #000;

	border-radius: 25px;

	border: 2px solid #fff;

	width: 50px;

	height: 50px;

	box-sizing: border-box;

	transition: .2s;

}

#sp-prev {

	left: 10px;

}

#sp-prev:before {

	content: '';

	border: 7px solid transparent;

	border-right: 15px solid #fff;

	position: absolute;

	top: 16px;

	left: 7px;

}

#sp-next {

	right: 10px;

}

#sp-next:before {

	content: '';

	border: 7px solid transparent;

	border-left: 15px solid white;

	position: absolute;

	top: 16px;

	left: 18px;

}

#sp-prev:hover, #sp-next:hover {

	background: #444;

}



/* Tweak styles for small viewports */



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

	.sp-wrap {

		margin: 0;

	}

	#sp-prev, #sp-next {

		top: auto;

		margin-top: 0;

		bottom: 25px;

	}

}



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

	.sp-thumbs a {

	    width: 50px;

	    height: 50px;

	}

}

.products_top {margin-bottom:10px; background: #f9f9f9; padding-bottom: 30px;}

.products_top .row { background: #fff; padding: 30px; box-shadow: 0 5px 10px rgba(0,0,0,0.1);}





.pro_bottm { display: flex;}

.pro_bottm .n_right {order: 2;}

.pro_bottm .n_left .left_fixed { position: sticky; top: 90px;}



.prom_img{padding:0;text-align:center; width: 35%; float: left;}

.prom_right{padding-left:30px; width: 65%; float: left;}

.prom_right>h1{padding:0;margin:0;display:block;font-size:20px;text-transform:capitalize;color:#333;margin-bottom:20px;line-height:24px;font-family:'poppins_sb';}

.prom_right>div.main{font-size:14px;line-height:24px;color:#777;margin-bottom:15px;}

.prom_right{padding-left:30px;}

.prom_right .pro_table{margin-bottom:20px;padding-top:10px;}

.prom_right .pro_table .ptab-list { border: 2px solid #eee;}

.prom_right .pro_table .ptab-list li { border-bottom: 1px solid #eee;}

.prom_right .pro_table .ptab-list li:nth-child(2n) { background: #f9f9f9;}

.prom_right .pro_table .ptab-list li:last-child { border-bottom: 0px solid #ddd;}

.prom_right .pro_table ul li{list-style:none;}

.prom_right .pro_table ul li p{display:inline-block;font-size:14px;color:#4d4d4d;text-transform:capitalize; font-family: 'poppins_sb'; width: 45%; float: left;  padding: 10px 15px;}

.prom_right .pro_table ul li span{color:#333;display:inline-block;font-size:14px; border-left: 1px solid #eee; padding: 10px 15px; width: 55%; float: left;}

.mobile_inquiry {  margin-top: 10px; display: inline-block;position: relative;background: #ebbe17;transition: all .5s; overflow: hidden;}

.mobile_inquiry .main_more {display: inline-block; text-transform: uppercase;  font-size: 13px; line-height: 16px; padding: 13px 30px; color: #fff;  background: none; font-family: "poppins_sb"; }

.mobile_inquiry:hover .main_more { text-decoration: none; background: #222;}



.mostBox{margin:0 0 30px 0;}

.mostBox  .page_title em {display: inline-block; font-size: 18px; font-family: "poppins_sb"; color: #333; padding-bottom: 10px; }

.mostBox  .image_line { width: 100%; height: 1px; background: #ddd; margin-bottom: 10px;}



.mostBox{font-size:14px;line-height:24px;}

.mostBox tr td { padding-left: 8px;}

.mostBox .text em{font-style:italic;}

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

.mostBox .text a:hover{color:#f79620;}



.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;font-family:'CenturyGothicB';position:relative;z-index:2; vertical-align:middle;margin-left:10px;}



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

	.pro_bottm { display: block;}

	.products_top .row { padding: 20px 15px;}

	.sp-thumbs a:link, .sp-thumbs a:visited{width:50px;height:50px;}

	.products .pro_img{width:100%;padding:0;}

	.products .pro-right{width:100%;padding:0;padding-left:20px;}

	.send_box.pro_message{display:block;padding:20px 0;margin-bottom:10px;border-bottom:1px solid #fc7f46;}

	.prom_right>h1{font-size:16px;line-height:24px; margin-bottom: 10px;}

	.prom_right .pro_table { padding-top: 0;}

	.mobile_inquiry { margin-top: 0;}

	.prom_right .pro_table ul li p, .prom_right .pro_table ul li span { padding: 10px 8px;}

}



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

	.products_top .row { padding: 10px 10px 20px;}

	.products_top { margin-bottom: 0px;}

	.page_emailB { margin-top: 25px;}

	.prom_right>h1{font-size:15px; margin-bottom: 5px;}

	.prom_img{width: 100%; margin-bottom: 14px;}

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

	.prom_right{padding:0; 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{margin:0;margin-top:20px;}

	.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;}

	.pro_message form{max-width:100%;}

	.mobile_inquiry { margin-top: 0;}

	.prom_right>div.main { font-size: 13px; margin-bottom: 10px;}

	

}



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

	.products .pro-right{margin-bottom:0;}

}



.page_turn  { margin-top: 20px;}

.page_turn li { list-style: none; border-radius: 4px; padding: 10px; background: #f9f9f9; margin-bottom: 10px;}

.page_turn li p {color: #474747;font-family: 'poppins_sb'; display: inline-block; text-transform: uppercase;}

.page_turn li .fa { padding-right: 4px;} 

.page_turn li a { font-size: 13px;color: #808080; text-transform: capitalize; padding-left: 4px;}

.page_turn li:hover a { color: #ebbe17; }

.tags span{ font-size:14px;   text-transform:uppercase; color:#444; font-family: 'poppins_sb';

 }

 

.page_emailB { margin-top: 20px; position: relative; width: 100%; overflow: hidden; background: #f9f9f9; box-shadow: 0 8px 8px rgba(0,0,0,0.1); }

.page_emailB .page_email { overflow: hidden;  padding: 20px 30px 30px;  background: #fff; margin: 0 8px 8px;}

.page_emailB .page_email .read_more {font-family: 'poppins_sb'; font-size: 13px; text-transform: uppercase;}

.page_emailB .title {background: #ebbe17; color: #fff; display: block; color: #222; font-family: 'poppins_sb'; font-size: 18px; padding: 12px 15px; color: #fff;}

.page_emailB .page_email .sentUL { list-style: none;}

.page_emailB .page_email .sentUL li { list-style: none;}

.page_emailB .page_email .sentUL li { width: 100%; margin-bottom: 15px;}

.page_emailB .page_email .sentUL li input { width: 100%; line-height: 48px; height: 48px; color: #333; padding-left: 15px; border: 1px solid #ddd; font-size: 14px;}

.page_emailB .page_email .sentUL textarea { width: 100%; line-height: 24px; height: 100px; padding-top: 10px; color: #333; padding-left: 15px; border: 1px solid #ddd; font-size: 14px; line-height: 1.5;}

.page_emailB .page_email .send_m {margin-top: 0;}

.page_emailB .page_email em {margin-top: 20px;font-family: "poppins_sb";  color: #333;    padding: 4px 0px; line-height: 30px;   text-transform: capitalize;font-size: 20px; overflow: hidden;}

.page_emailB .page_email  p.text {font-size: 13px; color: #777; text-align: left;line-height: 24px;  overflow: hidden; margin-bottom: 20px;}

.page_emailB .page_email .subject_title {border: 1px solid #ddd;   background: #F8F8F8;font-size: 12px; border-radius: 0px;  line-height: 24px; padding: 11px 0;padding: 0px 10px; margin-bottom: 20px; padding-left: 15px; width: 100%; }

.page_emailB .page_email .subject_title p {font-size: 14px; color: #777; line-height: 24px; text-transform: capitalize; padding: 12px 0; }

.page_emailB .page_email .subject_title p a { color: #FF0000;}



.page_emailB .read_more:hover {background: #222;}



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

	.page_emailB .title { padding: 8px 15px;}

	.mostBox .page_title em { font-size: 18px; margin-top: 10px;}

.page_emailB .page_email  li {   margin-right: 20px; width: 100%;  margin-right: 0px;}

.page_emailB .page_email { padding: 20px 10px;}

.page_emailB .page_email em {font-size: 18px;}

.page_emailB .page_email p.text {margin: 0px 0 15px; font-size: 13px;     }



.page_emailB .page_email .subject_title { margin-bottom: 15px;}

.pro-main3 > em { font-size: 18px; font-family: "poppins_sb"; text-transform: uppercase;}

.pro_textIntr > h1 { font-size: 16px; line-height: 26px; max-height: 52px;}

}



.Hpro_content { padding-bottom: 40px; overflow: hidden;  padding-top: 40px;}

.Hpro_content .main { margin-top: 20px;}

.Hpro_content .main_top {background: #f9f9f9; padding: 8px;}

.Hpro_content .main_top .title1 {font-size: 18px; font-family: 'poppins_sb'; display: block; text-align: left; text-transform: capitalize; margin-bottom: 0; padding-left: 10px;}

.Hpro_content .slider .li .image { display: inline-block; width: 100%; overflow: hidden;}

.Hpro_content .slider .li .image img {transition:all .3s; -ms-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s;  -o-transition:all .3s; }

.Hpro_content .slider .li .main { margin-top: 15px; padding: 0 10px 20px;}

.Hpro_content .slider .li .title {display: block; text-align: center; font-size:13px;  line-height: 24px; height: 48px; overflow: hidden; word-break: break-word; font-family: "poppins_sb"; text-transform: capitalize;}



.Hpro_content .slider .li .title:hover { color: #ebbe17; text-decoration: none;}

.Hpro_content .slider .li:hover img  { transform: scale(1.05);}

.Hpro_content .slider .li .text { font-size: 12px; line-height: 22px; height: 44px; overflow: hidden; text-align: center; margin-top: 8px; color: #7f7f7f; word-break: break-word;}	

.Hpro_content .slider .li .box { border: 1px solid #eee; background: #fff; margin: 0 10px;}



.Hpro_content .slider .li .image { overflow: hidden;}

.Hpro_content .slider .li .image img { width: 100%; height: auto; max-width: 100%;}



.Hpro_content .slick-next, .Hpro_content .slick-prev { opacity: 0.4; text-align: center; width: 30px; height: 50px; line-height: 46px; background: rgba(0,0,0,0.2); border-radius: 0px; opacity: 1;  color: #fff; }

.Hpro_content .slick-next { right: 0px;}

.Hpro_content .slick-prev { left: 0px;}

.Hpro_content .slick-next::before,.Hpro_content .slick-prev::before {display: inline-block; font-family: "FontAwesome"; font-size: 30px; line-height: inherit;  text-align: center;}

.Hpro_content .slick-next::before { content: "\f105";}

.Hpro_content .slick-prev::before { content: "\f104";}

.Hpro_content .slick-next:hover, .Hpro_content .slick-prev:hover {   opacity: 1;  background: #ebbe17; color: #fff; }





 

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

	.Hpro_content {padding-bottom: 0px; padding-top: 30px;}

}

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

	.Hpro_content .main_top .title1 { font-size: 18px; padding-left: 6px;}

}

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

	.Hpro_content .main { margin-top: 20px;}

	.Hpro_content .slider .li .box { margin: 0 6px;}

}



/*blog*/

/* .bolg_left .left_column { border: 0; padding: 0; margin-bottom: 10px;} */

.bolg_left .block { border-bottom: 1px solid #eee; }

.bolg_left .block:last-child { border-bottom: 0px solid #eee;}

/* .n_left .blog_nav_h4 { margin-bottom: 8px; color: #333; font-size: 18px; text-transform: capitalize; font-family: "poppins_sb"; position: relative; background: none; border-bottom: 1px solid #eee; padding: 10px 15px 5px;}

.n_left .blog_nav_h4:before {content: ""; position: absolute; width: 8px; height: 8px; border-radius: 4px; background: #eee; right: 0; bottom: -4px;} */

.bolg_left .blogUL1 { background: #fff;}

.bolg_left .blog-list1  {background: #fff; padding: 10px;}

.n_left .blogUL1  li { list-style: none; font-size: 14px; line-height: 22px; transition:all .3s; -ms-transition:all .3s;-moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; }

.n_left .blogUL1  li:last-child a { border-bottom: 0;}

.n_left .blogUL1  li i { color:#555 ; margin-right: 10px; display: none;}

.n_left .blogUL1  li  a {color: #555; text-transform: capitalize; display: inline-block; width: 100%; border-bottom: 1px solid #eee; padding: 8px 10px;}

.n_left .blogUL1  li:hover { margin-left: 6px;}

.n_left .blogUL1  li:hover a,.n_left .blogUL1  li:hover a i { color: #ebbe17; text-decoration: none;}



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

	.n_left .blog_nav_h4:before { display: none;}

	.blog_tags_left { display: none;}

}



.n_left .blog_tags_h4 {margin-bottom: 0px; padding-bottom: 4px; color: #333; font-size:16px; line-height: 32px;text-transform: uppercase; font-family: "poppins_sb"; position: relative; }

/*.n_left .blog_tags_h4:before {content: ""; position: absolute; width: 60px; height: 2px; background: #ebbe17; left: 0; bottom: -1px;}*/

.n_left .blog_tags_h4 span i:before {content: "\f02b"; font-size: 16px; margin-right: 6px;}

.n_left .blog-list1 li { display: inline-block; margin: 5px 2px;}

.n_left .blog-list1 li a {  text-transform: capitalize; font-size: 12px;

    display: block;

    text-decoration: none;

    background: #fff;  border: 1px solid #efefef;

    color: #777;

    padding: 7px 10px;

    border-radius: 17px;

    -webkit-border-radius: 17px;

    -moz-border-radius: 17px;

    -o-border-radius: 17px;

}



.n_left .blog-list1 a:hover { background: #ebbe17; color: #fff; border: 1px solid #ebbe17;}

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



	.blog_tags_h4 {

	    position: relative;

	    margin-bottom: 20px;

	    background: none;

	    text-align: left !important;

	    background: #01509f !important;

	    padding: 0px 10px;

	    line-height: 36px;

	    color: #fff !important;

	    font-size: 16px !important;

	    border-bottom: none;

	    border-radius: 5px;

	}

	

	.blog_tags_h4:after {

	    display: block;

	    content: "\f107";

	    font-family: "FontAwesome";

	    position: absolute;

	    right: 15px;

	    cursor: pointer;

	    font-size: 20px;

	    top: 0px;

	    color: #fff;

	    font-style: normal;}

	    

	    .blog_nav_h4.active:after {

	    content: "\f106";

	}



}





/*blog right*/

ul.blog-list{ margin-top:15px}

ul.blog-list, ul.blog-list1{padding: 0;list-style: none;margin-bottom:0;text-align:left;}

ul.blog-list li {margin:0 20px 14px 0;}

ul.blog-list li a i{color:#D7000F; font-size:13px; opacity:0.6; margin-right:10px;}

ul.blog-list li a {color:#808080;font-size:13px;vertical-align: initial;text-decoration: none;display:block;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;  }

ul.blog-list li a:hover{color:#D7000F;text-decoration:underline; padding-left:10px;}

.blog_list{ margin-top:0px}

.blog_list li{ list-style:none; padding-bottom: 20px; margin-bottom:20px; display: flex;}

.blog_list li .image{display:inline-block;overflow:hidden;max-width: 240px; min-width: 240px; margin-right: 20px; position: relative; }

.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 {position: relative; transition: all .5s; padding: 20px; background: #f9f9f9;}

.blog_list li .title { font-size:16px; color:#444; display:block; line-height:26px; overflow:hidden;   margin-bottom:12px; font-family: 'poppins_sb';}



.blog_list li:hover {transform: translateY(-6px);}



.blog_list li:hover .title { color:#ebbe17; text-decoration:none}

/*.blog_day{ margin-bottom: 0px;}

.blog_day i{ margin-right:6px; color:#777;}

.blog_day span{ display: inline-block;color: #999;  font-size: 12px; background: url(../images/time_icon.png) no-repeat left 2px; padding-left: 24px;}*/

.blog_day { font-size: 12px; color: #fff; display: inline-block;   line-height: 32px; height: 32px; padding: 0 15px 0 15px; position: relative;}

.blog_day:before {content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0;  background: #ebbe17; transform: skew(-10deg);}

.blog_day span {position: relative; line-height: 32px; height: 32px; background: url(../images/time_icon.png) no-repeat 0px 2px; padding-left: 24px;}

.blog_list li .p{ font-size:13px; color:#777;  overflow:hidden; max-height:48px; line-height:24px; margin:15px 0 16px;}

.blog_list .page_more { margin-top: 20px; background: #fff; border: 1px solid #eee; color: #777;}

.blog_list .page_more:hover {background: #ebbe17; color: #fff;}

.blog_list .tags {background: #fff;}

.blog_list .tags a { background: #f9f9f9;}

.blog_list .tags a:hover { background: #ebbe17;}



/*blog_main*/

.blog_detail .title{padding-bottom:15px;text-align:left;}

.blog_detail .title em{font-size:16px;display:block; margin-bottom:15px; line-height: 26px;  color: #333; font-family: "poppins_sb";}

.blog_detail .title p{font-size:14px;color:#7F7F7F;font-weight:400; display:inline-block;    border: 1px solid #e5e5e5;    padding: 3px 10px;}

.blog_detail .title p:before{content:"-";padding-right:5px;}

.blog_detail .title p:after{content:"-";padding-left:5px;}

.blog .blog_detail .title{text-align:left;}



.blog_detail .text{font-size:14px;font-weight:400;line-height:24px; margin-bottom: 20px;}

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



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

	.blog_list li .title { font-size: 14px; line-height: 22px;}

	.blog_list li .image { max-width: 180px; min-width: 180px; margin-right: 15px;}

}



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

	.blog_list li .image { width: 100%; margin-bottom: 15px;}

	.blog_list > li {display: block; padding: 15px 10px; }

	.blog_list li:hover {transform: translateY(0px);}

}



/*sitemap*/

.sitemap{width:100%;}

.stp-listA>li{text-transform:capitalize;margin-bottom:15px;list-style:none;padding:10px 20px;background:#f6f6f6;}

.stp-top{width:100%;}

.stp-top a{font-size:16px;text-transform:capitalize;display:block;text-transform:uppercase;color:#333; font-family: "poppins_sb"; }

.stp-top a:hover{text-decoration:none;color:#ebbe17;}

.stp-top a i{padding-left:8px;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: #666; font-size: 14px; line-height: 18px;}

.stp-top a:hover i{padding-left:12px; color:#ebbe17;}

.stp-listB{display:block;padding:10px 0;border-top:1px solid #eee;list-style:none;margin-top:5px; }

.stp-listB>li{float: left; width:33.3333%;padding:8px 0px;overflow:hidden;}

.stp-listB>li:nth-child(3n+1) { clear: both;}



.site_proje .stp-listB >li {width:33%;}

.stp-listB>li>a{font-size:14px;line-height:22px;display:block;color:#666; }

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

.stp-listB>li:nth-child(3n+1) { clear: both;}

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

.stp-listB li .stp-listC li{width:100%;margin-bottom:10px;}

.stp-listB li .stp-listC li a{color:#808080;font-size:13px;}

.stp-listB li .stp-listC li a:hover{color:#ebbe17;}

.stp-listB li .stp-listC i{ margin-right:6px;}



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

	.stp-listB>li{width:50%;padding:8px 0;}

	.stp-listB>li:nth-child(3n+1) { clear: none;}

	.stp-listB>li:nth-child(2n+1) { clear: both;}

}

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

	.stp-listB li{width:100%;margin-right:0;margin-bottom:2%; float: none;}

	.stp-listB>li:nth-child(2n+1) { clear: none;}

}

/*news*/



.news > li{position:relative;list-style:none;margin-bottom:20px;background: #f9f9f9; padding:20px;}

.news li .image{float:left;width:30%;display:block;overflow:hidden;-webkit-transition:all var(--transition-time,500ms);

	-o-transition:all var(--transition-time,500ms);

	transition:all var(--transition-time,500ms);}

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

.news li .image{position:relative;text-align:center;overflow:hidden;}

.news li .image img{max-width:100%;width: 100%; height:auto;-webkit-transition:all var(--transition-time,800ms);

	-o-transition:all var(--transition-time,800ms);

	transition:all var(--transition-time,800ms);}

.news 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));}

.news li .main{float:left;width:70%;padding-left:20px;  }

.news li .main h4{margin:0;}

.news li .title{color:#474747;display:block;font-size:14px;margin-bottom:10px;overflow:hidden;line-height:24px;max-height:48px;  word-break: break-word; font-family: "poppins_sb";}

.news li:hover .title{color:#ebbe17;text-decoration:none;}

.news li .text{color:#808080;font-size:12px;height:40px;line-height:20px;overflow:hidden;margin-top:6px; overflow: hidden;word-break: break-word;}

.news li .date, .news_main .date { font-size: 12px; color: #fff; display: inline-block;   line-height: 32px; height: 32px; padding: 0 15px 0 15px; position: relative;}

.news li .date:before, .news_main .date:before {content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0;  background: #ebbe17; transform: skew(-10deg);}

.news li .date span , .news_main .date span {position: relative; line-height: 32px; height: 32px; background: url(../images/time_icon.png) no-repeat 0px 2px; padding-left: 24px;}

.news .text-right { margin-top: 20px;}

.news .page_more { margin-top: 15px;line-height: 36px; height: 36px; background: #fff; border: 1px solid #eee; color: #777;}

.news .page_more:hover  {background: #ebbe17; color: #fff;}

.news li:hover {background: #fff;}

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

	.news .text-right { margin-top: 10px;}

}

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

	.news li .title{font-size:14px;}

}

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

	.news > li{margin-bottom:20px; padding: 10px;}

	.news li .image ,.news li .main{ width: 100%;}

	.news li .main{ padding-top: 10px; padding-left: 0;} 

	.news  .read_more { margin-top: 10px;} 

	.news li .title{font-size:14px;line-height:24px;max-height:48px;}

	.news li .text{ font-size: 12px; line-height: 20px; height: 40px;}

	.page_num{margin-top:0;}

	.news li .more{ font-size: 12px;    margin-top: 10px;}

}





.news_main .title{color: #474747; display:block;font-size:16px;line-height:26px;margin-bottom:10px; font-family: "poppins_sb";}

.news_main .text{font-size:14px;line-height:26px;padding-top:20px;}

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

.news_main .text a{color:#ebbe17;}

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

	.news_main .title{font-size:14px;}

	.news_main .text{font-size:12px;}

}



.contact_l { display: flex; flex-wrap: wrap; padding-top: 30px;}

.contact_l li { width: 32%; flex: 30%; float: left; padding: 20px;   padding: 60px 20px 20px; position: relative; background: #fff; box-shadow: 10px 10px 0 0 #eee; text-align: center;}

.contact_l li {margin-right: 2%;}

.contact_l li:nth-child(3n) {margin-right: 0;}

.contact_l li .left  { width: 66px; height: 66px; background: #ebbe17; box-shadow: 0 0 10px rgba(0,0,0,0.1); position: absolute; left: 50%;  top: -20px; transform: translateX(-50%); display: flex; justify-content: center; align-items: center; border-radius: 100%;}

.contact_l li .right em { font-size: 18px; font-family: 'poppins_sb'; display: block; margin-bottom: 5px;}

.contact_l li .right p { font-size: 14px; color: #777;}

.contact_l li .right p a {  color: #ebbe17;}



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

	.contact_l {padding-top: 20px;}

    .contact_l li { width: 100%; flex: 100%; padding: 60px 15px 15px; margin-bottom: 40px;margin-right: 0%;}

}

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

	.contact_l li .right em { font-size: 16px; margin-bottom: 6px;}

}



.contact_2  { margin: 50px 0 40px; overflow: hidden; background: #f9f9f9; }

.contact_2 .left { width: 40%; float: left; padding: 30px 30px;}

.contact_2 .page_emailB { margin-top: 0;}

.contact_2 .left .title { font-size: 20px; font-family: 'poppins_sb'; text-transform: capitalize; display: inline-block; padding-bottom: 5px;}

.contact_2 .text { font-size: 13px; line-height: 26px; color: #777;margin-bottom: 15px;}

.contact_2 .text b { color: #333;}

.contact_2 .right { width: 60%; float: left; }

.contact_2 .page_emailB { padding-top: 0; padding-left: 0px; border: none;}

.contact_2 .page_emailB .title {background: #ebbe17; color: #fff;}

.contact_2 .page_emailB .read_more { background: #ebbe17; }

.contact_2 .page_emailB .read_more:hover { background: #222; }

.contact_3 .map {  overflow: hidden;}

.contact_3 .map iframe { width: 100%; max-width: 100%;}

.contact_3 .map img { max-width: 100%; width: 100%;}



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

	.contact_2 { margin: 10px 0 20px; background: #fff;}

	.contact_2 .right { width: 100%;}

	.contact_2 .left { width: 100%; padding: 25px 0px 0px;}

	.contact_2 .left .title { font-size: 18px; }

}



#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}

 @-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{border:1px solid #f2f2f2;display:block;}

.tz-gallery .thumbnail {

    padding: 0;

    margin-bottom: 5px;

    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: 768px) {

	.tz-gallery > div{padding:0 10px;}	

	.tz-gallery .thumbnail{margin-bottom:0px;}

}



.tz-gallery .box { width: 25%; float: left; padding: 0 20px;}

.tz-gallery .box  .lightbox img { width: 100%; max-width: 100%; height: auto;}

.tz-gallery .caption h3 { font-size: 16px; font-family: "poppins_sb"; line-height: 22px; height: 44px; overflow: hidden;}

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

	.tz-gallery .box { width: 25%;}

}

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

	.page_zhenshu { margin: 40px 0 20px;}

	.tz-gallery .box { width: 50%; padding: 0 10px;}

	

}



#passport_sign_refresh, #passport_sign_refresh2 {display: inline-block; vertical-align: middle; padding-top: 8px; color: #777; padding-left: 3px;}

.products_b{ font-size:14px; text-align:left; padding:0px 10px;}