body{ background: #fff; }
@charset "utf-8";*{margin:0px;border:0px;padding:0px;font-style:normal;font-size:100%; font-family: "微软雅黑";}
div,input{margin:0;border:0;padding:0;}
ul li{padding:0px;margin:0px;}
ol,ul,li{list-style:none;}
span{padding:0px; margin:0px;}
a{text-decoration:none;}
input {
outline: none;
}
textarea {
outline: none;
}
*:hover{
	transition:  1s;
	-moz-transition:  1s; 
	-webkit-transition:  1s; 
	-o-transition:  1s;
}
.hide{display:none;}.invisible{visibility:hidden;}.overflow{overflow:hidden;}
.clear{width:10px;height:1px;margin-top:-1px;clear:both;}
.g{width:10px;height:10px;margin-top:-1px;clear:both;}
.title_font{ font-size:18px; color:#FFFFFF; font-family:"Microsoft YaHei";}
.clear{width:10px;height:1px;margin-top:-1px;clear:both;}
.header{ background: #fff; }
.f1{ padding-bottom:30px; }
.f1 .f1Con{  width: 1200px; margin:0px auto; }
.f1 .f1Con .title{ text-align: center; font-size:38px; margin-top: 81px; }
.f1 .f1Con .title .titleCn{  color: #000; margin-bottom:20px; }
.f1 .f1Con .title .titleEn{ color: #dcdcdc;margin-bottom:20px; }
.f1 .f1Con .desc{ font-size: 14px; color: #858585; line-height: 24px; text-align: center; margin-bottom:20px; }
.f1 .f1Con .cate{ text-align: center;margin-bottom:40px;padding:15px 0; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; }
.f1 .f1Con .cate a{ font-size: 16px; color: #888888; padding:0 30px;   }
.f1 .f1Con .cate a:hover{ color: #E30000; }
.f1 .f1Con .img{ float: left; width: 456px; height: 261px;overflow: hidden; }
.f1 .f1Con .img img{ width: 100%; }

.f1 .f1Con .font{ float: right;height: 261px; width: 720px; overflow: hidden; font-size: 15px; line-height: 38px; color: #6b6b6b;}
.f2{ background: url(../images/f2Bg.jpg)no-repeat center top; height: 696px; overflow: hidden; }
.f2 .f2Con{  margin:0px auto; width: 1190px; height: inherit; padding-right:10px;  }
.f2 .f2Con .title{ float: right;text-align: center; margin-top:135px; margin-bottom:45px;  }
.f2 .f2Con .title .titleCn{  font-size: 33px; color: #000; height: 54px; line-height: 54px; border-bottom:1px solid #D7D7D7; }
.f2 .f2Con .title .titleEn{  font-size: 18px; color: #dcdcdc; }
.f2 .f2Con .content{ float: right; } 
.f2 .f2Con .content .f2Item{ display: block; width: 164px; height: 112px; background: #BBB68E; color: #fff; float: right; padding-top: 52px; text-align: center; margin-left: 10px; }
.f2 .f2Con .content .f2Item:hover{ background: #55523E; color: #fff; }
.f2 .f2Con .content .f2Item .f2ItemCn{ font-size:24px; display: block; margin-bottom:6px; margin-top:15px; }
.f2 .f2Con .content .f2Item .f2ItemEn{ font-size:8px; display: block; font-family: "微软雅黑"  }
.moreStyle_2{ width: 125px; height: 42px; line-height: 42px; text-align: center; background: #55523E; color: #fff; font-size: 15px; display: block; float: right; margin-top: 65px; }
.moreStyle_2:hover{ background: #4F525A; color: #fff; }

.f3{  }
.f3 .f3Con{  width: 1200px; margin:0px auto; padding-bottom:40px; }
.f3 .f3Con .title{ text-align: center; font-size:38px; margin-top: 81px; }
.f3 .f3Con .title .titleCn{  color: #000; margin-bottom:20px; }
.f3 .f3Con .title .titleEn{ color: #dcdcdc;margin-bottom:20px; }
.f3 .f3Con .desc{ font-size: 14px; color: #858585; line-height: 24px; text-align: center; margin-bottom:20px; }
.f3 .f3Con .cate{ text-align: center;margin-bottom:20px;padding:15px 0; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; }
.f3 .f3Con .cate a{ font-size: 16px; color: #888888; padding:0 30px;   }
.f3 .f3Con .cate a:hover{ color: #E30000; }
.f3 .f3Con .content{  }
.f3 .f3Con .content .item{ float: left; width: 390px; overflow: hidden;}
.f3 .f3Con .content .item .img{ width: inherit; height: 333px; overflow: hidden; }
.f3 .f3Con .content .item .img img{ width: inherit; min-height: 333px; }
.f3 .f3Con .content .item .biaoti{ font-size: 22px; color: #000; text-align: center; height: 46px; line-height: 46px; overflow: hidden; }
.f3 .f3Con .content .item .summary{ font-size: 15px; color: #8b8b8b; line-height: 28px; padding:0 25px; text-align: center; }
.ad{ background: url(../images/ad.jpg) no-repeat center; height: 220px; }
.ad a{ display: block; height: 220px;  width: 100%;}

.f3 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	    bottom: -00px;
}
.swiper-pagination-bullet-active{ background:#837721 !important;  }
.swiper-container{ padding-bottom:30px; }

.f4{  }
.f4 .f4Con{  width: 1200px; margin:0px auto; }
.f4 .f4Con .title{ text-align: center; font-size:38px; margin-top: 81px; }
.f4 .f4Con .title .titleCn{  color: #000; margin-bottom:25px; }
.f4 .f4Con .title .titleEn{ color: #dcdcdc;margin-bottom:20px; }
.f4 .f4Con .desc{ font-size: 14px; color: #858585; line-height: 24px; text-align: center; margin-bottom:20px; }

.f4 .f4Con .content{}
.f4 .f4Con .content .item{ width: 582px; height: 385px; overflow: hidden; float: left; margin-left: 12px; margin-bottom: 10px; position: relative; overflow: hidden; }
.f4 .f4Con .content .item img{ width: 100%; height: 385px; }
.f4 .f4Con .content .item .hoverState{ opacity:0;
    filter: alpha(opacity=0);
    position: absolute; width: 100%; top: 0; background:rgba(0,0,0,.7); height: inherit; text-align: center; padding-top:104px;  }
.f4 .f4Con .content .item .hoverState .tit{ text-align: center; font-size: 30px; color: #fff; }
.f4 .f4Con .content .item .hoverState .line{ width: 82px; height: 2px; margin:20px auto; background: #BBB68E; } 
.f4 .f4Con .content .item .hoverState .tit2{ font-size: 18px; line-height: 30px; color: #fff; width: 450px; margin:0px auto; }
.f4 .f4Con .content .item .hoverState .more{ width: 135px; height: 37px; line-height: 37px; background: #A09A6B; color: #fff; display: block; margin:10px auto 0; font-size: 17px; }
.f4 .f4Con .content .item:hover .hoverState{ 
	opacity: 1;
	-webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
	 }
.moreStyle_1{ width: 136px; height: 38px; line-height: 38px; border:1px solid #ccc; display: block; text-align: center; margin:0px auto; color: #898989; font-size: 14px; }
.moreStyle_1:hover{ background:#4C4849; color: #fff;  }
.f5{  }
.f5 .f5Con{  width: 1200px; margin:0px auto; }
.f5 .f5Con .title{ text-align: center; font-size:38px; margin-top: 81px; }
.f5 .f5Con .title .titleCn{  color: #000; margin-bottom:25px; }
.f5 .f5Con .title .titleEn{ color: #dcdcdc;margin-bottom:20px; }
.f5 .f5Con .desc{ font-size: 14px; color: #858585; line-height: 24px; text-align: center; margin-bottom:20px; }
.f5 .f5Con img{ max-width: 80%; display: block; margin:0px auto; }
.f5 .f5Con .content{ margin-bottom:30px; height: 520px; overflow: hidden; }

.f6{  }
.f6 .f6Con{  width: 1200px; margin:0px auto; }
.f6 .f6Con .title{ text-align: center; font-size:38px; margin-top: 30px; }
.f6 .f6Con .title .titleCn{  color: #000; margin-bottom:25px; }
.f6 .f6Con .title .titleEn{ color: #dcdcdc;margin-bottom:20px; }
.f6 .f6Con .content{ text-align: center; margin-top:25px;margin-bottom:25px;  }
.f6 .f6Con .content img{ max-width: 100%; }
.footer{ background:#F4F8F9; padding:45px 0 30px; }
.footer .footerCon{ width: 1200px; margin:0px auto;   }
.footer .footerCon .nav{}
.footer .footerCon .nav .navItem{ width: 171px; float: left; text-align: center; }
.footer .footerCon .nav .navItem h3{ font-size: 17px; margin-bottom:15px; font-weight: bold; }
.footer .footerCon .nav .navItem a{ display: block; width: 100%; text-align: center; font-size: 14px; line-height: 26px; }
.footer .footerCon .bot{ border-top:1px solid #7F7F7F; margin-top:20px; padding-top: 20px; font-size: 14px; }
.footer .footerCon .bot .botL{ width: 980px; float: left;  line-height: 26px; }
.footer .footerCon .bot .botR{ width: 200px; float: right; text-align:right; }


.pageContent{width: 100%;}
.pageContainer{ width: 1200px; margin:0px auto;  }

.pageContainer{  width: 1200px; margin:0px auto 40px; }
.pageContainer .title{ text-align: center; font-size:38px; margin-top: 81px; }
.pageContainer .title .titleCn{  color: #000; margin-bottom:20px; }
.pageContainer .title .titleEn{ color: #dcdcdc;margin-bottom:20px; }
.pageContainer .desc{ font-size: 14px; color: #858585; line-height: 24px; text-align: center; margin-bottom:20px; }
.pageContainer .timeArea{ font-size: 14px; color: #858585; line-height: 24px; text-align: center; margin-bottom:20px; text-align: center; }
.pageContainer .timu{ text-align: center; font-size:24px; margin-top: 81px; margin-bottom:20px; }
.pageContainer .cate{ text-align: center;margin-bottom:40px;padding:15px 0; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; }
.pageContainer .cate a{ font-size: 16px; color: #888888; padding:0 30px;   }
.pageContainer .cate a:hover{ color: #E30000; }
.poster-main{ margin:0px auto; }
.productsList  .img{  width: 600px; height: 300px !important; overflow: hidden; margin:10px auto; text-align: center; }
.productsList  .img img{ max-width: 100%; min-height: 300px !important; }
.multipleImg{text-align: center;}
.pageContainer .font{  width: 1150px; overflow: hidden; font-size: 15px; line-height: 38px; color: #6b6b6b; margin:0px auto; }
.pageContainer .font p > img{ max-width: 100%; }
.pageContent .pageContainer .img{ height: auto ; text-align: center; margin-bottom:15px;}
.pageContent .pageContainer .img img{ min-height:auto; max-width:800px; }
.pageBread{ background: #F4F4F4; }
.pageBread .pageBreadCon{ width: 1200px; margin:0px auto;     

    background: #f4f4f4;
    padding: 27px 0 27px; } 
.productsList{  }
.productsList .item{  }
.productsList .item{ float: left; width: 390px; overflow: hidden; margin:10px 0 0 10px;}
.productsList .item .img{ width: 100%; }
.productsList .item .img img{ width: 100%; }
.productsList .item .biaoti{ font-size: 22px; color: #000; text-align: center; height: 46px; line-height: 46px; overflow: hidden; }
.productsList .item .summary{ font-size: 15px; color: #8b8b8b; line-height: 28px; padding:0 25px; text-align: center; }
.page{ padding:20px 0 60px; text-align: center; }
.page span ,.page a{ font-size: 14px; background: none; border:1px solid #ccc; color: #000; padding:10px; line-height: 40px; margin:0px 2px; border-radius: 3px; overflow: hidden; }
.page .curren ,.page a:hover ,.page span:hover { background:#8F8533;  color: #fff; }

.successList{  }
.successList .content .item{ width: 582px; height: 385px; overflow: hidden; float: left; margin-left: 12px; margin-bottom: 10px; position: relative; overflow: hidden; }
.successList .content .item img{ width: 100%; height: 385px; }
.successList .content .item .hoverState{ opacity:0;
    filter: alpha(opacity=0);
    position: absolute; width: 100%; top: 0; background:rgba(0,0,0,.7); height: inherit; text-align: center; padding-top:104px;  }
.successList .content .item .hoverState .tit{ text-align: center; font-size: 30px; color: #fff; }
.successList .content .item .hoverState .line{ width: 82px; height: 2px; margin:20px auto; background: #BBB68E; } 
.successList .content .item .hoverState .tit2{ font-size: 18px; line-height: 30px; color: #fff; width: 450px; margin:0px auto; }
.successList .content .item .hoverState .more{ width: 135px; height: 37px; line-height: 37px; background: #A09A6B; color: #fff; display: block; margin:10px auto 0; font-size: 17px; }
.successList .content .item:hover .hoverState{ 
	opacity: 1;
	-webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
	 }


.path {
    color: #6f6f6f;
    font-size: 18px;
    line-height: 46px;
}
.fl {
    float: left;
}
.path img {
    vertical-align: middle;
    margin-right: 14px;
}
.path span {
    color: #955923;
}
.fr {
    float: right;
}
.clearfix::after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}
.m_type a {
    background: #ffbc20;
    height: 42px;
    padding: 0 28px;
    margin-left: 23px;
    line-height: 42px;
    display: inline-block;
    color: #fff;
    font-size: 18px;
}

.pageContainer .desc{ text-align: left; }