/*
    ** @author: zhangwenming
    ** data: 2019-02-23
    ** description  德澜仕官方网站  产品展示模块专用样式
*/

/*begin! 顶部宣传图片部分样式*/


/*begin! 产品展示模块样式*/
.slideTxtBox{
    width: 100%;
    text-align: left;
    margin: 0 auto;
}
.slideTxtBox .hd{
    width: 1200px;
    margin: 0 auto;
    background: #fff;
    padding: 30px 0 13px;
    position: relative;
    font-size: 14px;
}
.slideTxtBox .hd ul{
    float: left;
    left: 75px;
}
.slideTxtBox .hd ul li{
    float: left;
    padding: 8px 16px;
    cursor: pointer;
    color: #636363;
    font-size: 14px;
    margin: 0 4px;
}
.slideTxtBox .hd ul li.on{
    background-color: #03343f;
    color: #fff;
}
.slideTxtBox .hd ul li:hover{
    color: #000;
    font-weight: bolder;
}
.slideTxtBox .hd ul li.on:hover{
    color: #fff;
    font-weight: normal;
}
.slideTxtBox .bd{
    margin-bottom: 40px;
}
.slideTxtBox .bd ul{
    zoom:1;
}
.slideTxtBox .bd li{

}
.slideTxtBox .bd li .date{ float:right; color:#999;  }

.product-wrap{

}
/*begin! 产品详情页 */
.padding-top0{
    padding-top: 0;
}
.item-wrap{
    width: 100%;
    height: 636px;
}
.item-wrap img{
    width: 100%;
    height: 100%;
}
.item-wrap~.item-wrap{
    margin-top: 30px;
}
.product-detail-wrap{
    width: 1200px;
    margin: 0 auto;
}


     /*begin! 产品展示详情 模板3-1*/
 .temp3-1{
     height: 176px;
     line-height: 176px;
     text-align: center;
     font-size:60px;
     font-family:SimHei;
     font-weight:400;
     color:rgba(51,51,51,1);
 }
.temptop-1{
    width: 100%;
    height: 636px;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
.temptop-r{
    position: absolute;
    width: 530px;
    height: 100%;
    left: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.temptop-rtit{
    width: 100%;
    text-align:left;
    font-size:60px;
    font-family:SimHei;
    font-weight:400;
    color:rgba(255,255,255,1);
}
.temptr-topnum{
    border:6px solid rgba(255,255,255,1);
    padding: 14px 18px;
    border-radius:5px;
    font-size:60px;
    font-family:SimHei;
    font-weight:bold;
    color:rgba(255,255,255,1);
    margin: 38px 0 58px;
}
.temptr-toptxt{
    width: 100%;
    text-align:left;
    font-size:28px;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:42px;
}
.content-tit{
    width: 100%;
    text-align:center;
    font-size:48px;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    margin: 70px 0 30px;
}
.content-an{
    width: 100%;
    text-align: center;
    font-size:24px;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
}
.icontxt-items{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 40px 0;
}
.items-icontext{
    width: 150px;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
}
.items-icontext img{
    width:100px;
    height:100px;
    margin-bottom: 18px;
}
.items-bttxt{
    width: 100%;
    font-size:20px;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
}
.tempt1-mid{
    width: 100%;
    height: 660px;
    background-repeat: no-repeat;
    background-position: center;
}
.content-position{
    width: 1200px;
    margin: 0 auto;
    height: 100%;
}
.content-fr{
    width: 422px;
    height: 100%;
    float: right;
    padding: 130px 0;
}
.cfr-tit{
    width: 100%;
    text-align:left;
    font-size: 48px;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(0,42,39,1);
    margin-bottom: 36px;
}
.cfr-txt{
    width: 100%;
    text-align:left;
    font-size:24px;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(0,42,39,1);
    line-height:36px;
}
.content-fl{
    float: left;
    width: 550px;
    padding: 125px 0;
}
.cfl-tit{
    text-align: left;
    margin-bottom: 36px;
    font-size:48px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(68,45,0,1);
}
.cfl-txt{
    width: 75%;
    text-align: left;
    font-size:30px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(68,45,0,1);
    line-height:45px;
}
.content-fr6{
    width: 600px;
    height: 100%;
    float: right;
    padding: 130px 0;
}
.cfr6-tit{
    width: 100%;
    text-align: left;
    font-size:48px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(74,0,8,1);
    margin-bottom: 36px;
}
.cfr6-txt{
    text-align: left;
    font-size:30px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(74,0,8,1);
    line-height:45px;
}
.cfr6-bignum{
    text-align: left;
    font-size:200px;
    font-family:PingFang-SC-Regular;
    font-weight:400;
    color:rgba(3,52,63,1);
}
.matts-wrap{
    width: 100%;
    height: 900px;
    background:rgba(186,220,206,1);
}
.matts-inner{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
.matts-items{
    width: 50%;
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 80px 0 80px 66px;
    position: relative;
}
.matts-items img{
    width: 100%;
    /*height: 100%;*/
    height: 450px;
}
.matts-tit{
    width: 100%;
    font-size:48px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(0,49,29,1);
    line-height:72px;
    margin-bottom: 56px;
}
.matts-txt{
    width: 100%;
    font-size:24px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(0,49,29,1);
    line-height:36px;
}
.matts-items.items-imgl{
    padding: 0;
}
.matts-items.items-txtr .matts-tit,.matts-items.items-txtr .matts-txt{
    text-align: left;
}
.matts-items.items-txtl{
    padding: 80px 66px 80px 0;
}
.matts-items.items-txtl .matts-tit,.matts-items.items-txtl .matts-txt{
    text-align: right;
}
.txtr-before{
    position: absolute;
    height: 50px;
    width: 34px;
    top: 50%;
    left: 5px;
    margin-top: -25px;
}
.txtl-before{
    position: absolute;
    height: 50px;
    width: 34px;
    top: 50%;
    right: 5px;
    margin-top: -25px;
}
.txtr-before img,.txtl-before img{
    height: 100%;
    width: 100%;
}
/*begin! 表格样式*/
.product-tabwrap{
    width: 1200px;
    margin: 100px auto 0;
}
.tab-row{
    width: 100%;
    display: flex;
    align-items: stretch;
}
.row-l{
    width: 30.8%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
}
.row-ltit{
    font-size: 32px;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(18,18,18,1);
    /*height: 100%;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;*/
}
.row-r{
    width: 69.2%;
    border: 1px solid #ddd;
    border-right: none;
    padding: 48px 70px 48px 100px;
}
.row-rtxt{
    font-size:20px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(102,102,102,1);
    line-height:80px;
    text-align: left;
}
.row-rul{
    width: 660px;
}
.row-rli{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}
.row-rli div{
  font-size:20px;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(102,102,102,1);
  padding: 26px 26px 26px 0;
  text-align: left;
}
.row-rli div:first-child{
  width: 41%;
  text-align: left;
}
.row-rli div:nth-child(2){
  width: 37%;
  text-align: left;
}
.row-rli div:nth-child(3){
  width: 22%;
  text-align: left;
}
.row-rli~.row-rli{
    border-top: 1px solid #ddd;
}
/*end! 产品展示详情 模板3-1*/

/*start! 产品展示详情 模板3-3*/
.product-template-wrap{
    width: 1200px;
    height: 936px;
}
.template-fll{
    width: 50%;
    height: 100%;
    float: left;
    padding-right: 156px;
}
.left-text{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.templete3-tit{
    margin-bottom: 35px;
}
.templete3-tit-txt{
    font-size:48px;
    font-family:SimHei;
    font-weight:400;
    color:rgba(3,52,63,1);
}
.templete3-tit-num{
    font-size:36px;
    font-family:SimHei;
    font-weight:400;
    color:rgba(255,255,255,1);
    background:rgba(3,52,63,1);
    border-radius:5px;
    padding: 8px 16px;
    margin-left: 20px;
}
.temptlate3-textdes{
    font-size:24px;
    font-family:SimHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:36px;
    margin-bottom: 54px;
}
.templete3-imgdiv{
    margin-bottom: 104px;
}
.imgdiv-item{
    float: left;
}
.imgdiv-item~.imgdiv-item{
    margin-left: 40px;
}
.imgdiv-item img{
    width:200px;
    height:200px;
    margin-bottom: 18px;
}
.imgdiv-itemtit{
    font-size:20px;
    font-family:SimHei;
    font-weight:400;
    color:rgba(51,51,51,1);
}
.templete3-foot{
    font-size:20px;
    font-family:SimHei;
    font-weight:400;
    color:rgba(51,51,51,1);
}
.advantage-wrap{
    width: 100%;
    background:rgba(248,246,243,1);
}
.advantage-wrap{
    padding: 80px 70px;
}
.advantage-items{
    float: left;
    margin-right: 92px;
    margin-top: 80px;
    width: 196px;
}
.advantage-items:nth-child(4n){
    margin-right: 0;
}
.advantage-items:nth-child(1),.advantage-items:nth-child(2),.advantage-items:nth-child(3),.advantage-items:nth-child(4){
    margin-top: 0;}
.advantage-items img{
    width:120px;
    height:120px;
}
.advanyage-txt{
    font-size:24px;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(156,140,122,1);
    margin-top: 20px;
}
.part-wrap{
    position: relative;
    height: 640px;
    width: 100%;
    margin: 80px 0;
}
.part-img{
    position:absolute;
    left: 0;
    width:960px;
    height:640px;
}
.part-detwrap{
    position: absolute;
    right: 0;
    top: 50%;
    margin-top:-234px;
    width:350px;
    height:468px;
    background:rgba(248,246,243,1);
    opacity:0.8;
    border-radius:10px;
    padding: 58px 38px;
}
.part-dettit{
    font-size:42px;
    font-family:SimHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:63px;
    text-align: left;
    margin-bottom: 50px;
}
.part-dettxt{
    text-align: left;
    font-size:20px;
    font-family:SimHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:30px;
}
.botimg-wrap{
    width:1200px;
    height:800px;
    padding: 80px 0;
}
.botimg-tit{
    font-size:48px;
    font-family:SimHei;
    font-weight:400;
    color:rgba(3,52,63,1);
    margin: 0 0 30px;
}
.botimg-tet{
    margin-bottom: 36px;
}
.botimg-tet p{
    font-size:20px;
    font-family:SimHei;
    font-weight:400;
    color:rgba(3,52,63,1);
    line-height:30px;
}
.imgtxt-wrap{
    display: flex;
    justify-content: center;
}
.imgtxt-items{
    width: 176px;
}
.imgtxt-items img{
    width:88px;
    height:88px;
    margin-bottom: 16px;
}
.imgtxt-des{
    font-size:24px;
    font-family:SimHei;
    font-weight:400;
    color:rgba(3,52,63,1);
}
.fr-wrap{
    width:1200px;
    height:800px;
}
.fr-main{
    width: 664px;
    height: 100%;
    padding-right: 68px;
    float: right;
}
.fr-maininner{
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.inner-items~.inner-items{
    margin-top: 126px;
}
.inner-tit{
    font-size:48px;
    font-family:SimHei;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:72px;
    text-align: left;
}
.inner-txt{
    font-size:20px;
    font-family:SimHei;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:30px;
    text-align: left;
}
.fl-wrapone{
    width:1200px;
    height:800px;
}
.fl-main{
    width: 440px;
    height: 100%;
    float: left;
}
.main-inner{
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.inner-items{
    padding: 0 60px;
}
.inner-titw{
    font-size: 48px;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(43,46,0,1);
    line-height: 72px;
    margin-bottom: 50px;
    text-align: left;
}
.inner-txtw{
    font-size: 20px;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(43,46,0,1);
    line-height: 30px;
    text-align: left;
}
.fr-mainb{
    width: 386px;
    height: 100%;
    float: right;
}
.inner-itemsb{
    padding-right:56px;
}
.inner-titb{
    font-size: 48px;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(0,24,56,1);
    line-height: 72px;
    margin-bottom: 56px;
    text-align: left;
}
.inner-txtb{
    font-size: 20px;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(0,24,56,1);
    line-height: 30px;
    text-align: left;
}
/*end! 产品展示详情 模板3-3*/