@charset "utf-8";

/* Banner YangFangLing 2018年8月18日 */
.banner{width: 100%;height: 618px;position: relative;}

.banner .slideBox{width: 100%;height: 618px;position: relative;z-index: 8;}
.banner .slideBox ul{position: absolute;left: 0;top: 0;}
.banner .slideBox li{position: relative;float: left;height: 618px;overflow: hidden;}
.banner .slideBox li img{display: block;position: absolute;top: 0;left: 50%;margin-left: -960px;width: 1920px;height: 618px;}
.banner .bannerList{width: 100%;text-align: center;position: absolute;left: 0;bottom: 20px;z-index: 9;}
.banner .bannerList span{display: inline-block;*display: inline-block;width: 10px;height:10px;background: url(../images/banner-icon01.png) no-repeat center;margin: 0 7px;cursor: pointer;}
.banner .bannerList span.cur{background: url(../images/banner-icon02.png) no-repeat center;}
.banner:hover .bannerBtn{display: block;}
/* Banner End */

/* SearchFor YangFangLing 2018年8月21日 */
.SearchFor{height: 70px;line-height: 70px;background: url(../images/SearchForBg.jpg) no-repeat center;}

.SearchFor .keyword {float: left; font-size: 14px;color: #fff;height: 60px;width: 660px;}
.SearchFor .keyword span {float: left;width:100px;height: 70px;line-height: 70px;color: #fff;}
.SearchFor .keyword b {color: #25AF5F;}
.SearchFor .keyword p {float: left;height: 70px;line-height: 70px;}
.SearchFor .keyword p a {float: left;height: 70px;line-height: 70px;color: #fff;font-size: 14px;padding: 0 9px;}
.SearchFor .keyword p a:hover {color: #dc0603;}
.SearchFor .keyword a:first-child {padding-left: 0;border-left: none;}
.SearchFor .inp {float: right;width: 300px;height: 53px;overflow: hidden;border-bottom: 1px solid #fff;}
.SearchFor .inp input {float: left;border:none;height: 55px;line-height: 55px;width: 260px;font-size: 14px;color: #fff;background: none;outline: none;}
.SearchFor .inp button {display: block;float: right;width: 30px;height: 55px;cursor: pointer;background:  no-repeat;border:  none;outline: none;}
.SearchFor .inp button i {display: block;width: 20px;height: 50px;background: url(../images/SearchFor.png) no-repeat right center;}
/* SearchFor End*/

/* Characteristics YangFangLing 2018年8月21日 */
.Characteristics{background-color: #f7f7f7;padding: 80px 0 40px;text-align: center;}

.Characteristics ul li{width: 252px;height: 252px;text-align: center;background: url(../images/CharacteristicsBg.png) no-repeat center;margin-left: 64px;float:left;}
.Characteristics ul li:first-child{margin-left: 0;}
.Characteristics ul li span{display: block;width: 46px;height: 46px;padding-top: 40px;margin: 0 auto;}
.Characteristics ul li span img{display: block;width: 100%;}
.Characteristics ul li h3{font-size: 30px;color: #333;margin-top: 20px;font-weight: normal;}
.Characteristics ul li p{font-size: 18px;color: #333;margin-top: 10px;}
/* Characteristics End */

/* Recommend */
.Recommend{padding-bottom: 70px;}

.RecommendTop ul li{float: left;width: 199px;height: 45px;text-align: center;line-height: 45px;border: 1px #d6cbcb solid;margin-left: -1px;position: relative;}
.RecommendTop ul li a{font-size: 16px;color: #333;display: block;}
.RecommendTop ul li.cur{background-color: #dc0603;border:1px #dc0603 solid;}
.RecommendTop ul li.cur a{color: #fff;}
.RecommendTop ul li.cur i{display: block;}
.RecommendTop ul li i{display: block;width: 18px;height: 6px;background: url(../images/sjx.png) no-repeat center;position: absolute;bottom: -7px;left: 50%;margin-left: -9px;display: none;}

.RecommendBot{margin-top: 27px;}
.RecommendBot .RecommendBotBox{position: relative;overflow: hidden;width: 598px;height:  608px;}
.RecommendBot .RecommendBotBox ul{position: relative;}
.RecommendBot .RecommendBotBox ul li{float: left;text-align: center;height: 608px;background-color: #f7f7f7; width:598px;overflow:hidden;}
.RecommendBot .RecommendBotBox ul li a{display: block;}
.RecommendBot .RecommendBotBox ul li a span{display: block;width: 447px;height: 447px; margin:0 auto; overflow: hidden;}
.RecommendBot .RecommendBotBox ul li a span img{display: block;width: 100%;transition: .8s;}
.RecommendBot .RecommendBotBox ul li:hover a span img{transform: scale(1.1);}
.RecommendBot .RecommendBotBox ul li a h3{font-size: 24px;color: #333;font-weight: normal;margin-top: 15px;padding: 0 20px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.RecommendBot .RecommendBotBox ul li a p{font-size: 16px;color: #666;margin-top: 5px;}
.RecommendBot .RecommendBotBox ul li:hover a h3{color: #dc0603;}
.RecommendBot .RecommendBotDian{position: absolute;bottom: 40px;left: 50%;z-index: 99;margin-left: -25px;}
.RecommendBot .RecommendBotDian span{display: inline-block;width: 8px;height: 8px;background-color: #cbc9c9;border-radius: 50%;margin-left: 10px;cursor:pointer;}
.RecommendBot .RecommendBotDian span:first-child{margin-left: 0;}
.RecommendBot .RecommendBotDian span.cur{background-color: #dc0603;}
.RecommendBot-Left{position: relative;}

.RecommendBot-Right{width: 602px;}
.RecommendBot-Right ul li{float: left;width: 295px;text-align: center;height: 302px;margin-left: 6px;background-color: #f7f7f7;margin-bottom: 6px;}
.RecommendBot-Right ul li a{display: block;}
.RecommendBot-Right ul li a span{display: block;width: 295px;height: 220px;overflow: hidden;}
.RecommendBot-Right ul li a span img{display: block;width: auto; height:100%; margin:0 auto; transition: .8s;}
.RecommendBot-Right ul li:hover a span img{transform: scale(1.1);}
.RecommendBot-Right ul li a h3{font-weight: normal;font-size: 14px;color: #333;margin-top: 20px;padding: 0 14px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.RecommendBot-Right ul li a p{font-size: 12px;color: #666;margin-top: 5px;}
.RecommendBot-Right ul li:hover a h3{color: #dc0603;}

.RecommendBot-Right ul li.SuoZi{text-align: center;background:  no-repeat;border-radius: 10px;border: 2px #cdcccc dashed;width:  291px;height: 298px;}
.RecommendBot-Right ul li.SuoZi h4{font-size: 75px;color: #dc0603;padding-top: 100px;}
.RecommendBot-Right ul li.SuoZi h4 sup{font-weight: normal;font-size: 46px;border: 2px #dc0603 solid;height: 35px;display: inline-block;line-height:  29px;width:  35px;vertical-align: top;margin-left: 10px;}
.RecommendBot-Right ul li.SuoZi p{font-size: 16px;color: #666;}
/* Recommend End */

/* OttoBox YangFangLing 2018年8月21日 */
.OttoBox{height: 733px;background: url(../images/OttoBoxBg.jpg) no-repeat center;}

.OttoBoxLeft{width: 368px;height: 275px;background-color: #dc0603;padding: 40px 0 0 80px;margin-top: 76px;}
.OttoBoxLeft h3{color: #fff;font-weight: normal;font-size: 24px;}
.OttoBoxLeft h3 span{font-size: 120px;font-family: "FONTS";}
.OttoBoxLeft p{font-size: 18px;color: #fff;margin-top: 20px;}

.OttoBoxRight{padding: 150px 0 0 70px;}
.OttoBoxRight ul{height: 409px !important;}
.OttoBoxRight ul li{margin-top: 20px;}
.OttoBoxRight ul li:first-child{margin-top: 0;}
.OttoBoxRight ul li a{font-size: 16px;color: #666;}
.OttoBoxRight ul li a i{display: inline-block;width: 5px;height: 5px;background-color: #999;border-radius: 50%;vertical-align: middle;margin-right: 10px;}
.OttoBoxRight ul li:hover a{color: #dc0603;}
.OttoBoxRight .bd{height: 409px;overflow:  hidden;}

.OttoBoxbor{margin-top: 30px;}
.OttoBoxbor em{width: 21px;height: 24px;display: inline-block; cursor:pointer;}
.OttoBoxbor em img{display: block;width: 100%;}
.OttoBoxbor em.next{margin-left: 10px;}
/* OttoBox End */

/* News YangFangLing 2018年8月21日 */
  .News{
    width:100%;height:865px;overflow:hidden;background:url(../images/News.jpg)no-repeat center top;
  }
.NewsLeft{width: 500px;height: 616px;background-color: #fff;position: relative;}
.NewsBox{position: relative;width: 480px;overflow: hidden;}
.NewsBox ul{position: relative;}
.NewsBox ul li{float: left;width: 460px;}
.NewsBox ul li a{display: block;margin-left: 20px;}
.NewsBox ul li a span{width: 460px;height: 345px;display: block;margin: 20px auto 25px;overflow: hidden;}
.NewsBox ul li a span img{display: block;width: 100%;transition: .8s;}
.NewsBox ul li:hover a span img{transform: scale(1.1);}
.NewsBox ul li a h3{font-weight: normal;font-size: 16px;color: #333;}
.NewsBox ul li a h3:hover{color:#dc0603;}
.NewsBox ul li a p{font-size: 14px;color: #999;line-height: 25px;margin-top: 10px;position: relative; max-height: 50px;overflow: hidden;}

.NewsAnNiu{margin: 50px 0 0 20px;}
.NewsAnNiu span{width: 8px;height: 8px;background-color: #d1d0d0;display: block;border-radius: 50%;margin-left: 10px;float: left;}
.NewsAnNiu span:first-child{margin-left: 0;}
.NewsAnNiu span.cur{background-color: #dc0603;}

.NewsRight{width: 694px;}
.NewsTop{height: 305px;background-color: #fff;margin-top: 6px;}
.NewsTop:first-child{margin-top: 0;}
.NewsTop dl{padding: 30px 30px 0;}
.NewsTop dl dt h3{font-size: 24px;color: #333;font-weight: normal;border-left: 5px #dc0603 solid;padding-left: 10px;}
.NewsTop dl dt h3 a{color: #333;}
.NewsTop dl dt h3 a:hover{color:#dc0603;}
.NewsTop dl dt h3 a.more{font-size: 12px;color: #999;float: right;}
.NewsTop dl dt h4{font-size: 18px;color: #333;font-weight: normal;margin-top: 20px;}
.NewsTop dl dt h4 a{color: #333;}
.NewsTop dl dt h4 a:hover{color:#dc0603;}
.NewsTop dl dt p{font-size: 14px;color: #999;margin-top: 10px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.NewsTop dl dd{margin-top: 25px;}
.NewsTop dl dd ul li{float: left;margin-bottom: 10px;width: 45%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-right:30px;}
.NewsTop dl dd ul li a i{width:5px;height:5px;display: inline-block;border-radius: 50%;background-color: #999;margin-right: 10px;vertical-align: middle;}
.NewsTop dl dd ul li a{font-size: 14px;color: #666;}
.NewsTop dl dd ul li a:hover{color:#dc0603;}
.NewsLeft h3.h302{font-size: 24px;color: #fff;font-weight: normal;background-color: #dc0603;padding: 25px 30px;position: absolute;top: 0;left: 0;z-index: 99;}
.NewsLeft h3.h302 a{color:#fff}
/* News End */

/* Cooperation YangFangLing 2018年8月21日 */
.Cooperation{padding-bottom: 60px;  display: none;}

.CooperationCon ul{width: 1201px;margin-left: -2px;}
.CooperationCon ul li a{display: block;}
.CooperationCon ul li{width: 196px;height: 130px;border: 1px #e1dfdf solid;border-radius: 15px;float: left;margin-left: 2px;margin-bottom: 2px;position: relative;overflow:hidden;}
.CooperationCon ul li:hover a p{display: block;}
.CooperationCon ul li a p{width: 196px;height: 130px;border: 1px #dc0603 solid;border-radius: 15px;color: #fff;font-size: 20px;text-align: center;line-height: 130px;position: absolute;z-index: 99;top: 0;left: 0;background-color:#dc0603;display: none;background: rgba(220,6,3,0.8);}
.CooperationCon ul li a img{width: 196px;height: 130px;}
.CooperationCon ul li.li13{margin-left: 203px;}
/* Cooperation End */

/* Case YangFangLing 2018年8月21日 */
.Case{padding-bottom: 124px;}

.CaseCon ul{width: 1220px;margin-left: -21px;}
.CaseCon ul li{float: left;text-align: center;margin-left: 21px;margin-bottom: 21px;}
.CaseCon ul li a{display: block;}
.CaseCon ul li a span{width: 385px;height: 288px;display: block;overflow: hidden;}
.CaseCon ul li a span img{display: block;width: 100%;transition: .8s;}
.CaseCon ul li:hover a span img{transform: scale(1.1);}
.CaseCon ul li:hover p{color: #dc0603;}
.CaseCon ul li a p{color: #666;font-size: 16px;height: 45px;line-height: 45px;}
.CaseCon ul li.CaseText{text-align: center;background:  no-repeat;border-radius: 10px;border: 2px #cdcccc dashed;width: 383px;height: 330px;}
.CaseCon ul li.CaseText h4{font-size: 75px;color: #dc0603;padding-top: 110px;}
.CaseCon ul li.CaseText h4 sup{font-weight: normal;font-size: 46px;border: 2px #dc0603 solid;height: 35px;display: inline-block;line-height:  29px;width:  35px;vertical-align: top;margin-left: 10px;}
.CaseCon ul li.CaseText p{font-size: 16px;color: #666;}
/* Case End */

/* AottuUs YangFangLing 2018年8月21日 */
.AottuUs{background-color: #f7f7f7;padding: 75px 0 120px;position: relative;}

.AottuUs-Left{width: 530px;}
.AottuUs-Left h3{font-size: 36px;color: #333;}
.AottuUs-Left h3 a{color: #333;}
.AottuUs-Left h4{font-size: 24px;color: #333;font-weight: normal;}
.AottuUs-Left h4 a{color: #333;}
.AottuUs-Left h5{font-size: 20px;color: #333;font-weight: normal;margin-top: 55px;}
.AottuUs-Left h5 a{color:#333;}
.AottuUs-Left p{font-size: 14px;color: #666;line-height: 25px;margin-top: 25px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 6; -webkit-box-orient: vertical;padding-right:90px;}
.AottuUs-Left a.More{width: 147px;height: 57px;color: #fff;font-size: 14px;display: block;line-height: 57px;margin-top: 75px;background: #dc0603 url(../images/AottuUs.png) no-repeat 112px;text-indent: 25px;}

.AottuUs-Right{width: 960px;height: 652px;position: absolute;right: 0;top: -75px;}
.AottuUs-Right span{display: block;}
.AottuUs-Right span img{width: 100%;display: block;}
/* AottuUs End */

/* Pop-ups YangFangLing 2018年8月21日 */
.video-frame{display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0, 0, 0, 0.8);z-index: 9999999;}
.video-frame .box{ width:1100px; height:500px; border:5px solid #027ecc; position:absolute; z-index:5; left:50%; top:20%; margin-left:-555px; background-color:#000;  border-radius:5px;z-index: 99;}
.video-frame .box .close{ display:block; position:absolute; cursor:pointer; right:-30px; top:-5px}
/* Pop-ups End */

/* Brand YangFangLing 2018年8月21日 */
.Brand{height: 800px;background: #dc0603 url(../images/BrandBg.jpg) no-repeat center;}

.BrandCon ul li a{display: block;}
.BrandCon ul li a img{display: block;width: 100%;transition: .8s;}
.BrandCon ul li:hover a img{transform: scale(1.1);box-shadow: 0 0 30px rgba(234,28,41,0.4);}
.BrandCon .Brand01{margin-left: 100px;margin-top: 60px;}
.BrandCon .Brand01 ul li{width: 127px;height: 86px;margin-top: 45px;}
.BrandCon .Brand01 ul li:first-child{margin-top: 0;}
.BrandCon .Brand02{margin-left: 40px;margin-top: 30px;}
.BrandCon .Brand02 ul li{width: 178px;height: 120px;margin-top: 45px;}
.BrandCon .Brand02 ul li:first-child{margin-top: 0;}
.BrandCon .Brand03 ul li{width: 219px;height: 147px;margin-top: 30px;}
.BrandCon .Brand03{margin-left: 45px;}
.BrandCon .Brand03 ul li:first-child{margin-top: 0;}
.BrandCon .Brand04{margin-left: 10px;margin-top: 30px;}
.BrandCon .Brand04 ul li{width: 178px;height: 120px;margin-top: 45px;}
.BrandCon .Brand04 ul li:first-child{margin-top: 0;}
.BrandCon .Brand05{margin-left: 45px;margin-top: 65px;}
.BrandCon .Brand05 ul li{width: 128px;height: 87px;margin-top: 45px;}
.BrandCon .Brand05 ul li:first-child{margin-top: 0;}

.BrandCon .Brand03 ul li.SuoZi{width: 267px;height: 179px;background-color: #dc0603;position:  relative;left: -22px;}
.BrandCon .Brand03 ul li.SuoZi h4{font-size: 75px;color: #fff;padding-top: 33px;text-align:  center;}
.BrandCon .Brand03 ul li.SuoZi h4 a{color: #fff;}
.BrandCon .Brand03 ul li.SuoZi h4 sup{font-weight: normal;font-size: 46px;border: 2px #fff solid;height: 35px;display: inline-block;line-height:  29px;width:  35px;vertical-align: top;margin-left: 10px;}
.BrandCon .Brand03 ul li.SuoZi p{font-size: 16px;color: #fff;text-align:  center;}
.BrandCon .Brand03 ul li.SuoZi p a{color:#fff;}
/* Brand End */

/* Advantage YangFangLing 2018年8月21日 */
.Advantage{background-color: #2b2b33;height: 1176px;}
.Photo{width: 100%;}

.Advantage .CaseTop{margin-top: 335px;position: relative;}
.Photo .xc_ul{position: relative;}
.Photo .xc_ul ul{margin-left: -1349px;width: 4000px;position: relative;}
.Photo .xc_ul ul li{text-align: center;padding-bottom: 62px;margin: 0 50px;float: left;width: 1200px;position: relative;}
.Photo .xc_ul ul li>a{display: block;width: 1200px;height: 493px;overflow: hidden;}
.Photo .xc_ul ul li a img{display: block;width: 1200px;height: 493px;transition: all 1s ease-out;}
.Photo .xc_ul ul li a img:hover{transform: scale(1.1);}

.Photo .container{margin: 0 auto;position: relative;width: 1200px;}
.Photo .container .konbai01{width: 901px;height: 493px;position: absolute;bottom: 76px;left: -1000px;z-index: 8;background: url(../images/NavBg.png) center;}
.Photo .container .konbai02{width: 899px;height: 493px;position: absolute;bottom: 76px;right: -1175px;z-index: 8;background: url(../images/NavBg.png) center;}
.Photo .Photo-but a{display: block;width: 28px;height: 54px;margin-top: 179px;margin-left: 35px;}
.Photo .Photo-but .PhotoBtn01{background: url(../images/CaseIcon01.png) no-repeat center;}
.Photo .Photo-but .PhotoBtn02{background: url(../images/CaseIcon02.png) no-repeat center;}
/* console.log(jsq); */

.Advantage .AdvantageCon{width: 752px;height: 920px;background-color: #fff;position: absolute;right: -1px;top: -330px;}
.Advantage .AdvantageCon span{float: right;}
.Advantage .AdvantageCon em{position: absolute;right: 71px;z-index: 99;top: 242px;}

.CaseTop-Text{position: absolute;top: -285px;left: 510px;text-align: left;width: 629px;}
.CaseTop-Text h3{font-size: 24px;color: #333;}
.CaseTop-Text h3 em{font-weight: normal;font-size: 18px;margin-top: 5px;display: block;}
.CaseTop-Text i{display: block;width: 41px;height: 1px;background-color: #333;margin-top: 20px;}
.CaseTop-Text p{font-size: 14px;color: #666;margin-top: 35px;line-height: 25px;}

.CaseTop .CaseBg{background-color: #2b2b33;height: 300px;width: 260px;position: absolute;left: 0;top: -420px;z-index: 99;}

.Photo-Box{position: relative;z-index: 99;left: 183px;top: -7px;}
.Photo-Box i{width: 11px;height: 7px;display: inline-block;vertical-align: middle;cursor:pointer}
.Photo-Box i img{display: block;width: 100%;}
.Photo-Box h3{font-weight: normal;color: #fff;font-size: 12px;display: inline-block;margin: 0 10px;}
.Photo-Box h3 em{color: #666;}
/* Advantage End */
/* 小屏幕 */
@media (max-width:600px){
    .AottuUs-Right{right: -320px;}
}

@media (min-width:1200px) and (max-width:1600px){
    .AottuUs-Right{right: -320px;}
}
/* 小屏幕 End */

.adv .Title{width: 100%;text-align: center;padding-top: 38px;}
.adv .Title h2{color: #333333;font-weight: normal;font-weight: 28px;}
.adv .Title h2 a{color: #333333;text-decoration: none;}
.adv .Title p{font-size: 16px;color: #666666;margin-top: 4px;}
.adv .Title i{display: block;width: 275px;height: 26px;margin: 12px auto 0;}
.adv .Title i img{display: block;width: 275px;height: 26px;}
.adv{width: 100%;background: url(../Images/advBg01.jpg) no-repeat center; /* height: 948px; */}
.adv .Title h2{color: #fff;}
.adv .Title p{color: #fff;}
.adv .mainCon{margin: 30px auto 0;}
.adv .mainCon .conBox{background: #fff;height: 488px;overflow: hidden;position: relative;}
.adv .mainCon .conBox dl{height: 400px;padding: 40px 0 48px 0;}
.adv .mainCon .conBox dt{float: left;padding-top: 40px;height: 360px;margin-left: 56px;width: 360px;}
.adv .mainCon .conBox dt img{display: block;width: 52px;height: 52px;}
.adv .mainCon .conBox dt h3{font-size: 20px;color: #333333;font-weight: normal;margin-top: 20px;}
.adv .mainCon .conBox dt span{display: block;font-size: 18px;color: #333333;  padding-top: 5px;}
.adv .mainCon .conBox dt i{display: block;width: 66px;height: 2px;background: #000000;margin: 30px 0 40px 0;}
.adv .mainCon .conBox dt p{font-size: 14px;color: #666666;line-height: 25px;}
.adv .mainCon .conBox dd{width: 686px;height: 400px;float: right;margin-right: 40px;}
.adv .menu{width: 100%;margin-top: 33px;border-top: 1px solid #2d2d2d;}
.adv .menu ul{width: 1200px;margin: 0 auto;}
.adv .menu li{float: left;padding-top: 28px;width: 224px;border-right: 1px solid #2d2d2d;text-align: center;height: 84px;}
.adv .menu li:first-child{border-left: 1px solid #2d2d2d;width: 298px;}
.adv .menu li img{display: block;width: 32px;height: 32px;margin: 0 auto;}
.adv .menu li p{font-size: 18px;color: #fff;margin-top: 12px;} 
.adv .menu li.cur{background: #dc0603;}

.adv{width: 100%;background: url(../images/advBg01.jpg) no-repeat center top;height: 819px;}
.adv .mainCon{margin: 0px auto 0;}
.adv .menu{width: 100%;margin-top: 26px;border-top: 1px solid #484848;}
.adv .menu li{float: left;padding-top: 25px;width: 224px;border-right: 1px solid #484848;text-align: center;height: 87px;}
.adv .menu li:first-child{border-left: 1px solid #484848;width: 298px;} 

/*专区产品新添加*/
.RecommendBot-Right ul li.SuoZi a{display:block;width: 291px; height: 298px;}
.RecommendBot-Right ul li.SuoZi h4{padding-top: 82px;}
.RecommendBot-Right ul li.SuoZi a span{height:85px;} 
.RecommendBot-Right ul li.SuoZi a:hover p{color:#dc0603} 
/*大事记*/
.OttoBoxbor em{width:24px;height:21px;cursor: pointer;}.OttoBoxbor em.prev{background:url(../images/OttoBoxBor01.png) no-repeat}
.OttoBoxbor em.prev:hover{background:url(../images/OttoBoxBor01_1.png) no-repeat}
.OttoBoxbor em.next{background:url(../images/OttoBoxBor02.png) no-repeat}
.OttoBoxbor em.next:hover{background:url(../images/OttoBoxBor02_1.png) no-repeat}