html,
body {
    background: #F6F6F6;
    min-width: 1006px;
    font-family: "宋体";
}
a,
a:hover {
    color: #4d4d4d;
    text-decoration: none !important;
} 
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    float: left;
}
.container {
    width: 1100px;
}
/*header*/

#logo {
    padding-top: 15px;
}
.navbar-header #logo img {
    height:60px; 
    width:310px;
}
.container-fluid.fav {
    height: 28px;
    background: #f1ece1;
    min-width: 870px;
}

.container-fluid.fav span {
    float: right;
    font-size: 12px;
    line-height: 28px;
    margin-right: 15px;
}

.navbar-default {
    margin: 0;
}

.navbar-default .navbar-nav>li>a {
    color: #b9972e;
    /*font-size: 16px;*/
    font-size:20px;
    padding-top: 45px;
    padding-bottom: 25px;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #C7B16E;
    background-color: transparent;
}
.navbar-right{
    float: right!important;
    margin-right: -15px;
    margin:0;
}
.navbar-nav>li{
    float: left;
}
.container>.navbar-header {
    margin-right: 0;
    margin-left: 0;
}
.navbar-header {
    float: left;
} 
/* swiper */
.swiper-container {
    width: 100%;
}
.swiper-slide {
    background-position: center;
    background-size: cover;
}
.swiper-slide img {
    width:100%;
}
.swiper-pagination {
    margin-bottom: 15px;
}
.swiper-pagination-bullet {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 8px;
    background: #FFF;
    margin: 0 5px;
    border: 1px solid #fff;
    cursor: pointer;
    opacity: 1;
}
.swiper-pagination-bullet-active {
    background: #b9972e;
    border: 1px solid #b9972e;
}
/*swiper-container
.swiper-container {
	min-width: 870px;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img {
    width:100%;
    height:100%;
}
.swiper-pagination {
    margin-bottom: 15px;
}
.swiper-pagination-bullet {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 8px;
    background: #FFF;
    margin: 0 5px;
    border: 1px solid #fff;
    cursor: pointer;
    opacity: 1;
}
.swiper-pagination-bullet-active {
    background: #b9972e;
    border: 1px solid #b9972e;
}*/

/*swiper-container
.swiper-slide img {
    width:100%;
}
.pagination {
    position: absolute;
    z-index: 20;
    bottom: 10px;
    width: 100%;
    text-align: center;
}
.swiper-pagination-switch {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 8px;
    background: #FFF;
    margin: 0 5px;
    border: 1px solid #fff;
    cursor: pointer;
}
.swiper-active-switch {
    background: #b9972e;
    border: 1px solid #b9972e;
}
.swiper-slide {
    float: left;
}*/

/* update swiper */
.banner-sec .swiper-button-next:hover,
.banner-sec .swiper-button-prev:hover {
    box-shadow: 0px 0px 3px 1px #999;
}

/*welcome*/
.welcome .row{
	background:#ffffff;
	padding-bottom:60px;	
}
.welcome .col-lg-12,.welcome .col-lg-13 {
    text-align: center;
    margin: 50px 0;
}
.welcome .col-lg-4 {
	width: 31%;
	height: 319px;
    position: relative;
    padding: 0;
    overflow: hidden;
}
.welcome .col-lg-2 {
	width:3.5%;
}
.welcome .col-lg-4 .thr {
    overflow: hidden;
}
.welcome .col-lg-4 img {
    width: 100%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.welcome .col-lg-4:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0.6;
}
.welcome .col-lg-4 .name {
    width: 210px;
    height: 90px;
    position: absolute;
    /*top: 110px;*/
    top:96px;
    background: rgba(226, 220, 206, 0.6);
    font-size: 18px;
    text-align: center;
    /*left: 45px;*/
    left:66px;
	padding:20px;
}
.welcome .col-lg-4 .name p {
    margin: 0;
    color: #000;
}
.welcome .col-lg-4.thr1 {
    background: url(../images/thr-news.jpg) no-repeat;
}
.welcome .col-lg-4.thr2 {
    background: url(../images/thr-product.jpg) no-repeat;
}
.welcome .col-lg-4.thr3 {
    background: url(../images/thr-respon.jpg) no-repeat;
}


/*footer*/

footer {
    background: #f1ece1;
    padding-top: 17px;
    min-width: 870px;
}

footer .container {
    text-align: center;
    font-size: 12px;
	position: relative;

}

footer .share{
    position: absolute;
    right: -39px;
    top: -222px;
    
}
/*===================news=====================*/

.newsPageBanner {
    height:400px;
    min-width: 870px;
    background-size: cover !important;
    background-position: center center !important;
}

.tab-4 {
    padding-bottom: 50px;
    background:#fff;
}
.tab-4 .row {
    position: relative;
    margin:0;
}
.tab-4 li {
    float: left;
    width: 25%;
    list-style: none;
    font-size: 18px;
    text-align: center;
	height:50px;
	line-height:50px;
}
.tab-5 {
    margin-bottom: 50px;
}
.tab-5 .row {
    position: relative;
    margin: 0;
}
.tab-5 li {
    float: left;
    width: 20%;
    list-style: none;
    font-size: 25px;
    text-align: center;
}

.tab-5 li span {
    width: 100%;
    display: block;
    margin: 16px 0;
}

.tab-3 {
    margin-bottom: 50px;
}

.tab-3 .row {
    position: relative;
    margin: 0;
}

.tab-3 li {
    float: left;
    width: 33%;
    list-style: none;
    font-size: 25px;
    text-align: center;
	font-weight: bold;
	color:#000000 !important;
}
.tab-3 li  a,.tab-3 li  span{
	color:#000000 !important;
}
.tab-3 li span {
    width: 100%;
    display: block;
    margin: 16px 0;
}
.newsPageList {
    background:#fff;
}
.newsPageList .row {
    margin-left:-15px;
    margin-right:-15px;
    background-color: transparent;
}
.newsPageList .article , .newsPageList .article-1 , .newsPageList .article-2{
    overflow: hidden;
    margin-bottom: 50px;
}
.newsPageList .article {
 	height: 320px;
}
.newsPageList .article-1 {
 	height: 280px;
}
.newsPageList .article-2 {
 	height: 100px;
}
.newsPageList .article img,.newsPageList .article-1 img,.newsPageList .article-2 img{
    width: 100%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border:1px solid #eee;
}

.newsPageList .article:hover img,.newsPageList .article-1:hover img,.newsPageList .article-2:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0.6;
}

.newsPageList .article .newsInfo,.newsPageList .article-1 .newsInfo,.newsPageList .article-2 .newsInfo {
    background-color: #f1ece1;
    text-align:center;
}
.newsPageList .article .newsInfo {
	height: 100px;
}
.newsPageList .article-1 .newsInfo {
	height:50px;
}
.newsPageList .article-2 .newsInfo {
	height:100px;
}
.newsPageList .article .newsInfo p,.newsPageList .article-1 .newsInfo p,.newsPageList .article-2 .newsInfo p {
    margin: 0;
}

.newsPageList .article .newsInfo p.time,.newsPageList .article-1 .newsInfo p.time,.newsPageList .article-2 .newsInfo p.time {
    font-size: 12px;
    margin-right: 10px;
    text-align: right;
    margin-top: 5px;
}

.newsPageList .article .newsInfo p.title,.newsPageList .article-1 .newsInfo p.title,.newsPageList .article-2 .newsInfo p.title {
    padding: 5px 10px;
    font-size: 15px;
    color: #000;
    padding-bottom: 0;
}

.newsPageList .article .newsInfo p.sec-title,.newsPageList .article-1 .newsInfo p.sec-title,.newsPageList .article-2 .newsInfo p.sec-title {
    padding: 5px 25px;
    font-size: 13px;
    color: #000;
    padding-top: 0;
}

.mod-nav-news {
    padding: 0;
}

.tab-4 li span {
    width: 100%;
    display: block;
    /*margin: 16px 0;*/
	color: #000;
	font-weight: bold;
}

.mod-nav-news-qyzx {
    background-color: #e2dcce;
}

.mod-nav-news-qyzx:after {
    background-color: #e2dcce;
}

.mod-nav-news-hydt {
    background-color: #d6c8a6;
}

.mod-nav-news-hydt:after {
    background-color: #d6c8a6;
}

.mod-nav-news-mtbd {
    background-color: #ccb777;
}

.mod-nav-news-mtbd:after {
    background-color: #ccb777;
}

.mod-nav-news-zcfg {
    background-color: #c8ad59;
}

.mod-nav-news-zcfg:after {
    background-color: #c8ad59;
}
.mod-nav-news-qyry {
    background-color: #bea148;
}

.mod-nav-news-qyry:after {
    background-color: #bea148;
}
.mod-nav-news-yfsl {
    background-color: #b9972e;
}

.mod-nav-news-yfsl:after {
    background-color: #b9972e;
}

.mod-nav-news li.on:after,
.mod-nav-news li:hover:after {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mod-nav-news li:after {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    height: 8px;
    opacity: 0;
    filter: alpha(opacity=0);
    ;
}

.load {
    text-align: center;
    cursor: pointer;
    padding: 20px 0;
    background:#fff;
}

.newsContent .title {
    font-size: 28px;
    color: #000;
    text-align: center;
    font-weight: bold;
}

.newsContent .sec-title {
    text-align: center;
    font-size: 24px;
    margin-bottom: 25px;
}
.content-width{
	width:700px;
	margin:auto;
}
.content-width img {
	text-align:center;
}
.content-date {
	text-align:right;
	margin-right:16px;
}
.product-content .sec-title {  
    margin-bottom: 8px;
    margin-top:2px;
}
.newsContent .content {
    font-size: 18px;
}
.newsContent img {
    cursor:pointer;
}
/*about*/
.tab-6 {
    padding-bottom: 50px;
    background:#fff;
}

.tab-6 .row {
    position: relative;
    margin: 0;
}

.tab-6 li {
    float: left;
    width: 16.6666666666%;
    list-style: none;
    font-size: 18px;
    text-align: center;
}
.tab-6 li span {
    width: 100%;
    display: block;
    margin: 10px 0;
    color: #000;
    font-weight: bold;
}
/*responsibility*/
.tab-2 {
    /*margin-bottom: 50px;*/
    padding-bottom: 50px;
    background:#fff;
}

.tab-2 .row {
    position: relative;
    margin: 0;
}

.tab-2 li {
    float: left;
    width: 50%;
    list-style: none;
    font-size: 18px;
    text-align: center;
}
.tab-2 li span {
    width: 100%;
    display: block;
    margin: 10px 0;
    color: #000;
    font-weight: bold;
}

/*production*/
.clearfix {
    clear:both;
}
.pro-img {
    float:left;
    width:550px;
    margin-right:20px;
}
.pro-con {
    float:left;
    width:560px;
}
.pro-con .title {
    text-align:left;
}
.pro-con .sec-title {
    text-align:left;
    font-size:22px;
}
.pagechange {
    width:1100px;
        margin: 0 auto 10px auto;
    height:100px;
}
.pagechange > div {
    float:left;
    height:100px;
    padding:0
}
.pagechange .pre-btn,.pagechange .next-btn {
    cursor:pointer;
    width:50px;
    color:#FFFFFF;
    line-height:100px;
    font-size:22px;
    background:#333333;
    text-align:center
}
.pagechange .pre-btn:hover,.pagechange .next-btn:hover {
    background:#999999;
}
.pagechange .pagedivs {
    width:1000px;
}
.pagechange .pagedivs .pagediv {
    cursor:pointer;
    margin:5px 10px;
    width:252px;
    height:90px !important;
}
.pagechange .pagedivs .pagediv .pageimg img {
    width:82px;
    height:70px;
}
.pagechange .pagedivs .pagediv .pageimg {
    width:102px;
    float:left;
    padding:9px;
}
.pagechange .pagedivs .pagediv .pagename {
    width:145px;
    float:left;
    padding:10px;
    height:70px;
}
.pagechange .pagedivs .pagediv .pagename h1 {
    padding:0;
    margin:0 0 10px 0;
    font-size:16px;
    font-weight:bold;
    color:#333333
}
.pagechange .pagedivs .pagediv .pagename h2 {
    padding:0;
    margin:0;
    font-size:14px;
    font-weight:bold;
    color:#999999
}

/*@media (min-width: 1681px) and (max-width: 1920px){
	.container {
        width:1654px;
    }
    .welcome .col-lg-4 .name {
	    width: 300px;
	    height: 113px;
	    top: 157px;
	    left: 105px;
	}
	.content-width{
		width:1000px;
	}
	.content-date {
		margin-right:5px;
	}
	.pagechange {
	    width:1654px;
	}
	.pagechange .pagedivs {
	    width: 1554px;
	}
	.welcome .col-lg-4 {
     	height: 428px;
	}
	.newsPageList .article-1 {
	    height: 400px;
	}
	.newsPageList .article {
	    height: 470px;
	}
	.newsPageList .article-2 {
	    height: 150px;
	}
}
@media (min-width: 1441px) and (max-width: 1680px) {
	.container {
        width:1414px;
    }
    .welcome .col-lg-4 {
     	height: 366px;
	}
    .welcome .col-lg-4 .name {
	    width: 230px;
	    height: 100px;
	    top: 130px;
	    left: 106px;
	}
	.content-width{
		width:900px;
	}
	.content-date {
		margin-right:5px;
	}
	.pagechange {
	    width:1414px;
	}
	.pagechange .pagedivs {
	    width: 1314px;
	}
	.newsPageList .article-1 {
	    height: 350px;
	}
	.newsPageList .article {
	    height: 400px;
	}
	.newsPageList .article-2 {
	    height: 120px;
	}
}*/
@media (max-width:1280px) {
    .container {
        width:1014px;
    }
    .welcome .col-lg-4 .name {
        top:85px;
        left:55px;
    }
    .pagechange {
	    width:1014px;
	}
	.pagechange .pagedivs {
	    width: 914px;
	}
}
@media (max-width:1024px) {
     .container {
        width:870px;
    }
    .welcome .col-lg-4 .name {
        top:67px;
        left:30px;
    }
    .pagechange {
	    width:870px;
	}
	.pagechange .pagedivs {
	    width: 770px;
	}
	.newsPageList .article-1 {
    	height: 230px;
	}
	.newsPageList .article {
	    height: 290px;
	}
}