@charset "utf-8";

.more{padding: 0 0; line-height: 240%; background: #c00000;color: #fff;font-size: 1.3rem;display: inline-block;box-sizing: border-box;width:100%;text-align: center;}
.zx{padding: 0 50px; line-height: 45px;height: 45px; background: #454545;color: #fff;font-size: 16px;display: inline-block;box-sizing: border-box;}
/*about*/
.ddmtp_about{padding: 1rem 0 ;position: relative;}
.ddmtp_about .fl{width: 100%;}
.ddmtp_about .fr{width: 100%;}
.ddmtp_about .fl .tit{font-size: 1.8rem;color: #21a539;font-weight: bold;box-sizing: border-box;border-bottom: 1px solid #efefef}
.ddmtp_about .fl .tit span{color: #333;display: block;font-weight:normal;line-height: 180%;text-align: right;padding-right: 30px;font-size: 1.6rem;box-sizing: border-box;}
.ddmtp_about img{width: 100%}
.ddmtp_about p{text-indent: 30px; line-height: 240%;color: #666;font-size: 14px;}

.ddmtp_about_con{display: flex; flex-wrap: wrap;justify-content: space-between;margin-top: 20px;text-align: center;border-top: 1px solid #efefef;padding-top: 20px;}
.ddmtp_about_con dl{width: 20%;border-right: 1px solid #efefef;box-sizing: border-box;padding: 30px 0;}
.ddmtp_about_con dl:last-child{border-right: 0 }
.ddmtp_about_con dl dt{font-size: 60px;font-family: 'Impact';position: relative;}
.ddmtp_about_con dl dt span{width: 30px; height: 30px;background: #21a537;color: #fff;border-radius: 50%;position: absolute;display: inline-block; font-family:"Microsoft Yahei";font-size: 18px;line-height: 30px}
.ddmtp_about_con dl dd{color:#999999;font-size: 16px;line-height: 240%}
.ddmtp_about_con dl dt em{font-style: normal;color: #007ac3}
.ddmtp_about_con dl:nth-child(1){width: 18%}
.ddmtp_about_con dl:nth-child(2){width: 18%}
.ddmtp_about_con dl:nth-child(3){width: 20%}
.ddmtp_about_con dl:nth-child(4){width: 22%}
.ddmtp_about_con dl:nth-child(5){width: 20%}

/*产品分类*/
.ddmtp_product {padding: 0 0;position: relative;text-align: center;}
.ddmtp_product .tit{background: #007cbe;color: #fff;line-height: 240%;text-align: left;margin-bottom: 1rem;text-indent: 1rem;font-size: 1.4rem}
.ddmtp_product ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.ddmtp_product li{ width: 48%;margin-bottom: 1rem}
.ddmtp_product li img{width: 100%;padding: 0.5rem; border: 1px solid #efefef; box-sizing: border-box;}
.ddmtp_product li h3{font-size: 1.125rem; line-height: 180%;text-align: center;font-weight: normal;}
.ddmtp_product li a{font-size: 0}

/*ad*/
.ddmtp_ad {padding: 2rem 0;position: relative;text-align: center;background: url(../../images/ad.jpg) center;box-sizing: border-box;font-size: 1.6rem;}
.ddmtp_ad b{color: #1ca83d;font-size: 1.8rem}
.ddmtp_ad span{font-size: 2.4rem;color: #007ac2;font-weight: bold;display: block;line-height: 180%}
.ddmtp_ad .pho{background:url(../../images/pho2.png)no-repeat 15px 5px #007ac2;border-radius: 30px;display: inline-block;padding: 0 2rem;color: #fff;font-size: 16px}
.ddmtp_ad .pho i{font-size: 28px;font-family: 'Impact';font-style: normal;}

/*liyou*/
.ddmtp_liyou{padding: 1rem 0}
.liyou_01 .img{width: 100%;position: relative;box-sizing: border-box;}
.liyou_01 .img img{width: 100%;}
.liyou_02 .img{width: 100%;position: relative;box-sizing: border-box;}
.liyou_02 .img img{width: 100%;}

.liyou_01 .list{width: 100%;}
.liyou_01 .list dl{border-bottom: 1px solid #efefef}
.liyou_01 .list dl dt{width: 80px; height: 66px;background: url(../../images/ICO01.png);display: inline-block;float: left;font-family: 'Impact';font-size: 48px;color: #fff;text-align: left;padding-left: 10px;box-sizing: border-box;line-height: 66px;margin-bottom: 20px}
.liyou_01 .list dl dd:nth-child(2){font-size: 1.4rem;color: #333;line-height: 30px}
.liyou_01 .list dl dd:nth-child(3){color: #007ac2;font-weight: bold;font-size: 1.6rem;}
.liyou_02 .list{width: 100%;}
.liyou_02 .list dl{border-bottom: 1px solid #efefef}
.liyou_02 .list dl dt{width: 80px; height: 66px;background: url(../../images/ICO02.png);display: inline-block;float: left;font-family: 'Impact';font-size: 48px;color: #fff;text-align: left;padding-left: 10px;box-sizing: border-box;line-height: 66px;margin-bottom: 20px}
.liyou_02 .list dl dd:nth-child(2){font-size: 24px;color: #333;}
.liyou_02 .list dl dd:nth-child(3){color: #007ac2;font-weight: bold;font-size: 24px;}

.ddmtp_liyou ul{width: 95%;margin: 1rem auto 0}
.ddmtp_liyou ul li{position: relative;line-height: 300%;box-sizing: border-box;padding-left: 2rem}
.ddmtp_liyou ul li:before{content: '';position: absolute;background: url(../../images/ICO03.png);left: 0;top: 12px;width: 12px; height: 12px;}



/*why*/
.ddmtp_why{padding: 1rem 0 0;background: #c00000;border-bottom: 5px solid #efefef}
.ddmtp_why_01{padding: 1rem 0 ; width: 100%}
.ddmtp_why_01 img{border: 0.5rem solid #fff;box-sizing:  border-box;width: 100%}
.ddmtp_why_01 .fr,.ddmtp_why_01 .fl{width: 100%}
.ddmtp_why_01 .fr dl{margin-bottom: 1rem}
.ddmtp_why_01 .fr dl dt{font-size: 2rem;font-weight: bold;color: #fff;line-height: 240%;border-bottom: 1px solid #efefef;position: relative;margin-bottom: 0.5rem}
.ddmtp_why_01 .fr dl dt:before{content: '01';font-family: 'Impact';font-size: 4rem;padding-right: 0.5rem}
.ddmtp_why_01 .fr dl dt:after{content: '';width: 15rem; height: 3px;background: #fff;position: absolute;bottom: 0;left: 0}
.ddmtp_why_01 .fr dl dd{font-size: 1.2rem; line-height: 220%;color: #fff;padding-left: 2rem;position: relative;}
.ddmtp_why_01 .fr dl dd:before{content: '';width: 0;height: 0;border: 5px solid;border-color:transparent transparent transparent #fff;position: absolute;left:10px;top: 12px}
.ddmtp_why_01 .fr p{background: #fff;padding: 1rem;box-sizing: border-box;line-height: 180%;color: #666;font-size: 1.125rem}

.ddmtp_why_02{padding: 1rem 0 ; width: 100%;background: #fff}
.ddmtp_why_02 img{border: 0.5rem solid #efefef;box-sizing:  border-box;width: 100%}
.ddmtp_why_02 .fl,.ddmtp_why_02 .fl{width: 100%}
.ddmtp_why_02 .fl dl{margin-bottom: 1rem}
.ddmtp_why_02 .fl dl dt{font-size: 2rem;font-weight: bold;color: #333;line-height: 240%;border-bottom: 1px solid #efefef;position: relative;margin-bottom: 0.5rem}
.ddmtp_why_02 .fl dl dt:before{content: '02';font-family: 'Impact';font-size: 4rem;padding-right: 0.5rem}
.ddmtp_why_02 .fl dl dt:after{content: '';width: 15rem; height: 3px;background: #c00000;position: absolute;bottom: 0;left: 0}
.ddmtp_why_02 .fl dl dd{font-size: 1.2rem; line-height: 220%;color: #666;padding-left: 2rem;position: relative;}
.ddmtp_why_02 .fl dl dd:before{content: '';width: 0;height: 0;border: 5px solid;border-color:transparent transparent transparent #666;position: absolute;left:10px;top: 12px}
.ddmtp_why_02 .fl p{background: #f5f5f5;padding: 1rem;box-sizing: border-box;line-height: 180%;color: #666;font-size: 1.125rem}

.ddmtp_why_03{padding: 1rem 0 ; width: 100%;background: #fff}
.ddmtp_why_03 img{border: 0.5rem solid #efefef;box-sizing:  border-box;width: 100%}
.ddmtp_why_03 .fl,.ddmtp_why_03 .fl{width: 100%}
.ddmtp_why_03 .fr dl{margin-bottom: 1rem}
.ddmtp_why_03 .fr dl dt{font-size: 2rem;font-weight: bold;color: #333;line-height: 240%;border-bottom: 1px solid #efefef;position: relative;margin-bottom: 0.5rem}
.ddmtp_why_03 .fr dl dt:before{content: '03';font-family: 'Impact';font-size: 4rem;padding-right: 0.5rem}
.ddmtp_why_03 .fr dl dt:after{content: '';width: 15rem; height: 3px;background: #c00000;position: absolute;bottom: 0;left: 0}
.ddmtp_why_03 .fr dl dd{font-size: 1.2rem; line-height: 220%;color: #666;padding-left: 2rem;position: relative;}
.ddmtp_why_03 .fr dl dd:before{content: '';width: 0;height: 0;border: 5px solid;border-color:transparent transparent transparent #666;position: absolute;left:10px;top: 12px}
.ddmtp_why_03 .fr p{background: #f5f5f5;padding: 1rem;box-sizing: border-box;line-height: 180%;color: #666;font-size: 1.125rem}


.ddmtp_why_04{padding: 1rem 0 ; width: 100%;background: #fff}
.ddmtp_why_04 img{border: 0.5rem solid #efefef;box-sizing:  border-box;width: 100%}
.ddmtp_why_04 .fl,.ddmtp_why_04 .fl{width: 100%}
.ddmtp_why_04 .fl dl{margin-bottom: 1rem}
.ddmtp_why_04 .fl dl dt{font-size: 2rem;font-weight: bold;color: #333;line-height: 240%;border-bottom: 1px solid #efefef;position: relative;margin-bottom: 0.5rem}
.ddmtp_why_04 .fl dl dt:before{content: '04';font-family: 'Impact';font-size: 4rem;padding-right:  0.5rem}
.ddmtp_why_04 .fl dl dt:after{content: '';width: 15rem; height: 3px;background: #c00000;position: absolute;bottom: 0;left: 0}
.ddmtp_why_04 .fl dl dd{font-size: 1.2rem; line-height: 220%;color: #333333;padding-left: 2rem;position: relative;}
.ddmtp_why_04 .fl dl dd:before{content: '';width: 0;height: 0;border: 5px solid;border-color:transparent transparent transparent #999;position: absolute;left:10px;top: 12px}
.ddmtp_why_04 .fl p{box-sizing: border-box;line-height: 180%;color: #666;font-size: 1.6rem; color: #333;font-weight: bold;margin: 1rem auto}
.ddmtp_why_04 .fl p span{display: block;font-weight: normal;font-size: 1.2rem}



.ddmtp_cases {padding: 1rem 0;position: relative;text-align: center;}
.ddmtp_cases ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.ddmtp_cases li{ width: 48%;margin-bottom: 1rem}
.ddmtp_cases li img{width: 100%;padding: 0.5rem; border: 1px solid #efefef; box-sizing: border-box;}
.ddmtp_cases li h3{font-size: 1.125rem; line-height: 180%;text-align: center;font-weight: normal;}
.ddmtp_cases li a{font-size: 0}


.ddmtp_cases .bd{ padding:10px 0;   }
.ddmtp_cases .bd ul{ overflow:hidden; zoom:1; }
.ddmtp_cases .bd ul li{ margin:0 8px; float:left;overflow:hidden; text-align:center;width:285px; height:240px;text-align: center;position: relative;}
.ddmtp_cases .bd ul li .pic{ text-align:center;z-index: 1 ;}
.ddmtp_cases .bd ul li .pic img{ width:285px; height:240px; display:block; }
.ddmtp_cases .bd ul li .pic a:hover img{ border-color:#999;  }
.ddmtp_cases .bd ul li .title{ position: absolute;height: 35px;background: rgba(0,0,0,0.8);color: #fff;bottom: 0;width: 100%;z-index: 2; line-height: 35px}


/*新闻列表页*/
.ddmtp_news{border-top: 5px solid #efefef;padding-top: 1rem}
.ddmtp_list_news ul{}
.ddmtp_list_news li{ width: 100%;padding: 1rem 0; border-bottom: 1px solid #efefef }
.ddmtp_list_news li .left{ width: 35%;float: left}
.ddmtp_list_news li .left img{ width: 100%}
.ddmtp_list_news li .right{ width: 62%;float: left;padding-left: 3%; box-sizing: border-box;}
.ddmtp_list_news li .right h3{font-size: 1.4rem;color: #333; line-height: 160%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: bold;}
.ddmtp_list_news li .right p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; font-size: 1rem; color: #999;line-height: 160%}
