@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*/
.magicart_about{padding: 1rem 0 ;position: relative;border-bottom: 0.5rem solid #efefef;background: #f9f9f9;}
.magicart_about .fl{width: 100%;}
.magicart_about .fr{width: 100%;}
.magicart_about .fr img{width: 100%}
.magicart_about p{text-indent: 2rem; line-height: 240%;color: #666;font-size: 1.125rem;margin: 0.5rem auto}

.magicart_about_con{display: flex; flex-wrap: wrap;justify-content: space-around;margin-top: 1rem;text-align: center;}
.magicart_about_con dl{width: 33.333333%;box-sizing: border-box;padding: 0.5rem 0;}
.magicart_about_con dl:last-child{border-right: 0 }
.magicart_about_con dl dt{font-size: 2.4rem;font-family: 'Impact';position: relative;}
.magicart_about_con dl dt span{width: 2rem; height: 2rem;background: #c00000;color: #fff;border-radius: 50%;position: absolute;display: inline-block; font-family:"Microsoft Yahei";font-size: 1.125rem;line-height: 2rem}
.magicart_about_con dl dd{color:#999999;font-size:  1.125rem;}
.magicart_about_con dl dt em{font-style: normal;}

/*产品分类*/
.magicart_product {padding: 1rem 0;position: relative;text-align: center;}
.magicart_product ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.magicart_product li{ width: 48%;margin-bottom: 1rem}
.magicart_product li img{width: 100%;padding: 0.5rem; border: 1px solid #efefef; box-sizing: border-box;}
.magicart_product li h3{font-size: 1.125rem; line-height: 180%;text-align: center;font-weight: normal;}
.magicart_product li a{font-size: 0}


/*solution*/
.magicart_solution{padding: 1rem 0;background: #efefef;}
.magicart_solution ul{display: flex;flex-wrap: wrap;justify-content: space-between;text-align: center;}
.magicart_solution ul li{width: 49%;background: #fff;margin-bottom: 0.5rem;padding: 0.5rem 0 }
.magicart_solution ul li a{display: block;width: 100%;height: 100%}
.magicart_solution ul li img{}
.magicart_solution ul li span{display:block;color: #333;font-size: 1.3rem;font-weight: bold}
.magicart_solution ul li .img_1{background: url(../../images/index_07.png);width: 100px; height: 100px;margin: 0 auto;display: inline-block;}
.magicart_solution ul li .img_2{background: url(../../images/index_08.png);width: 100px; height: 100px;margin: 0 auto;display: inline-block;}
.magicart_solution ul li .img_3{background: url(../../images/index_09.png);width: 100px; height: 100px;margin: 0 auto;display: inline-block;}
.magicart_solution ul li .img_4{background: url(../../images/index_10.png);width: 100px; height: 100px;margin: 0 auto;display: inline-block;}
.magicart_solution ul li .img_5{background: url(../../images/index_11.png);width: 100px; height: 100px;margin: 0 auto;display: inline-block;}
.magicart_solution ul li .img_6{background: url(../../images/index_12.png);width: 100px; height: 100px;margin: 0 auto;display: inline-block;}
.magicart_solution ul li .img_7{background: url(../../images/index_13.png);width: 100px; height: 100px;margin: 0 auto;display: inline-block;}
.magicart_solution ul li .img_8{background: url(../../images/index_14.png);width: 100px; height: 100px;margin: 0 auto;display: inline-block;}
.magicart_solution ul li:hover{background: #c00000;color: #fff}
.magicart_solution ul li:hover span{color: #fff}
.magicart_solution ul li:hover .img_1{background: url(../../images/index_07_h.png);}
.magicart_solution ul li:hover .img_2{background: url(../../images/index_08_h.png);}
.magicart_solution ul li:hover .img_3{background: url(../../images/index_09_h.png);}
.magicart_solution ul li:hover .img_4{background: url(../../images/index_10_h.png);}
.magicart_solution ul li:hover .img_5{background: url(../../images/index_11_h.png);}
.magicart_solution ul li:hover .img_6{background: url(../../images/index_12_h.png);}
.magicart_solution ul li:hover .img_7{background: url(../../images/index_13_h.png);}
.magicart_solution ul li:hover .img_8{background: url(../../images/index_14_h.png);}

/*why*/
.magicart_why{padding: 1rem 0 0;background: #c00000;border-bottom: 5px solid #efefef}
.magicart_why_01{padding: 1rem 0 ; width: 100%}
.magicart_why_01 img{border: 0.5rem solid #fff;box-sizing:  border-box;width: 100%}
.magicart_why_01 .fr,.magicart_why_01 .fl{width: 100%}
.magicart_why_01 .fr dl{margin-bottom: 1rem}
.magicart_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}
.magicart_why_01 .fr dl dt:before{content: '01';font-family: 'Impact';font-size: 4rem;padding-right: 0.5rem}
.magicart_why_01 .fr dl dt:after{content: '';width: 15rem; height: 3px;background: #fff;position: absolute;bottom: 0;left: 0}
.magicart_why_01 .fr dl dd{font-size: 1.2rem; line-height: 220%;color: #fff;padding-left: 2rem;position: relative;}
.magicart_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}
.magicart_why_01 .fr p{background: #fff;padding: 1rem;box-sizing: border-box;line-height: 180%;color: #666;font-size: 1.125rem}

.magicart_why_02{padding: 1rem 0 ; width: 100%;background: #fff}
.magicart_why_02 img{border: 0.5rem solid #efefef;box-sizing:  border-box;width: 100%}
.magicart_why_02 .fl,.magicart_why_02 .fl{width: 100%}
.magicart_why_02 .fl dl{margin-bottom: 1rem}
.magicart_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}
.magicart_why_02 .fl dl dt:before{content: '02';font-family: 'Impact';font-size: 4rem;padding-right: 0.5rem}
.magicart_why_02 .fl dl dt:after{content: '';width: 15rem; height: 3px;background: #c00000;position: absolute;bottom: 0;left: 0}
.magicart_why_02 .fl dl dd{font-size: 1.2rem; line-height: 220%;color: #666;padding-left: 2rem;position: relative;}
.magicart_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}
.magicart_why_02 .fl p{background: #f5f5f5;padding: 1rem;box-sizing: border-box;line-height: 180%;color: #666;font-size: 1.125rem}

.magicart_why_03{padding: 1rem 0 ; width: 100%;background: #fff}
.magicart_why_03 img{border: 0.5rem solid #efefef;box-sizing:  border-box;width: 100%}
.magicart_why_03 .fl,.magicart_why_03 .fl{width: 100%}
.magicart_why_03 .fr dl{margin-bottom: 1rem}
.magicart_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}
.magicart_why_03 .fr dl dt:before{content: '03';font-family: 'Impact';font-size: 4rem;padding-right: 0.5rem}
.magicart_why_03 .fr dl dt:after{content: '';width: 15rem; height: 3px;background: #c00000;position: absolute;bottom: 0;left: 0}
.magicart_why_03 .fr dl dd{font-size: 1.2rem; line-height: 220%;color: #666;padding-left: 2rem;position: relative;}
.magicart_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}
.magicart_why_03 .fr p{background: #f5f5f5;padding: 1rem;box-sizing: border-box;line-height: 180%;color: #666;font-size: 1.125rem}


.magicart_why_04{padding: 1rem 0 ; width: 100%;background: #fff}
.magicart_why_04 img{border: 0.5rem solid #efefef;box-sizing:  border-box;width: 100%}
.magicart_why_04 .fl,.magicart_why_04 .fl{width: 100%}
.magicart_why_04 .fl dl{margin-bottom: 1rem}
.magicart_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}
.magicart_why_04 .fl dl dt:before{content: '04';font-family: 'Impact';font-size: 4rem;padding-right:  0.5rem}
.magicart_why_04 .fl dl dt:after{content: '';width: 15rem; height: 3px;background: #c00000;position: absolute;bottom: 0;left: 0}
.magicart_why_04 .fl dl dd{font-size: 1.2rem; line-height: 220%;color: #333333;padding-left: 2rem;position: relative;}
.magicart_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}
.magicart_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}
.magicart_why_04 .fl p span{display: block;font-weight: normal;font-size: 1.2rem}



.magicart_cases {padding: 1rem 0;position: relative;text-align: center;}
.magicart_cases ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.magicart_cases li{ width: 48%;margin-bottom: 1rem}
.magicart_cases li img{width: 100%;padding: 0.5rem; border: 1px solid #efefef; box-sizing: border-box;}
.magicart_cases li h3{font-size: 1.125rem; line-height: 180%;text-align: center;font-weight: normal;}
.magicart_cases li a{font-size: 0}


.magicart_cases .bd{ padding:10px 0;   }
.magicart_cases .bd ul{ overflow:hidden; zoom:1; }
.magicart_cases .bd ul li{ margin:0 8px; float:left;overflow:hidden; text-align:center;width:285px; height:240px;text-align: center;position: relative;}
.magicart_cases .bd ul li .pic{ text-align:center;z-index: 1 ;}
.magicart_cases .bd ul li .pic img{ width:285px; height:240px; display:block; }
.magicart_cases .bd ul li .pic a:hover img{ border-color:#999;  }
.magicart_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}


/*新闻列表页*/
.magicart_news{border-top: 5px solid #efefef;padding-top: 1rem}
.magicart_list_news ul{}
.magicart_list_news li{ width: 100%;padding: 1rem 0; border-bottom: 1px solid #efefef }
.magicart_list_news li .left{ width: 35%;float: left}
.magicart_list_news li .left img{ width: 100%}
.magicart_list_news li .right{ width: 62%;float: left;padding-left: 3%; box-sizing: border-box;}
.magicart_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;}
.magicart_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%}