﻿@charset "utf-8";
/* CSS Document */

.left{float: left;}
.right{float: right;}
.mt{margin-top: 10px;}
.mr{margin-right: 10px;}
.mb{margin-bottom: 10px;}
.ml{margin-left: 10px;}
.pt{padding-top: 10px;}
.pt2{padding-top:20px;}
.pt3{padding-top:30px;}
.pt4{padding-top:40px;}
.pt5{padding-top:50px;}
.pt6{padding-top:60px;}
.pr{padding-right: 10px;}
.pb{padding-bottom: 10px;}
.pb2{padding-bottom: 20px;}
.pb3{padding-bottom: 30px;}
.pb4{padding-bottom: 40px;}
.pb5{padding-bottom: 50px;}
.pb6{padding-bottom: 60px;}
.pl{padding-left: 10px;}
.wp{margin: 0px auto;width: 1200px;}
.cls{font-size: 0px;height: 0px;line-height: 0px;clear: both;}

.w1200 {width:1200px; margin: 0 auto;}
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }

.pg-banner{max-width:1920px; margin:0px auto; height:300px;}

/*=位置=*/
.pagetarget  {padding:20px 0;  background: #fae8ca; color:#333333; font-size:14px;     border-bottom: solid 1px #bfaf93;}
.container-target.fl a{ color:#333;}
.container-target.fl i { font-family:"宋体"; font-size: 12px; color:#404040; font-weight: bold; font-style: initial; padding:0px 5px; padding-left:8px;}
.pagetarget .pagetarget-info {animation-fill-mode:none;}
.pagetarget .container-target {line-height:36px;}
.pagetarget  .fa-angle-right { padding: 0 10px;}
.pagetarget .cate ul .citem {float:left; margin: 0 5px;text-align: center; position: relative; }
.pagetarget .cate ul .citem>a { display: inline-block; line-height: 36px; padding: 0 20px;color:#978d7d;  }
.pagetarget .cate ul .citem>a::after { position: absolute;  content: "/"; text-align: left; margin-left: 20px; color: #bbaf99;}
.pagetarget .cate ul .citem a.active{ color:#333;}
.pagetarget .cate ul .citem a:hover{ color:#333;}
.pagetarget .cate-sub { position: absolute; top:36px; left:0; opacity: 0; background: #fff;  box-shadow: 0 5px 20px 5px rgba(0,0,0,.05);  width:100px; z-index: 99;   transition: all .3s ease-out 0s;}
.pagetarget .cate ul .citem:hover .cate-sub {opacity: 1; }
.pagetarget .cate-sub li a {  padding: 10px 20px; line-height: 20px; display: block; font-size: 12px; color: #666; transition: all .36s ease;}
.pagetarget .cate-sub li a:hover {color: #fff; background-color: #666;}

/*=关于我们=*/
.pg-main { background:#fae8ca; width:100%;}
.pg-about p{ line-height:28px; font-size:14px; color:#333333; }
.pg-about p img{ max-width:1200px;}

/*=新闻列表=*/
.cnewslist .newstitem { width: 100%; padding-bottom:30px;  position: relative;}
.cnewslist .newstitem a.newscontent {height:100%; display: block;}
.cnewslist .newstitem .newsimg { display: block; width: 240px; height: 150px; overflow: hidden;}
.cnewslist .newstitem .newsimg img {width:100%;  transition: all 0.36s ease;}
.cnewslist .newstitem:hover .newsimg img {transform: scale(1.08);}
.cnewslist .newstitem .newsbody {  width: 740px; position:relative; padding-left:40px;  transition: 0.36s ease; padding-top:20px;}
.cnewslist .newstitem:hover .newsbody { padding-left:50px;}
.cnewslist .newstitem .newsbody p.title {font-size:16px; color:#333333; font-weight:bold; }
.cnewslist .newstitem .newsbody p.description { font-size:14px; color:#666; width: 100%;  height: 50px; overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis;}
.cnewslist .newstitem .newsbody p.date {color: #666666; margin:10px 0;}
.cnewslist .newstitem:last-child { border:none;}
.cnewslist .newstitem .details {position: absolute; bottom: 60px; right: 0;  font-size: 12px;  width: 120px; height: 40px; line-height: 40px;  border-radius: 40px; border: 1px solid rgba(0,0,0,.1);   text-align: center;  color: #929292; transition: 0.36s ease;}
.cnewslist .newstitem .details span { padding-left:20px; transition: 0.36s ease; }

.cnewslist .newstitem:hover .details span { padding-left:0; color:#edddc1; }
.cnewslist .newstitem .details i {  font-size: 16px; font-family:"宋体"; font-style:initial; color:#edddc1; font-weight:bold; line-height: 32px; vertical-align: -1px;  position: relative;  opacity: 0;  left: -20px; padding-left: 10px; transition: 0.36s ease;}
.cnewslist .newstitem:hover .details i { left: 0;opacity: 1; }
.cnewslist .newstitem .details::after {content: ''; z-index: -1; position: absolute; height: 100%;  width: 0; left: 0;  top: 0;opacity: 0; background: #000;  border-radius: 40px;  transition: all .36s ease;}
.cnewslist .newstitem:hover .details::after {  opacity: 1; width: 100%; color:#fff; }
.cnewslist .newstitem:hover .details.fr{background:#2d180f;}

/*===== 新闻详细 ===*/
.pg-deta-head{text-align:center;}
.pg-deta-head h1{font-size:24px; font-weight:normal; line-height:24px;}
.pg-deta-head p span{padding:0px 5px; color:#666;}
.pg-deta-text p{text-indent:2em; color:#333333; line-height:28px;}
.pdh-t2{ height:40px; line-height:40px; background-color:#e8d7bc;}
.pdh-t2 i{ font-style:initial;}


/*=产品列表=*/
.content-list.clearfix{ width:1230px; margin-left:-30px; }
.cprolist .projectitem { width: 277px; float: left; margin-left:30px;   position: relative;  margin-bottom:100px;  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

.cprolist .projectitem .project-img { width: 277px;  height: 277px; overflow: hidden;}
.cprolist .projectitem .project-img img {width:100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.cprolist .projectitem a {display:block;}
.cprolist .projectitem a:hover img { transform: scale(1.2, 1.2);}
.cprolist .projectitem a .project-info { width: 100%; height: 100%;  background: rgba(0, 0, 0, 0);  position: absolute;  left: 0; top: 0;  transition: all ease-out .3s;}
.cprolist .projectitem a:hover .project-info { background: rgba(0,0,0,.5); }
.cprolist .projectitem a .project-info div { top: 100%; position: relative;}
.cprolist .projectitem a .project-info p.title { font-size:16px; margin-top:10px; color:#333333; font-weight:bold; width:98%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.cprolist .projectitem a .project-info p.subtitle { color:#666; line-height: 160%; font-size:14px; }


/*=产品详情=*/
.ppd-ban{ width:500px; height:500px;}
.ppl-tit h1{font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333333;padding: 5px 0px;}
.ppl-tit p{color: #666;font-size: 12px;}
.ppd-tit-summary{background-color: #ebdabe;padding: 20px;padding-bottom: 0px;margin-top: 20px;}
.ppd-tit-summary p{padding-bottom: 15px;line-height: 200%;font-size: 14px;text-indent: 2em;}
.ppd-tit-w{ width:660px;}
.ppd-tit h1{font-size: 16px;color: #333333;}
.ppd-tit p{color: #666666;padding-top: 5px;}
.ppd-tit { border-bottom: solid 1px #bfaf93;}

.ppd-text-head{height: 40px;line-height: 40px;background-color: #ebdabe;margin-top: 40px;}
.ppd-text-head span{display: inline-block;padding: 0px 38px;line-height: 40px; text-align:center;  background-color: #27140d;color: #fae8ca; font-size:16px; }
.ppd-text-main p{line-height: 200%;font-size: 14px;color: #333333;}
.ppd-text-main p img{max-width: 1200px;}

/*产品轮播*/
.slideBox{ width:500px; height:500px; overflow:hidden; position:relative;  }
.slideBox .hd{ height:20px; overflow:hidden; position:absolute; left:0; right:0; bottom:5px; z-index:1; width:100%; }
.slideBox .hd ul{ overflow:hidden; zoom:1; text-align:center;  }
.slideBox .hd ul li{ display: inline-block; margin:0px 2px;  width:8px; height:8px; line-height:10px; border-radius:15px; text-align:center; background-color:transparent; border:solid 1px #27140d; cursor:pointer; }
.slideBox .hd ul li.on{  color:#fff; background-color:#27140d; border:solid 1px #27140d; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:500px; height:500px; display:block;  }

/*== 分页 ==*/
.paginator{text-align: center; height: 34px;}
.paginator a{font-size: 14px; padding: 4px 10px; border: solid 1px #e0d1b6; margin: 0px 6px; display: inline-block; background-color: #e0d1b6; color:#666; margin: 0;}
.paginator a:hover{color: #fff; border: solid 1px #2d180f; background-color: #2d180f;}
.paginator .cpb{border: solid 1px #333; background-color: #2d180f; padding:4px 10px; font-size: 14px; color: #fff; display: inline-block;}
.tips{padding-top:20px; padding-bottom: 30px; color:#666;}
.pg.ix-news-list{min-height:300px;}

/*==下一页==*/
.previous_next{ width:1220px; margin-left:-20px; color:#666;}
.previous_next p{background:#ebdabe; padding:15px 15px; margin-top:15px; font-size:14px; width:560px; float:left;} 
.previous_next p span{vertical-align: top; display: inline-block; padding-right:5px;} 
.previous_next p a{color:#666666; display: inline-block; width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} 