﻿@charset "utf-8";
.more{padding: 0 50px; line-height: 45px;height: 45px; background: #c00000;color: #fff;font-size: 16px;display: inline-block;box-sizing: border-box;}
.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: 50px 0 50px;position: relative;}
.magicart_about:before{content: '';height: 400px; background: #f9f9f9;position: absolute;top: 0;width: 100%;z-index: 0}
.magicart_about .fl{width: 685px;}
.magicart_about .fr{width: 462px;}
.magicart_about img{}
.magicart_about p{text-indent: 30px; line-height: 240%;color: #666;font-size: 14px;margin: 20px auto}

.magicart_about_con{display: flex; flex-wrap: wrap;justify-content: space-between;margin-top: 80px;text-align: center;}
.magicart_about_con dl{width: 20%;border-right: 1px solid #efefef;box-sizing: border-box;padding: 30px 0;}
.magicart_about_con dl:last-child{border-right: 0 }
.magicart_about_con dl dt{font-size: 60px;font-family: 'Impact';position: relative;}
.magicart_about_con dl dt span{width: 30px; height: 30px;background: #c00000;color: #fff;border-radius: 50%;position: absolute;display: inline-block; font-family:"Microsoft Yahei";font-size: 18px;line-height: 30px}
.magicart_about_con dl dd{color:#999999;font-size: 16px;line-height: 240%}
.magicart_about_con dl dt em{font-style: normal;}

/*产品分类*/
.magicart_product {padding: 30px 0;position: relative;text-align: center;}
.magicart_product_con{display: flex;flex-wrap:wrap;justify-content: flex-start;}
.magicart_product_con dl{width: 49%;margin-right: 2%;position: relative;height: 400px;overflow: hidden;margin-bottom: 20px;}
.magicart_product_con dl:nth-child(2n+0){margin-right: 0;}
.magicart_product_con dl dt img{width: 100%;height: 400px;}
.magicart_product_con dl dd{position: absolute;width: 100%;height: 400px;background:rgba(192, 0, 0, 0.9);top: 0;left: 0;opacity: 0;transition: all .3s;}
.magicart_product_con dl dd{color: #fff;}
.magicart_product_con dl dd .catname{position: absolute;top: 50%;left: 50%;width: 100%;transform: translate(-50%,-50%);}
.magicart_product_con dl dd .catname p{padding:0 30px;box-sizing: border-box;margin-bottom: 30px;line-height: 2;font-size: 16px;}
.magicart_product_con dl dd .catname h3{font-size: 24px;margin-bottom: 20px;}
.magicart_product_con dl dd .catname .m{border: 1px solid #fff;padding: 5px 20px;display: inline-block;}
.magicart_product_con dl:hover dd{opacity: 1;}
/* .magicart_product .arrow{  position:absolute; right:0; top:300px; z-index: 9999;width: 1200px; height: 87px }
.magicart_product .arrow a{ display:block; width: 38px;height: 73px; display: inline-block; overflow:hidden;
			 cursor:pointer; background:url("../images/next_bg_09.png") 0 0 no-repeat; }
.magicart_product .arrow .next{ background-position: -38px 0;right: -40px;position: absolute;}
.magicart_product .arrow .next:hover{ background:url("../images/next_bg_09_h.png") 0 0 no-repeat;background-position: -38px 0;right: -40px;position: absolute;}

.magicart_product .arrow .prevStop{ background-position:-60px 0; }
.magicart_product .arrow .prev{left: -40px;position: absolute;}
.magicart_product .arrow .prev:hover{ background:url("../images/next_bg_09_h.png") 0 0 no-repeat;left: -40px;position: absolute;}

.magicart_product .arrow .nextStop{ background-position:-60px -50px; }


.magicart_product .hd ul{display: flex;flex-wrap: wrap;justify-content: space-around;text-align: center;}
.magicart_product .hd ul a{width: 235px; height: 50px; background: #313131;position: relative;display:  inline-block;text-align: left;color: #fff;line-height: 50px;font-size: 16px;text-indent:10px;box-sizing: border-box;margin:5px auto}
.magicart_product .hd ul a:after{content: '>';position: absolute;right: 10px;line-height: 50px;font-family: 'Kaiti';font-weight: bold;font-size: 16px}
.magicart_product .hd ul .on a{background: #c00000}


.magicart_product .bd{margin: 10px auto; height: 595px}
.magicart_product  .bd ul{ overflow:hidden; zoom:1; }
.magicart_product  .bd .fl{width: 750px;height: 595px}
.magicart_product  .bd .fr{width: 450px; height: 595px;background: #f9f9f9;position: relative;box-sizing: border-box;padding: 20px 30px;text-align: left}
.magicart_product  .bd .fr:before{content: '';width: 70px;height: 4px; background: #c00000;position: absolute;left: 0;top:0;}
.magicart_product  .bd .fr h2{font-size: 24px; border-bottom: 1px solid #efefef;line-height: 200%;margin-bottom: 10px}
.magicart_product  .bd .fr dl{}
.magicart_product  .bd .fr dl p{line-height:200%;font-size: 14px;text-indent: 20px}
.magicart_product  .bd .fr dl p:last-child{margin-bottom: 20px}
.magicart_product  .bd .fr dl dt:first-child{background: #ce0010;color: #fff }
.magicart_product  .bd .fr dl dt{background: #999;color: #fff;line-height: 180%;text-align: left;font-size:18px;text-indent: 15px;box-sizing: border-box;margin: 5px auto;} */

/*solution*/
.magicart_solution{padding: 30px 0;background: #efefef;}
.magicart_solution ul{display: flex;flex-wrap: wrap;justify-content: space-between;text-align: center;}
.magicart_solution ul li{width: 24%;background: #fff;margin-bottom: 20px;padding: 30px 0 20px}
.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;line-height: 300%;font-size: 18px;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: 30px 0 0;background: #c00000;border-bottom: 5px solid #efefef}
.magicart_why_01{padding: 30px 0 60px;}
.magicart_why_01 img{border: 10px solid #fff}
.magicart_why_01 .fr{width: 45%}
.magicart_why_01 .fr dl{margin-bottom: 20px}
.magicart_why_01 .fr dl dt{font-size: 30px;font-weight: bold;color: #fff;line-height: 240%;border-bottom: 1px solid #efefef;position: relative;margin-bottom: 10px}
.magicart_why_01 .fr dl dt:before{content: '01';font-family: 'Impact';font-size: 60px;padding-right: 10px}
.magicart_why_01 .fr dl dt:after{content: '';width: 300px; height: 3px;background: #fff;position: absolute;bottom: 0;left: 0}
.magicart_why_01 .fr dl dd{font-size: 16px; line-height: 220%;color: #fff;padding-left: 25px;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: 15px;box-sizing: border-box;line-height: 180%;color: #666}

.magicart_why_02{background: #fff;padding: 30px 0;}
.magicart_why_02 img{}
.magicart_why_02 .fl{width: 42%}
.magicart_why_02 .fl dl{margin-bottom: 20px}
.magicart_why_02 .fl dl dt{font-size: 30px;font-weight: bold;color: #333333;line-height: 240%;border-bottom: 1px solid #efefef;position: relative;margin-bottom: 10px}
.magicart_why_02 .fl dl dt:before{content: '02';font-family: 'Impact';font-size: 60px;padding-right: 10px}
.magicart_why_02 .fl dl dt:after{content: '';width: 300px; height: 3px;background: #c00000;position: absolute;bottom: 0;left: 0}
.magicart_why_02 .fl dl dd{font-size: 16px; line-height: 220%;color: #333333;padding-left: 25px;position: relative;}
.magicart_why_02 .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_02 .fl p{background: #f5f5f5;padding: 15px;box-sizing: border-box;line-height: 180%;color: #666}


.magicart_why_03{padding: 30px 0;background: url(../images/index_15.gif) center;}
.magicart_why_03 .fr{width: 42%}
.magicart_why_03 .fr dl{margin-bottom: 20px}
.magicart_why_03 .fr dl dt{font-size: 30px;font-weight: bold;color: #333333;line-height: 240%;border-bottom: 1px solid #efefef;position: relative;margin-bottom: 10px}
.magicart_why_03 .fr dl dt:before{content: '03';font-family: 'Impact';font-size: 60px;padding-right: 10px}
.magicart_why_03 .fr dl dt:after{content: '';width: 300px; height: 3px;background: #c00000;position: absolute;bottom: 0;left: 0}
.magicart_why_03 .fr dl dd{font-size: 16px; line-height: 220%;color: #333333;padding-left: 25px;position: relative;}
.magicart_why_03 .fr 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_03 .fr p{background: #fff;padding: 15px;box-sizing: border-box;line-height: 180%;color: #666}

.magicart_why_04{background: #fff;padding: 30px 0;}
.magicart_why_04 .fl{width: 42%}
.magicart_why_04 .fl dl{margin-bottom: 20px}
.magicart_why_04 .fl dl dt{font-size: 30px;font-weight: bold;color: #333333;line-height: 240%;border-bottom: 1px solid #efefef;position: relative;margin-bottom: 10px}
.magicart_why_04 .fl dl dt:before{content: '04';font-family: 'Impact';font-size: 60px;padding-right: 10px}
.magicart_why_04 .fl dl dt:after{content: '';width: 300px; height: 3px;background: #c00000;position: absolute;bottom: 0;left: 0}
.magicart_why_04 .fl dl dd{font-size: 16px; line-height: 220%;color: #333333;padding-left: 25px;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: 18px; color: #333;font-weight: bold;margin: 20px auto}
.magicart_why_04 .fl p span{display: block;font-weight: normal;font-size: 16px}


.magicart_cases{padding: 30px 0 ;position: relative;}
.magicart_cases .hd{ height:60px; position: absolute;z-index: 999;top: 270px; width: 1200px}

.magicart_cases .hd .prev{ padding: 5px;background: #fff;display:block; overflow:hidden;cursor:pointer;font-size: 30px;font-family: 'Kaiti';position: absolute;left: -35px}
.magicart_cases .hd .next{ padding: 5px; background: #fff;display:block; overflow:hidden;cursor:pointer;font-size: 30px;font-family: 'Kaiti';position: absolute;right: -35px}
.magicart_cases .hd .prev:hover{color: #ce0010}
.magicart_cases .hd .next:hover{color: #ce0010}


.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{padding: 30px 0 ;position: relative;border-top: 5px solid #efefef; min-height: 670px}

.magicart_news .left{width: 600px;margin: 20px 0;position: relative; }
.magicart_news .left img{ width: 100%; height: 400px}
.magicart_news .left .con{width: 90%;padding:30px 30px;background: #f9f9f9; box-sizing: border-box;position: absolute;bottom: -100px;left: 5%; height: 200px}
.magicart_news .left .con h3{font-size: 16px;}
.magicart_news .left .con p{padding: 10px 0;font-size: 14px;line-height: 180%;color: #666666;display: block;}
.magicart_news .left .con img{width: 60px; height: 15px}

.magicart_news .right{width: 570px}
.magicart_news .right dl{margin-bottom: 20px;margin-top: 20px;padding-bottom: 20px;border-bottom: 1px solid #efefef}
.magicart_news .right dl .fl{ width: 185px; }
.magicart_news .right dl img{border: 1px solid #efefef;box-sizing: border-box;}
.magicart_news .right dl .fr{width: 360px}
.magicart_news .right dl dt{font-size: 16px;font-weight: bold;line-height: 240%;}
.magicart_news .right dl dd{font-size: 14px; color: #666666;line-height: 180%}
.magicart_news .right dl dd img{border: none;float: right;padding: 5px 0}