/* 重置bootstrap间隔 start */
.container {
  padding-right: 10px;
  padding-left: 10px;
}
.container-fluid {
  padding-right: 10px;
  padding-left: 10px;
}
.row {
  margin-right: -10px;
  margin-left: -10px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-right: 10px;
  padding-left: 10px;
}
/* 重置bootstrap间隔 end */
*{-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;}
body{ background:#fff; color:#333333;font-family: 'Open Sans', sans-serif; line-height:1.5; }
html, body {
-ms-overflow-style: scrollbar;
}
.container img{ max-width:100%;}

.custom-color {
    color: #e3e3e3;
}

.mapbox {
  position: relative;
  height: 250px;
  width: 100%;
  border-radius: 16px;
  margin-bottom: 30px;
  border: 1px solid var(--jet);
  overflow: hidden;
}

.mapbox figure { height: 100%; }

.mapbox iframe {
  width: 100%;
  height: 100%;
  border: none;
  filter: grayscale(1) invert(1);
}

a{ color:#383838;}
a:hover{ text-decoration:none;color:#fe7109; }
.top{color:#666; text-align:right; height:36px; line-height:36px; overflow:hidden; position:relative; z-index:100; margin-bottom:-20px;}
.header{  z-index:30; width:100%; background-color:#fff;border-bottom:1px solid #ddd; }
.header.index-fix{background-color: hsla(0,0%,95%,.5); position:fixed; top:0; left:0; }
.topFlag{display:inline-block; float:right;}
.topFlag ul{ padding:0; margin:0; font-size:9px; text-align:center;  }
.topFlag ul li{ margin:0 5px 0 0; display:inline-block; line-height:19px; }
.topFlag ul li a{ color:#797979;font-size : 12px;*font-size:9px; display:block;}
.topFlag ul li a:hover{ color:#1b9ffe;}

.navbar {
    margin-bottom: 0;
    border-radius: 0;
	position:relative;

}
#navbar{text-align:left; float:right; margin-top:40px;}
.navbar .container{ position:relative; z-index:10;}
.navbar-header{ position:relative; float:left;}

.navbar-default {
    background-color:transparent;
    border-color: transparent;
	border:0;
}
.navbar-brand {
	height:auto;
}

.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fe7109;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color:transparent;
}
.navbar-toggle {
    position:absolute;
	right:0;
	margin-right: 5px;
    padding: 0 0;
	top:50%;
    background-color: transparent;
    background-image: none;
    border: 0 solid transparent;
    border-radius: 0;
	margin-top:-7px;
}

.main_menu {min-height:30px;padding:0; margin:0 20px 0 20px; width:auto; display:inline-block;  }
.main_menu li{ list-style:none; padding:0; margin:0;}

.main_menu li{ float:left; /*position:relative;*/ margin-left:20px;}
.main_menu li a{ display:block; line-height:30px; padding:0 15px 15px; color:#333333; float:left; font-size:16px; text-transform:capitalize; box-sizing:border-box;}
/*.main_menu li span{ display:block; width:2px; height:38px; float:left;}*/
/*.main_menu > li > a{border-bottom: 2px solid #fff;}*/
.main_menu li > a:hover{ text-decoration:none; color:#fe7109; }
/*.main_menu > li:hover > a{border-bottom: 2px solid #fe7109;}*/
.main_menu li.active > a,.main_menu li > a.now{ color:#fe7109; }
.main_menu li:first-child a{ margin-left:-1px;}
.main_menu li > ul{ position:absolute; left:0; top:99.9%; min-width:180px; background:#f5f5f5; margin:0; padding:10px 0; /*border-top:2px solid #fe7109; */display:none; box-shadow:0 3px 3px #999;}
.main_menu li > ul > li{ margin-left:25px; height:auto; float:none; width:100%; display:block; padding:3px 0;}
.main_menu li > ul > li a{ padding:0; line-height:22px; float:none; font-size:14px;}
.main_menu li:hover > ul{ display:block;}

.searchtop{ float:right; position:relative; display:inline-block; top:45px;  }
.searchtop > i{ padding-right:5px;padding-bottom:20px; padding-left:20px; color:#383838; cursor:pointer;}
.searchtop .searchBox{ position:absolute; top:100%; left:auto; right:0; border:1px solid #ccc; background-color:#fff; width:270px; display:none;}
.searchtop .st{ border:0 solid #ccc; background-color:transparent;  height:40px; line-height:40px; vertical-align:middle; padding:0 10px 0 10px; width:220px; color:#7e7f84;}
/*.searchtop:hover .searchBox{ display:block;}*/

/* Bootstrap Carousel Fade Transition  start */
       .carousel-fade  .carousel-inner .item {
            transition-property: opacity;
        }

        .carousel-fade  .carousel-inner .item,
        .carousel-fade  .carousel-inner .active.left,
        .carousel-fade  .carousel-inner .active.right {
            opacity: 0;
        }

       .carousel-fade  .carousel-inner  .active,
       .carousel-fade  .carousel-inner  .next.left,
        .carousel-fade  .carousel-inner .prev.right {
            opacity: 1;
        }

       .carousel-fade  .carousel-inner  .next,
        .carousel-fade  .carousel-inner .prev,
        .carousel-fade  .carousel-inner .active.left,
        .carousel-fade  .carousel-inner .active.right {
            left: 0;
            transform: translate3d(0, 0, 0);
        }

   .carousel-fade .carousel-control {
        z-index: 2;
    }

/* Bootstrap Carousel Fade Transition end */
#carousel-index .item{ background-position: center top; background-size:cover;  background-color:#ffffff; }
#carousel-index .item{text-align:center; }
#carousel-index .item .container{ position:relative;}
#carousel-index .item img{ padding:0 0 0 0;}
#carousel-index .item .container .ctext{ position:absolute; left:0; top:170px; z-index:10; text-align:left; max-width:525px; color:#333;}
#carousel-index .item .container .ctext h3{ font-size:32px; margin-bottom:20px;}
#carousel-index .item .container .ctext p{ font-size:18px; margin-bottom:15px;}
#carousel-index .item .container .ctext .blink{ display:block; font-size:18px;}
#carousel-index .item .container .ctext .blink a { background:#b24c00; display:inline-block; padding:7px 25px; border-radius:5px; color:#fff;}

.carousel-indicators {
	z-index:20;
	text-align:left;

}
.carousel-indicators li {
    display: inline-block;
    width: auto;
    height: auto;
	max-width:100px;
    margin: 0 0;
    text-indent:0;
    border: 0 solid #ffffff;
    border-radius: 50%;
    cursor: pointer;
    background-color:transparent;
	text-align:center;
	font-size:13px;
}
.carousel-indicators li img{ width:60px; height:60px; border:3px solid #fe7109; display:block; border-radius:12px; margin:0 auto 5px auto;}
.carousel-indicators .active {
    width: auto;
    height: auto;
    margin: 0 0;
    background-color: transparent;
	color:#fe7109;
}
.carousel-indicators .active img{ box-shadow:3px 3px 5px #666;}


/*.carousel-control{
position: absolute;
top:auto;
display: block;
margin-bottom: -30px;
background-color: rgba(0,0,0,0.3);
text-indent: -9999px;
overflow: hidden;
height: 60px;
width: 40px;
background-repeat: no-repeat;
z-index:1000;}
.carousel-control.right{
bottom: 50%;
right: 0;
background-image: url(../img/banner-fy.png);
background-position: center bottom;
}
.carousel-control.left {
    bottom: 50%;
    left: 0;
    background-image: url(../img/banner-fy.png);
    background-position: center top;
}*/


/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 30px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #242424;
	border: 2px solid #242424;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 8px;
	height: 8px;
	margin: 5px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color:#b3b3b3;
	border:0 solid #ffaa00;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	background-color: #6d6d6d;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.owl-carousel-factory .owl-controls .owl-page span{
	display: block;
	width: 8px;
	height: 8px;
	margin: 5px;
	background-color:#fff;
	box-shadow:1px 2px 2px #999;
}

.owl-carousel-horner .owl-controls .owl-page.active span,
.owl-carousel-horner .owl-controls.clickable .owl-page:hover span{
	background-color: #71a638;
}

.owl-carousel-horner .owl-controls .owl-page span{
	display: block;
	width: 10px;
	height: 10px;
	margin: 5px 8px;
	background-color:#fff;
	box-shadow:1px 2px 2px #333;
}

.comTit{ font-size:30px; text-align:center; margin:6rem auto 4rem;}
.packing-block { padding-bottom:50px;}
.packing-block .pkitem{
	position: relative;
padding-top: 1rem;
margin-bottom: 3rem;
background-color: rgb(235,235,235);
background-image: -moz-linear-gradient( 90deg,rgb(250,250,250) 28%,rgb(235,235,235) 100%);
background-image: -webkit-linear-gradient( 90deg,rgb(250,250,250) 28%,rgb(235,235,235) 100%);
background-image: -ms-linear-gradient( 90deg,rgb(255,250,250) 28%,rgb(235,235,235) 100%);
border-radius: 10px;
box-shadow: 0px 1px 4px 0px rgba(0,0,1,0.21);
overflow:hidden;
}
.packing-block .pkitem .content{ height:120px; overflow:hidden;}
.packing-block .pkitem .content h4{ font-size:18px;padding: 0 35px;}
.packing-block .pkitem .content p{padding: 2px 35px; height: 70; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3;}
.packing-block .pkitem .pic{ height:200px; text-align:center;}
.packing-block .pkitem .pic img{ max-height:90%; width:auto;}
.packing-block .pkitem .bottom{
	background: #b24c00;
padding: 0;
margin: -55px 0 0 0;
text-align: center;
position: relative;
bottom: -55px;
transition: all 200ms ease-in-out;
-webkit-transition: all 200ms ease-in-out;
}
.packing-block .pkitem .bottom span{
    background: #fff;
    display: block;
    position: relative;
    top: -25px;
    width: 55px;
    height: 55px;
    border: 4px solid #fe7109;
    border-radius: 100%;
    margin: 0 auto -25px;
    overflow: hidden;
}
.packing-block .pkitem .bottom span img {
 display:block;
 position:absolute;
 top:50%;
 left:50%;
 -webkit-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%)
}
.packing-block .pkitem .bottom a{
	display:block;
color: #fff;
transition: all 200ms ease-in-out;
-webkit-transition: all 200ms ease-in-out;
}
.packing-block .pkitem .bottom  a h4 {
    margin-top: 0.5rem;
	margin-bottom:0;
}
.packing-block .pkitem .bottom .pkbtn{
width: 90%;
max-width: 225px;
padding: 12px 20px 12px;
-webkit-transition: all 200ms ease-in-out;
margin: 1.5rem 0;
background-color: #fff;
display: inline-block;
position: relative;
top: 0;
border-radius: 10px;
color:#fe7109;
line-height:1;
font-size:16px;
font-weight:700;
}
.packing-block .pkitem .bottom .pkbtn:hover{color:#fff;background-color: #ea6503;}

.tmt-block{ background:url(/salim-trading-co/upfiles/minibgr.webp) no-repeat center 0; min-height:400px; background-size:cover !important; color:#fff; text-align:center;}
.tmt-block .content{ max-width:820px; margin:9% auto 6%; font-size:18px;}
.tmt-block .content h3{ font-size:32px; margin-bottom:30px;}
.tmt-block .content p{ margin-bottom:40px;}
.tmt-block .content .tmlink{ display:block;}
.tmt-block .content .tmlink a{ display:inline-block; color:#fff; border:1px solid #fff; padding:8px 20px;}
.tmt-block .content .tmlink a:hover{ background:#fff; color:#fe7109;}

.accordion-block{ border-bottom:1px solid #ddd; margin-bottom:20px;}
.accordion-block .panel-group {
    margin-bottom: -1px;
}
.panel.panel-xunda{ box-shadow:none; border-bottom:1px solid #d9d9d9;}
.panel-group .panel-xunda .panel-heading{padding: 25px 0;}
.panel-xunda .panel-title{ font-size:24px;}
.panel-xunda .panel-title a{ display:block; position:relative;}
.panel-xunda .panel-title a em{ position:absolute; top:0; right:10px; font-size:30px; font-style:normal;}
.panel-xunda .panel-heading + .panel-collapse > .panel-body{ border-top:0; padding:15px 0;}
.panel-xunda .panel-body img{ margin-bottom:10px;}
.panel-xunda .panel-body h3{ font-size:30px; margin-bottom:20px;}
.panel-xunda .panel-body p{ font-size:16px; margin-bottom:30px;}
.panel-xunda .panel-body  .aclink{ display:block; margin-bottom:10px;}
.panel-xunda .panel-body  .aclink a{ padding:10px 30px; background-color:#fe7109; color:#fff; display:inline-block; font-size:16px;}
.panel-xunda .panel-body  .aclink a:hover{background-color: #005686;}

.news-block{}
.news-block .nitem{ max-width:385px; margin:0 auto 30px auto; overflow:hidden; color:#101010; background:#f5f5f5; box-shadow:0 0 3px #ccc; border-radius:10px; overflow:hidden;}
.news-block .nitem:hover{box-shadow:0 0 8px #aaa;}

.news-block .nitem h3{ font-size:18px; text-transform:capitalize; overflow:hidden; margin:10px auto 20px;}
.news-block .nitem h3 a{color:#333; display: inline-block; height: 44px; overflow:hidden;}
.news-block .nitem h3 a:hover{color:#fe7109;}
.news-block .nitem .pic{ overflow:hidden; width:100%; padding-top:calc(100% * 56/77); position:relative;}
.news-block .nitem .pic .thumbnails {
    overflow: hidden;
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0px;
    left: 0;
    opacity: 1;
    transition: opacity 0.1s ease 0s;
}
.news-block .nitem .pic .thumbnails .centered {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    transform: translate(50%, 50%);
}
.news-block .nitem .pic .thumbnails .centered img {
    transform: translate(-50%, -50%);
	position: absolute;
	top: 0px;
	left: 0px;
	height:100%;
	width:auto !important;
	max-width:inherit !important;

}
.news-block .nitem .pic:hover img{ transform:scale(1.1,1.1)}
.news-block .nitem .cbox{  border-top:0; padding:15px 15px;}
.news-block .nitem .date{ color:#b24c00; font-size:16px; text-transform:capitalize; margin-bottom:15px; display:block;}
.news-block .nitem .des{ font-size:16px; margin-bottom:20px;color:#646464; }


.navbar-fixed-top{filter:alpha(Opacity=98);-moz-opacity:0.98;opacity: 0.98; background-color:#fff; position:fixed !important;}
/*.navbar-fixed-top .navbar-brand{ background:url(../img/top100.png) no-repeat 0 0; background-size:cover; }*/

 .navbar.navbar-fixed-top{ margin-top:0;}


.navbar-fixed-top.navbar-default{-moz-box-shadow: 0 1px 5px #ccc; /* 老的 Firefox */
box-shadow: 0 1px 5px #ccc; background-image:none; }

.brand-youshi{ background:#f6f6f6; text-align:center; margin-top:40px;}
.owl-carousel-partner {
    max-width: 1000px;
    margin: 0 auto;
	padding:40px 0 20px;
}

.footer{ background-color:#1f2024; color:#fff; margin-top:50px;}
.copyright{ color:#fff; padding:15px 0; text-transform:capitalize;  font-size:15px; border-top:1px solid #ddd;}
.copyright a{ color:#fff;}
.copyright a:hover{ color:#fe7109;}

.footLink {  
  padding: 50px 0 30px; 
}
.fwidget { 
  margin-bottom: 20px; 
  display: inline-block; 
  float: left; 
  width: 30%; /* Mengatur lebar setiap bagian menjadi 30% untuk layar besar */
  margin-right: 5%; /* Mengatur margin kanan */
}
.fwidget:nth-child(3n) { 
  margin-right: 0; /* Menghapus margin kanan pada elemen ketiga */
}
.fwidget a { 
  color: #fff; 
}
.fwidget a:hover { 
  text-decoration: underline; 
  color: #fe7109; 
}
.fwidget ul { 
  list-style: none; 
  margin: 0; 
  padding: 0; 
}

/* Media query untuk layar yang lebih kecil */
@media (max-width: 768px) {
  .fwidget {
    width: 100%; /* Mengatur lebar setiap bagian menjadi 100% di layar kecil */
    margin-right: 0; /* Menghapus margin kanan untuk layar kecil */
    float: none; /* Menghilangkan float agar elemen bisa menumpuk secara vertikal */
  }
}

.fmenu { }
.fmenu ul{ text-transform:capitalize; }
.fmenu li{ padding:3px 0;}

.fpmenu li{ list-style:inside disc;padding:2px 0; color:#888;}

.fwidget h4{ font-size:16px; margin:6px 0 8px 0; color:#fff; text-transform:uppercase;}

.footer .fcontact{ max-width:320px;}
.footer address{ font-weight:normal; }
.footer address p{ padding:3px 0 3px 23px; margin:0; position:relative;}
.footer address i{ position:absolute; left:0; top:4px; width:20px; min-height:25px; font: normal normal normal 16px/20px FontAwesome; text-align:center; }

.footer .foot-social{  margin-top:10px; margin-bottom:20px; vertical-align:middle;}
.footer .foot-social ul, .footer .foot-social li{ display:inline-block; margin:0 7px 0 0; vertical-align:middle;}
.footer .foot-social a{ transition: 0.1s all ease; color:#fff; }
.footer .foot-social a i{line-height:32px; font-size:20px;}
.footer .foot-social a:hover{ color:#144061; }

.gotop{ position:fixed; right:10px; bottom:10%; width:50px; height:50px;}
.gotop a{ display:block; width:50px; height:50px; line-height:40px; border-radius:5px; background:#f2f2f2; text-align:center; font-size:24px; box-shadow:1px 1px 3px #555;}
.gotop a:hover{}


/* page */
.breadcrumb {
    padding: 10px 0;
    margin-bottom: 20px;
    background-color: transparent;
    border-radius: 0;
}
.breadcrumb .current{color:#fe7109;}
.pageTitle{ font-size:28px;color:#fe7109;}
.post{ color:#646464; line-height:1.5; padding-bottom:20px;}
.postfeature{ border-radius:10px; overflow:hidden; margin-bottom:20px;}

.newslist{ border-bottom:1px solid #e0e0e0; padding-top:20px; padding-bottom:20px;}
.newslist .pic{}
.newslist .text{ max-width:650px;}
.newslist:nth-child(2n+1) .text{ margin:0 0 0 auto;}
.newslist .text h3{ font-size:21px; font-weight:bold; color:#333333; margin-bottom:20px;}
.newslist .text .shortdes{ margin-bottom:30px;}
.newslist .text .linkmore{ display:block; font-size:16px; margin-bottom:15px;}

.post-header h1.postTitle{ font-size:18px; text-align:center; text-transform:capitalize;}
.post-header .meta{ text-align:center; padding:10px 0 20px; color:#888;}
.post-header .meta span{ margin:0 8px;}

.post-footer{ padding-bottom:20px;}
.post-footer > div { margin-right:20px;}

.contact-col{ text-align:center; max-width:450px; margin:20px auto;}
.contact-col .contact-ico{ font-size:36px; color:#fe7109;}
.contact-col h3{ margin-top:0; font-size:21px; color:#fe7109; margin-bottom:20px;}

.form-control{ margin-bottom:15px;
    height: 40px;
    padding: 9px 15px;
	background-color: #f2f2f2;
	border: 1px solid #e0e0e0;
    border-radius: 0;
	box-shadow:none;
}

.pro-page-header h1{ font-size:27px; color:#fe7109;}
.pro-tab { margin:30px auto;}
.pro-tab a{ display:inline-block; margin:0 6px 10px; background-color:#a9a9a9; padding:8px 2%; border-radius:20px; color:#fff; font-size:18px;}
.pro-tab a:hover,.pro-tab a.active{ background-color:#fe7109;}

.cate-block { margin-bottom:30px;}
.cate-block h2{font-size:27px; color:#fe7109;}

.pro-it-title{ font-size:16px; color:#fe7109; margin:10px 0 20px; font-weight:bold;}

.pitem{ margin-bottom:35px;}
.pitem .pic{ position:relative; width:100%; padding-top:calc(100% * 285/285); overflow:hidden; background-color:#fff;}
.pitem .pic .thumbnails {
    overflow: hidden;
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0px;
    left: 0;
    opacity: 1;
    transition: opacity 0.1s ease 0s;
}
.pitem .pic .thumbnails .centered {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;

}
.pitem .pic .thumbnails .centered img {

	position: absolute;
	top: 0px;
	left: 0px;
	height:100%;
	width:auto !important;
	max-width:inherit !important;

}
.pitem .pic:hover .thumbnails img{ transform:scale(1.2,1.2)}
.pitem .pic:hover .thumbnails .centered img{ opacity: 0.7;}
.pitem h4{ font-size:14px; text-align:center; margin-top:15px;line-height: 1.5;}
.pitem h4 a{height: 40px; display: inline-block; overflow:hidden; }
.pageNum{ text-align:right; padding:20px 0;}
.pageNum a{ display:inline-block; background:#f2f2f2; padding:5px 12px; min-width:30px; color:#333; margin:0 -1px;}
.pageNum a:hover{color:#fe7109;}
.pageNum a.current{background-color:#fe7109; color:#fff; cursor:text;}
.pageNum a.current:hover{color:#fff;}

.pro-block-title{ font-size:21px; font-weight:bold; margin-bottom:20px;}

#pro-info{position:relative; padding:20px 30px 25px 30px; margin-bottom:20px; background:#e6e6e6;}
#pro-info .title{display: block; margin-bottom: 15px; font-size: 16px; text-transform: uppercase; color: #646464; font-weight:bold;}
#pro-info fieldset{float: left;width: 50%;}
#pro-info .form-box{margin: 0 2px 2px 0; background: #f1f2f3;}
#pro-info .form-box span{background: #f1f2f3;}
#pro-info input{height: 37px; padding: 5px 7px; margin: 0; color: #7d7d7d; width: 100%; border:0;}
#pro-info textarea{padding: 5px 7px; width:100%; border:0;}
#pro-info input.css-checkbox{width: 20px; height: 20px; position: absolute; overflow: hidden; clip: rect(0 0 0 0);}
#pro-info .css-label{line-height: 20px; height: 20px; margin: 0; vertical-align: top; color: #646464; background: url(../images/checkbox-replace.png) no-repeat; cursor: pointer;}
#pro-info .css-label a{color: #646464;}
#pro-info .no-label{padding-top: 15px;}
#pro-info label{ font-weight:normal;}
#pro-info .btn-gray{background-color: #5d6264; color: #fff; padding: 10px 15px; text-transform: uppercase; display:inline-block; width:auto;}
#pro-info input[type=checkbox].css-checkbox + label.css-label{padding-left: 25px; height: 20px; display: inline-block; line-height: 20px; background-position: 0 0;}
#pro-info input[type=checkbox].css-checkbox:checked + label.css-label{background-position: 0 -20px;}
::-webkit-input-placeholder {color:#7d7d7d;}
::-moz-placeholder{color:#7d7d7d;}
::-ms-input-placeholder {color:#7d7d7d;}
.mb-link{padding: 0; margin-bottom:40px;}
.mb-link a, .mb-link span{color: #a9a9a9;}
.mb-link a{padding: 0 5px; text-transform: uppercase;}
.mb-link a:hover{color: #fe7109;}

.witem{ margin-bottom:10px;}

.pro-box{ margin-bottom:30px;}
.pro-box .proShortDes h1{ font-size:21px; margin-bottom:20px;}
.pro-box .proShortDes .sdes{ margin-bottom:20px; color:#646464;}
.pro-box .proShortDes .pbtn{ margin-bottom:20px;}
.pro-box .proShortDes .pbtn a{ display:inline-block; background-color:#ff8a34; color:#fff; padding:7px 15px; margin-right:15px;}
.pro-box .proShortDes .pbtn a i{ font-size:16px; margin-right:5px;}
.pro-box .proShortDes .pbtn a:hover{ background-color:#fe7109;}

.pro-detail{ margin-bottom:30px; color:#646464;}
.pro-detail table{ width:100%;}
.pro-detail table td{ border:1px solid #ddd; padding:6px 15px;}

.solution-table table{ width:100%; margin-bottom:20px;}
.solution-table table th{padding:8px 5px; background-color:#cccccc; text-align:center; font-weight:normal;}
.solution-table table td{ border:1px solid #fff; padding:8px 5px; background-color:#f2f2f2;}
.solution-table table td a{ font-weight:bold;color:#fe7109;}
.solution-table table td a:hover{ text-decoration:underline;}

@media (min-width: 1200px){ .container{ width:1200px; padding-left:0; padding-right:0;}}
@media (max-width: 1199px) { #carousel-index .item .container .ctext{ top:120px;}}
@media (min-width: 768px) and  (max-width: 991px){
  .navbar-brand > img{ width:130px;}
  .main_menu {
    margin: 0 0 0 0;}
	.main_menu li {
    margin-left: 0;
}
  .main_menu li a{padding:0 10px; font-size:14px;}

#navbar {
    margin-top: 25px;
}
#carousel-index .item .container .ctext {
    top: 100px;
}
.carousel-indicators {

    width: 80%;
    margin-left: -40%;
	margin-bottom:0;
	text-align:center;
}
.carousel-indicators li{ margin:0 5px;}
.carousel-indicators li.active{ margin:0 5px;}
.carousel-indicators li span{ display:none;}
.newslist:nth-child(2n+1) .text{ margin:0 0 0 0;}
}
@media (min-width: 992px) and  (max-width: 1199px){
	.main_menu li a{padding:0 5px; font-size:15px; }
.main_menu {
    margin: 0 20px 0 0;}
	.searchtop{  padding-bottom:20px; }

}
@media (min-width: 991px) { .newslist:nth-child(2n) .col-lg-5{ float:right;} .newslist:nth-child(2n) .col-lg-7{ float:right;}}
@media (min-width: 769px){.navbar-brand{ padding-top:0;}}
@media (max-width: 768px){

	.top{ height:auto;}
	.navbar-header{ position:relative; float:none;}
	.navbar-brand{ margin-left:-15px;}
	.navbar {
		margin-top:0;
}
.navbar-fixed-top .navbar-brand img,.navbar-brand img{ width:150px !important;}

	#navbar {
    text-align: center;
    float: none;
    margin-top: 0;
}
	.main_menu {
    width: 100%;
	background-color: hsla(0,0%,100%,.95);
	margin:0;
}
.main_menu li {
    float: none;
    height: auto;
    position: relative;
    margin-left: 0;
	border-bottom:1px solid #ddd;
}
.main_menu li a {
    display: block;
    line-height: 2.5;
    padding: 0 15px;
    color: #333;
    float: none;
}
.main_menu li a:hover{ color:#fe7109}
.main_menu li > ul{ position:relative; left:0; top:98%; width:100%; background:#f8f8f8; margin:0; padding:0 0; border-top:1px solid #666; display:none;}
.main_menu li > ul > li{ margin-left:0; height:auto; float:none; width:100%; display:block;}
.main_menu li > ul > li a{ padding:0; line-height:36px; float:none;}
.main_menu li:hover > ul{ display:block;}


.top{ margin-bottom:0;}

#carousel-index .item .container .ctext{ left:15px; top:90px;}
#carousel-index .item img{ /*min-height:400px; width:auto;*/ position:relative; left:50%; transform:translateX(-50%) !important;}
.carousel-indicators {

    width: 80%;
    margin-left: -40%;
	text-align:center;
}
.carousel-indicators li {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    text-indent:0;
    border: 0 solid #ffffff;
    border-radius: 50%;
    cursor: pointer;
    background-color:#999;
	text-align:right;
	font-size:13px;
}
.carousel-indicators li span{ display:none;}
.carousel-indicators li img{ display:none;}
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0 5px;
    background-color: #fe7109;
	color:#fe7109;
}

.newslist:nth-child(2n+1) .text{ margin:0 0 0 0;}
.pro-tab a{ font-size:14px;}
#pro-info fieldset {
    float: none;
    width: 100%;
}
}
@media (max-width: 480px){

#carousel-index .item .container .ctext h3{ font-size:24px; }
#carousel-index .item .container .ctext p{ font-size:16px; }
#carousel-index .item .container .ctext .blink{  font-size:16px;}
#carousel-index .item .container .ctext .blink a {  padding:5px 20px;}
.pro-page-header h1{ font-size:24px;}
}


/*20180624*/
.searchBox button{
    border: none;
    background: #fff;
}
.btn-primary{
    background-color: #fe7109;
    border-color: #f06904;
}
.btn-primary:hover{
    background-color: #ea6503;
    border-color: #bf5403;
}


.proList .fl{
    float: left;
}
.proList .fr{
    float: right;
}

.proList hr{
    margin-top:35px;
    margin-bottom: 35px;
    border-top: 1px solid #e6e6e6;
}
.proList h4{
    margin-bottom: 25px;
}

.proList h4, .proList p a:hover{
    color: #fe7109;
}

.proList p a{
    text-decoration: underline; display: inline-block; padding: 2px 10px 2px 0;
}

.proList .proCon{
    padding-top: 6%;
}
.proRyList{
    padding:35px 0;
}
.proRyList .row div{
    text-align: center;
}

.proRyList .row div img{
    display: inline-block;
    padding-bottom: 10px;
}

.proCompany{
    background-color: #f2f2f2;
}
.proCompanyImg{
    font-size: 0;
}
.proCompanyImg img{
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    background-color: #fff;
}
.proCompany .pcImg1{
    padding-bottom: 10px;
}
.proCompany .pcImg2{
    padding-right: 5px;
}
.proCompany .pcImg3{
    padding-left: 5px;
}
.proCompany .pcImg2, .proCompany .pcImg3{
    max-width: 50%;
}
.proCompanyCon{
    padding-top: 35px;
    padding-bottom: 65px;
    position: relative;
}
.proCompanyCon .more{
    position: absolute;
    bottom: 50px;
    right: 15%;
    padding-left: 28px;
    color: #fe7109;
    background: url(../images/proCompanyArrow.png) no-repeat left center;
}
.proCompanyCon p{
    margin-bottom: 28px;
    position: relative;
    padding-left: 20px;
}
.proCompanyCon p i{
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    background-color: #fe7109;
    top:6px;
    left: 6px;
}

.proStep{
    padding-bottom: 35px;
}

.proStepItem{position: relative;}

.proStepItem p{
    position: absolute;
    background: url(../images/proStepbg.png) no-repeat right center;
    padding: 0 55px 0 15px;
    height: 43px;
    line-height: 43px;
    bottom: 10px;
    left: 15px;
    margin-bottom: 0;
    color: #fff;
    font-size: 21px;
}

.col-15{width: 15%;}
.col-18{width: 18%;}
.col-20{width: 20%;}
.col-22{width: 22%;}
.col-28{width: 28%;}
.col-30{width: 30%;}
.col-34{width: 34%;}
.col-37{width: 37%;}
.col-40{width: 40%;}
.col-41{width: 41%;}
.proStepItem{margin-left: -5px; margin-right: -5px;}
.proStepItem img{
    max-width: 100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    padding: 10px 5px;
}

.pro-box{
    -moz-box-shadow: 0 0 10px #5e5e5e;
    -webkit-box-shadow: 0 0 10px #5e5e5e;
    box-shadow: 0 0 10px #5e5e5e;
    overflow: hidden;
}
.sdes{
    padding-bottom: 35px;
}
.sdes p{
    width: 48%;
    padding-right: 2%;
    display: inline-block;
}

.picFocus{
    padding-right: 140px;
    position: relative;
}
.picFocus ul{
    margin: 0;
    padding: 0;
}
.picFocus li{
    list-style: none;
}
.picFocus li img{
    width: 100%;
    max-width: auto;
}
.smallScroll{
    width: 120px;
    position: absolute;
    right: 0;
    top:0;
}

.proShortDes{
    padding-left: 15px;
}
.pro-box-item{
    padding: 20px 20px 20px 10px;
    border-right: 1px dashed #d6d6d6;
    overflow: hidden;
}
.picFocus{
    padding-left: 20px;
}
.smallImg li{height: 130px;}
.smallImg img{
    width: 120px;
}

.pro-box .proShortDes .pbtn{
    padding-top: 15px;
}


.popPro{position:absolute; left:0; top:99.9%; width:100%; background:#f5f5f5; box-shadow: 0 5px 7px #ccc; padding:0 30px; height:0;overflow:hidden; margin-top: -5px;}
.popPro .row{ padding:20px 0;}
.popPro h4{font-weight:bold; margin-bottom:5px; display:inline-block; }
.popPro h4 a{color:#fe7109; display:block; padding:7px 50px 7px 15px; position:relative; font-size:18px;}
.popPro p{font-size: 15px; padding-left: 15px; font-weight: bold; margin-bottom: 5px;}
.popPro h4 a i{ position:absolute; top:15px; right:15px; opacity:0; font-weight:normal;}
.popPro h4 a:hover{background:#fe7109;color:#fff;}
.popPro h4 a:hover i{opacity:1;}
.popPro h4.active a{background:#fe7109;color:#fff;}
.popPro h4.active a i{opacity:1;}
.popPro ul,.popPro li{ margin:0; padding:0; list-style:none; font-size:14px;}
.popPro ul{ margin-bottom:10px;}
.popPro li{ padding:1px 15px; font-size:13px; width: 100%;}
.popPro li a{padding: 0 10px 0 0; font-size: 13px; line-height: 1.5;}
.popPro .row > div{ position:relative;}
.popPro .row > div:before{ content:""; position:absolute; left:93%; top:30px; height:calc(100% - 50px); width:1px; height:330px; background:#ddd;}
.popPro .row > div:last-child:before{ background:none;}

.popPro-half{width: 49%; display: inline-block;}

.layout-banner{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
}
@media (max-width: 1600px){
    #carousel-index .item .container .ctext{
        top: 150px;
    }
}
@media (max-width: 1440px){
    #carousel-index .item .container .ctext{
        top: 120px;
    }
}
@media (max-width: 1366px){
    #carousel-index .item .container .ctext{
        top: 110px;
    }
}
@media (max-width: 1199px){
    .proStepItem p{
        padding: 0 35px 0 10px;
        font-size: 18px
    }
    #carousel-index .item .container .ctext{
        top: 100px;
    }
}
@media (max-width: 991px){
    .popPro .row > div:before{ background:none;}
}
@media (max-width: 768px){
.main_menu li > ul,.main_menu li .popPro{display: none;}
#carousel-index .item .container .ctext .blink, #carousel-index .item .container .ctext p{display: none;}
.#carousel-index .item img{width: 100%; height: auto;}
}
@media (max-width: 480px){
    .col-15,.col-18,.col-20,.col-22,.col-28,.col-30,.col-34,.col-37,.col-40,.col-41{width: 100%;}
    .proStepItem p{
        padding: 0 55px 0 15px;
        font-size: 21px
    }
    .picFocus{padding-right: 100px;}
    .smallScroll{width: 80px;}
    .smallImg li{height: 90px;}
    .smallImg img{width: 80px;}
    .layout-banner{display: none;}
}
/***************/
.Suspension {
    position: fixed;
    bottom: calc(10% + 49px);
    right: 5px;
    width: 50px;
    height: auto;
    z-index: 9998;
	border:1px solid #e0e0e0;
	border-bottom:0;
}

.Suspension a,.sFrame{ display:block; width:48px; height:48px; line-height:48px; background:#fff; text-align:center; font-size:24px; position:relative; border-bottom:1px solid #e0e0e0; }
.sFrame div{ position:absolute; right:30px; top:0; overflow:hidden; z-index:-1;}
div.subFrame_03{width:0px; height:47px; background-color:#FF6600; font-size:16px; line-height:47px; color:#fff; border-radius:60px 0 0 60px; text-align:left;}
.sFrame:hover div.subFrame_03{width:180px; padding-left:20px;}
.Suspension a{ color:#999; }
.Suspension a.f-email{ font-size:21px;}
.Suspension a i{line-height:50px !important;}
.Suspension a:hover{ color:#fff; background:#FF6600}