.head .navbox .navList a:nth-child(4){color: #fff!important;}
.head .navbox .navList a:nth-child(4)::before,
.head .navbox .navList a:nth-child(4)::after{transform: scale(1);}
.navoutwrap .navboxs{width: 600px;}
.box1{background: #f0f2f5;overflow: hidden;}
.box1 .wrap{width: 1200px;margin: 126px auto 94px auto;}
.box1 .wrap li{padding: 40px 0;transition: all .3s;border-bottom: 1px solid #E5E5E5;}
.box1 .wrap li a{display: block;}
.box1 .wrap li .left{width: 380px;height: 220px;overflow: hidden;float: left;}
.box1 .wrap li .left img{width: 100%;}
.box1 .wrap li .right{height: 220px;background: url(../images/product-05.png) no-repeat right center;float: left;margin-left: 60px;width: 760px;padding-right: 40px;box-sizing: border-box;overflow: hidden;}
.box1 .wrap li .right .tl{margin-top: 42px;font-size: 18px;line-height: 18px;color: #444;margin-bottom: 20px;}
.box1 .wrap li .right .te{line-height: 24px;height: 72px;overflow: hidden;color: #888;}
.box1 .wrap li .right .tamp{margin-top: 20px;}
.box1 .wrap li .right .tamp .time,
.box1 .wrap li .right .tamp .looknum{float: left;padding-left: 28px;color: #888;line-height: 24px;}
.box1 .wrap li .right .tamp .time{background: url(../images/news-07.png) no-repeat left center;margin-right: 30px;}
.box1 .wrap li .right .tamp .looknum{background: url(../images/news-08.png) no-repeat left center;}
@media screen and (min-width: 1024px){ .box1 .wrap li:hover{margin-left: -30px;}.box1 .wrap li:hover .right{background: url(../images/product-04.png) no-repeat right center;}}
@media screen and (min-width: 100px) and (max-width: 1024px){.navoutwrap .navboxs .navs{width: 33.3333%!important;} .box1{background: #f0f2f5;overflow: hidden;}.box1 .wrap{width: 90%;margin: 44px auto 0 auto;}.box1 .wrap li{padding: 0 0 22px 0;margin-bottom: 22px;}.box1 .wrap li:last-child{margin-bottom: 0;}.box1 .wrap li a{display: block;}.box1 .wrap li .left{width: 100%;height: auto;float: none;}.box1 .wrap li .right{height: auto;background: url(../images/product-05.png) no-repeat right center;float: none;margin-left: 0;width: 100%;}.box1 .wrap li .right .tamp{margin-top: 18px;}.box1 .wrap li .right .tl{margin: 24px 0 8px 0;font-size: 16px;line-height: 18px;}.box1 .wrap li .right .te{height: auto;font-size: 14px; height: 48px; overflow: hidden;}}
@media screen and (min-width: 640px) and (max-width: 1024px){}




.box3 .wrap .title{ background: none;}