/*
 * author:dss;  date:2017-06-06;
 */
.nav li+li {
    background: url(../../../images/static/baselworld/baselworld_watch/navli_bg.png) no-repeat;
}
/*开屏big-show*/
.big-show{width: 100%; height: 1000px; overflow: hidden; background: url(../../../images/static/baselworld/aside/bg.jpg) no-repeat center center;}
.big-black{position: absolute; left: -460px; top: 242px;  width: 1920px; height: 530px; background: rgba(0,0,0,0.3) url(../../../images/static/baselworld/aside/bg-black.png) no-repeat center center;}
.main-title{ left: 372px; top: 148px;}
.sub-title{ left: 384px; top: 64px;}
.btn-watch{ left: 760px; top: 388px; width: 180px; height: 80px; background: url(../../../images/static/baselworld/aside/btn.png) no-repeat top left;}
.btn-jewelry{ left: 980px; top: 388px; width: 180px; height: 80px; background: url(../../../images/static/baselworld/aside/btn.png) no-repeat top right;}
.ani-left{
	-webkit-animation: fromLeft 1s ease;
	-moz-animation: fromLeft 1s ease;
	-ms-animation: fromLeft 1s ease;
	-o-animation: fromLeft 1s ease;
	animation: fromLeft 1s ease;
}
.ani-right{
	-webkit-animation: fromRight 1s ease;
	-moz-animation: fromRight 1s ease;
	-ms-animation: fromRight 1s ease;
	-o-animation: fromRight 1s ease;
	animation: fromRight 1s ease;
}
.ani-opcity{
	-webkit-animation: opacityShow 1s linear 0.5s both;
	-moz-animation: opacityShow 1s linear 0.5s both;
	-ms-animation: opacityShow 1s linear 0.5s both;
	-o-animation: opacityShow 1s linear 0.5s both;
	animation: opacityShow 1s linear 0.5s both;
}

/*formleft*/
@-webkit-keyframes fromLeft {
	from { 
		-webkit-transform: translateX(-1500px);
	 }
	to { 
		-webkit-transform: translateX(0);
	 }
}
@-o-keyframes fromLeft {
	from { 
		-o-transform: translateX(-1500px);
	 }
	to { 
		-o-transform: translateX(0);
	 }
}
@-moz-keyframes fromLeft {
	from { 
		-moz-transform: translateX(-1500px);
	 }
	to { 
		-moz-transform: translateX(0);
	 }
}
@keyframes fromLeft {
	from { 
		transform: translateX(-1500px);
	 }
	to { 
		transform: translateX(0px);
	 }
}
/*fromRight*/
@-webkit-keyframes fromRight {
	from { 
		-webkit-transform: translateX(1500px);
	 }
	to { 
		-webkit-transform: translateX(0);
	 }
}
@-o-keyframes fromRight {
	from { 
		-o-transform: translateX(1500px);
	 }
	to { 
		-o-transform: translateX(0);
	 }
}
@-moz-keyframes fromRight {
	from { 
		-moz-transform: translateX(1500px);
	 }
	to { 
		-moz-transform: translateX(0);
	 }
}
@keyframes fromRight {
	from { 
		transform: translateX(1500px);
	 }
	to { 
		transform: translateX(0);
	 }
}

/*opacityShow*/
@-webkit-keyframes opacityShow {
	from { 
		opacity: 0;
		filter: alpha(opacity=0);
	 }
	to { 
		opacity: 1;
		filter: alpha(opacity=100);
	 }
}
@-o-keyframes opacityShow {
	from { 
		opacity: 0;
		filter: alpha(opacity=0);
	 }
	to { 
		opacity: 1;
		filter: alpha(opacity=100);
	 }
}
@-moz-keyframes opacityShow {
	from { 
		opacity: 0;
		filter: alpha(opacity=0);
	 }
	to { 
		opacity: 1;
		filter: alpha(opacity=100);
	 }
}
@keyframes opacityShow {
	from { 
		opacity: 0;
		filter: alpha(opacity=0);
	 }
	to { 
		opacity: 1;
		filter: alpha(opacity=100);
	 }
}
/*珠宝页面*/
.banner{height: 720px; margin-bottom: 60px; background: url(../../../images/static/baselworld/baselworld_watch/banner.jpg) center 0 no-repeat;}
.db{display: block; text-indent: -999px; overflow: hidden;}
.tit{display: block; margin: 0 auto; width: 1000px; height: 40px; background-image: url(../../../images/static/baselworld/baselworld_jewelry/tit.png); background-repeat:no-repeat; }
.tit1{background-position: 0 0;}
.tit2{background-position: 0 -40px;}
.tit3{background-position: 0 -80px;}
.tit4{background-position: 0 -120px;}
.pr{position: relative;}
.pa{position: absolute;}
/*.brand-list*/
.wrap{width: 1000px; margin: 0 auto;}
.brand-list{margin-top: 38px; margin-bottom: 120px;}
.brand-list ul{}
.brand-list ul li{width: 200px; height: 100px; overflow: hidden; float: left; margin-bottom: 20px;}
/*.brand-list ul li:hover span{display: none;}*/
/*part2*/
.part2{position: relative; width: 1000px; height: 797px; background: url(../../../images/static/baselworld/baselworld_jewelry/person-bg.png) no-repeat 38px 41px;}
.person1{position: absolute; left: 0; top: 123px; width: 380px; height: 300px; overflow: hidden;}
.person2{position: absolute; left:  137px; top: 367px;}
.person3{position: absolute; right: 0; top: 403px; width: 345px; height: 394px; overflow: hidden;}
.name{font-size: 12px; color: #fff; line-height: 26px; text-align: center;}
.name1{position: absolute; left: 100px; top: 360px;}
.name2{position: absolute; left: 96px; top: 550px; color: #000;}
.name3{position: absolute; left: 760px; top: 760px;}
.info{font-size: 14px; line-height: 26px; color: #000;}
.info1{position: absolute; left: 414px; top: 193px; width: 430px;}
.info1 a{color: #f36279;}
/*part3*/
.part3{position: relative; width: 1000px; height: 530px; margin-bottom: 100px; background: url(../../../images/static/baselworld/baselworld_jewelry/part3-bg.png) no-repeat 10px 9px;}
.name2-1{position: absolute; left: 100px; top: 420px; font-size: 18px; color: #fff;}
.info2-1{position: absolute; left: 400px; top: 160px; width: 520px;}
/*part4*/
.part4{ margin-top: 38px; margin-bottom: 80px;}
.part4-inner{position: relative; width: 1000px; height: 480px;}
.part4-pic{position: absolute; left: 0; top: 0; width: 710px; height: 480px; overflow: hidden;}
.part4-pic ul{margin-top: -1px;}
.part4-pic ul li{}
.cover-white{position: absolute; right: 0; top: 0; width: 122px; height: 480px; background: url(../../../images/static/baselworld/baselworld_jewelry/cover.png)}
.part4-info{position: absolute; right: 0; top: 0; overflow: hidden;}
.part4-info ul{margin-top: -1px;}
.part4-info ul li{padding: 8px 0; border-top: 1px solid #e5e5e5}
.part4-info ul li:hover i{display: none;}

.part4-info ul li div{height: 64px; overflow: hidden; }
.part4-info ul li i{display: block; padding: 10px 0; text-align: right;}
.part4-info ul li em{display: block; padding: 10px 0; text-align: right;}
.part4-info ul li span a{font-size: 12px; line-height: 20px; color: #999999;}
.part4-info ul li:hover span a{color: #f36279;}
.part4-info ul li.one{margin-left: 100px; width: 280px;}
.part4-info ul li.two{margin-left: 80px; width: 300px;}
.part4-info ul li.three{margin-left: 50px; width: 330px;}
.part4-info ul li.four{margin-left: 10px; width: 370px;}

/*part5*/
/*p5-nav*/
.part5{margin-bottom: 45px;}
.p5-nav{width: 200px; float: left;}
.p5-nav ul{}
.p5-nav ul li{cursor: pointer; width: 200px; height: 140px; line-height: 140px; font-size: 24px; text-align: center; margin-bottom: 10px; background: url(../../../images/static/baselworld/baselworld_jewelry/nav.png);}
.p5-nav ul li.spa{line-height: 30px; height: 60px; padding: 40px 0;}
.p5-nav ul li.act{color: #aa9868; background: url(../../../images/static/baselworld/baselworld_jewelry/nav-hover.png);}
/*p5-cont*/
.p5-cont{position: relative; float: right; width: 790px; height: 625px; background: url(../../../images/static/baselworld/baselworld_jewelry/cont.png) no-repeat 0 0;}
.the{position: absolute; width: 790px; height: 590px; display: none;}
/*.theone,.thetwo,.thethree,.thefour,.thefive*/
.theone{display: block;}
.thetwo{}
.thethree{}
.thefour{}
/*public*/
.intro{font-size: 12px; line-height: 26px; text-align: justify; color: #666666;}
/*one*/
.one-tit{left: 32px; top: 36px;}
.one-info{left: 35px; top: 107px; width: 300px; text-align: justify; color: #101010;}
.one-intro{left: 368px; top: 405px; }
.one-pic{width: 400px; height: 300px; overflow: hidden; left: 357px; top: 90px;}
/*two*/
.two-tit{left: 32px; top: 36px;}
.two-info{left: 40px; top: 77px; width: 720px; text-align: justify; color: #101010;}
.two-intro1{left: 188px; top: 504px; }
.two-intro2{left: 98px; top: 504px; }
.two-intro3{left: 428px; top: 504px; }
.two-pic1{width: 390px; height: 270px; overflow: hidden; left: 187px; top: 205px;}
.two-pic2{width: 307px; height: 307px; overflow: hidden; left: 47px; top: 205px;}
.two-pic3{width: 307px; height: 307px; overflow: hidden; left: 397px; top: 205px;}
/*three*/
.three-tit{left: 330px; top: 66px;}
.three-info{left: 330px; top: 122px; width: 420px; text-align: justify; color: #101010;}
.three-intro{left: 333px; top: 508px; }
.three-pic1{width: 280px; height: 509px; overflow: hidden; left: 31px; top: 37px;}
.three-pic2{width: 192px; height: 140px; overflow: hidden; left: 331px; top: 353px;}
.three-pic3{width: 200px; height: 125px; overflow: hidden; left: 545px; top: 268px;}
.three-two-tit{left: 32px; top: 36px;}
.three-two-info{left: 40px; top: 77px; width: 720px; text-align: justify; color: #101010;}
.three-two-intro2{left: 35px; top: 504px; }
.three-two-intro3{left: 460px; top: 504px; }
.three-two-pic2{width: 310px; height: 270px; overflow: hidden; left: 47px; top: 205px;}
.three-two-pic3{width: 259px; height: 282px; overflow: hidden; left: 457px; top: 215px;}
/*four*/
.four-tit1{left: 32px; top: 36px;}
.four-tit2{left: 394px; top: 56px;}
.four-tit3{left: 331px; top: 67px;}
.four-info1{left: 33px; top: 85px; width: 720px; text-align: justify; color: #101010;}
.four-info2{left: 394px; top: 130px; width: 353px; text-align: justify; color: #101010;}
.four-info3{left: 331px; top: 114px; width: 430px; text-align: justify; color: #101010;}
.four-intro1{left: 208px; top: 480px;  text-align: center;}
.four-intro2{left: 35px; top: 350px;  text-align: left;}
.four-intro3{left: 67px; top: 511px;  text-align: right;}
.four-intro4{left: 334px; top: 484px;  text-align: left;}
.four-pic1{width: 311px; height: 270px; overflow: hidden; left: 47px; top: 205px;}
.four-pic2{width: 310px; height: 270px; overflow: hidden; left: 397px; top: 205px;}
.four-pic3{width: 320px; height: 270px; overflow: hidden; left: 30px; top: 55px;}
.four-pic4{width: 310px; height: 270px; overflow: hidden; left: 445px; top: 335px;}
.four-pic5{width: 280px; height: 493px; overflow: hidden; left: 31px; top: 38px;}
.four-pic6{width: 196px; height: 150px; overflow: hidden; left: 329px; top: 316px;}
.four-pic7{width: 310px; height: 270px; overflow: hidden; left: 549px; top: 316px;}

.point-box{position: absolute; left: 0; bottom: -35px; width: 790px; height: 15px; padding: 10px 0;}
.point{position: relative; left: 50%; float: left; clear:left;}
.point ul{position: relative; right: 50%;}
.point ul li{width: 15px; height: 15px; float: left; cursor: pointer; margin: 0 5px; background-image: url(../../../images/static/baselworld/baselworld_jewelry/point.png); background-position: top right;}
.point ul li.act{background-position: top left;}
/*part6*/
.part6{width: 998px; height: 758px; border: 1px solid #e5e5e5; margin-bottom: 100px;}
.part6-top{padding: 0 19px; width: 960px; overflow: hidden;}
.part6-top ul{width: 975px;}
.part6-top ul li{height: 56px; line-height: 56px; margin-right: 15px; font-size: 18px; cursor: pointer; color: #999; background-image: url(../../../images/static/baselworld/baselworld_jewelry/bold-line.png); background-repeat: no-repeat; background-position: bottom right; text-align: center; width: 180px; float: left;}
.part6-top ul li.active{color: #101010; background-position: bottom left;}
.part6-bottom{width: 1000px; height: 704px; position: relative;}
.part6-bottom ul{}
.part6-bottom ul li{display: none; position: absolute; left: 0; top: 0; width: 1000px; height: 704px;}

/*aaa*/
.aaa-tit{left: 445px; top: 87px;}
.aaa-info{left: 443px; top: 132px; width: 520px; text-align: justify; color: #101010;}
.aaa-pic1{width: 360px; height: 215px; overflow: hidden; left: 47px; top: 105px;}
.aaa-pic2{width: 494px; height: 198px; overflow: hidden; left: 56px; top: 395px;}
.aaa-pic3{width: 366px; height: 302px; overflow: hidden; left: 588px; top: 263px;}
.aaa-intro1{left: 52px; top: 330px;  text-align: left;}
.aaa-intro2{left: 53px; top: 603px;  text-align: left;}
.aaa-intro3{left: 606px; top: 558px;  text-align: left;}

/*bbb*/
.bbb-tit{left: 445px; top: 87px;}
.bbb-info{left: 443px; top: 132px; width: 520px; text-align: justify; color: #101010;}
.bbb-pic1{width: 354px; height: 210px; overflow: hidden; left: 30px; top: 125px;}
.bbb-pic2{width: 357px; height: 185px; overflow: hidden; left: 136px; top: 414px;}
.bbb-pic3{width: 356px; height: 224px; overflow: hidden; left: 558px; top: 348px;}
.bbb-intro1{left: 52px; top: 350px;  text-align: left;}
.bbb-intro2{left: 193px; top: 623px;  text-align: left;}
.bbb-intro3{left: 628px; top: 618px;  text-align: left;}
/*ccc*/
.ccc-tit{left: 445px; top: 87px;}
.ccc-info{left: 443px; top: 132px; width: 520px; text-align: justify; color: #101010;}
.ccc-pic1{width: 380px; height: 220px; overflow: hidden; left: 47px; top: 55px;}
.ccc-pic2{width: 228px; height: 212px; overflow: hidden; left: 87px; top: 385px;}
.ccc-pic3{width: 235px; height: 300px; overflow: hidden; left: 588px; top: 302px;}
.ccc-intro1{left: 38px; top: 290px;  text-align: left;}
.ccc-intro2{left: 38px; top: 608px;  text-align: left;}
.ccc-intro3{left: 488px; top: 628px;  text-align: left;}
/*ddd*/
.ddd-tit{left: 396px; top: 87px;}
.ddd-info{left: 394px; top: 132px; width: 380px; text-align: justify; color: #101010;}
.ddd-pic1{width: 320px; height: 320px; overflow: hidden; left: 36px; top: 48px;}
.ddd-pic2{width: 320px; height: 179px; overflow: hidden; left: 36px; top: 454px;}
.ddd-pic3{left: 800px; top: 65px;}
.ddd-pic4{left: 414px; top: 341px;}
.ddd-pic5{left: 698px; top: 450px;}
.ddd-intro1{left: 48px; top: 370px;  text-align: left;}
.ddd-intro2{left: 46px; top: 637px;  text-align: left;}
.ddd-intro3{left: 424px; top: 520px;  text-align: left;}
.ddd-intro4{left: 788px; top: 332px;  text-align: left;}
.ddd-intro5{left: 688px; top: 611px;  text-align: left;}

/*eee*/
.eee-tit1{left: 42px; top: 77px;}
.eee-tit2{left: 540px; top: 77px;}
.eee-info1{left: 42px; top: 122px; width: 423px; text-align: justify; color: #101010;}
.eee-info2{left: 541px; top: 122px; width: 414px; text-align: justify; color: #101010;}
.eee-pic1{width: 190px; height: 193px; overflow: hidden; left: 41px; top: 248px;}
.eee-pic2{width: 212px; height: 158px; overflow: hidden; left: 255px; top: 267px;}
.eee-pic3{width: 236px; height: 138px; overflow: hidden; left: 40px; top: 494px;}
.eee-pic4{width: 190px; height: 117px; overflow: hidden; left: 541px; top: 391px;}
.eee-pic5{width: 200px; height: 200px; overflow: hidden; left: 756px; top: 393px;}
.eee-intro1{left: 48px; top: 444px;  text-align: left;}
.eee-intro2{left: 262px; top: 427px;  text-align: left;}
.eee-intro3{left: 292px; top: 585px;  text-align: left;}
.eee-intro4{left: 550px; top: 510px;  text-align: left;}
.eee-intro5{left: 764px; top: 592px;  text-align: left;}
/**/
.part7{margin-bottom: 120px;}
/*.try{margin: 110px 0 125px 0;}*/
.try_box{margin-top: 40px;width: 1000px;height: 476px;overflow: hidden;}
.try_container{height: 445px;width: 2828px;overflow: hidden;}
.try_container ul li{float: left;width: 300px;height: 445px;}
.try_container ul li+li{margin-left: 16px;}
.try_container ul li a{display: block;width: 300px;height: 400px;overflow: hidden; cursor: default;}
.try_container ul li span{display: block;line-height: 26px;color: #666;margin-top: 12px;text-align: center;}
#try_box .mCSB_dragger_bar{height: 6px;background: #fab6c4;border-radius: 5px;margin-top: 5px;}
#try_box .mCSB_draggerRail{background: #fab6c4;height: 1px;}

.aside{position: absolute;top: 900px;right: 50%;margin-right: -780px;width: 200px;}
.wei{position: absolute;width: 15px;height: 22px;top: 53px;left: 4px;background: url(../../../images/static/baselworld/aside/wei2.png) 0 0 no-repeat;}
.aside_item{margin: 10px 0 0 11px;padding-left: 18px;width: 180px;height: 85px;border-left: 1px dashed #d0d0d0;}
.aside_item a{display: block;font-size: 15px;line-height: 23px;color: #999;}
.aside_item a:hover,.aside_item a.act{font-weight: bold;color: #101010;}
.toTop{display: block;width: 105px;height: 30px;background: url(../../../images/static/baselworld/aside/toTop.png) 0 0 no-repeat;}
.jew_sel,.watch_sel{position: relative;margin-top: 12px;width: 160px;height: 80px;overflow: hidden;}
.jew_sel p,.watch_sel p{position: absolute;top: 0;left: 0;width: 160px;height: 80px;line-height: 80px;color: #fff;text-align: center;font-size: 18px;font-weight: bold;background: #000;opacity: 0.5;filter: alpha(opacity=50);display: none;}
.jew_sel:hover p,.watch_sel:hover p{display: block;}


/*to big*/
.person1 img,
.person2,
.person3 img,
.part4-pic li img,
.two-pic1 img,
.two-pic2 img,
.two-pic3 img,
.three-pic1 img,
.three-pic2 img,
.three-pic3 img,
.three-two-pic2 img,
.three-two-pic3 img,
.four-pic1 img,
.four-pic2 img,
.four-pic3 img,
.four-pic4 img,
.four-pic5 img,
.four-pic6 img,
.four-pic7 img,
.aaa-pic1 img,
.aaa-pic2 img,
.aaa-pic3 img,
.bbb-pic1 img,
.bbb-pic2 img,
.bbb-pic3 img,
.ccc-pic1 img,
.ccc-pic2 img,
.ccc-pic3 img,
.ddd-pic1 img,
.ddd-pic2 img,
.ddd-pic3,
.ddd-pic4,
.ddd-pic5,
.eee-pic1 img,
.eee-pic2 img,
.eee-pic3 img,
.eee-pic4 img,
.eee-pic5 img
{
	-webkit-transition:-webkit-transform 500ms;
	-moz-transition:-moz-transform 500ms;
	-ms-transition:-ms-transform 500ms;
	transition:transform 500ms;
}

.person1:hover img,
.person2:hover,
.person3:hover img,
.part4-pic li:hover img,
.two-pic1:hover img,
.two-pic2:hover img,
.two-pic3:hover img,
.three-pic1:hover img,
.three-pic2:hover img,
.three-pic3:hover img,
.three-two-pic2:hover img,
.three-two-pic3:hover img,
.four-pic1:hover img,
.four-pic2:hover img,
.four-pic3:hover img,
.four-pic4:hover img,
.four-pic5:hover img,
.four-pic6:hover img,
.four-pic7:hover img,
.aaa-pic1:hover img,
.aaa-pic2:hover img,
.aaa-pic3:hover img,
.bbb-pic1:hover img,
.bbb-pic2:hover img,
.bbb-pic3:hover img,
.ccc-pic1:hover img,
.ccc-pic2:hover img,
.ccc-pic3:hover img,
.ddd-pic1:hover img,
.ddd-pic2:hover img,
.ddd-pic3:hover,
.ddd-pic4:hover,
.ddd-pic5:hover,
.eee-pic1:hover img,
.eee-pic2:hover img,
.eee-pic3:hover img,
.eee-pic4:hover img,
.eee-pic5:hover img
{
	-webkit-transform:scale(1.06);
	-moz-transform:scale(1.06);
	-ms-transform:scale(1.06);
	transform:scale(1.06);
}