@charset "utf-8";
/*flash*/
.flash{height:310px; z-index:8}
.flashContent{width:758px;height:310px}
.slide{height:310px;overflow:hidden;position:relative}
.slidePic{background:url(../images/l5.gif) 50% 50% no-repeat;height:310px;width:100%}
.slidePic a{display:block;height:100%}
.slideItem{position:absolute;z-index:10;left:46%; bottom:10px;overflow:hidden}
.slideItem li{background-position:-271px -348px;width:12px;height:12px;margin-left:10px;text-indent:-10000px;overflow:hidden;cursor:pointer;float:left}
.slideItem li.on{background-position:-234px -349px}

/*flashInf*/
.flashInf{background:url(../images/common/flashBg.png) #376e82 left repeat-y; height:310px; width:262px}
.flashInf h3{color:#fff;font-size:20px;text-align:center; font-weight:normal;height:50px;line-height:50px;background:url(../images/common/flashLine.png) repeat-x bottom}
.flashInf dl{padding:5px 20px; font-size:16px; color:#fff}
.flashInf dt{height:30px; line-height:30px}
.flashInf code{color:#f47504; font-weight:bold}
.flashInf a,.down a,.register{width:180px; height:60px; display:inline-block; line-height:50px; text-align:center; font-size:26px; color:#fff; font-weight:normal; cursor:pointer;}
.flashInf a,.down a{margin:20px 0 0 20px;}
.flashInf a.regLink,.down a,a.register{background-position:-204px 0}
.flashInf a.regLink:hover,.down a:hover,a.register:hover{background-position:0 0}
.flashInf a{background:url(../images/common/btns1.png) no-repeat;display:inline-block}
.flashInf a.regLink{background-position:-222px 0px }
.flashInf a.regLink:hover{background-position:-0px -0px}
.flashInf a.downLink{background-position:-222px -63px}
.flashInf a.downLink:hover{background-position:-0px -63px}


/*function*/
.function{height:300px; padding-top:20px}
.fun{margin:10px 30px 20px 0; height:140px; width:310px}
.fun p{width:122px; height:120px; margin-right:10px; float:left}
.fun p.funIcon_1{background-position:0 -67px}
.fun p.funIcon_2{background-position:-140px -67px}
.fun p.funIcon_3{background-position:-279px -68px}
.fun p.funIcon_4{background-position:0 -212px}
.fun p.funIcon_5{background-position:-138px -212px}
.fun p.funIcon_6{background-position:-279px -212px}
.fun dt{font-size:18px; color:#333; padding:10px 0}
.fun dd{font-size:12px; color:#999; line-height:20px}

/*companyNews*/
.companyNews{width:470px; height:320px}
.companyNews code a{font-size:12px; line-height:40px; color:#999; font-weight:normal}
.companyNews dl{margin-bottom:5px}
.companyNews dt{font-size:14px; background:url(../images/common/arrow.png) no-repeat left; padding-left:6px; height:24px; margin-bottom:2px}
.companyNews a{color:#555; width:300px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.companyNews cite{color:#999; font-style:inherit; font-size:12px}
.companyNews dd{overflow:hidden; height:24px; width:470px; white-space:nowrap; text-overflow:ellipsis;text-indent:6px;color:#999; font-size:12px}

/*onCase*/
.onCase{height:140px}
.scrollable{position:relative; overflow:hidden;width:970px;height:46px;margin-top:30px}
.items {width:1000em; position: absolute;}
.items .item {width:970px; float:left;display:inline}
.items .item li{width:134px; float:left;display:inline;margin-left:22px}
.onCase a.prev,.onCase a.next{position:absolute;width:29px;display:inline-block;height:29px;top:78px; z-index:10}
.onCase a.prev{background-position:0 -340px;left:0}
.onCase a.prev:hover{background-position:-118px -340px}
.onCase a.next{background-position:-60px -340px;right:0}
.onCase a.next:hover{background-position:-178px -340px}
.onCase a,.friendship a{font-size:12px; color:#999; font-weight:normal}

/*prodouct*/
.prodouct h4{font-size:24px; margin:14px 10px; color:#555; font-weight:normal}
.prodouct h5{font-size:14px; margin:0 10px; color:#999; font-weight:normal; line-height:24px; border-bottom:1px solid #eee; padding-bottom:10px}
.prodouct ul{margin:5px auto; width:750px}
.prodouct dl{width:340px; margin-left:10px}
.prodouct dt{color:#555; font-size:24px; margin-bottom:14px}
.prodouct dd{color:#666; font-size:15px; line-height:24px; margin-bottom:10px}
.prodouct li{border-bottom:1px solid #e5e5e5; padding:40px 0; float:left; width:750px}
.prodouct a{font-size:16px; font-size:16px; background:url(../images/common/blueArrow.png) no-repeat right; color:#48a6f5; padding-right:10px}
.prodouct .onLine{border-bottom:none}

/*price*/
.price{margin:20px auto; height:390px}
.priceItem{float:left;idth:240px; height:360px}
.priceItem dl,.priceItem p,.funList p{background:url(../images/common/priceIcon.png) no-repeat; display:inline-block}
.priceItem dl{width:240px; height:98px; text-align:center; color:#fff}
.priceItem dt{height:48px; line-height:48px; font-size:26px}
.priceItem dd{height:48px; line-height:48px; font-size:16px}
.priceItem strong{font-size:24px}
.priceItem ul{border:solid #ccc; border-width:0 1px 0 1px; width:218px; background-color:#fff; height:255px; padding:10px; position:relative}
.priceItem li{line-height:22px; margin-bottom:10px; font-size:14px; color:#666}
.priceItem dl.dlIcon_1{background-position:0 0}
.priceItem dl.dlIcon_2{background-position:-285px 0}
.priceItem dl.dlIcon_3{background-position:-560px 0}
.priceItem dl.dlIcon_4{background-position:0 -115px}
.priceItem p{width:240px; height:7px; background-position:-285px -115px}
.priceItem i{padding-right:5px;display:inline-block;width:7px;height:10px;background:url(../images/common/blueArrow.png) right no-repeat;vertical-align:middle}
.margin16{margin-right:19px}
a.priceBtn1,a.priceBtn2,a.priceBtn3,a.priceBtn4{position:absolute;left:50px;line-height:36px;bottom:6px;display:inline-block;font-size:16px;text-align:center;height:36px; width:130px; color:#fff}
a.priceBtn1{background-color:#56b60e}
a.priceBtn1:hover{background-color:#68ca1e}
a.priceBtn2{background-color:#f6ba18}
a.priceBtn2:hover{background-color:#fa9b06}
a.priceBtn3{background-color:#4eadd2}
a.priceBtn3:hover{background-color:#2eb8ee}
a.priceBtn4{background-color:#f3543e}
a.priceBtn4:hover{background-color:#ff5038}
a.priceLink{color:#18addc}

/*webFunction*/
.webFunction{margin:20px auto; height:900px}
.funList{width:300px; height:100px; float:left; margin:15px 20px}
.funList p{width:80px; height:80px; margin-right:12px; float:left}
.funList dt{color:#444; font-size:16px; margin-bottom:4px}
.funList dd{color:#888; font-size:14px}
.funList p.flIcon_1{background-position:-285px -137px}
.funList p.flIcon_2{background-position:-401px -137px}
.funList p.flIcon_3{background-position:-512px -137px}
.funList p.flIcon_4{background-position:0 -226px}
.funList p.flIcon_5{background-position:-620px -137px}
.funList p.flIcon_6{background-position:-720px -137px}
.funList p.flIcon_7{background-position:-104px -226px}
.funList p.flIcon_8{background-position:-212px -226px}
.funList p.flIcon_9{background-position:-312px -226px}
.funList p.flIcon_10{background-position:-413px -226px}
.funList p.flIcon_11{background-position:-513px -226px}
.funList p.flIcon_12{background-position:-616px -226px}
.funList p.flIcon_13{background-position:-720px -226px}
.funList p.flIcon_14{background-position:-212px -320px}
.funList p.flIcon_15{background-position:0 -320px}
.funList p.flIcon_16{background-position:-104px -320px}

/*cooperation*/
#cooperation{height:200px; width:740px}
.cooperation ul{margin:20px}
#cooperation ul{margin:10px}
.cooperation li{margin:20px; float:left}
#cooperation li{margin:5px; float:left}
.cooperation dl{float:left; width:130px; height:90px; margin:10px; text-align:center; font-size:14px}
.assess{width:700px; margin:10px auto}
.assess dl{margin:10px 0; padding:10px 0}
.assess dd{font-size:14px; color:#666; line-height:24px}

.keCase{width:740px; margin-left:10px}
.keCase dl{float:left; font-size:12px; margin:10px 0 10px 10px}
.keCase dd{ height:24px; line-height:24px; text-align:center}

/*openOrder*/
.openOrder{width:760px; height:300px}
.openOrder dl{float:left; background:url(../images/common/productLine2.png) repeat-y right; height:200px; position:relative;padding-right:6px}
.margin20{margin:20px 6px}
.openOrder dl.last{background-image:none; margin-top:20px}
.openOrder dt{width:160px; height:35px; display:inline-block; margin-bottom:10px}
.openOrder dt.day7{background-position:-225px -286px}
.openOrder dt.qqVersion{background-position:-225px -331px}
.openOrder dt.limitless{background-position:-225px -374px}
.openOrder dt.high{background-position:-225px -418px}
.keIcon{width:32px; height:38px; background-position:0 -418px; display:inline-block; position:absolute;top:110px; right:85px}

.openOrder dd{color:#666; line-height:24px; font-size:14px; width:158px}
.openOrder a{height:24px; position:absolute; line-height:24px; font-size:12px; text-align:center; padding:0 6px; bottom:0}
.openOrder a.nowUse{background-color:#59c46c; color:#fff; font-weight:bold; left:0}
.openOrder a.nowUse:hover{background-color:#FE6400}
.openOrder a.lookInf{background-color:#dcdcdc; color:#666; right:10px}
.openOrder a.lookInf:hover{ background-color:#FE6400; color:#fff}
.openOrder a.kefLink{background-color:#FE6400; color:#fff; font-weight:bold;right:50px}
.openOrder a.kefLink:hover{ background-color:#59c46c; color:#fff}
.openOrder img{vertical-align:middle; margin-right:5px}

.usre{margin:10px 0; position:relative; width:760px}
.usre a{width:135px; height:44px; display:inline-block; top:20px; text-align:center; position:absolute; font-size:18px; line-height:42px; color:#fff}
.usre a.usre_1{left:150px}
.usre a.usre_2{right:150px}
.usre dl{padding:10px 0 0 40px}
.usre dd{font-size:16px; color:#666; line-height:30px}

/*open*/
.open{margin:20px 0; width:760px; height:420px}
.accoutList{width:200px; border:1px solid #e5e5e5;border-radius:6px; background-color:#fff; height:300px; float:left; margin-top:10px}
.margin30{margin-left:40px}
.accoutList dl{height:70px; background-color:#31a808; text-align:center; color:#fff}
.accoutList dt{height:35px; font-size:18px; line-height:35px}
.accoutList dd{height:35px; font-size:14px; line-height:35px;padding-bottom:10px}
.accoutList li{font-size:16px; text-align:center; color:#666; height:34px; line-height:34px}
.accoutList code{color:#1687e7; margin-right:10px}
.accoutList a{height:30px; display:block; border-radius:6px; line-height:30px; font-size:16px; text-align:center; margin:10px auto; width:140px; color:#fff}
.accoutList a.accout_1{background-color:#ff9300}
.accoutList a.accout_1:hover{background-color:#ffba00}
.accoutList a.accout_2{background-color:#5c5c5c}
.accoutList a.accout_2:hover{background-color:#6e6e6e}

/*case*/
.usreCase{width:760px; margin:20px 0}
.caseList{margin:70px 20px 10px 60px; float:left; width:290px; height:350px; border:solid #eee; border-width:1px 2px 2px 1px; background-color:#fff;position:relative}
.caseList h2{width:115px;height:116px; position:absolute;top:-50px;left:80px;z-index:20}
.caseList dl{padding:60px 20px 10px 20px; font-size:12px; position:relative}
.caseList dt{padding-top:20px; color:#666; font-size:20px; text-align:center}
.caseList dd{padding:10px 0; font-size:12px; line-height:24px; color:#666}

/*down*/
.down{width:720px; margin:0 0 10px 20px;background-color:#f4f4f4; height:220px}
.down p{width:58px;height:48px; background-position:-57px -420px; margin:60px 30px 0 40px}
.down dl{margin:20px 0 0 20px}
.down dd{color:#666; font-size:16px; line-height:34px}
.down a{margin:60px 0 0 60px}

.handbook{width:720px; margin:0 0 30px 20px}
.handbook ul{padding:0 20px}
.handbook li{border-bottom:1px dashed #dbdbdb;font-size:14px; height:34px; line-height:34px;padding:0 20px}
.handbook li a{color:#666}

/*agency*/
.agency{margin:20px auto 40px auto; width:900px; height:550px; position:relative}
.agency dl{border:1px solid #E5E5E5; width:200px; height:195px; background-color:#fff; position:absolute}
.agencyDl_1{top:20px; left:250px}
.agencyDl_2{top:20px; right:50px}
.agencyDl_3{bottom:20px; right:50px}
.agencyDl_4{bottom:20px; left:250px}
.agency dt,.agency p,.agent_1,.agent i,.agent_2,.agent_3,.agent_4,.agent_5,.funInf a{background:url(../images/common/leagueIcon.png) no-repeat; display:inline-block}
.agency dt{width:105px; height:105px; margin:20px auto; display:block}
.agency dt.agencyIcon_1{background-position:0 0}
.agency dt.agencyIcon_2{background-position:-133px 0}
.agency dt.agencyIcon_3{background-position:-264px 0}
.agency dt.agencyIcon_4{background-position:-395px 0}
.agency p{width:57px; height:57px; position:absolute}
.agency p.arrow_1{background-position:0 -123px; top:80px; left:520px}
.agency p.arrow_2{background-position:-101px -122px; top:250px; right:120px}
.agency p.arrow_3{background-position:-200px -123px; bottom:100px; right:320px}
.agency p.arrow_4{background-position:-311px -122px; top:250px; left:320px}
.agency dd{height:50px; background-color:#f4f0f1; text-align:center; font-size:18px; line-height:50px; color:#666}

/*agent*/
.agent{width:1020px; height:320px; position:relative}
.agent li{float:left;margin:0 5px 0 50px; height:75px; color:#fff; font-size:20px; line-height:70px; text-align:center}
.agent i.agentArrow{width:48px; height:34px; background-position:-420px -123px; margin-top:20px}
.agent i.agentArrow2{width:33px; height:48px; background-position:-442px -176px; position:absolute; right:130px; top:90px}
.agent i.agentArrow3{width:48px; height:33px; background-position:-452px -255px; position:absolute; right:240px; top:170px}
.agent_1{background-position:0 -197px;width:220px; text-indent:25px}
.agent_2{background-position:-248px -197px;width:153px; text-indent:25px}
.agent_3{background-position:0 -285px;width:229px; text-indent:25px}
.agent_4{background-position:-258px -284px;width:170px; text-indent:25px; position:absolute; right:45px; top:150px;}
.agent_5{background-position:0 -372px;width:180px; position:absolute; right:300px; top:150px; text-indent:30px}
.agent dl{osition:absolute; left:50px; top:80px;width:450px; height:260px; position:absolute}
.agent dt{font-size:18px; color:#666; padding:10px 0; height:20px; width:450px}
.agent dd{font-size:14px; color:#666;width:450px; line-height:24px}

.ensure{margin:900px; margin:20px 20px 0 120px; height:300px}
.ensure p{width:276px; height:260px; margin-right:30px}
.ensure dl{color:#666; line-height:34px; font-size:16px; width:800px}

.agentContent{height:600px}
.agentFrom{width:480px}
.agentFrom dt{text-align:center; color:#666; font-size:16px; margin-bottom:20px}
.agentFrom dd{margin:10px 0 0 35px; color:#666; position:relative}
.agentInput{border:1px solid #d8d8d8; height:30px; line-height:30px; width:210px; color:#999; text-indent:5px}
.onTxt{border:1px solid #31a808; height:30px; width:210px; color:#333; text-indent:5px; line-height:30px}
.agentFrom span{color:#666; font-size:14px; display:inline-block; width:90px; margin-right:6px; text-align:right}
.agentFrom sub,.reg sub{color:#f87405; font-size:14px; font-weight:bold; margin-right:4px; vertical-align: text-top}

/*help*/
.help{margin-left:50px; width:700px}
.help dt{margin-bottom:5px;font-size:14px; border-bottom:1px dashed #DADADA; line-height:30px; padding-bottom:4px;padding-left:14px; cursor:pointer}
.downIcon{background:url(../images/common/arrowHelp.jpg) left no-repeat}
.upIcon{background:url(../images/common/arrowHelpDown.png) left no-repeat}
.help dt a{color:#666}
.help dd a{color:#2e800f}
.help dd{color:#2e800f; font-size:14px; line-height:24px; margin:10px 0 10px 20px; display:none}
.help dd.current{display: block}

/*company*/
.company{width:700px;margin-left:50px}
.company p{font-size:15px; color:#666; line-height:30px; text-indent:50px}
.company ul{height:140px; margin:20px 0}
.company span{font-size:16px; color:#666; display:inline-block; width:220px; height:30px; margin-bottom:10px}
.company dl{margin-bottom:20px; color:#666}
.company dt{margin-bottom:10px; color:#444; font-size:16px; font-weight:bold}
.company dd{color:#666; font-size:14px; padding-left:20px; line-height:28px}

/*job*/
.job,.jobInf{width:720px; margin:30px 0 50px 30px}
.job table{border-collapse: collapse; text-align:center; color:#666}
.job th{height:40px; font-size:14px; background-color:#74d460; color:#fff; border-right:1px solid #fff}
.job td{height:40px; line-height:40px;font-size:14px; border-bottom:1px dashed #ddd;}
.job a{color:#666}

/*reg*/
.reg{margin:40px 0 40px 240px; width:680px; height:600px}
.reg dd{height:40px; margin-bottom:10px; line-height:30px; font-size:14px; color:#666; position:relative}
.reg input{ vertical-align: middle}
.reg span{width:100px; display:inline-block}
.reg select{padding:6px 2px 6px 0; border:1px solid #ddd; color:#666}

/*newsContent*/
.newsContent{width:700px; margin:20px 0 0 50px}
.newTop,.newsList{margin:10px auto; width:700px}
.newTop p{width:153px; height:110px; margin-right:20px; padding:2px; background-color:#fff; border:1px solid #ededed}
.newTop dl{font-size:12px; color:#666}
.newTop dt{margin-bottom:6px}
.newTop dd{line-height:24px; text-indent:20px; overflow:hidden}
.newTop dd a{color:#f77404}

.newsList dt{padding-left:5px;height:28px; line-height:28px; margin-bottom:5px; border-bottom:1px dashed #ddd; font-size:12px}
.newsList dt a{color:#666}
.newsList cite{color:#999; font-style:normal; font-size:12px}

.newsShow{ margin:20px 0; padding:10px 20px}
.newsShow h5{font-size:22px; text-align:center; margin-bottom:10px; color:#555; font-weight:normal}
.newsShow h6{font-size:14px; text-align:center; margin-bottom:10px; color:#999; font-weight:normal}
.newsShow ul{ padding:20px; font-size:14px; color:#666; line-height:24px}
.share{ width:240px; margin:5px auto; clear:both; height:20px}

/*funInf*/
.funInf{margin:10px auto; height:140px; padding:10px 0}
.funInf dl{width:600px; margin-left:20px}
.funInf dt{color:#666; margin-bottom:10px; font-size:22px;font-weight:normal}
.funInf dd{color:#888; line-height:28px; font-size:14px}
.funInf p{width:150px; height:55px; margin:40px 50px 0 30px}
.funInf a{color:#fff; font-size:20px; text-align:center; line-height:50px;width:150px; height:55px; display:inline-block; background-position:-201px -376px}
.funInf a:hover{background-position:-201px -445px}

/*ʹÓÃÌõ¿î*/
.contentheading_01 {font-size: 12px;color: #000;text-decoration: none;line-height: 20px;font-weight: normal;}
.contentheading_06 {font-size: 13px;color: #000;text-decoration: none;line-height: 24px;font-weight: normal;font-weight: bold;}