﻿@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; text-decoration:none; list-style-type:none; font-family:"微软雅黑"; font-size:14px; border:0; outline:none; color:#333333; }
input[type=button], input[type=submit], input[type=file], button {
cursor: pointer;
-webkit-appearance: none;
}



/*头部*/
.top{width:1400px; margin: 0 auto; overflow: hidden;}
.top h1{width:auto; float: left;}
.top ul{width:auto; float: right;}
.top ul li{width: auto; float: left; padding: 0 20px; line-height: 92px;}
.top ul li a{color:#333; font-size: 20px;}
.top ul .hit{background:#c00109;}
.top ul .hit a{color:#fff;}
@media only screen and (max-width:800px) {
	.top{width:100%; display: flex; bottom:0; left: 0; height: 40px;}
	.top h1{ display: none;}
	.top ul{width:100%;}
	.top ul li{width: 16.6%; float: left; padding: 0; line-height: 40px; text-align: center;}
	.top ul li a{font-size: 12px;}
	.top ul .hit{background:none;}
}

/*导航*/
.wrap h1{width:auto; float: left;}
@media only screen and (max-width:800px) {
	.nav h1{width:auto; position: absolute; left: 10px ;top:8px;}
	.nav h1 img{ height: 30px;}
}


/*banner*/
.banner{width:100%; float: left; margin: 0 auto; min-width: 1400px; overflow: hidden;}
.banner img{width:100%; float: left;}
@media only screen and (max-width:800px) {
	.banner{width:100%; min-width:inherit;}
}
/*huawen*/
.huawen{width:100%; float: left; margin: 0 auto; min-width: 1400px; overflow: hidden; background: url("../images/bg.png") repeat-x; background-size: auto 100px;height: 100px;}
@media only screen and (max-width:800px) {
	.huawen{ min-width:inherit;background-size: auto 70px;height: 70px;}
}
/*关于我们*/
.guanyu{width:1400px; margin: 80px auto; overflow: hidden;}
.guanyu img{width:555px; height: 322px; float: left;}
.guanyu .right{width:800px; float: right;}
.guanyu .right h2{width:100%; float: left;color:#5d493f; font-size: 40px; font-weight: 400;}
.guanyu .right p{width:100%; float: left; font-size: 16px;color:#5d493f; line-height: 40px; margin: 0 0 15px 0;}
@media only screen and (max-width:800px) {
	.guanyu{width:100%; margin:40px auto; }
	.guanyu img{width:80%; height: auto; margin: 0 10%;}
	.guanyu .right{width:90%; margin: 0 5%;}
	.guanyu .right h2{font-size: 20px; margin: 10px 0 5px 0;}
	.guanyu .right p{ font-size: 14px; line-height: 25px; margin: 0 0 5px 0;}
}
/*资讯中心*/
.zixun{width:1400px; margin: 0 auto; overflow: hidden;}
.zixun h2{width:100%; float: left;color:#5d493f; font-size: 40px; font-weight: 400; margin: 0 0 20px 0;}
.zixun ul{width:100%; float: left;}
.zixun ul li{width:430px; height: auto; float: left; overflow: hidden; margin: 0 55px 0 0;}
.zixun ul li img{width:430px; height: 250px; float: left; margin: 0 0 10px 0;}
.zixun ul li h4{width:100%; float: left;}
.zixun ul li h4 a{font-size:18px;color:#333333; font-weight: 400;}
.zixun ul li span{font-size:16px;color:#5d493f; font-weight: 400;}
.zixun ul li p{font-size:16px;color:#5d493f; font-weight: 400; margin: 10px 0 20px 0;}
.zixun ul li a{font-size:25px;color:#5d493f; font-weight: 400; float: right;}
.zixun ul li:last-child{margin:0 0 0 0;}
@media only screen and (max-width:800px) {
	.zixun{width:90%; margin: 0 5%;}
	.zixun h2{font-size: 20px; margin: 0 0 10px 0;}
	.zixun ul li{width:100%;margin: 0 ;}
	.zixun ul li img{width:100%; height: auto;}
	.zixun ul li h4 a{font-size:14px;}
	.zixun ul li span{font-size:12px;}
	.zixun ul li p{font-size:12px; margin: 5px 0 10px 0;}
	.zixun ul li a{font-size:12px;}
}
/*产品中心*/

    .swiper-container {
      width: 100%;
      height: 100%; margin: 0 0 50px 0;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      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;
	  transition: 300ms;
	  transform: scale(0.8); 
    }
	.swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1);
	}
.swiper-slide img{ margin:0 0 50px 0;}
.swiper-slide p{width:100%; position: absolute; left: 0; right:0; bottom: 10px; text-align: center; font-size: 20px; line-height: 30px; height: 60px;}

@media only screen and (max-width:800px) {
	.swiper-slide img{ margin:0 0 50px 0; width: 100%;}
	.swiper-slide p{font-size: 14px; display: none;}

}
/*底部*/
.z1{width:100%; margin: 0 auto; background: #a39070;}
.foot{width:1400px; margin: 0 auto; overflow: hidden;}
.foot .weixin{width:190px; height:  auto; float: left; margin: 100px 0 0 0;}
.foot .weixin img{width:190px; height: 190px; float: left;}
.foot .weixin p{width:100%; float: left; text-align: center;color:#c00109; font-weight: bold; margin: 10px 0 0 0;}
.foot ul{width:500px; float: left; margin: 55px 0 0 60px;}
.foot ul p{width:100%; float: left;color:#fff; font-size: 30px; font-weight: 400; margin: 0 0 30px 0;}
.foot ul li{width:100%; float: left; line-height: 50px;color:#fff; font-size: 16px; font-weight: 400;}
.foot ul li a{color:#fff; font-size: 16px; font-weight: 400;}
.foot .you{ float:right;}
.foot .bottom{width:100%; float: left; border-top: 1px solid #96785e; margin: 10px 0 30px 0; text-align: center; padding: 30px 0 0 0;}
.foot .bottom p{width:100%;color:#dddddd; font-size: 14px; line-height: 27px;}
.foot .bottom p a{color:#dddddd;}
@media only screen and (max-width:800px) {
	.foot{width:90%; margin: 0 5%;}
	.foot .weixin{ display: none;}
	.foot ul{width:100%; margin: 20px 0 0 0;}
	.foot ul p{font-size: 18px;margin: 0 0 10px 0;}
	.foot ul li{ line-height: 25px; font-size: 12px;}
	.foot ul li a{ font-size: 14px; }
	.foot .bottom p{ font-size: 12px; line-height: 20px;}
	.foot .bottom p a{ font-size: 12px; line-height: 20px; color: #dddddd;}

}


/*产品列表*/
.chanpin{width:980px; margin: 0 auto; text-align: center; overflow: hidden;}
.chanpin h2{width:100%; float: left; background: url("../images/bg2.jpg") repeat-x 0 25px; background-size:auto 1px; line-height: 50px; margin: 100px 0 50px 0;}
.chanpin h2 span{ background:#fff; padding: 0 15px; font-size: 40px;color:#886c32;}
.chanpin .left{width:auto; float: left; font-size:20px; font-family:serif; margin: 10px 0 0 100px ;}
.chanpin .left span{ font-size: 30px; font-family:serif; line-height: 50px;}
.chanpin .right{width:600px; float: right;}
.chanpin .right ul{width:100%; float: left;}
.chanpin .right ul li{width:200px; float: left; line-height: 40px; font-size: 20px; text-align: left;} 
.chanpin img{width:700px; height: auto;}
@media only screen and (max-width:800px) {
	.chanpin{width:90%; margin: 0 5%;}
	.chanpin h2{ background: url("../images/bg2.jpg") repeat-x 0 25px; background-size:auto 1px; line-height: 50px; margin: 40px 0 10px 0;}
	.chanpin h2 span{ padding: 0 15px; font-size: 20px;}
	.chanpin .left{ display: none;}
	.chanpin .right{width:100%;}
	.chanpin .right ul li{width:50%; line-height: 25px; font-size: 14px; } 
	.chanpin img{width:80%; margin: 0 10%;}
}

/*当前位置*/
.weizhi{width:1400px; height: 50px; line-height: 50px; margin: 0 auto; overflow: hidden;}
@media only screen and (max-width:800px) {
	.weizhi{width:96%; margin: 10px 2% 0 2%; line-height: 30px; height: 30px;}
}
/*新闻列表*/
.newlb{width:1400px; height: auto; overflow: hidden; margin: 0 auto 100px auto;}
.newlb .lb{width:100%; float: left; border-bottom: 1px solid #dddddd; padding: 15px 0;}
.newlb .lb img{width:300px; height: 170px; float: left; margin: 0 30px 0 0;}
.newlb .lb h2{ float:left;width:1070px; font-size: 16px; line-height: 50px;}
.newlb .lb p{width:1070px; float: left; font-size: 14px; color: #666666;}
.newlb .lb .more{ font-size: 14px; color: #666666; line-height: 30px;}
@media only screen and (max-width:800px) {
	.newlb{width:96%; margin: 0 2%;}
	.newlb .lb{ padding:5px 0;}
	.newlb .lb img{width:100%; float: left; height: auto; margin: 0;}
	.newlb .lb h2{width:100%; float: left; font-size: 14px; line-height: 30px;}
	.newlb .lb p{display:none;}
	.newlb .lb .more{font-size:12px;}
}
/*分页*/
.fenye{width:1200px; margin: 0 auto; line-height: 50px; float: left; text-align: center;}
@media only screen and (max-width:800px) {
	.fenye{width:100%;}
	}


/*文章正文*/
.zhengwen{width:1200px; height: auto; overflow: hidden; margin: 0 auto 50px auto; text-indent: 2em; line-height: 35px;}
.zhengwen h1{width:100%; float: left; text-align: center; color: #000; font-size: 18px; font-weight: 400; margin: 50px 0 0 0 ; text-indent: inherit;}
.zhengwen .xinxi{width:100%; float: left; text-align: center; font-size: 12px; color: #666666; border-bottom: 1px solid #ddd; line-height: 50px; margin: 0 0 40px 0; text-indent: inherit;}
.zhengwen p{width:100%; float: left; text-indent: 2em; font-size: 14px; color: #000000; line-height: 35px;}
.zhengwen .fanye{width:100%; float: left; margin: 40px 0 60px 0 ;}
.zhengwen .fanye span{width:100%; float: left; line-height: 30px;}
.zhengwen p img{ width: 60%; height: auto; margin: 10px 20%; float: left;}
@media only screen and (max-width:800px) {
	.zhengwen{width:94%; margin: 0 3% 40px 3%;line-height:20px;}
	.zhengwen h1{font-size:16px; margin: 10px 0 10px 0; font-weight: bold;}
	.zhengwen .xinxi{line-height:30px; margin: 0 0 20px 0;}
	.zhengwen p{line-height:20px;}
	.zhengwen .fanye{ margin:20px 0 40px 0;}
	}




/*联系我们*/
.lianxi{width:1200px; margin: 0 auto; padding-bottom: 50px; overflow: hidden; }
.lianxi h2{width:100%; float: left; font-size: 30px; line-height: 50px; margin: 50px 0 30px 0; font-weight: 400;}
.lianxi ul{width:100%; float: left; border-bottom: 1px dashed #acacac;}
.lianxi ul li{width:1160px; float: left; padding: 0 0 0 35px; line-height: 40px; font-size: 18px; margin: 0 0 40px 0;}
.lianxi ul .tel{ background:url("../images/tel.png") no-repeat left 9px; background-size: 25px;}
.lianxi ul .email{ background:url("../images/email.png") no-repeat left 9px; background-size: 25px;}
.lianxi ul .add{ background:url("../images/add.png") no-repeat left 9px; background-size: 25px;}
@media screen and (max-device-width: 1024px) {
	.lianxi{width:90%; margin: 0 5%;}
	.lianxi h2{font-size:20px; margin: 20px 0 10px 0;}
	.lianxi ul li{width:100%; padding: 0; line-height: 30px; font-size: 14px; margin: 0 0 10px 0;}
	.lianxi ul .tel{ background:url("../images/tel.png") no-repeat left 9px; background-size: 25px;}
.lianxi ul .email{ background:url("../images/email.png") no-repeat left 9px; background-size: 25px;}
.lianxi ul .add{ background:url("../images/add.png") no-repeat left 9px; background-size: 25px;}
}








































