/*================= 公共样式 =================*/
body{ font-size:12px; color:#333; font-family:"微软雅黑" , Arial, Helvetica, sans-serif;}
body,ul,li,h1,h2,h3,h4,h5,h6,p,img,dt,dd,dl,form,b,menu,section,input,pre,select,textarea{margin:0; padding:0; border:none;}
ul,li{list-style-type:none;}
input,label,select,option,textarea{font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:14px;outline: none;}
i,em{font-style: normal;}

a{outline: none;}
a:active{star:expression(this.onFocus=this.blur());}

.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}

a:link,a:visited{color: #FFF; text-decoration: none;}
a:hover{color: #FFF; text-decoration: none;}


/*=======================定位样式===========================*/
/* 除IE6浏览器的通用方法 */
.ie6fixedTL{position:fixed;left:0;top:0;}
.ie6fixedBR{position:fixed;right:0;bottom:0;}
/* IE6浏览器的特有方法 */
/* 修正IE6振动bug */
* html,* html body{background-attachment:fixed;}
* html .ie6fixedTL{position:absolute;top:expression(eval(document.documentElement.scrollTop));}
* html .ie6fixedBR{position:absolute;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
/*解决IE6中fixed抖动问题的方法*/
html{_background: url(xx.jpg) fixed; /* 文件不存在亦可以，随便命名 */}

.tbody .size-12{font-size: 12px;}
.tbody .size-14{font-size: 14px;}
.tbody .size-16{font-size: 16px;}
.tbody .size-18{font-size: 18px;}
.tbody .size-20{font-size: 20px;}
.tbody .size-22{font-size: 22px;}
.tbody .size-24{font-size: 24px;}

.tbody .mar-left0{margin-left: 0px;}
.tbody .mar-top0{margin-top: 0px;}
.tbody .mar-top20{margin-top: 20px;}
.tbody .mar-top30{margin-top: 30px;}

.tbody .bg-none{background: none;}




.tbody .fl{float: left;}
.tbody .fr{float: right;}



.tbody{width:100%; display:table; margin: 0 auto; background: #f2f5ee url("../images/bottom_bg.jpg") no-repeat center bottom; overflow: hidden;}
.main{width: 100%; background: url("../images/top_bg.jpg") no-repeat center top; overflow: hidden;}

.main-top{width: 1200px; height: 440px; margin:0 auto; overflow: hidden;}
.main-top p{text-align: right; padding: 40px 10px 10px 0; color: #333;}
.main-top p a{font-size: 14px; color: #333;}
.main-top p a:link,.main-top p a:visited{color: #333; text-decoration: none;}
.main-top p a:hover{color: #333; text-decoration: none;}


.main-nav{width: 100%; height: 100px; margin: 0 auto; overflow: hidden;}
.nav{width: 100%; height: 100px; margin: 0 auto; background: url("../images/nav_big_bg.png") repeat-x left top; overflow: hidden; z-index: 999;}
.nav-1200{width: 1060px; padding: 0 70px; margin: 0 auto; background: url("../images/nav_bg.png") no-repeat left top; overflow: hidden;}
.nav-1200 li{float: left; overflow: hidden;}
.nav-1200 li a{float: left; width: 144px; height: 100px; line-height: 98px; _line-height: 102px; text-align: center; font-size: 20px; overflow: hidden;}
.nav-1200 li a:link,.nav-1200 li a:visited{color: #FFF; text-decoration: none;}
.nav-1200 li a:hover{color: #FFF; text-decoration: none;}
.nav-1200 .check a{background: url("../images/nav_check_bg.png") no-repeat left top;}
.nav-1200 .check-ie6 a{background: url("../images/nav_check_bg.gif") no-repeat left top;}

.main-con{width: 1200px; background: #FFF; margin: 0 auto 200px; overflow: hidden;}

.main-01{width: 1130px; padding: 35px; margin: 0 auto; background: url("../images/fgx.jpg") no-repeat center bottom; overflow: hidden;}
.main-01 h2{width: 100%; height: 60px; overflow: hidden;}
.main-01 h2 span{display: inline-block; width: 530px; height: 60px; background: url("../images/div_tt_01.png") no-repeat;}
.main-01 h2 .span-tt-01{background-position: 0px 0px;}
.main-01 h2 .span-tt-02{background-position: 0px -70px;}
.main-01 h2 .span-tt-03{background-position: 0px -140px;}
.main-01 h2 .span-tt-04{background-position: 0px -210px;}
.main-01 h2 .span-tt-05{background-position: 0px -280px;}
.main-c{width: 1110px; padding: 10px;}
.overview{width: 680px; position: relative;}
.overview .p-text{font-size: 14px; color: #333; line-height: 20px; padding-top: 15px;}
.overview .p-img{width: 380px; height: 240px; padding: 5px; border: #eeeeee 1px solid; overflow: hidden; position: absolute; right: -430px; top: -60px;}




.planning-lf{width: 145px; height: 525px; float: left; background: url("../images/div_02_01_bg.jpg") no-repeat; overflow: hidden;}
.planning-lf li{width: 100%; height: 62px; line-height: 62px; color: #333; font-size: 18px; margin-top: 32px; text-align: center; font-weight: bold; cursor: pointer;}
.planning-lf .on{background: url("../images/div_02_02.png") no-repeat left top; color: #FFF;}
.planning-lf .on-ie6{background: url("../images/div_02_02.gif") no-repeat left top; color: #FFF;}
.planning-rg{width: 920px; height: 490px; margin: 30px 0 0 45px; float: left; overflow: hidden; }
.planning-rg ul li{width: 920px; float: left; overflow: hidden;}



.features-lf{width: 145px; height: 525px; float: left; background: url("../images/div_02_01_bg.jpg") no-repeat; overflow: hidden;}
.features-lf li{width: 100%; height: 62px; line-height: 62px; color: #333; font-size: 16px; margin-top: 20px; text-align: center; font-weight: bold; cursor: pointer;}
.features-lf .on{background: url("../images/div_02_02.png") no-repeat left top; color: #FFF;}
.features-lf .on-ie6{background: url("../images/div_02_02.gif") no-repeat left top; color: #FFF;}
.features-rg{width: 920px; height: 490px; margin: 30px 0 0 45px; float: left; overflow: hidden; position: relative;}
.features-rg ul{position: absolute; left: 0px; top: 0px; width: 5520px;}
.features-rg ul li{width: 920px; float: left; overflow: hidden;}

.merchants{width: 1100px; height: 680px; margin-top: 10px; background: url("../images/div_05_01.jpg") no-repeat; position: relative;}
.merchants-item{width: 180px; overflow: hidden;}
.merchants-item .p-img{width: 180px; height: 104px; overflow: hidden;}
.merchants-item .p-img img{float: left;}
.merchants-item .p-text{font-size: 14px; color: #FFF; padding-top: 5px; line-height: 20px;}
.merchants-item .p-text em{float: left;}
.merchants-item .p-text i{float: right;}
.merchants .position-01{position: absolute; left: 117px; top: 407px;}
.merchants .position-02{position: absolute; left: 518px; top: 387px;}

.strategy{width: 100%; margin-top: 20px; overflow: hidden;}
.strategy h3{font-size: 18px; color: #666; height: 26px; line-height: 26px; overflow: hidden;}
.strategy h3 span{color: #cc0033;}
.strategy ul{width: 100%; padding-top: 10px; overflow: hidden;}
.strategy li{width: 318px; height: 318px; border: #f2f2f2 1px solid; padding: 20px 20px 10px; float: left; margin-left: 15px; overflow: hidden;}
.strategy h4{height: 26px; line-height: 26px; padding: 15px 0 10px; overflow: hidden;}
.strategy h4 span{font-size: 18px; color: #cc0033;}
.strategy h4 em{ color: #999; padding-left: 10px; font-size: 16px; font-weight: normal;}
.strategy p{font-size: 14px; line-height: 24px; color: #666;}


.foot{width:100%; display:table; height: 215px; margin-top: -15px; background: url("../images/foot_bg.png") repeat-x left top; overflow: hidden;}
.foot-main{width: 1200px; margin: 50px auto 0; overflow: hidden;}
.foot-address{float: left; color: #6f7850; line-height: 24px;}
.foot-logo{float: left; padding-left: 150px;}
.foot-ewm{float: right; overflow: hidden;}
.foot-ewm p{float: left; width: 14px; color: #6f7850; line-height: 17px; padding-right: 5px;}