/* 
    Created on : 2019-5-23, 9:03:06
    Author     : PC端页面样式--店铺运营
*/
.df{display: flex;align-items: center;}
.md-title{font-size: 40px;font-weight: bold;letter-spacing: 4px;text-align: center;}
.md-title u{color: #ff6a00;}

.banner_txt{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 300px;height: 180px;display: flex;flex-direction: column;justify-content: space-around;align-items: center;}
.banner_txt span,.banner_txt h1{display: block;color: #fff;}
.banner_txt .banner_txt_1{font-size: 60px;font-weight: bold;letter-spacing: 3px;}
.banner_txt .banner_txt_2{width: 70px;height: 3px;background-color: #fff;}
.banner_txt .banner_txt_3{font-size: 26px;letter-spacing: 3px;}

.md1-pic{width: 91.33%;margin: 30px auto 0;}
.md2_cons{display: flex;justify-content: space-around;align-items: center;padding: 10px 50px;border-bottom: 1px solid #666;}
.md2_pic{width: 340px;}
.md2_nums {
   width: 70px;
   height: 125px;
   background-color: #ff6a00;
   font-size: 40px;
   color: #fff;
   font-weight: bold;
   padding-top: 6px;
   text-align: center;
   margin-right: 30px;
}
.md2_nums i{display: block;width: 30%;height: 2px;background-color: #fff;margin: 0 auto 5px;}
.md2_nums em{display: block;font-size: 26px;font-style: normal;}
.md2_nums:after{
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   border-width: 20px 35px;
   border-style: solid;
   border-color: transparent transparent #fff transparent;
}
.md2_txt{width: 360px;line-height: 1.5;font-size: 16px;letter-spacing: 2px;}

.md_headline{display: flex;flex-direction: column;justify-content: space-around;align-items: center;width: 50%;height: 100px;margin: 20px auto;}
.headline_ch{font-size: 36px;font-weight: bold;letter-spacing: 3px;}
.headline_ch u{color: #ff6a00;}
.headline_line{width: 25%;height: 2px;background-color: #666;}
.headline_en{font-size: 16px;letter-spacing: 3px;color: #999;}


.md3_youshi{display: flex;justify-content: space-around;padding: 0 20px;}
.md3_left{width: 200px;height: 360px;border: 1px solid #fb6e04;padding: 20px 10px;margin-right: 10px;}
.md3_left p{line-height: 2;font-size: 16px;margin-top: 30px;}
.md3_right{width: 60px;padding-top: 70px;}
.md3_nums{position: absolute;top: 20px;left: 10px;width: 40px;height: 40px;background-color: #fff;border: 1px solid #ff6a00;transform: rotate(45deg); -ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);}
.md3_right span{position: absolute;top: 8px;left: 0;width: 60px;height: 60px;line-height: 60px;text-align: center;display: block;font-size: 22px;font-weight: bold;color: #ff6a00;}
.md3_right strong{display: block;word-break: break-all;padding: 10px 15px;font-size: 26px;}
.md3_dots{position: absolute;bottom: -15px;left: 0;right: 0;margin: auto;width: 31px;height: 31px;background: url(../images/yunying/yunying_md3-yuan.png) no-repeat 100% 100%;}
.md3_youshi li:hover .md3_left,.md3_youshi li:hover .md3_nums{background-color: #ff6a00;}
.md3_youshi li:hover .md3_left p,.md3_youshi li:hover .md3_right span{color: #fff;}
.md3_youshi li:hover .md3_right strong{color: #ff6a00;}


.md4_pros{display: flex;justify-content: space-around;margin: 100px 0;}
.md4_txt{position: absolute;top: -80px;left: 0;width: 300px;height: 360px;display: flex;flex-direction: column;padding-top: 50px;color: #fff;align-items: center;}
.md4_txt .md4_tit{font-size: 60px;}
.md4_txt .md4_line{width: 25%;height: 2px;background-color: #fff;margin: 20px 0;}
.md4_txt .md4_intro{font-size: 16px;padding: 0 30px;line-height: 1.5;}

.md4_liu_1 {
    width: 300px;
    height: 200px;
    background: #fd6649;
    position: relative;
}
.md4_liu_1:before {
    content: "";
    position: absolute;
    top: -80px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-bottom: 80px solid #fd6649;
}
.md4_liu_1:after {
    content: "";
    position: absolute;
    bottom: -80px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-top: 80px solid #fd6649;
}
.md4_liu_2 {
    width: 300px;
    height: 200px;
    background: #fca74b;
    position: relative;
}
.md4_liu_2:before {
    content: "";
    position: absolute;
    top: -80px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-bottom: 80px solid #fca74b;
}
.md4_liu_2:after {
    content: "";
    position: absolute;
    bottom: -80px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-top: 80px solid #fca74b;
}
.md4_liu_3 {
    width: 300px;
    height: 200px;
    background: #f59f54;
    position: relative;
}
.md4_liu_3:before {
    content: "";
    position: absolute;
    top: -80px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-bottom: 80px solid #f59f54;
}
.md4_liu_3:after {
    content: "";
    position: absolute;
    bottom: -80px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-top: 80px solid #f59f54;
}