html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; -webkit-text-size-adjust:100% } html, body, ul, li { margin:0; padding:0; font-family:"微软雅黑"; font-size:12px } ul, li { list-style-type:none } table { border-collapse:separate; border-spacing:0 } caption, th, td { text-align:left; font-weight:normal } body { margin:0; padding:0; background:#ffffff; } ul, ol { list-style:none } .clear { clear:both; overflow:hidden; height:0 } .fr { float:right } .tac { text-align:center } a { text-decoration:none; font-family:"微软雅黑" } a:hover { text-decoration:underline } /* 回到顶部 */ p#back-to-top{ position:fixed; bottom:46px; right:50%; margin-right:-630px; z-index:9999999999999999; display:none; cursor:pointer; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } p#back-to-top a{ text-align:center; text-decoration:none; color:#d1d1d1; display:block; width:50px; text-indent:-99999px; /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/ -moz-transition:color 1s; -webkit-transition:color 1s; -o-transition:color 1s; } p#back-to-top a:hover{ color:#979797; } p#back-to-top a span{ background:#506372 url(../images/arrow-up.png) no-repeat center center; border-radius:6px; display:block; height:50px; width:50px; margin-bottom:5px; text-indent:-99999px; /*使用CSS3中的transition属性给标签背景颜色添加渐变效果*/ -moz-transition:background 1s; -webkit-transition:background 1s; -o-transition:background 1s; } #back-to-top a:hover span{background:#314859 url(../images/arrow-up.png) no-repeat center center;} #myoa{ width:1262px; margin:0 auto; background:url(../images/bj.jpg) center 439px #edd3c8; min-height:700px;} #content_text{ width:1262px; background:url(../images/banner_bj.jpg) no-repeat; overflow:hidden;} .content_text{width:1170px; margin:0 auto; border-top:1px #a59691 solid; overflow:hidden;} .content_text h2{ line-height:50px; font-size:24px; margin-top:20px; text-align:center; font-weight:bold;} .content_text p{ line-height:28px; text-indent:2em; margin-top:10px; font-size:15px; padding:0 50px;} /***** 头部 *****/ #header{ width:100%; height:97px; background:url(../images/top_bj.jpg) no-repeat; overflow:hidden;} .header{ width:100%; height:97px; margin:0 auto;} .header .logo{ float:left; margin-top:20px; padding-left:55px;} .header .no_0{ background:url(../images/userlist/no_3.png) no-repeat; color:#FFF; font-size:12px; position:absolute; right:-10px; top:-10px; z-index:111; width:35px; height:18px; font-weight:bold; text-align:center; line-height:20px;} .header .webwidget_menu_glide{ margin-right:50px; margin-top:32px; float:right; } .header .webwidget_menu_glide li{ float: left; list-style: none; line-height:40px; position: relative; text-align: center; margin-right: 10px; width: 84px;} .header .webwidget_menu_glide li a{ color:#151515; font-size:15px; font-weight: normal;} .header .webwidget_menu_glide li a:hover{ text-decoration:none; font-weight:bold;} .header .webwidget_menu_glide li.cur a{font-weight:bold;} .header .webwidget_menu_glide_sprite{ width: 100px; height: 40px; position: absolute; background:url(../images/nav_bj.jpg) no-repeat center bottom;} .header .nav{ margin-right:50px; margin-top:32px; float:right;} .header .nav li{ width:84px; float:left; text-align:center; text-align:center; line-height:40px; font-size:16px;} .header .nav li a{ color:#151515;} .header .nav li a:hover{ text-decoration:none; font-weight:bold;} /***** banner *****/ #home_page #banner{ width:1262px; height:473px; background:url(../images/banner_bj.jpg) no-repeat;} #home_page .banner{ width:1170px; height:473px; margin:0 auto; overflow:hidden; position:relative} #home_page .banner .prev { width:83px; height:83px; display:block; position:absolute; z-index:222; left:30px; top:196px; background:url(../images/left.png) no-repeat; cursor:pointer;} #home_page .banner .next { width:83px; height:83px; display:block; position:absolute; z-index:222; right:30px; top:196px; background:url(../images/right.png) no-repeat; cursor:pointer;} #home_page .banner .prev:hover{ background:url(../images/left_hover.png) no-repeat;} #home_page .banner .next:hover{ background:url(../images/right_hover.png) no-repeat;} #home_page .banner .hd { height:15px; overflow:hidden; position:absolute; left:50%; margin-left:-38px; bottom:10px; z-index:1 } #home_page .banner .hd ul { overflow:hidden; zoom:1; float:left } #home_page .banner .hd ul li { float:left; margin-right:5px; width:15px; height:15px; background:url(../images/banner_b1.png) no-repeat; cursor:pointer } #home_page .banner .hd ul li.on { background:url(../images/banner_b2.png) no-repeat;} #home_page .banner .bd { position:relative; height:100%; z-index:0 } #home_page .banner .bd img { width:1170px; height:473px } /***** 下载试用 *****/ #home_page .download{ width:1170px; height:100px; margin:0px auto 0 auto; background:#ebe2dd; overflow:hidden;} #home_page .download_left{ width:495px; height:87px; float:left; margin-top:7px;} #home_page .download_left a{ width:495px; height:87px; display:block; background:url(../images/Contact.png) no-repeat;} #home_page .download_left a:hover{ width:495px; height:87px; display:block; background:url(../images/Contact_hover.png) no-repeat;} #home_page .download_left a span{ display:block; width:70px; height:87px; position:relative; overflow:hidden; float:left; margin:0 0 0 60px;} #home_page .download_left a span img{ position:absolute; top:-87px;} #home_page .download_right{ width:660px; height:87px; float:right; margin-top:7px;} #home_page .download_right p{ width:323px; height:87px; float:left; overflow:hidden;} #home_page .download_right p a{ display:block; width:323px; height:87px;} #home_page .download_right p a:hover{ text-decoration:none;} #home_page .download_right p.trial{ background:url(../images/trial.png) no-repeat;} #home_page .download_right p.trial span{ display:block; width:70px; height:87px; position:relative; overflow:hidden; float:left; margin:0 0 0 38px;} #home_page .download_right p.trial span img{ position:absolute; top:-87px;} #home_page .download_right p.trial:hover{ background:url(../images/trial_hover.png) no-repeat;} #home_page .download_right p.download_free{ background:url(../images/download_free.png) no-repeat; margin-left:14px; } #home_page .download_right p.download_free:hover{ background:url(../images/download_free_hover.png) no-repeat; margin-left:14px; } #home_page .download_right p.download_free span{ display:block; width:70px; height:87px; position:relative; overflow:hidden; float:left; margin:0 0 0 38px;} #home_page .download_right p.download_free span img{ position:absolute; top:-87px;} /***** 产品亮点 *****/ #home_page .lightspot{ width:1170px; height:852px; background:url(../images/bai_5.png); position:relative; margin:110px auto 0 auto; border:1px #8a9695 solid; } #home_page .lightspot h2{ width:455px; height:233px; position:absolute; left:-26px; top:-81px; z-index:11; background:url(../images/lightspot.png) no-repeat;} #home_page .lightspot h3{ width:1079px; height:136px; background:url(../images/lightspot_2.jpg) no-repeat; position:absolute; top:32px; left:63px; overflow:hidden;} #home_page .lightspot h4{ width:1079px; height:136px; position:absolute; top:32px; left:63px; z-index:111111; -webkit-box-shadow: 0px 0px 5px #848484; -moz-box-shadow: 0px 0px 5px #848484; box-shadow: 0px 0px 5px #848484;} #home_page .lightspot h4 a{ width:1079px; height:86px; padding-top:78px; display:block;} #home_page .lightspot h4 span{display:block; font-size:14px; line-height:22px; font-weight:normal; color:#FFF; padding-left:19px;} #home_page .lightspot h4 strong{ color:#FFF; font-size:18px; padding-left:20px; font-weight:normal; text-indent:-99999px; display:none;} #home_page .lightspot h4 a:hover{ text-decoration:none;} #home_page .lightspot h4:hover{ -webkit-box-shadow: 0px 0px 5px 3px #ff0000; -moz-box-shadow: 0px 0px 5px 3px #ff0000; box-shadow: 0px 0px 5px 3px #ff0000;} #home_page .lightspot ul{ margin-left:16px;} #home_page .lightspot li{ width:337px; height:186px; position:absolute; overflow:hidden; -webkit-box-shadow: 0px 0px 5px #848484; -moz-box-shadow: 0px 0px 5px #848484; box-shadow: 0px 0px 5px #848484;} #home_page .lightspot li:hover{ -webkit-box-shadow: 0px 0px 5px 3px #ff0000; -moz-box-shadow: 0px 0px 5px 3px #ff0000; box-shadow: 0px 0px 5px 3px #ff0000;} #home_page .lightspot li .bon span{ display:block; font-size:14px; line-height:22px;} #home_page .lightspot li .bon span strong{ font-size:19px; line-height:30px; font-weight:normal; display:block; padding-bottom:4px; padding-top:2px; text-indent:-9999px;} #home_page .lightspot li a{ color:#FFF; display:block; padding:10px 0 0 14px; height:176px;} #home_page .lightspot li a:hover{ text-decoration:none;} #home_page .lightspot li.l_2{ background:url(../images/l_2a.jpg) no-repeat; left:63px; top:195px;} #home_page .lightspot li.l_3{ background:url(../images/l_3a.jpg) no-repeat; left:434px; top:195px;} #home_page .lightspot li.l_4{ background:url(../images/l_4a.jpg) no-repeat; left:805px; top:195px;} #home_page .lightspot li.l_5{ background:url(../images/l_5a.jpg) no-repeat; height:404px; left:805px; top:410px;} #home_page .lightspot li.l_5 a{ height:394px; padding:10px 0 0 18px;} #home_page .lightspot li.l_6{ background:url(../images/l_6a.jpg) no-repeat; left:434px; top:410px;} #home_page .lightspot li.l_7{ background:url(../images/l_7a.jpg) no-repeat; left:63px; top:410px;} #home_page .lightspot li.l_8{ background:url(../images/l_8a.jpg) no-repeat; left:63px; top:628px;} #home_page .lightspot li.l_9{ background:url(../images/l_9a.jpg) no-repeat; left:434px; top:628px;} /***** 产品价值 ******/ #home_page .worth{ width:1180px; margin:60px auto 0 auto; +margin:60px auto 0 auto; overflow:hidden; } #home_page .worth h2{ text-align:center;} #home_page .worth ul{ padding-bottom:5px; overflow:hidden;} #home_page .worth ul li { width:338px; height:525px; border:1px #8e8178 solid; float:left; margin:35px 25px 0 4px; padding:0 16px; position:relative; -webkit-box-shadow: 0px 0px 5px #848484; -moz-box-shadow: 0px 0px 5px #848484; box-shadow: 0px 0px 5px #848484;} #home_page .worth ul li a{ font-style:normal;} #home_page .worth ul li:hover{ -webkit-box-shadow: 0px 0px 4px 3px #ff0000; -moz-box-shadow: 0px 0px 4px 3px #ff0000; box-shadow: 0px 0px 4px 3px #ff0000;} #home_page .worth ul li h3{ line-height:46px; font-size:36px; font-family:"微软雅黑"; color:#000000; margin-top:28px; height:105px; border-bottom:1px #6c6363 dashed;} #home_page .worth ul li p{ color:#1d1d1d; font-size:14px; line-height:26px; margin-top:12px;} #home_page .worth ul li h4{ position:absolute; bottom:18px; text-align:center; width:340px;} /***** 联系我们 *****/ .contact_uss{ width:100%; height:40px;} #contact_us{ width:100%; height:230px; background:url(../images/us_bj.png); padding-top:20px;} .contact_us{ width:1170px; margin:0 auto; overflow:hidden; } .contact_us h2{ color:#FFF; font-size:24px; font-weight:normal;} .contact_us h2 span{ color:#feff90;} .us_1{ width:430px; float:left; } .hotline{ width:100%; line-height:24px; margin-top:16px;} .hotline p{ float:left; padding-right:15px; margin-top:5px; width:64px; height:64px; background:url(../images/hotline.png) no-repeat;} .hotline span{ display:block; line-height:22px; color:#000; font-size:15px;} .hotline strong{ display:block; font-size:22px; line-height:30px; color:#000; font-weight:normal; padding-bottom:8px; padding-top:5px;} .contact_us h5{ background:url(../images/tdlogo.png) no-repeat center top; width:300px; height:75px; margin-top:11px;} .contact_us h5 a{ display:block; width:300px; height:75px;} .us_2,.us_3{ width:175px; float:left;} .us_2 ul,.us_3 ul{ width:100%; margin-top:20px;} .us_2 ul li,.us_3 ul li{ line-height:24px; padding-left:24px; background:url(../images/cp.png) no-repeat 3px center; color:#2f2f2f;} .us_2 ul li a,.us_3 ul li a{ color:#2f2f2f; font-family:"宋体";} .us_4{ width:350px; float:left;} .us_4 dl{ float:left; width:100%; margin-top:20px;} .us_4 dl dd{ float:left; margin-right:15px; _display:inline; width:70px; height:70px;} .us_4 dl dt{font-style: italic; font-size:22px; line-height:24px; color:#000;} .us_4 dl dd a.wb{ display:block; background:url(../images/weibo.png) no-repeat; width:70px; height:70px;} .us_4 dl dd a.sq{ display:block; background:url(../images/community.png) no-repeat; width:70px; height:70px;} .us_4 dl dt a{color:#000;} .us_4 dl dt a:hover{ text-decoration:none;} .footer{ width:100%; height:85px; background:url(../images/footer.png); line-height:20px; color:#2f2f2f; font-family:"宋体"; text-align:center;} .footer a{ float:left; padding-right:5px; display:block; background:url(../images/td.png) no-repeat; width:100px; height:50px; margin:19px 0 0 42px;} .footer span{ width:1000px; display:block; margin-top:15px; float:left; margin-left:142px;} /******************************************************************* 首页样式结束 *********************************************************************************/ /******************************************************************* 产品亮点样式开始 *********************************************************************************/ #feature{ width:1262px; background:url(../images/banner_bj.jpg) no-repeat; overflow:hidden;} #feature .feature_title{ width:1170px; border-top:1px #a59691 solid; margin:0 auto; color:#1d1f1e; line-height:28px; font-size:16px; padding-top:28px;} #feature .feature_content{ width:1262px; height:900px; overflow:hidden; margin-top:10px;} #feature .feature_content ul{ margin-left:24px;} #feature .feature_content li{ width:371px; height:272px; margin-left:25px; margin-top:25px; float:left; overflow:hidden; line-height:20px; position:relative;} #feature .feature_content li:hover{ -webkit-box-shadow: 0px 0px 5px 3px #fff; -moz-box-shadow: 0px 0px 5px 3px #fff; box-shadow: 0px 0px 5px 3px #fff;} #feature .feature_content li a{ position:absolute; display:block; width:1950px; height:277px; background:url(../images/feature/guan.png) no-repeat 375px 1px; top:0px; left:-750px; opacity: 0.9;} #feature .feature_content li span{ font-size:14px; color:#fff; font-weight:normal; padding:36px 0 0 18px; display:block;} #feature .feature_content li span strong{ font-weight:normal; display:block; font-size:19px; padding-bottom:3px; text-indent:-9999px;} #feature .feature_content li a:hover{ text-decoration:none;} #feature .feature_content li.f_1{ background:url(../images/feature/1.jpg) no-repeat;} #feature .feature_content li.f_2{ background:url(../images/feature/2.jpg) no-repeat;} #feature .feature_content li.f_3{ background:url(../images/feature/3.jpg) no-repeat;} #feature .feature_content li.f_4{ background:url(../images/feature/4.jpg) no-repeat;} #feature .feature_content li.f_5{ background:url(../images/feature/5.jpg) no-repeat;} #feature .feature_content li.f_6{ background:url(../images/feature/6.jpg) no-repeat;} #feature .feature_content li.f_7{ background:url(../images/feature/7.jpg) no-repeat;} #feature .feature_content li.f_8{ background:url(../images/feature/8.jpg) no-repeat;} #feature .feature_content li.f_9{ background:url(../images/feature/9.jpg) no-repeat;} #feature .feature_nav{ width:100%; height:135px; overflow:hidden; background:#a79795;} #feature .feature_nav ul{ background:#a79795; margin-top:1px; height:133px; padding-left:58px; overflow:hidden;} #feature .feature_nav li{ width:122px; height:133px; text-align:center; float:left; text-align:center; font-size:14px; position: relative;} #feature .feature_nav li a span{ display:block; line-height:30px; height:30px; width:100%; margin-top:2px; color:#151515;} #feature .feature_nav li a{ color:#151515; padding-top:20px; display:block;} #feature .feature_nav li a:hover{ text-decoration:none;} #feature .feature_nav .webwidget_menu_glide_sprite{ width: 72px; height:127px; position:absolute; border-bottom:4px #606060 solid; border-top:4px #606060 solid; background-color:none;} #feature .showcase-link {display:inline-block;} #feature .active{ cursor:pointer;} #feature .active_content{ position:absolute; z-index:111;} #feature .feature_1{ width:1210px; margin:0 auto; overflow:hidden;} #feature .feature_1 h2{ text-align:center; color:#000000; font-size:40px; line-height:60px; margin-top:55px;} #feature .feature_1 h3{ text-align:center; color:#5a5a5a; font-size:22px; line-height:32px;} #feature .feature_1 .fea_1{ width:100%; height:665px; overflow:hidden; border-bottom:1px #696969 solid; position:relative;} #feature .feature_1 .fa_1{ width:1000px; margin:0 0 0 105px; text-align:center; padding-top:50px;} #feature .feature_1 .fa_20{ width:765px; height:466px; margin:10px auto;} #feature .feature_2{ width:1200px; margin:0 auto; overflow:hidden; } #feature .feature_2 h2{ text-align:center; color:#000000; font-size:40px; line-height:50px; margin-top:65px;} #feature .feature_2 h3{ text-align:center; color:#5a5a5a; font-size:22px; line-height:32px; margin-top:12px;} #feature .feature_2 .fea_1{ width:100%; height:665px; overflow:hidden; border-bottom:1px #696969 solid; position:relative;} #feature .feature_2 .fa_1{ width:1000px; margin:0 0 0 100px; text-align:center; padding-top:50px;} #feature .feature_4{ width:1200px; margin:0 auto; overflow:hidden;} #feature .feature_4 .fea_1{ width:1000px; margin:0 auto; padding:20px 100px 50px 100px; overflow:hidden; background:url(../images/feature/feature_4/1.jpg) no-repeat center bottom; position:relative;} #feature .feature_4 .text{ width:500px; float:left; overflow:hidden;} #feature .feature_4 h2{ font-size:40px; line-height:60px; margin-top:155px;} #feature .feature_4 h3{ color:#5a5a5a; font-size:22px; line-height:32px; margin-top:15px;} #feature .feature_4 .fa_1{ width:500px; float:left; text-align:center; padding-top:40px;} #feature .feature_4 h4{ text-align:center; color:#000000; font-size:40px; line-height:60px; margin-top:55px;} #feature .feature_4 h5{ text-align:center; color:#5a5a5a; font-size:22px; line-height:32px; margin-top:5px;} #feature .feature_4 .fea_2{ width:1000px; margin:0 auto; padding:20px 100px 50px 100px; overflow:hidden; background:url(../images/feature/feature_4/1.jpg) no-repeat center bottom; position:relative;} #feature .feature_4 .fa_2{ width:1000px; text-align:center; padding-top:50px;} #feature .feature_5{ width:1210px; margin:0 auto; overflow:hidden;} #feature .feature_5 h2{ text-align:center; color:#000000; font-size:40px; line-height:60px; margin-top:55px;} #feature .feature_5 h3{ text-align:center; color:#5a5a5a; font-size:22px; line-height:32px; margin-top:5px;} #feature .feature_5 .fea_1{ width:100%; overflow:hidden; border-bottom:1px #696969 solid; position:relative;} #feature .feature_5 .fa_1{ width:1000px; margin:0 0 0 105px; text-align:center; padding-top:50px; padding-bottom:50px;} #feature .feature_6{ width:1210px; margin:0 auto; overflow:hidden;} #feature .feature_6 h2{ text-align:center; color:#000000; font-size:40px; line-height:60px; margin-top:55px;} #feature .feature_6 h3{ text-align:center; color:#5a5a5a; font-size:22px; line-height:32px; margin-top:5px;} #feature .feature_6 .fea_1{ width:100%; overflow:hidden; border-bottom:1px #696969 solid; position:relative;} #feature .feature_6 .fa_1{ width:1000px; margin:0 0 0 105px; text-align:center; padding-top:50px; padding-bottom:50px;} #feature .feature_7{ width:1200px; margin:0 auto; overflow:hidden; } #feature .feature_7 h2{ text-align:center; color:#000000; font-size:40px; line-height:60px; margin-top:55px;} #feature .feature_7 h3{ text-align:center; color:#5a5a5a; font-size:22px; line-height:32px;} #feature .feature_7 .fea_1{ width:100%; height:665px; overflow:hidden; border-bottom:1px #696969 solid; position:relative;} #feature .feature_7 .fa_1{ width:1000px; margin:0 0 0 100px; text-align:center; padding-top:50px;} #feature .feature_8{ width:1200px; margin:0 auto; overflow:hidden; } #feature .feature_8 h2{ text-align:center; color:#000000; font-size:40px; line-height:60px; margin-top:55px;} #feature .feature_8 h3{ text-align:center; color:#5a5a5a; font-size:22px; line-height:32px; margin-top:15px;} #feature .feature_8 .fea_1{ width:100%; height:665px; overflow:hidden; border-bottom:1px #696969 solid; position:relative;} #feature .feature_8 .fa_1{ width:1000px; margin:0 0 0 100px; text-align:center; padding-top:40px;} #feature .feature_8 .fa_6{ width:765px; height:466px; margin:30px auto;} #feature .feature_s{ width:1000px; margin:0 auto; overflow:hidden; padding-top:30px;} #feature .feature_s dl{ width:1000px; overflow:hidden;} #feature .feature_s dd{ background:url(../images/feature/feature_s/feature_bj.png); text-align:center;} #feature .feature_s dt{font-size:18px; color:#000; line-height:26px;} #feature .feature_s1 dd{ height:395px; margin-top:10px;} #feature .feature_s2{ width:100%; margin-top:75px;} #feature .feature_s2 dd{ width:553px; height:515px; float:left; margin-right:20px;} #feature .feature_s2 dt{ padding-left:30px; padding-top:60px;} #feature .feature_s3{ width:100%; margin-top:75px;} #feature .feature_s3 dd{ float:right; width:550px; height:608px;} #feature .feature_s3 dt{ padding-top:60px;} #feature .feature_s4{ width:100%; margin-top:45px;} #feature .feature_s4 dd{ float:right; width:550px; height:515px;} #feature .feature_s4 dd img{ margin-top:130px;} #feature .feature_s4 dt{ padding-top:60px;} #feature .feature_s5{ width:100%; margin-top:65px;} #feature .feature_s5 dd{ width:553px; height:515px; float:left; margin-right:20px;} #feature .feature_s5 dt{ padding-left:30px; padding-top:60px;} #feature .feature_s6{ width:100%; margin-top:65px;} #feature .feature_s6 dd{ width:553px; height:515px; float:left; margin-right:20px;} #feature .feature_s6 dt{ padding-left:30px; padding-top:60px;} #feature .feature_s6 dd img{ margin-top:130px;} #feature .feature_s7{ width:100%; margin-top:80px;} #feature .feature_s7 dd{ float:right; width:550px; height:515px;} #feature .feature_s7 dt{ padding-top:60px;} #feature .feature_s8{ width:100%; height:255px; background:url(../images/feature/feature_s/feature_bj.png); margin-top:80px;} #feature .feature_s8 dd{ background:none;} #feature .feature_s8 dd{ float:right; padding-right:38px; margin-top:65px;} #feature .feature_s8 dt{ padding:65px 0 0 15px; float:left;} #feature .feature_9{ width:950px; margin:0 auto; overflow:hidden; padding-top:30px;} #feature .feature_9 dl{ width:950px; overflow:hidden;} #feature .feature_9 dd{ text-align:center;} #feature .feature_9 dt{font-size:16px; color:#474747; line-height:24px;} #feature .feature_9 dt h3{ color:#474747; font-size:20px; font-weight:bold; line-height:30px; padding-bottom:8px;} #feature .feature_9 .feature_91{ width:100%; height:414px; overflow:hidden; padding-top:20px;} #feature .feature_9 .feature_91 dd{ width:623px; height:390px; padding-top:24px; float:right; background:url(../images/feature/feature_9/bj.png);} #feature .feature_9 .feature_91 dt{ float:left; width:295px; padding-top:120px;} #feature .feature_9 .feature_92{ width:100%; height:410px; overflow:hidden; padding-top:110px;} #feature .feature_9 .feature_92 dd{ float:left; background:url(../images/feature/feature_9/bj.png); width:462px; padding-top:15px; height:395px; margin-top:20px;} #feature .feature_9 .feature_93{ width:100%; overflow:hidden; padding-top:110px;} #feature .feature_9 .feature_93 dd{ background:url(../images/feature/feature_9/bj.png); width:100%; padding-top:45px; height:440px; margin-top:20px;} #feature .feature_9 .feature_94{ width:100%; height:490px; overflow:hidden; padding-top:110px;} #feature .feature_9 .feature_94 dt{ float:right; width:423px; padding-top:170px;} #feature .feature_9 .feature_94 dd{ background:url(../images/feature/feature_9/bj.png); float:left; width:492px; padding-top:80px; height:410px;} #feature .feature_9 .feature_95{ width:100%; height:250px; overflow:hidden; padding-top:120px;} #feature .feature_9 .feature_95 dt{ float:left; width:310px; padding-top:70px;} #feature .feature_9 .feature_95 dd{ float:right;} #feature .feature_9 .feature_96{ width:100%; overflow:hidden; padding-top:110px;} #feature .feature_9 .feature_96 dd{ background:url(../images/feature/feature_9/bj.png); width:100%; padding-top:55px; height:400px; margin-top:20px;} #feature .feature_9 .feature_97{ width:100%; overflow:hidden; padding-top:110px;} #feature .feature_9 .feature_97 dd{ background:url(../images/feature/feature_9/bj.png); width:100%; padding-top:55px; height:490px; margin-top:20px;} #feature .feature_9 .feature_98{ width:100%; height:275px; overflow:hidden; padding-top:120px;} #feature .feature_9 .feature_98 dt{ float:left; width:380px; padding-top:100px;} #feature .feature_9 .feature_98 dd{ float:right;} #feature .feature_9 .feature_99{ width:100%; height:345px; overflow:hidden; padding-top:180px;} #feature .feature_9 .feature_99 dt{ float:right; width:395px; padding-top:120px;} #feature .feature_9 .feature_99 dd{ float:left;} #feature .feature_9 .feature_910{ width:100%; height:480px; overflow:hidden; padding-top:180px; padding-bottom:30px;} #feature .feature_9 .feature_910 dt{ float:left; width:300px; padding-top:180px;} #feature .feature_9 .feature_910 dd{ float:right;} /******************************************************************* 产品简介样式开始 *********************************************************************************/ #introduction{ width:1262px; background:url(../images/banner_bj.jpg) no-repeat; overflow:hidden;} #introduction .introduction{ width:1170px; margin:0 auto; overflow:hidden;} #introduction .introduction_banner{ width:1170px; margin:0 auto;} #introduction .introduction_nav{ width:882px; height:66px; background:#e4ddda; overflow:hidden; margin:18px 141px;} #introduction .introduction_nav ul{ width:852px; height:48px; margin-left:15px; margin-top:9px; background:url(../images/introduction/int_nav_a.jpg) repeat-x; overflow:hidden;} #introduction .introduction_nav li{ float:left; width:142px; line-height:48px; text-align:center; font-size:16px; color:#343939; background:url(../images/introduction/int_nav_b.jpg) no-repeat right center; overflow:hidden;} #introduction .introduction_nav li a{ color:#343939; display:block;} #introduction .introduction_nav li a.cur{ background:url(../images/introduction/int_nav.jpg) repeat-x; color:#FFF;} #introduction .introduction_nav li a:hover{ text-decoration:none; background:url(../images/introduction/int_nav.jpg) repeat-x; color:#FFF;} #introduction .introduction_left{ width:1169px; overflow:hidden; float:left;} #introduction .introduction_1{ width:1170px; background:#f5f5f5;} #introduction .introduction_1 h2{ color:#1d7532; font-size:15px; font-weight:bold; font-family:"微软雅黑";} #introduction .introduction_1 h3{ color:#151515; font-size:15px; font-weight:bold; font-family:"微软雅黑";} #introduction .introduction_1 p{ line-height:24px; color:#000; font-size:13px;padding-right:15px; padding-top:5px; font-family:"宋体";} #introduction .introduction_1 .a_1{ padding-left:105px; padding-top:30px; margin-top:25px; min-height:90px; background:url(../images/introduction/i_1.png) no-repeat 14px 30px;} #introduction .introduction_1 .a_2{ padding-left:105px; margin-top:25px; min-height:90px; background:url(../images/introduction/i_2.png) no-repeat 14px top;} #introduction .introduction_1 .a_3{ padding-left:105px; margin-top:25px; min-height:90px; background:url(../images/introduction/i_3.png) no-repeat 14px top;} #introduction .introduction_1 .a_3a{ padding-left:105px; margin-top:25px; min-height:90px; background:url(../images/introduction/i_3a.png) no-repeat 14px top;} #introduction .introduction_1 .a_4{ padding-left:105px; margin-top:25px; min-height:90px; background:url(../images/introduction/i_4.png) no-repeat 14px top;} #introduction .introduction_1 .a_5{ padding-left:105px; margin-top:25px; padding-top:25px; min-height:90px; background:url(../images/introduction/i_5.png) no-repeat 15px 25px; border-top:1px #aa9bb1 dashed;} #introduction .introduction_1 .a_6{ padding-left:105px; margin-top:25px; min-height:90px; background:url(../images/introduction/i_6.png) no-repeat 14px top;} #introduction .introduction_1 .a_7{ padding-left:105px; margin-top:25px; min-height:90px; background:url(../images/introduction/i_7.png) no-repeat 14px top;} #introduction .introduction_1 .a_8{ padding-left:105px; margin-top:25px; min-height:90px; background:url(../images/introduction/i_8.png) no-repeat 14px top;} #introduction .introduction_1 .a_9{ padding-bottom:30px; padding-left:105px; margin-top:25px; min-height:90px; background:url(../images/introduction/i_9.png) no-repeat 14px top;} #introduction .introduction_right{ width:234px; float:right; margin-top:74px;} #introduction .introduction_right li{ width:234px; text-align:center; margin-top:30px;} #introduction .introduction_right li .mv{ width:234px; height:157px; background:#dbd2e7; border-radius:8px; overflow:hidden;} #introduction .introduction_right li .mv p{ width:222px; height:145px; margin:6px auto 0 auto; background:#999; border-radius:8px; } #introduction .introduction_right li span{ color:#000; font-size:13px; padding-top:10px; display:block;} /*** 产品优势 ***/ #introduction .introduction_2{ width:1170px; overflow:hidden; } #introduction .introduction_2 h3{ line-height:40px; padding-left:45px; background-image:url(../images/introduction/oa_3.png); background-repeat:no-repeat; background-position:2px 10px; color:#333; font-size:16px; font-weight:bold; font-family:"微软雅黑"; margin-top:20px; overflow:hidden;} #introduction .advantage{ width:1170px; height:1400px; margin-top:0px; position:relative; overflow:hidden; color:#FFF; font-size:13px; font-family:"宋体"; line-height:22px;} #introduction .advantage_1{ background:#f5f5f5; border-radius: 5px; margin-right:20px; width:575px; height:277px; position:absolute; top:14px; left:0px;} #introduction .advantage_2{ background:#f5f5f5; border-radius: 5px; width:575px; height:680px; position:absolute; top:14px; right:0px; } #introduction .advantage_3{ background:#f5f5f5; border-radius: 5px; margin-right:20px; width:575px; height:350px; position:absolute; top:312px; left:0px; } #introduction .advantage_4{ background:#f5f5f5; border-radius: 5px; margin-right:20px; width:575px; height:700px; position:absolute; top:685px; left:0px;} #introduction .advantage_5{ background:#f5f5f5; border-radius: 5px; width:575px; height:514px; position:absolute; top:718px; right:0px;} #introduction .advantage_5 a:hover{filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;} #introduction .advantage ul{ float:left;} #introduction .advantage ul li{ float:left; margin-top:10px; padding-left:18px; line-height:21px; color:#0176b8; font-family:"宋体";} #introduction .advantage_1 ul,#introduction .advantage_2 ul,#introduction .advantage_3 ul,#introduction .advantage_4 ul,#introduction .advantage_5 ul{ width:500px; padding-left:37px; margin-top:6px; } #introduction .advantage_1 ul li,#introduction .advantage_2 ul li,#introduction .advantage_3 ul li,#introduction .advantage_4 ul li,#introduction .advantage_5 ul li{ background:url(../images/introduction/d5.png) no-repeat left 6px; color:#042035;} #introduction .advantage_4 strong{ width:500px; padding-left:37px; line-height:30px; background-color:#c0aca5; display:block; text-align:center; float:left; margin:60px 0 0 12px;} #introduction .advantage_4 a{ display:block; color:#222222; font-family:Arial; font-size:12px; text-decoration:none;} #introduction .advantage_4 span{ font-size:12px; font-family:"微软雅黑";} #introduction .advantage_5 ol{ width:500px; padding-left:18px; float:left; margin-top:5px} #introduction .advantage_5 ol li{ margin-left:30px; float:left;} #introduction .value_1{ width:1170px; background:#f5f5f5;} #introduction .value_1 h2{ color:#1d7532; font-size:15px; font-weight:bold; font-family:"微软雅黑";} #introduction .value_1 h3{ color:#1d7532; font-size:15px; font-weight:bold; font-family:"微软雅黑";} #introduction .value_1 p{ line-height:24px; color:#000; font-size:13px; padding-top:5px; padding-right:15px; font-family:"宋体";} #introduction .value_1 .a_1{ padding-left:105px; padding-top:40px; margin-top:25px; min-height:90px; background:url(../images/introduction/01.png) no-repeat 14px 30px;;} #introduction .value_1 .a_2{ padding-left:105px; margin-top:25px; min-height:90px; background:url(../images/introduction/02.png) no-repeat 14px top;} #introduction .value_1 .a_3{ padding-left:105px; margin-top:25px; min-height:90px; background:url(../images/introduction/03.png) no-repeat 14px top;} #introduction .value_1 .a_4{ padding-left:105px; margin-top:25px; min-height:90px; background:url(../images/introduction/04.png) no-repeat 14px top;} #introduction .value_1 .a_5{ padding-left:105px; margin-top:25px; min-height:90px; background:url(../images/introduction/05.png) no-repeat 14px 25px;} #introduction .value_1 .a_6{ padding-left:105px; margin-top:25px; min-height:90px; background:url(../images/introduction/06.png) no-repeat 14px top;} #introduction .value_1 .a_7{ padding-left:105px; margin-top:25px; min-height:90px; background:url(../images/introduction/07.png) no-repeat 14px top;} #introduction .value_1 .a_8{ padding-left:105px; margin-top:25px; min-height:90px; background:url(../images/introduction/08.png) no-repeat 14px top;} #introduction .value_1 .a_9{ padding-left:105px; margin-top:25px; min-height:90px; background:url(../images/introduction/09.png) no-repeat 14px top;} #introduction .value_1 .a_10{ padding-bottom:40px; padding-left:105px; margin-top:25px; min-height:90px; background:url(../images/introduction/10.png) no-repeat 14px top;} /****** 产品功能 ******/ .description{ width:1170px; overflow:hidden; float:left; } .introduction_c_3a{ width:1170px; overflow:hidden; text-align:center;} .introduction_img{ margin-top:20px; width:1170px; text-align:center; background:#f5f5f5; position:relative; padding-bottom:60px;} .introduction_img a{ display:block; position:absolute; background:url(../images/experience/bs.png); } .introduction_img .i1{ width:134px; height:30px; top:18px; left:429px; } .introduction_img .i2{ width:152px; height:30px; top:18px; left:578px; } .introduction_img .i3{ width:155px; height:30px; top:18px; left:749px; } .introduction_img .i4{ width:154px; height:30px; top:18px; left:920px; } .introduction_c_3{ width:1170px; overflow:hidden; } .introduction_c_3 h3{ line-height:40px; padding-left:45px; background-image:url(../images/introduction/oa_3.png); background-repeat:no-repeat; background-position:2px 10px; color:#333; font-size:16px; font-weight:bold; font-family:"微软雅黑"; margin-top:5px; overflow:hidden;} .introduction_c_3 .cha{ width:152px; line-height:32px; text-align:center; font-family:"微软雅黑"; background-color:#ddae06; display:block; margin:8px auto;} .introduction_c_3 .cha a{ color:#FFF; text-decoration:none; display:block;} .introduction_c_4{ width:1170px; padding:5px 0 0 0; color:#042035} .introduction_c_5{padding:10px 18px 10px 10px; font-size:12px; } .introduction_c_5 span{ line-height:22px; padding:5px 10px; color:#042035; text-indent:2em; display:block;} .introduction_c_5 ul li{ line-height:22px; padding-left:55px; background-image:url(../images/introduction/oa_nav3.png); background-repeat:no-repeat; background-position: 35px center} .introduction_c_3 p{ padding:10px 18px 10px 10px; font-size:12px; } .introduction_c_3 p span{ line-height:22px; padding:5px 10px; color:#042035; text-indent:2em; display:block;} .introduction_c_3 p a{ color:#ffff38;} .introduction_c_1{ width:100%; background-color:#0076d0; color:#343434; font-family:"微软雅黑"; margin-top:15px;} .introduction_c_1 ol li{ float:left; width:100%; font-size:13px; background-color:#0076d0;} .introduction_c_1 ol li td{ padding:10px 15px 10px 15px; line-height:22px;} .introduction_c_1 ul li{ width:950px; border:none; background:none; padding-left:15px; float:left;} .introduction_c_1 ul strong{ margin-top:20px; width:810px; display:block; float:left;} .introduction_c_1 table tr .title_a{ background-color:#f1e5f1; font-size:15px; text-align:center;} .introduction_c_1 table tr .title_b{ background-color:#e4dbec; font-size:15px; text-align:center;} .introduction_c_1 table tr .text_a{ background-color:#f8f3f9; font-size:14px; text-align:left;} .introduction_c_1 table tr .text_b{ background-color:#edeaf3; font-size:14px; text-align:left;} /**** 用户来信 *****/ .mail{ width:100%; line-height:24px; font-family:"微软雅黑"; overflow:hidden; padding:5px 0 25px 0;} .mail li{ width:100%; float:left; color:#502d5c; font-size:14px; margin-top:15px;} .mail_top{ width:75px; height:75px; float:left; border-radius:40px; background:url(../images/introduction/mail_top.png) no-repeat center center;} .mail_content{ min-height:55px; width:1020px; padding:10px 20px; float:right; position:relative; background:#f8f3f9; color:#042035;} .mail_content p{filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; } .mail_content_a{ width:16px; height:18px; background-image:url(../images/introduction/mail_1.png); position:absolute; left:-14px; top:18px;} /******************************************************************* 互动体验样式开始 *********************************************************************************/ #experience{ width:1262px; background:url(../images/banner_bj.jpg) no-repeat; overflow:hidden; } #experience .experience{ width:1170px; margin:0px auto 0 auto; border-top:1px #a7968e solid;} #experience .experience ul{ width:1122px; height:760px; margin:30px auto 0 auto; position:relative;} #experience .experience li{ position:absolute; } #experience .experience li:hover{ -webkit-box-shadow: 0px 0px 5px 3px #fff; -moz-box-shadow: 0px 0px 5px 3px #fff; box-shadow: 0px 0px 5px 3px #fff;} #experience .experience li a{ display:block; width:100%; height:100%;} #experience .experience li.ex_1{ width:326px; height:389px; background:url(../images/experience/experience_1.jpg) no-repeat; left:0px; top:0px;} #experience .experience li.ex_2{ width:326px; height:389px; background:url(../images/experience/experience_2.jpg) no-repeat; left:358px; top:0px;} #experience .experience li.ex_3{ width:390px; height:210px; background:url(../images/experience/experience_3.jpg) no-repeat; right:0px; top:0px;} #experience .experience li.ex_4{ width:390px; height:167px; background:url(../images/experience/experience_4.jpg) no-repeat; right:0px; top:222px;} #experience .experience li.ex_5{ width:1122px; height:318px; background:url(../images/experience/experience_5.jpg) no-repeat; right:0px; top:440px;} /************************ 互动体验 js样式 ********************/ .nnnn .container{ width: 80%; max-width: 800px; position:relative; top:50px; left:50%; left:15px; margin:0 auto;} .nnnn .container_1{ width:1100px; position:relative; top:20px; margin:0 auto;} .nnnn .flexslider{width: 100%; margin: 0; padding: 0; position: relative; zoom: 1;} .nnnn .flex-direction-nav{ display:none;} .nnnn .flex-direction-nav-experience li a {width: 80px; height: 35px; margin: -13px 0 0; display: block; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;} .nnnn .flex-direction-nav-experience li a.experience-next { width:81px !important; height: 33px !important;position:absolute; right: 30px; top:465px !important; background-image:url(../images/experience/experience_next.png);} .nnnn .flex-direction-nav-experience li a.experience-prev { width:81px !important; height: 33px !important;position:absolute; left: 30px; top:465px !important; background-image:url(../images/experience/experience_prev.png);} .nnnn .flex-direction-nav-experience li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} .nnnn .flex-caption {width: 106%; padding:0; text-align:center; position: absolute; left: -30px; top:210px; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 12px; height:35px; padding-left:72px;} .nnnn .flex-caption a{ width:160px; height:73px; float:left; display:block; text-indent:-99999px; margin-left:60px; } .nnnn .flex-caption a.again{background-image:url(../images/experience/experience_again.png); background-repeat:no-repeat;} .nnnn .flex-caption a.try{background-image:url(../images/experience/experience_try.png); background-repeat:no-repeat;} .nnnn .flex-caption a.line{background-image:url(../images/experience/experience_line.png); background-repeat:no-repeat;} .nnnn .slides li{ min-height:504px; background-color:#0b2a2f;} .mb{position:fixed; z-index:10001010; top:0; left:0px; width:100%; height:150%; background-image:url(../images/nav_ty_3.png);} .mb_1{position:absolute; z-index:10001010; top:0; left:0px; width:100%; height:2000px; background-image:url(../images/nav_ty_3.png);} .shijian{ float:right; width:500px; margin-top:20px; paddng-right:35px;} .shijian ul{ float:right;} .shijian ul li{ float:left; width:40px; text-align:center; font-size:16px; color:#888fa1; font-weight:bold; font-family:"微软雅黑";} .shijian ul li a{ color:#888fa1; text-decoration:none;} .shijian ul li a:hover{ color:#FFF;} .shijian ul li.kjy_a a{ color:#FFF;} /******************************************************************* 历史沿革样式开始 *********************************************************************************/ #history{ width:1262px; background:url(../images/banner_bj.jpg) no-repeat; overflow:hidden; } .history_banner{ width:1170px; margin:0 auto; } .history{ width:1170px; overflow:hidden; margin:24px auto 0 auto; background:url(../images/history/history_nav.jpg) repeat-y left 0; position:relative;} #history_2013ADV{ height:1850px;} .history_nav{ width:169px; float:left; padding:15px 0 40px 0; float:left; } .history_nav ul{ width:169px; float:left;} .history_nav ul li{ width:169px; height:42px; line-height:42px; margin-top:7px; font-family:"微软雅黑"; font-size:15px; color:#502f28; background-repeat:no-repeat; z-index:11; float:left; text-indent:-999px;} .history_nav ul li.h1{ background-image:url(../images/history/history_nav_li.png); background-repeat:no-repeat; background-position: right 0px;} .history_nav ul li.h2{ background-image:url(../images/history/history_nav_li.png); background-repeat:no-repeat; background-position: right -42px;} .history_nav ul li.h3{ background-image:url(../images/history/history_nav_li.png); background-repeat:no-repeat; background-position: right -84px;} .history_nav ul li.h4{ background-image:url(../images/history/history_nav_li.png); background-repeat:no-repeat; background-position: right -126px;} .history_nav ul li.h5{ background-image:url(../images/history/history_nav_li.png); background-repeat:no-repeat; background-position: right -168px;} .history_nav ul li.h6{ background-image:url(../images/history/history_nav_li.png); background-repeat:no-repeat; background-position: right -210px;} .history_nav ul li.h7{ background-image:url(../images/history/history_nav_li.png); background-repeat:no-repeat; background-position: right -252px;} .history_nav ul li.h8{ background-image:url(../images/history/history_nav_li.png); background-repeat:no-repeat; background-position: right -294px;} .history_nav ul li.h9{ background-image:url(../images/history/history_nav_li.png); background-repeat:no-repeat; background-position: right -336px;} .history_nav ul li.h10{ background-image:url(../images/history/history_nav_li.png); background-repeat:no-repeat; background-position: right -378px;} .history_nav ul li.h11{ background-image:url(../images/history/history_nav_li.png); background-repeat:no-repeat; background-position: right -420px;} .history_nav ul li.h12{ background-image:url(../images/history/history_nav_li.png); background-repeat:no-repeat; background-position: right -462px;} .history_nav ul li.h13{ background-image:url(../images/history/history_nav_li.png); background-repeat:no-repeat; background-position: right -504px;} .history_nav ul li.h14{ background-image:url(../images/history/history_nav_li.png); background-repeat:no-repeat; background-position: right -546px;} .history_nav ul li.h15{ background-image:url(../images/history/history_nav_li.png); background-repeat:no-repeat; background-position: right -588px;} .history_nav ul li.h16{ background-image:url(../images/history/history_nav_li.png); background-repeat:no-repeat; background-position: right -630px;} .history_nav ul li.h17{ background-image:url(../images/history/history_nav_li.png); background-repeat:no-repeat; background-position: right -672px;} .history_nav ul li.h18{ background-image:url(../images/history/history_nav_li.png); background-repeat:no-repeat; background-position: right -714px;} .history_nav ul li.h19{ background-image:url(../images/history/history_nav_li.png); background-repeat:no-repeat; background-position: right -756px;} .history_nav ul li.h20{ background-image:url(../images/history/history_nav_li.png); background-repeat:no-repeat; background-position: right -798px;} .history_nav ul li.h21{ background-image:url(../images/history/history_nav_lia.png); background-repeat:no-repeat ;background-position: right 0px;} .history_nav ul li a{ color:#502f28; text-decoration:none; display:block; width:119px; height:42px; padding-left:50px;} .history_nav ul li.h1 a.kjy_a{ background-image:url(../images/history/history_nav_a.png); background-repeat:no-repeat; background-position: right 0px;} .history_nav ul li.h2 a.kjy_a{ background-image:url(../images/history/history_nav_a.png); background-repeat:no-repeat; background-position: right -42px;} .history_nav ul li.h3 a.kjy_a{ background-image:url(../images/history/history_nav_a.png); background-repeat:no-repeat; background-position: right -84px;} .history_nav ul li.h4 a.kjy_a{ background-image:url(../images/history/history_nav_a.png); background-repeat:no-repeat; background-position: right -126px;} .history_nav ul li.h5 a.kjy_a{ background-image:url(../images/history/history_nav_a.png); background-repeat:no-repeat; background-position: right -168px;} .history_nav ul li.h6 a.kjy_a{ background-image:url(../images/history/history_nav_a.png); background-repeat:no-repeat; background-position: right -210px;} .history_nav ul li.h7 a.kjy_a{ background-image:url(../images/history/history_nav_a.png); background-repeat:no-repeat; background-position: right -252px;} .history_nav ul li.h8 a.kjy_a{ background-image:url(../images/history/history_nav_a.png); background-repeat:no-repeat; background-position: right -294px;} .history_nav ul li.h9 a.kjy_a{ background-image:url(../images/history/history_nav_a.png); background-repeat:no-repeat; background-position: right -336px;} .history_nav ul li.h10 a.kjy_a{ background-image:url(../images/history/history_nav_a.png); background-repeat:no-repeat; background-position: right -378px;} .history_nav ul li.h11 a.kjy_a{ background-image:url(../images/history/history_nav_a.png); background-repeat:no-repeat; background-position: right -420px;} .history_nav ul li.h12 a.kjy_a{ background-image:url(../images/history/history_nav_a.png); background-repeat:no-repeat; background-position: right -462px;} .history_nav ul li.h13 a.kjy_a{ background-image:url(../images/history/history_nav_a.png); background-repeat:no-repeat; background-position: right -504px;} .history_nav ul li.h14 a.kjy_a{ background-image:url(../images/history/history_nav_a.png); background-repeat:no-repeat; background-position: right -546px;} .history_nav ul li.h15 a.kjy_a{ background-image:url(../images/history/history_nav_a.png); background-repeat:no-repeat; background-position: right -588px;} .history_nav ul li.h16 a.kjy_a{ background-image:url(../images/history/history_nav_a.png); background-repeat:no-repeat; background-position: right -630px;} .history_nav ul li.h17 a.kjy_a{ background-image:url(../images/history/history_nav_a.png); background-repeat:no-repeat; background-position: right -672px;} .history_nav ul li.h18 a.kjy_a{ background-image:url(../images/history/history_nav_a.png); background-repeat:no-repeat; background-position: right -714px;} .history_nav ul li.h19 a.kjy_a{ background-image:url(../images/history/history_nav_a.png); background-repeat:no-repeat; background-position: right -756px;} .history_nav ul li.h20 a.kjy_a{ background-image:url(../images/history/history_nav_a.png); background-repeat:no-repeat; background-position: right -798px;} .history_nav ul li.h21 a.kjy_a{ background-image:url(../images/history/history_nav_a1.png); background-repeat:no-repeat; background-position: right 0px;} .history_mian{ width:1001px; float:right; min-height:1085px; background:url(../images/history/history_2.jpg) repeat-y right top;} .history_mian_top{ width:1001px; margin-top:35px; height:72px; font-weight:bold; text-align:center; color:#141414; } .history_mian_top h3{ width:100%; line-height:45px; font-size:23px; font-family:"微软雅黑";} .history_mian_top span{ font-size:15px; font-family:"微软雅黑"; color:#231d1f;} .history_mian_1{ width:100%; } .history_mian_img{ width:84%; padding:25px 8% 25px 8%; overflow:hidden;} .history_mian_img p{ width:50%; float:left; text-align:center; height:195px;} .history_mian_img p img{ border:2px #FFF solid;} .history_list{ width:800px; margin:10px auto 20px auto; padding-top:20px; overflow:hidden; border-top:1px #48220c solid;} .history_list li{ width:93%; line-height:30px; float:left; font-size:16px; padding-left:40px; background:url(../images/history/history_li.png) no-repeat 3px 0px; font-family:"微软雅黑"; margin-top:10px;} .history_list h2{ width:100%; line-height:40px; font-family:"微软雅黑"; font-weight:bold; font-size:16px;} .history_seal{ width:179px; height:141px; position:absolute; right:35px; bottom:55px;} .history_link{ width:532px; line-height:20px; position:absolute; left:280px; margin-top:10px; font-family:"微软雅黑"; font-size:16px; background-image:url(../images/history/history_link.png); background-repeat:no-repeat; background-position:left center; padding-left:30px;} .history_link a{ text-decoration:underline; color:#000000;} .history_link a:hover{ color:#000;} .x{ position:absolute; z-index:11111; top:-14px; right:-14px;} /******************************************************************* 媒体报道样式开始 *********************************************************************************/ #media{ width:1262px; background:url(../images/banner_bj.jpg) no-repeat; height:1850px; } .media{ width:1170px; margin:0 auto; } .media_banner{ width:1170px; overflow:hidden;} .media_left{ width:818px; float:left; } .media_left .media_advertisement h5{ width:100%; padding-bottom:6px; margin-top:28px;} .media_left .media_advertisement .media_1{ width:818px; overflow:hidden; margin-top:10px;} .media_left .media_advertisement .media_1 .left{ float:left;} .media_left .media_advertisement .media_1 .right{ float:right;} .media_left .media_advertisement dl{ width:818px; float:left; margin-bottom:18px; margin-top:27px; overflow:hidden;} .media_left .media_advertisement dt{ width:488px; height:309px; float:left;} .media_left .media_advertisement dd{ width:330px; height:309px; float:left;} .media_left .media_advertisement dd h2{ line-height:35px; padding-left:14px; color:#50335e; font-size:20px; margin-top:5px;} .media_left .media_advertisement dd p{ line-height:21px; height:238px; overflow:hidden; font-size:13px; color:#50335e; padding:0 10px 0 14px; font-family:"宋体";} .media_left .media_advertisement dd p span{ display:block; text-align:right; margin-top:20px;} .media_left .media_advertisement dd h3{ width:100%; height:26px;} .media_left .media_advertisement dd h3 a{ width:78px; height:26px; line-height:26px; text-align:center; color:#FFF; display:block; background:#573561; float:right; font-family:"宋体"; font-size:13px;} .media_left .media_advertisement dd h3 a:hover{ text-decoration:none;} .media_left .media_logo{ width:818px;} .media_left .media_logo .media_logo_b{ width:267px; height:142px; float:left; margin:25px 0 0 8px; cursor:pointer; position:relative; } .media_left .media_logo .a1{ z-index:11;} .logo_x{ width:267px; padding-bottom:10px; min-height:152px; background:#FFF; position:absolute; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; top:142px; left:0px; display:none; cursor:pointer; overflow:hidden;} .logo_x ul{width:267px; padding:0 0px; margin-top:10px;} .logo_x h2{ display:none; font-size:24px; font-family:"宋体"; font-weight:bold; color:#000; text-align:center; line-height:40px; padding-top:10px;} .logo_x ul li{ line-height:14px; margin-top:7px; background:url(../images/diandian.png) no-repeat 6px 4px; font-size:12px; padding:0 5px 0 19px;} .logo_x ul li span{font-family:"宋体"; color:#464646; padding-right:5px;} .logo_x ul li a{ color:#000; font-family:"宋体"; } .media_right{ width:315px; float:right; background:url(../images/media/media_a.png) repeat-y 22px 0px; margin-top:20px; padding-top:7px; } .media_right li{ width:315px; background:url(../images/media/media_b.png) no-repeat left 7px; min-height:71px; margin-bottom:35px; +margin-bottom:33px; overflow:hidden;} .media_right li span{ display:block; width:48px; height:36px; margin-top:15px; line-height:16px; text-align:center; float:left; color:#FFF;} .media_right li .text{ background:#ded1e8; width:249px; float:right; overflow:hidden; min-height:71px; overflow:hidden;} .media_right li .text a{width:249px; display:block; min-height:71px; overflow:hidden;} .media_right li .text h2{ padding:0 15px; width:219px; font-family:"宋体"; font-weight:bold; color:#3b0c4a; font-size:15px; line-height:20px; margin-top:10px; cursor:pointer;} .media_right li .text h3{ text-align:center; line-height:20px; font-family:"宋体"; font-size:13px; color:#000; padding-bottom:10px; margin-top:10px; cursor:pointer;} .media_right li .text h2 { color:#3b0c4a; font-family:"宋体";} .media_right li .text a:hover{ text-decoration:none} /******************************************************************* 更新列表开始 *********************************************************************************/ #update{ width:1262px; background:url(../images/banner_bj.jpg) no-repeat; overflow:hidden; } .update{width:1170px; margin:0 auto; border-top:1px solid #A7968E; overflow:hidden; } .update_nav{width:230px; text-align:left;border-left:3px #5781bf solid; text-indent:26px; float:left; margin-top:20px; border-right:3px #bfbfbf solid; border-bottom:4px #bfbfbf solid; overflow:hidden;} .update_nav li{ width:230px; position:relative; line-height:40px; font-size:15px; color:#272727; font-weight:bold; cursor:pointer; background:url(../images/userlist/event.png) repeat-x left top #f2f9ff; float:left;} .update_nav li .new{ position:absolute; top:9px; left:66px;} .update_nav li span{ display:block; background:url(../images/d2.png) no-repeat 10px 17px;} .update_nav li.on span{ background:url(../images/d2.png) no-repeat 10px -18px;} .update_nav .mm li .new{ position:absolute; top:4px; left:52px;} .update_nav .mm ol li{ width:230px; text-indent:4em; font-size:14px; font-weight:normal; height:34px; line-height:34px; margin-top:0px;} .update_nav .mm ol li span{display:block; background:url(../images/d3.png) no-repeat 35px 14px;} .update_nav .mm ol li.on span{ background:url(../images/d3.png) no-repeat 35px -20px;} .update_nav .mm h6{ width:230px; text-indent:4em; font-size:14px; font-weight:normal; height:34px; line-height:34px; margin-top:0px; float:left; background:url(../images/userlist/event.png) repeat-x left top #f2f9ff; cursor:pointer;} .update_nav .mm h6 span{display:block; background:url(../images/userlist/jt.png) no-repeat 35px center;} .update_nav .mm h6.cau span{ display:block; background:url(../images/userlist/jta.png) no-repeat 35px center #d2ecfd;} .update_nav .mm h6.cau a{ display:block; color:#000;} .update_nav .mm h6 a{ color:#000;} .update_nav .mm h6 a:hover{ text-decoration:none;} .update_nav .nn ul li{ width:200px; text-indent:6em; font-size:12px; font-weight:normal; height:30px; line-height:30px; margin-top:0px;} .update_nav .nn ul li span{display:block; background:url(../images/userlist/diand.png) no-repeat 55px center;} .update_nav .nn ul li.on span{ background:url(../images/userlist/diand.png) no-repeat 55px center;} .update_nav h4{ width:230px; height:40px; display:block; line-height:40px; font-weight:bold; font-size:15px; color:#272727;cursor:pointer; background:url(../images/userlist/event.png) repeat-x left top #f2f9ff; float:left;} .update_nav h4 span{ display:block; background:url(../images/bg3.png) no-repeat 7px 14px;} .update_nav h4.cau span{ display:block; background:url(../images/bg3.png) no-repeat 7px -40px #229aea;} .update_nav h4.cau a{ display:block; color:#FFF;} .update_nav h4 a{ display:block; color:#000;} .update_nav h4 a:hover{ text-decoration:none;} .update_nav li.on { background:url(../images/userlist/libja.png) repeat-x; color:#FFF; } .update_nav .mm ol li.on{ background:#38afff; color:#FFF; } .update_nav .no_1{ background:url(../images/userlist/no_1.png) no-repeat 18px 10px; color:#FFF; float:right; padding-right:12px; font-size:12px; +margin-top:-40px;} .update_nav .no_2{ background:url(../images/userlist/no_2.png) no-repeat 21px 10px; color:#FFF; float:right; padding-right:12px; font-size:12px; +margin-top:-40px;} .update_nav .no_3{ background:url(../images/userlist/no_2.png) no-repeat 18px 10px; color:#FFF; float:right; padding-right:16px; font-size:12px; +margin-top:-40px;} .update_nav .no_4{ background:url(../images/userlist/no_2.png) no-repeat 21px 10px; color:#FFF; float:right; padding-right:12px; font-size:12px; margin-top:-40px;} .update_nav .no_5{ background:url(../images/userlist/no_2.png) no-repeat 21px 10px; color:#FFF; float:right; padding-right:12px; font-size:12px; margin-top:0px;} .update_box .bd{ width:930px; float:right;background:url('../images/userlist/dian3.png') 51px 0 repeat-y;margin:20px 0 20px 0; overflow:hidden;} .update_box .infoList{ width:100%; overflow:hidden; min-height:622px;} .update_box .infoList h3{ margin:10px 0 0px 42px;font-size:24px; color:#000;padding-left:38px;background:url('../images/userlist/jian.png') 0 -51px no-repeat;height:38px;line-height:30px;} .update_box .infoList li { width:100%; background:url('../images/userlist/jian.png') 47px -80px no-repeat; font-family:"宋体"; overflow:hidden; margin-bottom:5px; +margin-bottom:1px;} .update_box .infoList li p { width:890px; margin-left:24px; float:left; padding-left:60px;background:url('../images/userlist/jianaa.png') 29px 0 no-repeat; line-height:25px; overflow:hidden; } .update_box .infoList li p span { width:810px;text-align:left;border-bottom:2px solid #DDD;padding:10px 15px;background:#f2f9ff;margin:0; display:block;} #feature .feature_dsj{ width:1000px; margin:0 auto; } #feature .feature_dsj .fea_1{ width:1000px; margin:0 auto; padding-top:20px; border-bottom:1px #999999 solid; border-top:1px #fefefe solid; overflow:hidden;} #feature .feature_dsj .fea_1 h2{ text-align:center; font-size:48px; line-height:62px; color:#004a95; font-weight:bold; margin-top:12px;} #feature .feature_dsj .fea_1 h3{ text-align:center; color:#004a95; font-size:36px; line-height:48px; margin-top:15px;} #feature .feature_dsj .fea_1 h5{ color:#004a95; font-size:36px; line-height:48px; margin-top:15px;} #feature .feature_dsj .fa_active{ margin-top:40px;} #feature .feature_dsj .fa_active p{ text-align:center;} #feature .feature_dsj .fa_mis{ overflow:hidden; margin-top:20px;} #feature .feature_dsj .fa_mis h4{ font-size:22px; color:#252525; font-weight:bold; padding-top:10px;} #feature .feature_dsj .fa_mis li{ color:#252525; line-height:32px; font-size:22px; padding-left:20px; background:url(../images/feature/feature_dsj/dsj.jpg) no-repeat left 11px; margin-top:10px;}