@charset "utf-8";
/* CSS Document */
.indexBanner{height: 560px;width:100%;background: url(../images/banner1.jpg) no-repeat;min-width:1200px;position: relative;}
.indexBanner .soinput{width:100%;height:130px;position:absolute;bottom:0px;left:0px;z-index:1;background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000)}
.soso{width: 1200px;margin: 35px auto 0;background: #fff;border-radius: 35px;}
.soso .city{width: 370px;height: 55px;line-height:55px;font-size:14px;font-family:"微软雅黑";color:#000000;margin-right:10px;border-top-left-radius: 35px;border-bottom-left-radius: 35px;display: block;float: left;}
.soso .rl{display: block;float: left;width: 200px;height:55px;line-height:55px;-0-border-radius:7px;border-left: 1px dashed #cad0d6;}
.soso .rl i,.soso .city i{font-style:normal;font-size:14px;color:#666666;}
.soso input{border: none;outline:none;height: 55px;line-height: 55px;}
.soso .city i{padding: 0px 70px 0px 40px;}
.soso .city input{width: 342px;padding-left: 50px;background: url(../images/mapTime.png) no-repeat 347px 15px;}
/*.soso .rl i{padding:0px 60px 0px 17px;}*/
.soso .rl input{width: 160px;background:url(../images/mapTime.png) no-repeat 132px -42px;}
.soso .ssuo{width: 200px;height: 57px;color:#fff;font-size:18px;outline:none;border:0;cursor:pointer;font-family:"微软雅黑";background: #ef8519;border-top-right-radius: 31px;border-bottom-right-radius: 31px;}
/*推荐和热销*/
.titleBar{padding-top:80px;margin-bottom:50px;width:1200px;margin:0 auto;height:1px;line-height:1px;border-bottom: 1px solid #81a7cf;}
.titleBar i.tt1{display:block;width:160px;height:66px;position:absolute;z-index:33;left:50%;margin-left:-80px;margin-top: -18px;background:url(../images/title1.png) no-repeat;}
.titleBar i.tt2{display:block;width: 225px;height: 53px;position:absolute;z-index:33;left:50%;margin-left:-80px;margin-top: -8px;background:url(../images/title2.png) no-repeat;}
/*切换国家*/
.img-scroll{width: 1200px;height:430px;margin:80px auto;position:relative;}
.img-scroll .prev,.img-scroll .next {position:absolute;display:block;width: 30px;height:40px;top:195px;z-index: 3;}
.img-scroll .prev{left:0;cursor:pointer;margin-left: -45px;background:url(../images/jiantou.png) no-repeat 0px -11px;}
.img-scroll .prev:hover{background:url(../images/jiantou.png) no-repeat 0px -81px;}
.img-scroll .next{right:0;cursor:pointer;margin-right: -45px;background:url(../images/jiantou.png) no-repeat -227px -11px;}
.img-scroll .next:hover{background:url(../images/jiantou.png) no-repeat -230px -74px;}
.img-list {position:relative;width:100%;height:430px;overflow:hidden;}
.img-list ul {position: absolute;margin-left: -30px;z-index: 2;}
.img-list li {float:left;width: 1233px;height:430px;text-align:center;position: relative;}
.img-list li dl{width:380px;float:left;height:430px;margin-left: 30px;}
.img-list li dl dt{width:100%;height:340px;}
.img-list li dl dt img{width:380px;height:340px;}
.img-list li dl dd{height:90px;width:100%;background:#e9e8e8;}
.img-list li dl dd h3{font-size:24px;padding-top:20px;padding-bottom:10px;color:#666666}
.img-list li dl dd p{height:26px;color:#afaeae;}
.img-list li dl:hover dd{background:#044f9f;}
.img-list li dl:hover dd h3{color:#ffffff;}
.img-list li dl:hover dd p{color:#a4b5d3;}

/*hotImg*/
.hotImg{width:1200px;min-height:774px;margin: 40px auto;clear:both;}
.hotLeft{float:left;width:584px;}
.hotRight{float:right;width:584px;}
.hotOne,.hotTwo{height:368px;clear:both;position: relative;margin-top: 40px;margin-bottom: 40px;}
.hotOne img{width:584px;height:368px;}
.hotTwo .twoLeft{float:left;width:274px;}
.hotTwo .twoRight{float:right;width:274px;}
.hotTwo .twoLeft img,.hotTwo  img{width:274px;height:368px;}
.hotOne .mask,.hotTwo .twoLeft .mask{position:absolute;top:0px;left:0px;z-index:2;background:rgba(0,0,0,.5);text-align:center;display:none;}
.hotOne .mask{width:584px;height:368px;}
.hotTwo .twoRight .mask{position:absolute;top:0px;right:0px;z-index:2;background:rgba(0,0,0,.5);text-align:center;display:none;}
.hotTwo .twoRight .mask,.hotTwo .twoLeft .mask{width:274px;height:368px;}
.hotOne:hover .mask,.hotTwo .twoLeft:hover .mask,.hotTwo .twoRight:hover .mask{display:block;}
.mask .mask_name{font-size:24px;color:#fff;line-height:368px;width:100%;height:368px;display:block;}