@charset "utf-8";
/* CSS Document */
body { margin:0; padding:0; font-size:14px; color:#333; font-family:microsoft yahei,黑体;}
ul { list-style-type:none; padding:0; margin:0;}
img { border:none;}
a { text-decoration:none;}
a:link { color:#333;}
a:visited { color:#555;}
a:hover { color:#f60;}

.header { position:fixed; top:0; left:0; width:100%; height:100px; z-index:99999; background-color:#fff; filter:alpha(opacity:95); opacity:0.95; box-shadow:0px 1px 5px #ddd;}
.container { width:1200px; margin:0 auto;}
.logo { width:150px; float:left;}
.logo-desc { width:274px; float:left; border-left:1px #dadada solid; overflow:hidden; margin:30px 0px 0px 10px; line-height:24px; padding-left:15px;}
.top-nav { width:750px; float:right; padding-top:35px;}
.top-nav ul li { float:left; margin:0px 10px; line-height:35px;}
.top-nav ul li a { display:block; padding:0px 15px; border-radius:3px;}
.top-nav ul li a:link,.top-nav ul li a:visited { background-color:#f5f5f5;}
.top-nav ul li a:hover { background-color:#f60; color:#fff;}
.top-nav ul li a.navon { background-color:#f60; color:#fff;}

#banner { width:100%; overflow:hidden; display:none; margin-top:100px; height:450px;}
#banner .banner-box { width:1200px; margin:0 auto; position:relative;}
#banner .sub_1_1{ display:block; position:absolute;left:0px; top:240px;}
#banner .sub_1_2{ display:block; position:absolute;left:400px; top:30px;}
#banner .sub_2_1{ display:block; position:absolute;left:0px; top:15px;}
#banner .sub_2_2{ display:block; position:absolute;left:700px; top:50px;}

.home-service { width:100%; overflow:hidden; height:500px; background:url(/images/home_service_bg.jpg) no-repeat top center;}
.home-service-title { width:360px; margin:25px auto 0px auto; overflow:hidden; line-height:60px; text-align:center; border-bottom:1px #ddd solid; font-size:20px; font-weight:bold;}
.home-service-desc { line-height:24px; text-align:center; width:1000px; overflow:hidden; margin:10px auto 0px auto;}
.home-service-list { width:1200px; margin:15px auto 0px auto; overflow:hidden;}
.home-service-list ul { width:1300px;}
.home-service-list ul li { float:left; width:291px; margin-right:12px; height:300px; position:relative;}
.i-website,.i-seo,.i-wemedia,.i-other { width:60px; height:60px; text-align:center; border-radius:50%; z-index:2; position:absolute; left:115px; border:1px #ddd solid;}
.i-website { background:url(/images/i_website.png) no-repeat top center #fff;}
.i-seo { background:url(/images/i_seo.png) no-repeat top center #fff;}
.i-wemedia { background:url(/images/i_wemedia.png) no-repeat top center #fff;}
.i-other { background:url(/images/i_other.png) no-repeat top center #fff;}
.box-website,.box-seo,.box-wemedia,.box-other { position:absolute; top:30px; background:#19a6db; z-index:1; height:270px; color:#fff;}
.box-seo,.box-other { background:#0881af;}
.home-service-list ul li h2 { margin:0; text-align:center; margin-top:50px; font-size:18px;}
.home-service-list ul li p { padding:0px 20px 0px 25px; line-height:28px;}
.home-service-list ul li a:link,.home-service-list ul li a:visited { color:#f1f1f1;}
.home-service-list ul li a:hover { color:#fff;}
.home-service-list ul li ul.box-other-list { width:291px; list-style-type:circle; margin-top:20px;}
.home-service-list ul li ul.box-other-list li { float:none; height:30px; margin:00px 0px 0px 90px;}
.home-service-list ul li p.txtc { width:100px; margin:10px auto 0 auto; text-align:center; padding:0;}

.home-cases { background-color:#fafafa; padding-top:25px; padding-bottom:40px;}
.home-cases-title { width:360px; margin:0px auto; overflow:hidden; line-height:60px; text-align:center; border-bottom:1px #ddd solid; font-size:20px; font-weight:bold;}
.home-cases-desc { line-height:24px; text-align:center; width:1000px; overflow:hidden; margin:10px auto 0px auto;}
.home-cases-list { overflow:hidden; margin-top:25px; width:1200px;}
.home-cases-list ul { width:1300px;}
.home-cases-list ul li { float:left; width:388px; margin-right:18px; background:#f60; height:290px; margin-bottom:18px; cursor:pointer; position:relative; overflow:hidden;}
.home-cases-list ul li .case-img { position:absolute; z-index:3;}
.home-cases-list ul li .case-img img { width:388px;}
.home-cases-list ul li .case-box { position:absolute; z-index:2;}
.home-cases-list ul li .case-box a { display:block; width:388px; height:291px; background:url(/images/case_list_bg.png);}
.home-cases-list ul li .case-box a:link,.home-cases-list ul li .case-box a:visited,.home-cases-list ul li .case-box a:hover { color:#fff;}
.case-box-title { width:360px; text-align:center; line-height:40px; margin:0 auto; color:#fff; font-size:16px; font-weight:bold; padding-top:60px;}
.case-box-desc { width:280px; border:1px #ccc solid; margin:30px auto 0 auto; line-height:24px; padding:8px 18px;}
.home-cases-more { width:120px; margin:10px auto 0 auto; overflow:hidden; border-radius:3px; background:#0881af; line-height:35px; text-align:center;}
.home-cases-more a { display:block;}
.home-cases-more a:link,.home-cases-more a:visited { color:#fff;}
.home-cases-more a:hover { background:#f60;}

.home-data { height:300px; overflow:hidden; background:url(/images/index_data_bg.jpg) no-repeat top center;}
.home-data-title { width:360px; margin:0px auto; overflow:hidden; line-height:60px; text-align:center; font-size:20px; font-weight:bold; color:#fff; margin-top:15px;}
.home-data-box { width:880px; margin:0 auto; padding-top:20px;}
.home-data-box ul li { width:220px; float:left; text-align:center; color:#fff;}
.home-data-box ul li .home-data-num { width:120px; height:120px; background:#f60; border-radius:50%; margin:0 auto; font-size:40px; line-height:120px;}
.home-data-box ul li h3 { font-weight:normal;}

.home-news { padding:20px 0px; background:url(/images/home_news_bg.jpg) no-repeat top center; overflow:hidden;}
.home-news-title { width:360px; margin:0px auto; overflow:hidden; line-height:60px; text-align:center; border-bottom:1px #ddd solid; font-size:20px; font-weight:bold;}
.home-news-kinds { width:600px; margin:40px auto 0 auto; overflow:hidden;}
.home-news-kinds ul li { width:200px; float:left; text-align:center;}
.home-news-kinds ul li a { display:block; background:#ddd; width:160px; margin-left:20px; line-height:35px; border-radius:17px;}
.home-news-kinds ul li a:link,.home-news-kinds ul li a:visited { color:#333;}
.home-news-kinds ul li a:hover { color:#fff; background:#f60;}
.home-news-kinds ul li a.navon { color:#fff; background:#f60;}
.home-news-list { width:1100px; height:345px; margin:40px auto 0px auto; overflow:hidden;}
.home-news-list ul li { width:535px; float:left; height:90px; margin-bottom:25px; margin-right:15px;}
.home-news-date { width:80px; height:90px; float:left; overflow:hidden; background:#0881af; border-radius:4px; text-align:center; color:#fff;}
.home-news-date p { font-size:32px; margin:0; padding:12px 0px 5px 0px;}
.home-news-box { float:right; overflow:hidden; width:440px; padding:5px 0px 0px 15px;}
.home-news-box h3 { margin:0; font-weight:normal;}
.home-news-box h3 a:link,.home-news-box h3 a:visited { color:#333;}
.home-news-box h3 a:hover { color:#f60;}
.home-news-desc { line-height:26px; padding-top:5px; color:#777;}
#dongtai,#zhishi { display:none;}

.bottom-link { background:#3e3e3e; overflow:hidden;}
.bottom-link-list { overflow:hidden; color:#eee; padding:20px 0px;}
.bottom-link-list ul {}
.bottom-link-list ul li { float:left; width:300px;}
.bottom-link-list ul li .bottom_tel { color:#f60; line-height:30px; font-size:16px; padding-left:35px; background:url(/images/bottom_i_tel.png) no-repeat;}
.bottom-link-list ul li .bottom_con { color:#aaa; line-height:32px; padding-left:35px; background:url(/images/bottom_i_addr.png) no-repeat;}
.bottom-link-list ul li ul li { line-height:28px;}
.bottom-link-list ul li ul li a:link,.bottom-link-list ul li ul li a:visited { color:#999;}
.bottom-link-list ul li ul li a:hover { color:#f60;}

.friendlink { overflow:hidden; border-top:1px #555 dashed; padding:10px 0px; line-height:24px; color:#999;}
.friendlink a:link,.friendlink a:visited { color:#999;}
.friendlink a:hover { color:#f60;}

.footer { background:#333; color:#888;}
.footer-content { text-align:center; padding:15px 0px;}
.footer-content a:link,.footer-content a:visited { color:#666;}
.footer-content a:hover { color:#f60;}

/* leftsead */
#leftsead{width:161px;height:290px;position:fixed;top:350px;right:0px; z-index:100;}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{width:161px;height:60px;}
#leftsead li img{float:right;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:161px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
#leftsead li a.youhui .hides{display:none;position:absolute;right:143px;}
#leftsead li a.youhui .2wm{display:none;position:absolute;right:143px;}
#p2{width:112px;background-color:#A7D2A9;height:47px;margin-left:47px;border:1px solid #8BC48D;text-align:center;line-height:47px}
#p3{width:112px;background-color:#EC9890;height:47px;margin-left:47px;border:1px solid #E6776C;text-align:center;line-height:47px}
#p1{width:47px;height:49px;float:left}

/* wangzhan */
.banner-wangzhan { width:100%; overflow:hidden; margin-top:100px; height:450px; background:url(/images/wangzhan-bg.jpg) no-repeat top center;}
.wangzhan-wenti { overflow:hidden; width:1100px; margin:30px auto 0 auto; height:375px; background:url(/images/wangzhan-img.jpg) no-repeat right;}
.wangzhan-wenti h2 { height:60px; line-height:60px; font-size:30px; font-style:italic; font-weight:normal; margin:0;}
.wangzhan-wenti h2 span { color:#de7979;}
.wangzhan-wenti ul { width:620px; margin-top:15px; padding-left:36px; background:url(/images/nu.gif) top left no-repeat;}
.wangzhan-wenti ul li { height:36px; line-height:36px; margin-bottom:9px; color:#fff;}
.wangzhan-wenti ul li span { height:36px; display:block; padding-left:10px; background:url(/images/wangzhan-jiantou.gif) #de7979 no-repeat right; padding-right:90px; float:left;}

.wangzhan-yuanyin { overflow:hidden; margin:40px auto 0 auto; background:#f5f5f5;}
.wangzhan-yuanyin-t { width:1100px; margin:0 auto; overflow:hidden; padding-top:30px; padding-bottom:60px;}
.wangzhan-yuanyin-t h2 { height:60px; line-height:60px; font-size:30px; font-style:italic; font-weight:normal; margin:0;}
.wangzhan-yuanyin-t h2 span { color:#de7979;}
.wangzhan-yuanyin-t ul { height:190px; padding-top:25px; width:1150px;}
.wangzhan-yuanyin-t ul li { width:190px; height:190px; float:left; overflow:hidden; display:inline; text-align:center; background:url(/images/wangzhan-wenti-bg.gif) no-repeat; margin-right:36px;}
.wangzhan-yuanyin-t ul li h3 { height:50px; line-height:50px; font-weight:normal; font-size:24px; padding-top:14px; margin:0;}
.wangzhan-yuanyin-t ul li div { color:#fff; height:32px; line-height:32px; font-size:17px;}
.wangzhan-yuanyin-t ul li p { color:#666;}

.wangzhan-youdian { overflow:hidden; width:1100px; margin:30px auto 0 auto;}
.wangzhan-youdian h2 { height:60px; line-height:60px; font-size:30px; font-style:italic; font-weight:normal; margin:0;}
.wangzhan-youdian h2 span { color:#de7979;}
.wangzhan-youdian ul { margin-top:10px;}
.wangzhan-youdian ul li { width:340px; height:204px; float:left; display:inline; margin:10px; background:#fafafa;}
.wangzhan-youdian ul li h3 { height:45px; line-height:45px; text-align:center; font-size:18px; color:#fff; margin:0;}
.wangzhan-youdian ul li h3.bg1 { background:#de7979;}
.wangzhan-youdian ul li h3.bg2 { background:#79abde;}
.wangzhan-youdian ul li h3.bg3 { background:#daaf77;}
.wangzhan-youdian ul li h3.bg4 { background:#92c285;}
.wangzhan-youdian ul li h3.bg5 { background:#c085c2;}
.wangzhan-youdian ul li h3.bg6 { background:#85c2bf;}
.wangzhan-youdian ul li div { padding:10px 16px; line-height:27px; font-size:14px; color:#666;}

.wangzhan-liyou { overflow:hidden; margin:40px auto 0 auto; background:#f5f5f5;}
.wangzhan-liyou-t { width:1100px; margin:0 auto; overflow:hidden; padding-top:30px; padding-bottom:60px;}
.wangzhan-liyou-t h2 { height:60px; line-height:60px; font-size:30px; font-style:italic; font-weight:normal; margin:0;}
.wangzhan-liyou-t h2 span { color:#de7979;}
.wangzhan-liyou-t ul { margin-top:10px;}
.wangzhan-liyou-t ul li { width:340px; height:450px; float:left; display:inline; margin:10px; background:#fff; border:1px #ddd solid;}
.wangzhan-liyou-t ul li h3 { color:#79abde; font-size:18px; text-align:center;}
.wangzhan-liyou-t ul li div { text-align:center; padding-top:30px;}
.wangzhan-liyou-t ul li div img { height:90px;}
.wangzhan-liyou-t ul li p { line-height:30px; color:#666; font-size:14px; padding:10px 18px;}

/* seo */
.banner-seo { width:100%; overflow:hidden; margin-top:100px; height:450px; background:url(/images/seo-bg.jpg) no-repeat top center;}
.seo-biyao { overflow:hidden; width:1100px; margin:30px auto 0 auto;}
.seo-biyao h2 { height:60px; line-height:60px; font-size:30px; font-style:italic; font-weight:normal; margin:0;}
.seo-biyao h2 span { color:#de7979;}
.seo-qianyan { background:url(/images/seo-right-bg.jpg) no-repeat right; height:180px;}
.seo-qianyan p { width:650px; font-size:16px; line-height:35px; color:#666; padding-top:30px;}

.seo-biyaoxing { overflow:hidden; margin:50px auto 0 auto; background:#f5f5f5;}
.seo-biyaoxing-t { width:1100px; margin:0 auto; overflow:hidden; padding-top:30px; padding-bottom:30px;}
.seo-biyaoxing-t h2 { height:60px; line-height:60px; font-size:30px; font-style:italic; font-weight:normal; margin:0;}
.seo-biyaoxing-t h2 span { color:#de7979;}
.seo-biyaoxing-t ul { margin-top:20px; width:1150px;}
.seo-biyaoxing-t ul li { width:520px; float:left; margin-right:40px; margin-bottom:30px; overflow:hidden; height:200px; background:#fff; border:1px #ddd solid;}
.seo-biyaoxing-t ul li h3 { height:45px; line-height:45px; text-align:center; font-size:18px; color:#fff; margin:0; font-weight:normal;}
.seo-biyaoxing-t ul li h3.bg1 { background:#de7979;}
.seo-biyaoxing-t ul li h3.bg2 { background:#79abde;}
.seo-biyaoxing-t ul li h3.bg3 { background:#daaf77;}
.seo-biyaoxing-t ul li h3.bg4 { background:#92c285;}
.seo-biyaoxing-t ul li div { font-size:14px; color:#666; padding:12px 20px; line-height:30px;}

.seo-jiage { overflow:hidden; width:1100px; margin:30px auto 0 auto; padding-bottom:30px;}
.seo-jiage h2 { height:60px; line-height:60px; font-size:30px; font-style:italic; font-weight:normal; margin:0;}
.seo-jiage h2 span { color:#de7979;}
.seo-jiage p { color:#666; line-height:32px;}

/* mobile */
.banner-mobile { width:100%; overflow:hidden; margin-top:100px; height:500px; background:url(/images/mobile-bg.jpg) no-repeat top center;}
.mobile-laixi { overflow:hidden; width:1100px; margin:30px auto 0 auto;}
.mobile-laixi-l { width:420px; float:left;}
.mobile-laixi-r { width:640px; float:right; padding-left:40px;}
.mobile-laixi-l h2 { height:60px; line-height:60px; margin:0; color:#fff; width:382px; padding-right:32px; background:url(/images/mobile-laixi-tbg.gif) no-repeat; font-size:30px; text-align:center; font-weight:normal;}
.mobile-laixi-l div { padding:15px 0 0 25px; line-height:32px; font-size:16px; color:#555;}
.mobile-laixi-l div b { color:#de7979;}

.mobile-wsm { overflow:hidden; width:1100px; margin:30px auto 0 auto;}
.mobile-wsm-r { width:420px; float:right; padding-top:20px;}
.mobile-wsm-r h2 { height:60px; line-height:60px; margin:0; color:#fff; width:382px; padding-right:32px; background:url(/images/mobile-laixi-tbg.gif) no-repeat; font-size:30px; text-align:center; font-weight:normal;}
.mobile-wsm-r div { padding:15px 0 0 25px; line-height:32px; font-size:16px; color:#555;}
.mobile-wsm-r div b { color:#de7979;}
.mobile-wsm-l { width:640px; float:left;}

.mobile-youshi { overflow:hidden; margin:50px auto 0 auto; background:#f5f5f5; padding-bottom:25px;}
.mobile-youshi-t { width:1100px; margin:0 auto; overflow:hidden; padding-top:30px; padding-bottom:30px;}
.mobile-youshi-t h2 { height:60px; line-height:60px; font-size:30px; font-style:italic; font-weight:normal; margin:0;}
.mobile-youshi-t h2 span { color:#de7979;}
.mobile-youshi-t ul { width:1050px; margin-top:10px;}
.mobile-youshi-t ul li { width:195px; margin:0 15px 0 0; overflow:hidden; height:350px; float:left; display:inline;}
.mobile-youshi-t ul li h3 { padding-top:100px; line-height:30px; font-size:20px; text-align:center; color:#fff; font-weight:normal;}
.mobile-youshi-t ul li div { padding:18px; line-height:30px; font-size:14px; color:#fff;}
.mobile-youshi-t ul li.bg1 { background:url(/images/mobile-bg1.gif) no-repeat center 25px #88c7c4}
.mobile-youshi-t ul li.bg2 { background:url(/images/mobile-bg2.gif) no-repeat center 25px #dfb579}
.mobile-youshi-t ul li.bg3 { background:url(/images/mobile-bg3.gif) no-repeat center 25px #79aedf}
.mobile-youshi-t ul li.bg4 { background:url(/images/mobile-bg4.gif) no-repeat center 25px #8bc788}
.mobile-youshi-t ul li.bg5 { background:url(/images/mobile-bg5.gif) no-repeat center 25px #c188c7}

/* wei */
.banner-wei { width:100%; overflow:hidden; margin-top:100px; height:450px; background:url(/images/wei-bg.jpg) no-repeat top center;}
.wei-title { overflow:hidden; width:1100px; margin:30px auto 0 auto;}
.wei-title h2 { height:60px; line-height:60px; font-size:30px; font-style:italic; font-weight:normal; margin:0;}
.wei-title h2 span { color:#de7979;}

.wei-yinzi { overflow:hidden; width:1100px; margin:0px auto 0 auto; background:url(/images/wei-yinzi-bg.jpg) no-repeat right; height:300px; background-position:right -20px;}
.wei-yinzi p { color:#555; line-height:32px; width:670px;}
.wei-yinzi p b { color:#de7979;}

.wei-sm { overflow:hidden; width:1100px; margin:0px auto 0 auto;}
.wei-sm h2 { height:60px; line-height:60px; font-size:30px; font-style:italic; font-weight:normal; margin:0;}
.wei-sm h2 span { color:#de7979;}
.wei-sm p { color:#555; line-height:32px;}

.wei-dailai { overflow:hidden; width:1100px; margin:0px auto 0 auto;}
.wei-dailai h2 { height:60px; line-height:60px; font-size:30px; font-style:italic; font-weight:normal; margin:0;}
.wei-dailai h2 span { color:#de7979;}
.wei-dailai p { color:#555; line-height:32px;}
.wei-dailai p b { color:#de7979;}

.wei-youshi { overflow:hidden; margin:20px auto 0 auto; background:#f5f5f5; padding-bottom:15px;}
.wei-youshi-t { width:1100px; margin:0 auto; overflow:hidden; padding-top:30px; padding-bottom:10px;}
.wei-youshi-t h2 { height:60px; line-height:60px; font-size:30px; font-style:italic; font-weight:normal; margin:0;}
.wei-youshi-t h2 span { color:#de7979;}
.wei-youshi-t p { color:#555; line-height:32px;}

.wei-xiaoguo { overflow:hidden; width:1100px; margin:25px auto 20px auto;}
.wei-xiaoguo h2 { height:60px; line-height:60px; font-size:30px; font-style:italic; font-weight:normal; margin:0;}
.wei-xiaoguo h2 span { color:#de7979;}
.wei-xiaoguo p { color:#555; line-height:32px;}
.wei-xiaoguo p b { color:#de7979;}

/* about */
.banner-about { width:100%; overflow:hidden; margin-top:100px; height:320px; background:url(/images/about_banner.jpg) no-repeat top center;}
.about-nav { height:38px; line-height:38px; background:url(/images/as_bg.gif) repeat-x;}
.about-nav p { color:#555; width:1100px; margin:0 auto;}
.about-nav-t h2 { text-align:center; height:135px; line-height:135px; margin:0 auto; font-size:28px; font-weight:normal;}
.about-content { margin:0 auto; line-height:32px; color:#555; width:1100px; padding:0px 20px 50px 20px;}

/* contact */
.banner-contact { width:100%; overflow:hidden; margin-top:100px; height:320px; background:url(/images/contact_banner.jpg) no-repeat top center;}
.contact-content { overflow:hidden; width:1100px; margin:0px auto 40px auto;}
.contact-content-l { width:550px; float:left; line-height:32px; color:#555; overflow:hidden;}
.contact-content-l span { color:#f60;}
.contact-content-l b { font-size:16px;}
.contact-content-r { width:500px; float:right; margin-left:50px; overflow:hidden; height:350px;}

#allmap {height: 348px;width:498px;overflow: hidden; border:1px #ddd solid;}

/* news */
.banner-news { width:100%; overflow:hidden; margin-top:100px; height:320px; background:url(/images/news_banner.jpg) no-repeat top center;}
.news-content { overflow:hidden; width:1100px; margin:25px auto 40px auto;}
.news-content h2 { height:60px; line-height:60px; font-size:24px; font-weight:normal; margin:0; text-align:center;}
.news-content-info { text-align:center; line-height:30px; color:#999;}
.news-content-detail { line-height:32px; color:#555; padding:0 20px;}
.news-prev-next { padding:10px 20px; color:#666;}
.news-prev-next a:link,.news-prev-next a:visited { color:#666;}
.news-prev-next a:hover { color:#f60;}

.sub_news_content { line-height:30px; overflow:hidden; padding:20px 0;}
.sub_news_content ul li { border-bottom:1px #ccc dashed; overflow:hidden; padding-bottom:8px; padding-top:8px;}
.sub_news_content ul li .sub_news_list_title { color:#555; font-weight:bold; font-size:18px; line-height:24px;}
.sub_news_content ul li .sub_news_list_title a:link { color:#555;}
.sub_news_content ul li .sub_news_list_title a:visited { color:#666;}
.sub_news_content ul li .sub_news_list_title a:hover { color:#007CC1;}
.sub_news_content ul li .sub_news_list_time { line-height:50px; color:#999;}
.sub_news_content ul li .sub_news_list_desc { line-height:28px; color:#777;}

.pages { margin:15px auto 10px auto; text-align:center;}

.news-list { width:1100px; margin:0 auto; overflow:hidden;}

/* cases */
.banner-cases { width:100%; overflow:hidden; margin-top:100px; height:320px; background:url(/images/case_banner.jpg) no-repeat top center;}
.case-list { width:100%; overflow:hidden; background:url(/images/case_bg.jpg) no-repeat #f2f2f2; padding:25px 0 20px 0;}
.case-list-cate { overflow:hidden; width:1100px; margin:0 auto;}
.case-list-cate ul li { float:left; height:35px; margin-right:25px;}
.case-list-cate ul li a { display:block; line-height:35px; text-align:center; padding:0 25px; background:#f5f5f5; border-radius:4px;}
.case-list-cate ul li a:link,.case-list-cate ul li a:visited { color:#555;}
.case-list-cate ul li a:hover { background:#79abde; color:#fff;}
.case-list-cate ul li a.cateon { background:#79abde; color:#fff;}

.sub_case_content { overflow:hidden; width:1100px; margin:0 auto;}
ul.case-show-box { width:1100px; overflow:hidden; margin:25px auto 20px auto;}
ul.case-show-box li { float:left; width:350px; margin-right:16px; overflow:hidden; height:320px; margin-bottom:20px; background:#fff; position:relative;}
ul.case-show-box li .case_pic { width:350px; height:263px; overflow:hidden; text-align:center;}
ul.case-show-box li .case_pic img { width:350px; height:263px; vertical-align:middle;}
ul.case-show-box li .show-box { width:100%; height:263px; position:absolute; top:0; left:0; background:#000; background:rgba(0,0,0,0.6) !important; filter:Alpha(opacity=60); display:none;}
ul.case-show-box li .show-box .case_show_ico { width:100%; height:263px; background:url(/images/case_pic_ico.png) no-repeat center; position:absolute; top:0; left:0;}
.case_list_title { padding:13px 15px; line-height:31px;}
.fl { float:left;}
.fr { float:right;}
.case_list_name { display:inline-block; width:140px; overflow:hidden; font-weight:normal; font-size:15px;}
.case_list_title span { color:#9e9e9e; font-size:12px; display:inline-block;}
.outurl { margin-left:4px; display:inline-block; border:1px #d3d3d3 solid; color:#555; padding:0px 8px; font-size:13px;}
a.outurl:hover { background:#f60; color:#fff; border:none;}

.case-detail { width:100%; overflow:hidden; background:url(/images/case_bg.jpg) no-repeat #f2f2f2; padding:25px 0 20px 0;}
.case-detail-box { width:1060px; margin:0 auto; overflow:hidden; padding:15px; background:#fff;}
.case-detail-l { width:800px; float:left; overflow:hidden;}
.case-detail-l p { margin:0; line-height:30px;}
.case-detail-r { width:240px; float:right; overflow:hidden; margin-left:20px;}

.case_right_cont_title { color:#E53B00; font-size:16px;}
.case-detail-r .date { font-size:12px; margin-top:5px; display:block; color:#666;}
.case-detail-r .click { font-size:12px; margin-top:5px; display:block; color:#666;}
.case_right_cont_title2 { font-weight:bold; color:#973601; margin-top:20px;}
.case_right_cont_title3 { font-weight:bold; color:#973601; margin-top:30px;}
.case_right_cont_desc { line-height:28px; color:#777; word-wrap:break-word;}
.case-detail-r a.anliurl { display:block; background:#FD5300; padding:5px 0; color:#fff; margin-top:25px; text-align:center; line-height:28px;}
.case-detail-r a.anliurl:link,.case-detail-r a.anliurl:visited { background:#fd5300;}
.case-detail-r a.anliurl:hover { background:#f60;}
.case_right_list { margin-top:10px;}
ul.case-show-box2 {}
ul.case-show-box2 li { width:100%; margin-top:15px;}
ul.case-show-box2 li .case_pic { height:160px; overflow:hidden; position:relative; text-align:center;}
ul.case-show-box2 li .case_pic img { width:240px; height:160px; display:inline-block;}
ul.case-show-box2 li .show-box { width:100%; height:160px; position:absolute; top:0; left:0; background:#000; background:rgba(0,0,0,0.6) !important; filter:Alpha(opacity=60); display:none;}
ul.case-show-box2 li .show-box .case_show_ico { width:100%; height:160px; background:url(/images/case_pic_ico.png) no-repeat center; position:absolute; top:0; left:0;}
.case-detail-r .case_list_title { width:240px; overflow:hidden; padding:4px 0;}

/* paging */
.pagingBar2{ background-color:#E7ECF2; height:24px; line-height:24px; padding:4px; padding-left:6px; padding-right:6px; border:1px #dddddd solid;}
a.pagingBar2:hover{ background-color:Transparent; text-decoration:none; height:24px; line-height:24px; padding:4px; padding-left:6px; padding-right:6px; border:1px #dddddd solid;}
.pagingBar3{ background-color:#E7ECF2; height:24px; line-height:24px; padding:4px; padding-left:6px; padding-right:6px; border:1px #dddddd solid;}
a.pagingBar3:hover{ background-color:Transparent; text-decoration:none; height:24px; line-height:24px; padding:4px; padding-left:6px; padding-right:6px; border:1px #dddddd solid;}
.curpage{height:24px; line-height:24px; padding:4px; padding-left:8px; padding-right:8px; border:1px #E7ECF2 solid; padding-top:1px; font-size:13px;}
.pagingBarN{ background-color:#E7ECF2; height:24px; line-height:24px; padding:4px; padding-left:8px; padding-right:8px; border:1px #dddddd solid; padding-top:1px; font-size:13px;}
a.pagingBarN:hover{ height:24px; line-height:24px; text-decoration:none; padding:4px; padding-left:8px; padding-right:8px; border:1px #dddddd solid; background-color:Transparent; padding-top:1px; font-size:13px;}
