@charset "utf-8";

#banner { width: 100%; height: 400px; position: relative; background: transparent url('http://img.ubox.cn/web/img/res/banner-index.png?0717') no-repeat left top;}
#banner a { position: absolute; left: 0px; top: 10px; display: block; width: 520px; height: 380px; }
#banner .text { text-indent: -5000px; position: absolute; width: 430px; height: 200px; font-size: 34px; right: -25px; top: 125px; display: block; }
#banner .text h3 { height: 50px; }
#banner .text p { height: 70px; }
#banner #apply-href{ height: 35px; top: 173px; width: 340px; }
.row-1, .row-2 { width: 100%; height: 200px; overflow: hidden; margin-top: 40px;}

.row-1 .span-1, .row-1 .span-2, .row-1 .span-3 { width: 310px; height: 190px; border-top: 10px solid #fbb031; margin-left: 15px; float: left; cursor: pointer; }
.row-1 .section { height: 149px; width: 268px; padding: 20px; border-left: 1px solid #ddd; overflow: hidden; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.row-1 .span-1.first { margin-left: 0px; clear: left; }
.row-1 .section h1 { color: #fbb031; margin: 0 0 5px 0; padding: 0; }
.row-1 .section p { color: #999; font-size: 14px; line-height: 20px; }
.row-1 .section .icon-arrows { display: block; width: 30px; height: 30px; margin-top: 25px; background: transparent url(../Image/jiantou.jpg) -234px -5px no-repeat;  }
.row-1 .section .icon-bd {
	width: 120px;
	height: 165px;
	position: relative;
	left: 150px;
	top: -140px;
	background-color: transparent;
	background-image: url(../Image/biao1.jpg);
	background-repeat: no-repeat;
	background-position: -10px -5px;
}
.row-1 .span-3  .icon-bd { background-position: -10px -5px; }
.row-1 .span-2  .icon-bd { background-position: -150px 0; }
.row-1 .span-1  .icon-bd { background-position: -290px 0; }

.row-2 { height: 120px; margin-bottom: 40px !important; }
.row-2 .span-1 { width: 317px; }
.row-2 .span-2 { width: 325px; }
.row-2 .span-3 { width: 310px; }
.row-2 .span-1, .row-2 .span-2, .row-2 .span-3 { border-right: 1px dashed #ccc; float: left; cursor: pointer; }
.row-2 .span-3.last { border-right: 0px; }

.row-2 .icon-title {width: 60px; height: 60px; float:left;clear: left;background: transparent url('http://img.ubox.cn/web/img/res/icon-machine.png') -68px 1px no-repeat; }

.row-2 .span-1 .icon-title {width: 72px; height: 72px; float:left;clear: left;background: transparent url('http://img.ubox.cn/web/img/res/icon-shopping.png') 0px 0px no-repeat; }
.row-2 .span-2 .icon-title {width: 72px; height: 72px; float:left;clear: left;background: transparent url('http://img.ubox.cn/web/img/res/icon-u.png') 0px 0px no-repeat; }
.row-2 .span-3 .icon-title {width: 72px; height: 72px; float:left;clear: left;background: transparent url('http://img.ubox.cn/web/img/res/icon-i.png') 0px 0px no-repeat; }



.row-2 .span-1 .icon-title {
	width: 72px;
	height: 72px;
	float:left;
	clear: left;
	background-color: transparent;
	background-image: url(../Image/internet.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.row-2 .span-2 .icon-title {
	width: 72px;
	height: 72px;
	float:left;
	clear: left;
	background-color: transparent;
	background-image: url(../Image/wen.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.row-2 .span-3 .icon-title {
	width: 72px;
	height: 72px;
	float:left;
	clear: left;
	background-color: transparent;
	background-image: url(../Image/buy.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.row-2 .span-1 .icon-title { margin: 0 10px 0 8px; }
.row-2 .span-2 .icon-title { /*background-position: -147px 1px;*/ margin: 0px 10px 0 8px; }
.row-2 .span-3 .icon-title { /*background-position: -8px 1px;*/ margin: 0px 10px 0 8px;}
.row-2 .machine-title { overflow: hidden; clear: right; float: left; margin-left: 5px; margin-top: 4px; }
.machine-title h1, .machine-title h2 { color: #696969; font-size: 24px; margin: 0; padding: 0; line-height: 32px; }
.machine-title h2 { font-weight: normal; font-size: 18px; }

.row-2 .fd-detail { clear: left; }
.row-2 .span-1 .fd-detail {  padding: 10px 0px 10px 132px; }
.row-2 .span-2 .fd-detail {  padding: 10px 0px 10px 144px; }
.row-2 .span-3 .fd-detail {  padding: 10px 0px 10px 138px; }
.row-2 .fd-detail a { padding: 3px; background-color: white; color: #fbb031; }
.row-2 .fd-detail a:hover { background-color: white; }

.row-2 .span-1 .span-center { width: 240px; margin: 0 auto; height:72px; }
.row-2 .span-2 .span-center { width: 220px; margin: 0 auto; height:72px; }
.row-2 .span-3 .span-center { width: 220px; margin: 0 auto; height:72px; }
#main-banner { width: 100%; height: 400px; position: relative; overflow: hidden;}

.banner-img { display: inline;}
#banner-page { width: 100%; position: relative; text-align: center; display:none; }
#banner-page ul { list-style: none; }
#banner-page ul li { cursor: pointer; display: inline-block; *display: inline; zoom: 1; color: #fbb031; border: 1px solid #fbb031; background-color: white; width: 20px; height: 14px; line-height: 14px; text-align: center; margin: 0px 2px; }
#banner-page ul li.on { color: white; background-color: #fbb031;}
#banner-page ul li.ishide { color: white; background-color: white; border: 1px solid white;}

.banner-img { display: none; }
#prize .text-prize { width: 180px; height: 220px; position: absolute; top: 140px; left: 740px; }
#prize .prize-pre { margin-top:40px; font-size: 20px; font-weight: bolder; text-align: center; color: #D11921;}
#prize .prize-pre2 { margin-top:10px; font-size: 20px; font-weight: bolder; text-align: center; color: #D11921;}
#prize .prize-title {font-size: 14px; font-weight: bold; margin: 2px auto 0px; text-align: center;}
#prize .prize-type { font-size: 13px; font-weight: bold; margin: 5px auto 0px;}
#prize .prize-more { font-size:13px; font-weight: bold; text-align: right;}
#prize a { color: #D11921; text-decoration: underline; }
#prize a:hover { color: #D11921; }