body{font-size:12px}
.fs14{font-size:14px}
.pRed{color:#f00}

.banner{background-color:#d6d6d6}
.banner1{height:110px;background:url(../images/banner1.jpg) no-repeat}
.banner2{height:147px;background:url(../images/banner2.jpg) no-repeat}
.banner3{height:229px;background:url(../images/banner3.jpg) no-repeat}
.banner3 h3{color:#ffa200;font-size:14px;font-weight:bold;padding:15px 0 10px 130px}
.banner3 p{line-height:23px;padding-left:130px;color:#fff}
.nav{height:45px;min-width:1000px;background:url(../images/nav.png) repeat-x}
.nav li{float:left;width:248px;padding-left:2px;height:45px;background:url(../images/nav.png) no-repeat 0 -90px}
.nav a{display:block;text-align:center;line-height:45px;font-size:14px;text-decoration:none;color:#fff}
.nav a.last{background:url(../images/nav.png) no-repeat right -90px}
.nav li.on{background:url(../images/nav.png) 0 -45px repeat-x }
.nav a.on{color:#ffa200;background:url(../images/ico.png) no-repeat 55px 17px}
.nav a:hover{color:#ffa200}
.nav .interview-on{color:#ffa200;background:url(../images/ico.png) no-repeat 75px 17px}
.container{background-color:#848484}
.content{width:960px;padding:0 20px;margin:0 auto;background-color:#efefef;}
.title{height:21px;background:url(../images/titles.png) no-repeat;margin-bottom:15px;text-indent:-9999px}
.title2{background-position:0 -21px}
.title3{background-position:0 -42px}
.title4{background-position:0 -63px}
.title5{background-position:0 -84px}
.title6{background-position:0 -105px}
.title7{background-position:0 -126px}

.txt{font-size:14px;line-height:25px;}
.section{padding:20px 0}
.sec-line{height:1px;overflow:hidden;background:#fff;border-top:1px solid #bcbcbc;clear:both}
.section1 .txt{text-indent:2em;padding-left:30px;width:680px;}
.section1{position:relative}
.sideBox{position:absolute;width:210px;height:232px;background:url(../images/side.jpg) no-repeat;top:0;right:20px}
.sideBox a{position:absolute;color:#929292}
a.trade, a.regist{width:152px;height:47px;left:30px;top:67px}
a.regist{top:130px}
a.demo{top:195px;left:48px}
a.faq{top:195px;left:118px}

.sec2-line{height:0;overflow:hidden;border-top:1px dashed #c7c7c7;clear:both;margin-bottom:5px}
.sec2-left, .sec2-right{display:inline;float:left}
.sec2-left{width:370px;height:400px}
.sec2-right{width:590px;height:400px}
.img1{height:160px;background:url(../images/img1.png) no-repeat}
a.buy, a.vote{float:left;display:inline;width:119px;height:47px;margin-left:40px}
a.vote{margin-left:25px}
.sec2-left-title{font-weight:bold;padding:10px 0 0 45px}
.sec2-left-note{padding:5px 0 5px 80px}
.sec2-left-txt{width:335px;padding:10px 0 10px 10px;line-height:18px;color:#333333}
.sec2-left-bottom{clear:both;padding:5px 0 0 65px;_padding-top:2px}
.sec2-right-note{color:#808080;padding:10px 0 0 10px}
.img3{height:364px;background:url(../images/img3.png) no-repeat;margin-top:10px}
.img4{height:359px;background:url(../images/img4.png) no-repeat;margin-top:10px}
.img2{height:160px;background:url(../images/img2.png) no-repeat}
.img3 h3, .img4 h3{width:570px;text-align:center;line-height:38px;font-weight:bold;font-size:14px}

.inter-sec1-left{width:650px;margin-right:30px}
.inter-sec1-right{width:280px}
.video-note{color:#333;font-size:14px}
.bg-section{background:url(../images/movie.jpg) no-repeat 760px 18px}

.guandian{line-height:25px;padding:15px 0 15px 20px;border-bottom:1px dashed #c7c7c7}
.guandian-last{padding-bottom:0;border-bottom:0}
.gd-title{font-size:14px;font-weight:bold;padding-bottom:5px}
.wen{color:#808080;line-height:25px}
.da{font-size:14px; }
.da a{color:#0066bb}
.wen-ico, .da-ico{float:left;width:27px;height:15px;position:relative;top:4px}
.wen-ico{background:url(../images/ico.png) no-repeat 5px -42px}
.da-ico{background:url(../images/ico.png) no-repeat 5px -85px}


/*  for interview  */
.top-txt{color:#fe3c00;font-size:14px;padding-bottom:15px}
.inter-sec4-cont{padding:0 0 0 270px;background:url(../images/hf-logo.png) no-repeat 30px 50% }
.inter-sec4-cont p{text-indent:2em;line-height:25px;font-size:14px}
.leftIntro{position:absolute;width:36px;height:382px;background:url(../images/in-intro.png) no-repeat}
.leftIntro a{float:left;display:inline;margin-bottom:6px;width:36px;height:76px}
.leftIntro a.toSec1{height:91px}
.leftIntro a.toTop{height:44px;cursor:pointer}

/*		for all a:hover by default	*/
a:hover{color:#dc0000}