@charset "UTF-8";
body{font-size: 14px; font-family: "微软雅黑 Light"; margin: 0; padding: 0;}
a,p,span,dl,dt,ul,li,ol,i,b,div{ padding: 0; margin: 0;}
.clear{ clear: both;}
.w1200{ width: 1200px; margin: 0 auto;}
.fl{ float: left;}
.fr{ float: right;}

/** top **/
#top{ width: 100%; height: auto;}
.logo_nav{ height: 100px;}
.logo{width: 400px; height: 100px;}
.nav{ width: 760px; height: 100px; display: flex; justify-content: space-around; }
.nav li{ width: 100px; height: 50px; line-height: 50px; text-align: center; margin: 25px 0;}
.nav li a{ color: #000; font-size: 15px;}
.nav li a:hover{color: #582d1a;text-decoration: underline;}
#banner{width: 100%; height: auto;}
/*FOOT*/
#foot_bg{ width: 100%; height: 600px; background: #170b00;}
.bq_bg{ width: 100%; height: 60px;background: #0d0700; line-height: 60px;}
.bq{ text-align: center; font-size: 14px; color: rgb(204, 204, 204);}
.foot_lxwm{ color: #fff; width: 400px; height: auto; padding-top:100px;}
.foot_lxwm2{ color: #fff; width: 430px; height: auto; padding-top:100px;}
.foot_lxwm3{ color: #fff; width: 340px; height: auto; padding-top:100px;}
.ft_gsm{ font-size: 24px; color: #fff; padding-bottom: 35px; height: 70px; line-height: 70px;}
.ft_lmbt{ font-size: 18px; color: #fff; padding-bottom: 35px;height: 70px; line-height: 70px;}
.ft_lxfs{ font-size: 15px; line-height: 40px;}
.ft_nav{ width:100%; height: auto; display: flex;justify-content: left; flex-wrap: wrap; }
.ft_nav li{ width: 130px; height: 40px; line-height: 40px; }
.ft_nav li a{ color: #fff; font-size: 15px;}
.ft_wx{ width: 150px; height: auto; text-align: center; color: #999; font-size: 13px;}
.ft_wx p{ padding-top: 15px;}
.ft_ewm{ width: 150px; height: auto; text-align: center; color: #999; font-size: 13px;}
.ft_ewm p{ padding-top: 15px;}
/**产品中心**/
.index_pro{ width: 100%; height: auto; background: url("../images/pro_bg.png")no-repeat top center;}
.title{ width: 100%; text-align: center; height: 51px; padding: 35px 0;}
.pro_zs{ width: 100%; height: auto; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 15px 0; border-bottom: 1px solid #c2af9e;}
.pro_zs li{ width: 280px; height: auto; margin-bottom: 20px;}
.pro_img{ width: 280px; height: auto; text-align: center; margin: 0 auto;}
.pro_img img{ width: 280px; height: 210px;}
.pro_bt_more{ width: 260px; height: auto;  margin: 0 auto;}
.pro_bt{ text-align: center;color:#623001; height: 40px; line-height: 40px;  margin: 0 auto;}
.pro_bt a{color: #967d6d; font-size: 16px; font-weight: bold;}
.pro_xq{ font-size: 12px; color: #967d6d; text-align: center; line-height: 20px; padding: 10px 0; }
.pro_more{display: block; background: url("../images/pro_more1.png") no-repeat center center; width: 100%; height: 50px;background-size: 15%;}
.pro_zs li:hover{ background: #d0b194; color: #fff;}
.pro_zs li:hover a{ color: #fff;}
.pro_zs li:hover p{ color: #fff;}
.pro_zs li:hover .pro_more{  background: url("../images/pro_more2.png") no-repeat center center;background-size: 15%;}
.pro_xsrx{width: 850px; height: auto; margin: 0 auto; padding: 45px 0 65px 0; text-align: center; color: #333; line-height: 30px; font-size: 14px;}
.pro_xsrx p{display: flex;align-items: center; justify-content: center;text-align: center;padding: 15px 0;}
.pro_gdcp{ width: 120PX; height: 40px; line-height: 40px; text-align: center; display: block; margin: 40px auto 0 auto; border: 1px solid #dbc59e;}
.pro_gdcp:hover{ background:#ad947d; color: #fff; border: 1px solid #ad947d;}
/**走进天美**/
.index_zjtmbg{ width: 100%; height:900px; background: url("../images/zjtm_bg.png")no-repeat center center;}
.zjtm_zs{ width: 100%; height: auto; display: flex;justify-content: space-between; flex-wrap: wrap;}
.zjtm_zs li{ width: 390px; height: 289px; position: relative;}
.zjtm_img{ width:385px; height: 289px; }
.zjtm_img img{width:385px; height: 289px;}
.zjtm_bt_jttb{width:385px; height: 289px; display: none;}
.zjtm_zs li:hover .zjtm_bt_jttb{position: absolute;z-index: 99; margin-top: -289px; color: #fff;background: rgba(13,13,13,0.8); display: block;}
.zjtm_bt{ width: 100%; height: 50px; line-height: 50px;  text-align: center;padding-top: 90px;}
.zjtm_bt a{ color: #fff; font-size: 16px; font-weight: bold;}
.jttb{ width: 100%; height: 50px; background: url("../images/zjtm_jt.png") no-repeat center center;  display: block; background-size: 12%;}
/**天美优势**/
.index_tmys{width: 100%; height: 801px; padding: 45px 0; }
.ys_zs{width: 100%; height: auto;}
.ys01_03{width: 300px; height: auto;}
.ys01{ text-align: center;     margin-bottom: 80px; min-height: 235px;}
.ys01_img_bt{ text-align: center;}
.ys_bt{ font-weight: bold; font-size: 16px; padding: 25px;}
.ys_xq{color: rgb(176, 129, 84); text-align: center; line-height: 20px; font-size: 14px;}
.ys03{ text-align: center;}
.yszx_bg{ width: 547px; height: 488px;}
/**关于天美**/
.index_about{ width: 100%; height: 750px; background: url("../images/gytm_bg.png")no-repeat center center;}
.about_img{ padding-top: 55px;}
.about_nr_bt{ padding-top: 55px; width: 500px;}
.about_bt{     font-size: 26px;color: rgb(51, 51, 51); }
.about_nr{    font-size: 14px;color: rgb(153, 153, 153); line-height: 25px; padding-top: 20px;}
/**新闻动态**/
.news_zs1{ width: 100%; height: auto; display: flex; justify-content: space-between;flex-wrap: wrap; padding: 35px 0;}
.news_zs1 li{ width: calc(32% - 40px);margin-bottom: 20px;padding: 20px;transition: 0.5s;}
.news_zs1 li:hover{box-shadow: 0 0 10px #ccc;transform: translateY(-5px);}
.news_img img {width: 280px; height: 235px;}
.news_time_bt_xq{}
.news_time{color: #999; font-size: 25px; font-weight: bold;}
.news_bt{ padding: 15px 0;}
.news_bt a{ font-size: 18px; color: #333;}
.news_xq{ color: #666; font-size: 15px; line-height: 25px;}

/**荣誉资质 **/
.al_img{ width: 280px; height: 375px; display: block;}
.al_img img{ max-width: 100%; height: auto;}
.hzal_bt{ width: 260px; height:  355px; background: #d0b194; opacity: 0.8; margin: 0 auto; display: none;}
.al_bt{ padding-top: 50%; }
.al_bt a{ display: block; width: 90%; height: 45px; line-height: 45px; text-align: center; margin: 0 auto;  font-size: 16px; color: #fff;}
.al_bt a:hover{ color: #fff;}
.al_xhx{ width: 80px; height: 3px; background: #fff; border: none;}
.swiper-slide:hover .hzal_bt{  position: absolute; margin-top:  -365px ; display: block; margin-left:10px;}
.swiper-container2 {margin: 60px 0;}
.al_gd{ width: 180px; height: 40px; line-height: 40px; text-align: center;  color: #666; display: block; margin: 30px auto;border: 1px solid #dbc59e;}
.al_gd:hover{background:#ad947d; color: #fff; border: 1px solid #ad947d;}