/*
Nav bar dropdown menu hover to open.
*/

@media screen and (min-width: 768px){
    .dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu{
        display: block;
    }
    .dropdown-menu{
        margin-top: 0;
    }
    .dropdown-toggle{
        margin-bottom: 2px;
    }
    .navbar .dropdown-toggle, .nav-tabs .dropdown-toggle{
        margin-bottom: 0;
    }
}

#headerwrap {
    background-color: white;
    padding-top: 0px;
    padding-bottom: 0px;

}

#showcase {
    background-color: rgba(0,0,0,0.5);
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}
.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #262626;
    background-color:wheat;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	border-radius:3px;	
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #337ab7;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    cursor: not-allowed;
}
.open > .dropdown-menu {
    display: block;
}
.open > a {
    outline: 0;
}
.dropdown-menu-right {
    left: auto;
    right: 0;
}
.dropdown-menu-left {
    left: 0;
    right: auto;
}
.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777777;
    white-space: nowrap;
}
.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
}
.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid;
    content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}
@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0;
    }
    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto;
    }
}

/* swc add */
.grid > .grid-item {
    float:left;
    height:200px;
    margin-left: 20px;
    margin-top:15px;
}

.grid > .grid-item  img{
    float:left;
    width:200px;
    height:140px;
    margin:5px;
    margin-top:15px;

}

/* pinterest_grid CSS*/
#demo {
    position: relative;
    max-width: 100%;
    width: 100%;
}
img {
    /*width: 100%;*/
    max-width: 100%;
    height: auto;
}
.white-panel {
    background: white;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    padding: 10px;
	margin:10px 0;
}
.white-panel h1 {
    font-size: 1em;
}
.white-panel h1 a {
    color: #A92733;
}
.white-panel:hover {
    box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
    margin-top: -5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/*
 中间部分 css
*/
.banner{ background-position:center top; background-repeat:no-repeat; background-size:100% auto; height:400px;}
.mid{ background:#fff; margin:15px auto; padding:15px 0; min-height:450px;}
.mid_l {width:25%;}   /* width:265px;padding-right:35px; */
.nav_bg {background:#989795 url('../img/nav_bg.jpg') no-repeat top left ; text-align: center;  width:100%; height:38px; line-height:38px; color:#FFF; font-weight:bold; font-size:16px;}   /* width:231px; */
.nav_list ul {padding:15px 0; list-style-type: none;}

.nav_list ul li{width:100%; height:25px; line-height:25px; margin-bottom:5px; text-indent:10px; background: #ffffff; color:#585858; font-size:14px;}   /*float:left;*/
.nav_list ul li a{color:#585858;}
.nav_list ul li a:hover,.nav_list ul li.active a{color:#f09417; font-weight:bold;}
.left_bg{background:rgba(0,0,0,0.5); width:100%;}
.left{padding:15px 20px 35px 20px;}
.left_pic{width:90px; margin:0 auto;}
.left_pic img{width:75px; height:75px; display:block;}
.left_con{text-align:center; padding:15px 0; color:#ffffff; font-size:14px;}
.left_con p{color:#ffffff;}
.left_ly{width:147px; height:43px; line-height:43px; margin:0 auto; text-align:center; background:#ffffff; color:#000000; font-size:18px; }
.left_ly a,.left_ly a:hover{color:#000000; display:block;}

.product-item{ width:184px; display:block; text-align:center; margin-top:15px; font-size:14px;}
.product-item .pic{ width:184px; height:184px; overflow:hidden;}/*255px*/

.mid_r{width:75%;}  /* width:800px; */
.mid_rtit{height:63px; line-height:63px; border-top:4px solid rgba(0,0,0,0.5); border-bottom:2px solid rgba(0,0,0,0.5); color:#333333; font-size:14px;}
.mid_rtit img{width:34px; height:50px; padding-left:10px; float:left;}
.mid_rtit strong{ font-weight: normal;}
.mid_rtit a,.mid_rtit a:hover{color:#8ac63f;}

h1.title{ padding:0 20px; font-weight:bold;}
.con{padding:20px; color:#333333; font-size:14px;}
.con p{color:#333333; font-size:14px;}


/*新闻列表*/
.mid_rtj ul{padding:30px 0 18px 0; border-bottom:1px dashed #bebebe;}
.mid_rtj_pic{width:155px; padding-right:22px; float:left;}
.mid_rtj_pic img{width:155px; height:125px; display:block;}
.mid_rr{width:68.5%; padding-right:5px; float:left;}  /* width:730px;padding-right:27px; */
.mid_rtj_tit{height:28px; line-height:28px; padding-bottom:8px; color:#69a221; font-size:18px;}
.mid_rtj_tit a,.mid_rtj_tit a:hover{color:#69a221;}
.mid_rtj_con{line-height:30px; padding-bottom:10px; color:#333333; font-size:14px;}
.mid_rtj_time{height:18px; line-height:18px; color:#9e9e9e; font-size:14px;}

.news_list{ min-height:350px;}
.news_list ul li{width:100%; height:54px; line-height:54px; border-bottom:1px dashed #bebebe; color:#333333; font-size:18px;}
.news_list ul li img{width:21px; height:54px; padding-right:8px; display:block; float:left;}
.news_list ul li span{color:#333333; float:left;}
.news_list ul li em{color:#545454; padding-right:0px; float:right;}

/*新闻详情*/
.news_show{padding:22px 10px;}
.news_show_tit{height:55px; line-height:55px; text-align:center; color:#242721; font-size:24px;}
.news_show_time{width:100%; height:45px; line-height:45px; text-align:center; background:#f6f6f6; color:#f29f00;}
.news_show_con{padding:10px 0 50px 0; color:#333333; font-size:16px;}
.news_show_con p{color:#333333;}
.news_show_img{padding:10px 0 20px 0; text-align: center;}
.news_show_img img{ max-width:100%;}

.pages {color:#aaa;padding:30px 0 50px 0;}
.pages ul {list-style:none;margin:0px;padding:0px;text-align:center;}
.pages li {display:inline-block; margin:0 5px;}
.pages li a {color:#999;border:1px solid #ddd;background-color:#ffffff;text-decoration:none;padding:5px 10px 5px 10px;display:block;}
.pages li a:hover,.pages li a.active {color:#ffffff;border:1px solid #be9558;background:#be9558;}
.pages li.nolink a,.pages li.nolink a:hover {color:#CCCCCC;border:1px solid #ddd;background:#ffffff;}


/* 解决 首页 carousel slider 在1920x1080屏幕的图片居左,不全宽撑满宽度的问题 */
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    display: block;
    height: auto;
    max-width: 100%;
    line-height: 1;
    width: 100%; // Add this
}

/* 更改slides 移入的速度
.carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: 2.6s ease-in-out left;
    -moz-transition: 2.6s ease-in-out left;
    -o-transition: 2.6s ease-in-out left;
    transition: 2.6s ease-in-out left;
}
body {

    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft YaHei", Tahoma, Simsun, Sans-Serif ;
}
*/

/* 统一一下 body的字体 */

.transform-img{ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.transform-img:hover{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.navbar-header img{ display:block; float:left; width: 195px; height:46px; margin-top: 3px;}

#carousel-home{ height:700px; overflow:hidden;}
#services11{ background:#fff; padding:25px;}
.qrcode{ width:180px; margin:0; text-align:center;}
.qrcode p{ margin-top:10px; font-size:14px;}
#locale{ display:inline-block; width:auto; margin-top:5px;}
@media (max-width: 768px) {
	.left_bg,.lang{ display:none;}
	#submit{ width:100%;}
	.mid_rtit{height:1px; overflow:hidden; border-top:4px solid rgba(0,0,0,0.5); border-bottom:none;}
	#locale{ width:90%; margin:0 5%;}
	.banner{ height:135px;}
	.navbar-header img{ width: 160px; height:37px; margin:3px 0 0 10px;}
	#carousel-home{ height:165px;}
	#services11{ background:#fff; padding:5px;}
	.mid_l,.mid_r{width:100%;}
	.product-item{ width:auto;}
	.product-item .pic{ width:auto; height:auto;}
	.pages {padding:15px 0 25px 0;}
	.news_list{ height:100%; overflow: hidden;}
	.news_list ul{  margin:0; padding:15px 0;}
	.news_list ul li{ height:100%; overflow:auto; margin:0; padding:0; line-height: 145%; font-size:14px; padding-bottom:10px;}
	.news_show_tit{ height:100%; overflow:auto; margin:0; padding:0; line-height: 145%; padding-bottom:10px;}
	
}