#indexad{ background:url(../images/bgg.jpg) repeat; padding:30px; border:1px solid #e1e1e1;}
#indexad .close{background: url(../images/bg.png) no-repeat -140px -1600px; width:26px; height:26px; position:absolute; right:0; top:0; z-index:3;}
#indexad .word{ float:left; width:410px; line-height:20px; color:#fff;}
#indexad .word p{ padding:0 15px; margin-top:10px;}
#indexad .word a{ color:#ddd; font-style:italic;}
#indexad .word a:hover{ text-decoration:underline; color:#fff;}
#indexad .three{ float:right; width:600px; overflow:hidden; height:98px;}
#indexad .three ul{ width:1300px;}
#indexad .three ul li{ float:left; height:98px; margin-right:20px; width:98px; overflow:hidden;}
#indexad .three ul li .box{ display:block; width:360px; height:98px;}
#indexad .three ul li span{ float:right; display:block; width:245px; height:60px; line-height:20px; padding:24px 0; color:#e38d99;}
#indexad .three .li0{ float:left; display:block; height:98px; width:98px; background:url(../images/indexthree.png) no-repeat 0 0;}
#indexad .three .li1{ float:left; display:block; height:98px; width:98px; background:url(../images/indexthree.png) no-repeat 0 -99px;}
#indexad .three .li2{ float:left; display:block; height:98px; width:98px; background:url(../images/indexthree.png) no-repeat 0 -199px;}
/*banner*/
#banner{ width:100%; margin-top:1px; position:relative; z-index:1; height:520px; min-width:1110px; padding-top:43px;}
#banner .notice{ position:absolute; left:50%; margin-left:-555px; bottom:0; width:300px; padding:10px 20px; background:url(../images/white20.png) repeat; height:60px; z-index:3;}
#banner .notice i{ float:left; width:34px; height:30px; margin-top:14px; background:url(../images/icon-index.png) repeat -190px -30px;}
#banner .notice ul{ float:right; height:40px; overflow:hidden; position:relative; width:250px; margin-top:10px;}
#banner .notice ul li{ display:none; height:40px; position:absolute; top:0; left:0; width:220px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#banner .notice ul li p{ line-height:18px; margin-bottom:4px;}
#banner .notice ul li h4{ line-height:18px; font-weight:normal; font-size:12px;}
#banner .notice ul li h4 a{ color:#fff;}
#banner .notice ul li h4 a:hover{ text-decoration:underline;}
#banner .notice a.more{ position:absolute; z-index:4; right:0; bottom:0; padding:10px; width:20px; height:4px; line-height:0; font-size:0; background:url(../images/icon-index.png) no-repeat -260px -20px #57aa2c;}
#banner .banner{ width:100%; height:520px; position:relative; z-index:1;}
#banner .banner .li{ width:100%; height:520px; position:absolute; z-index:1; display:none;}
#banner .banner .li a.andriod{ position:absolute; left:50%; top:280px; margin-left:155px;}
#banner .banner .li a.apple{ position:absolute; left:50%; top:280px; margin-left:340px;}
#banner .banner .li i.andriod{ position:absolute; left:50%; top:350px; margin-left:155px; width:124px; height:126px; background:url(../images/icon-index.png) no-repeat 0 -470px; display:none;}
#banner .banner .li i.apple{ position:absolute; left:50%; top:350px; margin-left:340px; width:124px; height:126px; background:url(../images/icon-index.png) no-repeat -125px -470px; display:none;}
#banner .banner .control{ position:absolute; z-index:4; left:50%; bottom:20px; text-align:right; width:200px; margin-left:350px; height:20px; line-height:20px;}
#banner .banner .control span{ background:url(../images/icon-index.png) no-repeat -260px 0; display:inline-block; width:18px; height:18px; margin-right:5px; line-height:0; font-size:0; overflow:hidden;}
#banner .banner .control span.current{ background:url(../images/icon-index.png) no-repeat -290px 0;}
#banner .banner .li a.banner_link{ display:block; height:520px;}

/*fastlinks*/
#fastlinks{ overflow:hidden; height:120px; background:url(../images/line.jpg) repeat-x center 85px; padding:40px 0;}
#fastlinks ul{ width:960px; margin:0 auto;}
#fastlinks ul li{ float:left; height:120px; width:100px; padding:0 30px;}
#fastlinks ul li p{ padding:12px 20px; width:60px; height:66px; background:url(../images/icon-index.png) no-repeat -100px -120px; text-align:center;}
#fastlinks ul li a:hover{ color:#000;}
#fastlinks ul li a:hover p{ background:url(../images/icon-index.png) no-repeat -210px -120px;}
#fastlinks ul li i{ float:left; width:40px; height:40px; display:inline-block; margin-right:10px;}
#fastlinks ul li.fastlinks-0 p i{ background:url(../images/icon-index.png) no-repeat 2px -247px; width:60px; height:66px;}
#fastlinks ul li.fastlinks-1 p i{ background:url(../images/icon-index.png) no-repeat -83px -244px; width:60px; height:66px;}
#fastlinks ul li.fastlinks-2 p i{ background:url(../images/icon-index.png) no-repeat -178px -248px; width:60px; height:66px;}
#fastlinks ul li.fastlinks-3 p i{ background:url(../images/icon-index.png) no-repeat -265px -250px; width:60px; height:66px;}
#fastlinks ul li.fastlinks-4 p i{ background:url(../images/icon-index.png) no-repeat 10px -337px; width:60px; height:66px;}
#fastlinks ul li.fastlinks-5 p i{ background:url(../images/icon-index.png) no-repeat -82px -339px; width:60px; height:66px;}
#fastlinks ul li h4{ font-size:14px; margin-top:10px; font-weight:normal; text-align:center; line-height:20px; height:20px; overflow:hidden;}
/*service*/
#service .title{ height:39px; border-bottom:1px solid #eee;}
#service .title ul li{ float:left; font-size:16px; height:39px; line-height:39px; color:#5a5a5a; background:#e1e1e1; margin-right:1px; padding:0 15px;}
#service .title ul li.current{ background:#ff8a00; color:#fff;}
#service .title span{ float:right; line-height:25px; margin-top:5px; color:#949494; font-size:14px; margin-right:20px;}
#service .title a.more{ float:right; margin-top:6px; height:20px; line-height:20px; display:block; padding:0 10px; border:1px solid #d2d2d2; background:#ededed; color:#9e9e9e;}
#service .title a.more:hover{ background:#e2e2e2; color:#787878;}
#service .submenu{ height:20px; line-height:20px; font-size:14px; color:#6e6e6e; padding-left:15px;}
#service .submenu ul{ display:none; height:20px;}
#service .submenu ul li{ float:left; height:20px; line-height:20px; margin-right:20px;}
#service .submenu a{ display:inline-block; float:left; padding-left:10px; color:#a6a6a6; background:url(../images/bg.png) no-repeat -290px -1152px;}
#service .submenu a:hover{ color:#ff8a00; background:url(../images/bg.png) no-repeat -290px -812px;}
#service .list{ width:1125px; height:290px; overflow:hidden;}
#service .list ul{ display:none;}
#service .list ul li{ float:left; width:238px; height:102px; padding:12px; margin-right:15px; border:2px solid #f4f4f4; margin-bottom:20px; background:#fff;}
#service .list ul li:hover{ background:#fffcf3; border:2px solid #ffb55e;}
#service .list ul li a.head{ float:left; width:100px; height:100px; display:block; overflow:hidden; border:1px solid #d6d6d6;}
#service .list ul li img{ width:100px;}
#service .list ul li .box{ float:right; width:120px; height:102px;}
#service .list ul li .box h4{ height:20px; line-height:20px; margin-bottom:5px;}
#service .list ul li .box h4 a{ float:left; color:#ff8a00; font-weight:normal;}
#service .list ul li .box h4 i.ico-rz{ display:inline-block; margin-left:5px; float:left; width:16px; height:16px; margin-top:2px; display:block; background:url(../images/bg.png) no-repeat -60px 3px;}
#service .list ul li .box p{ height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#service .list ul li .box p em{ font-style:normal; color:#ff8a00; margin-right:2px;}
#service .list ul li .box p b{ margin:0 3px; font-weight:normal;}
#service .list ul li .box h5{ height:20px; line-height:20px; color:#0b0b0b; overflow:hidden; font-weight:normal; margin-bottom:10px; text-overflow:ellipsis; white-space:nowrap;}
#service .list ul li .box h5 em{ font-style:normal;}
#service .list ul li .box a.order{ display:block; width:65px; height:23px; line-height:23px; text-align:center; color:#fff; background:url(../images/bg.png) no-repeat 0 -85px;}
/*total*/
#total{ padding:20px;}
#total .title{ height:40px; line-height:40px; width:700px; margin:0 auto; white-space:normal;}
#total .title i{ display:inline-block; background:url(../images/icon-index.png) no-repeat 0 -115px; float:left; width:32px; height:40px; margin-right:5px;}
#total h2{ font-size:32px; color:#000; font-weight:normal; text-shadow:-2px 0 3px #999;}
#total h2 em{ color:#f00; margin:0 3px; font-style:normal;}
#total p{ line-height:20px; color:#999; font-size:14px; margin-top:5px; text-align:center;}
#total p span{ margin-right:10px;}
#total p a{ color:#999; text-decoration:underline; font-size:12px;}
#total p a:hover{ color:#ff9300;}
/*news*/
#news{ height:280px;}
#news .left{ width:544px;}
#news .right{ width:547px;}
#news .left .title{ height:34px;}
#news .left .title h3{ float:left; font-size:16px; height:34px; line-height:34px; background:#ff9300; font-weight:normal;}
#news .left .title h3 a{ display:block; padding:0 15px; color:#fff;}
#news .left .title .control{ float:right; margin-top:10px;}
#news .left .title .control span{ display:inline-block; float:left; width:10px; height:10px; background:#ccc; overflow:hidden; line-height:0; font-size:0; margin-left:5px;}
#news .left .title .control span.current{ background:#ff9300;}
#news .left .list{ border-top:1px solid #eaeaea; border-left:1px solid #eaeaea; border-bottom:1px solid #eaeaea; height:242px; overflow:hidden; width:543px;}
#news .left .list ul li{ padding:10px; height:60px; line-height:20px; border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea; float:left; width:160px; background:#fff;}
#news .left .list ul li h5{ height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:normal; color:#0099ff;}
#news .left .list ul li h4{ font-weight:normal; font-size:12px; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#news .left .list ul li h4 a:hover{ color:#f60; text-decoration:underline;}
#news .left .list ul li p{ height:20px; line-height:20px; color:#ccc;}
#news .right .title{ height:34px;}
#news .right .title ul li{ float:left; font-size:16px; height:34px; line-height:34px; font-weight:normal; margin-right:1px;}
#news .right .title ul li a{ display:block; background:#eee; color:#999; padding:0 15px;}
#news .right .title ul li.current a{ background:#ff9300; color:#fff;}
#news .right .list{ border:1px solid #eaeaea; height:222px; overflow:hidden; padding:10px; background:#fff;}
#news .right .list ul{ display:none; overflow:hidden; height:222px;}
#news .right .list .newslist li{ height:32px; line-height:32px; background:url(../images/bg.png) no-repeat -290px -406px; padding-left:10px; overflow:hidden;}
#news .right .list .newslist li a{ float:left; display:block; width:420px; height:32px; line-height:32px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#news .right .list .newslist li a:hover{ color:#f60; text-decoration:underline;}
#news .right .list .newslist li span{ float:right; color:#999;}
#news .right .list .jzlist li{ height:32px; line-height:32px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#news .right .list .jzlist li h4{ float:left; font-weight:normal; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:420px;}
#news .right .list .jzlist li em{ font-style:normal; margin-right:5px; color:#999;}
#news .right .list .jzlist li em a{ color:#999;}
#news .right .list .jzlist li a:hover{ color:#f60; text-decoration:underline;}
#news .right .list .jzlist li span{ float:right; color:#999;}
/*why*/
#why{ margin:40px auto 40px auto; width:810px; padding-left:300px; background:url(../images/why1.jpg) no-repeat left center #fff; height:250px;}
#why h2{ font-size:35px; color:#ff9300; font-weight:normal; height:60px; overflow:hidden; padding-top:10px; margin-bottom:10px;}
#why h2 em{ font-style:normal; float:left; line-height:60px;}
#why h2 span{ float:left; margin-left:10px; font-size:35px; color:#000; font-weight:normal; height:60px; line-height:60px;}
#why h4{ font-size:24px; color:#666; font-weight:normal; font-family:Arial, Helvetica, sans-serif; margin-bottom:40px;}
#why ul{ height:60px; line-height:20px; width:840px;}
#why ul li{ float:left; width:340px; margin-right:20px; padding-left:50px; color:#ff9300; line-height:20px;}
#why ul li i.one{ display:block; float:left; margin-left:-50px; width:36px; height:38px; background:url(../images/icon-index.png) no-repeat -185px -335px;}
#why ul li i.two{ display:block; float:left; margin-left:-50px; width:35px; height:35px; background:url(../images/icon-index.png) no-repeat -255px -340px;}
/*block*/
.block{ margin-top:15px;}
.block ul li{ float:left; text-align:center; width:149px; height:195px; margin-right:43px;}
.block ul li img{ border-radius:5px; border:solid 1px #f1f1f1;}
.block ul li a:hover img{ opacity:0.5;}
.block ul li p{ color:#9c9c9c;  padding:0 5px; line-height:20px;}
.block ul li p b{ font-size:14px; color:#ff9300; display:block; padding:5px 0;}

/*jzcontact*/
#jzcontact{ line-height:20px; padding:10px; border:1px solid #eee; width:1090px; margin:20px auto 10px auto;background:url(../images/jzcontact.jpg) no-repeat;}
#jzcontact h2{ font-size:35px; color:#5dc8f2; font-weight:normal; height:50px; overflow:hidden; padding-top:15px; }
#jzcontact ul{ height:60px; line-height:20px;}
#jzcontact ul li span{ color:#37bbff; line-height:25px;}
#jzcontact ul li b{ color:#078eec; }
#jzcontact ul li{ float:left; width:140px; margin-right:10px; padding-left:5px; color:#b5b5b5; line-height:16px;}

/*friendlink*/
#friendlink{ line-height:20px; padding:10px; border:1px solid #eee; width:1090px; margin:20px auto 10px auto;}
#friendlink a{ margin-right:10px; color:#999;}
#friendlink a:hover{ color:#ff8a00; text-decoration:underline;}



/*2014-10-12新增 服务分类*/
.service{ margin-top:15px;}
.service ul{ margin-left:-24px;}
.service ul li{ float:left; width:334px; height:110px; margin:0 0 24px 24px; border-radius:10px; padding:10px;color:#FFF;}
.service ul li h2{ font-size:24px; font-weight:normal; color:#FFF;}
.service ul li h2 span{ float:right; }
.service ul li p{ padding-top:20px; line-height:20px;}
.service ul li a{ color:#FFF;font-size:14px; }
.service ul li a:hover{ color:#f4f4f4;font-size:14px; }

.service ul li.bg_01{ background:#18b2ee;}
.service ul li.bg_02{ background:#31cfb6;}
.service ul li.bg_03{ background:#f35d35;}
.service ul li.bg_04{ background:#7cc23e;}
.service ul li.bg_05{ background:#bbc91c;}
.service ul li.bg_06{ background:#e57474;}
.service ul li.bg_07{ background:#e57474;}
.service ul li.bg_01:hover{ background:#0091ca;}
.service ul li.bg_02:hover{ background:#00bfa1;}
.service ul li.bg_03:hover{ background:#e04820;}
.service ul li.bg_04:hover{ background:#4da300;}
.service ul li.bg_05:hover{ background:#a9b800;}
.service ul li.bg_06:hover{ background:#d74c4c;}
.service ul li.bg_07:hover{ background:#d74c4c;}
/* end 2014-10-12新增 服务分类*/