*{ margin:0; padding:0;font-family:"microsoft yahei","黑体", "宋体", Arial; font-size:12px;}
body { color:#666; background:#fff; min-width:1080px; position:relative; }
a { color:#000; text-decoration:none; outline:none; }
a:hover { color:#f00; text-decoration:none; }
a:active { star:expression(this.onFocus=this.blur());}
h2 { font-size:14px; }h3 { font-size:12px; }img { border:none; vertical-align:middle; }
ol { list-style-position:inside; }ul { list-style: none; }
/* reset */
.fl { float:left; }.fr { float:right; }.fl, fr { _display:inline; }.tar { text-align:right; }.clear { clear:both; }br.clear { font-size:1px; height:0px; line-height:0px; }.hide { display:none; }
/* =============文字对齐============ */
.tc { text-align:center; }.tr { text-align:right; }.tl { text-align:left;}
/* =============文字=============== */
.f12 { font-size:12px; }.f14 { font-size:14px; }.f16 { font-size:16px; }.f18 { font-size:18px; }.f20 { font-size:20px; }.f30 { font-size:30px; }.f36 { font-size:36px; }.f42 { font-size:42px; }.f50 { font-size:50px; }.yahei { font-family:"microsoft yahei"; }.bold { font-weight:bold; }
/* =============间距=============== */
.p10 { padding:10px; }.pl  { padding-left:10px; }.pl20 { padding-left:20px;}.mt5{margin-top:5px}.mt10 { margin-top:10px; }.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }.mr10 { margin-right: 10px; }.mb10 { margin-bottom:10px; }.mb25 { margin-bottom: 25px; }
/* =============颜色=============== */
.red { color:red; }.blue { color:#06f; }.green { color:green; }.orange { color:orange; }.f60 { color: #F60; }.f00 { color:#F00; }.white { color:#fff; }.yellow { color:#FF6;}
.ul { text-decoration:underline;}
.psr { position:relative;}

/* =============布局===============*/
#wrap { width:1024px; margin:10px auto; overflow: hidden; position: relative; }
#wrap100per { width:100%; overflow:hidden; position: relative; }
.wrap1024 { width:1024px;margin:0 auto;}
.wrap1080 { width:1080px;margin:0 auto;}
.wrap1200 { width:1200px;margin:0 auto;}

/*===============顶部公共=================*/
#header { background:#1f2228; height:116px; position:relative; overflow:hidden; }
.header_con { width:1080px; position:absolute; left:50%; margin-left:-540px;}
.header_nav { float:right; position:relative; height:98px;}
.logo { float:left; width:360px;}
.header_nav_top { margin-top:19px; overflow:hidden;}
.header_nav_l { float:left; margin-left:200px; width:100px; text-align:center; background:url(../images/about_bg.png) no-repeat center;}
.header_nav_l a {color:#ccc; font-size:11px;}
.header_nav_r { background:url(../images/header_tel.jpg) no-repeat; float:left;height:15px;padding-left:36px;margin-left:20px;}
#nav { float: right; position:relative; padding:25px 0 15px 0; }
#nav li { float:left; width:90px;}
#nav li a { font-size:14px; color:#fff; z-index:99; display:block;}
.header_nav_curr { height:3px; width:100%; background-color:#e6000f; position:absolute; bottom:0;}
.header_nav_bl { position:absolute; top:95px; left:50%; width:50%; margin-left:500px;height:3px;background-color:#e6000f;}
header, footer, nav, section, article { 
display:block; 
}

/*===============底部公共================*/
.footer-contain { margin:0px auto; width: 100%; padding-top:40px; background:#000; overflow: hidden;}
.footer { width:1080px; margin:0 auto; color:#7e8793; padding-bottom:50px; overflow: hidden;}
.footer a { color:#a3a4a4;}
.footer a:hover { color:#fff;}
.footer-left { width:500px; float:left; position:relative;}
.footernav {  }
.footernav dl { width:180px; float:left; }
.footernav dt { font-weight:bold; line-height:22px; font-size:22px; margin-bottom:8px; color:#fff; }
.footernav dd { line-height:22px;}
.footer-contact .footer-tel { font-size:26px; padding:15px 0; color:#fff; font-weight:normal;}
.footer-contact .footer-tel span {color:#e8380d; padding-left:15px; font-size:30px;}
.footer-contact .ewm { position:absolute; right:-130px; top:115px;}
.footer-contact ul li { line-height:25px;}
.footer-right { width:400px; float:right;}
.inquiry-title { background:url(../images/inquiry-title.png) no-repeat left 0; font-size:16px; color:#fff; text-indent:56px; height:30px;}
.inquiry-form { margin-top:10px; text-align:center; position: relative;}
.inquiry-form input { width:121px; padding:10px 0 10px 5px; border:none; margin-left:3px;}
.inquiry-form input:first-child { margin-left:0;}
.inquiry-form textarea { outline:none; color: #333; margin:5px 0; width:386px; height:150px; border:none; padding:5px 0 0 5px;}
.inquiry-form #submit { outline:none; width:50px;height:50px; border-radius:25px; padding:0; background-color:#e8380d; color:#fff; cursor:pointer;behavior: url(/ie-css3.htc); position: relative; z-index:10}
.inquiry-form #submit:hover { background:#ffae02; color:#000;}
.feedback { width:900px; margin:0 auto;}
.feedback td { padding:5px 0; }
.feedback input[type="text"],textarea,select { border:1px #ddd solid; padding:3px 5px;}
.feedback select { padding:2px 5px;}
.feedback th { text-align:right; padding-right:15px; font-size:14px; color:#111;}
.formSubmit { background-color:#e60012; padding:6px 15px; font-size:14px; color:#fff; font-weight:normal; border:none;}
.formReset { background-color:#333; padding:6px 15px; font-size:14px; color:#fff; font-weight:normal; border:none; margin-left:10px;}
.copyright { clear:both; color:#666; background-color:#000; padding:20px 0; text-align:center; }
.copyright a { color:#666; }
#toTop { width:85px; height:85px; position:absolute; top:20px; right:-115px; cursor:pointer; display:none; background:url(../images/totop.png) no-repeat; }

/*=================内页公共===============*/
.page_contain { position:relative; overflow:hidden;}
.page_bg { position:absolute; top:0; left:50%; margin-left:-563px; width:292px; height:430px; z-index:-1; background:url(../images/page_bg_1.jpg) no-repeat;}
.page_line {width:50%;position:absolute;left:0;top:152px;background:#909090;height:1px;margin-left:-345px;}
.page_main { width:1080px; margin:0 auto;}
.page_top { padding-top:60px; overflow:hidden;}
.page_top_l { float:left; padding-top:15px;}
.page_top_r { float:right; overflow:hidden;}
.page_top_rt { text-align:right;}
.page_top_rb { margin-top:25px;}
.page_top_rb a {display:block;float:left;height:28px;width:92px;border:1px solid #313134;background:#49494e;line-height:28px;text-align:center;margin-left:9px;color:#fff;}
.page_top_rb a:hover,.page_top_rb a.selected {background:#e60012;border:1px solid #e60012;}


/*==================首页==================*/
.block_title_img { margin-top:30px;}
.block_title_txt { font-size:30px; font-weight:bold; color:#1f2228;}
.block_title_dsc { padding-bottom:30px;}
.block_title_dsc h3 { color:#333;font-size:18px;line-height:40px;}
.block_title_dsc h4 { color:#333;font-size:16px;}
.items { padding-bottom:25px; overflow:hidden;}
.items ul li .icon-top{padding-bottom:20px;padding-top:40px;}
.items ul li .icon-txt { text-align:left;}
.items ul li .icon-txt{padding:2% 10%;font-size:14px;line-height:20px;background:none;color:#666; height: 60px;overflow:hidden;}
.items ul li:hover .icon-txt{-webkit-transition:0.5s ease-out all;transition: 0.5s ease-out all;background:#fff;color:#333;}
.items ul li .s-icon{margin:0 auto; width:150px;height:135px;margin-bottom:25px;-webkit-transition:0.5s ease-out all;-moz-transition:0.5s ease-out all;transition: 0.5s ease-out all; background:#1f2228; border-radius:50%; text-align:center; vertical-align:middle; padding-top:15px;behavior: url(/ie-css3.htc);}
.items ul li:hover .s-icon{background:#ca192b;}
.items ul li:hover h4 { color:#ca192b;}
.items h4 { font-size:18px; color:#333;}
.icon-top .s_line1{width:0%;height:1px;background:#ca192b;top:0;position:absolute;left:0;}
.icon-top .s_line2{width:0%;height:1px;background:#ca192b;top:0;position:absolute;right:0;}
.icon-top .s_line3{width:1px;height:0%;background:#ca192b;bottom:0;position:absolute;left:0;}
.icon-top .s_line4{width:1px;height:0%;background:#ca192b;bottom:0;position:absolute;right:0;}
.icon-top .s_line5{width:100%;height:0px;background:#ca192b;bottom:0;position:absolute;right:0;}

.col-md-3 { width:20%; float:left; text-align:center;position:relative;}


/* 首页滚动新闻*/
.comnewsloop { width:100%; margin:15px auto 30px; height: 22px; line-height:22px; text-align:center; }
#newsloop { height: 22px; line-height: 22px; overflow: hidden; width:100%; white-space:nowrap; text-overflow:ellipsis; color: #666;}
#newsloop a { height: 22px; width: 100%; float: left; color: #333; text-decoration: none; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px;}
#newsloop a:hover { color: #333;}
#newsloop a span { color: #888; padding-left: 15px;}

/*======================首页案例==================*/
.homecase { background:#ca192b; padding-top:30px; margin-top:30px;}
.casebox { width: 1080px; margin:0 auto; overflow: hidden;}
.case-title { width:100%; float:left; padding-top:10px; padding-bottom:50px;}
.case-title-l { width:44%; float:left; text-align:right;}
.case-title-r { width:56%; float:right;}
.case-title-rt { margin-top:55px; margin-bottom:15px;}
.case-title-rb,.case-title-rb span { color:#000;font-size:18px; font-weight:bold; }
.case-title-rb span {font-family:Times, serif; padding-right:10px;}
.case-title-rc { font-size:14px; color:#000; margin-top:5px;}
.imgtitle:hover { opacity:0.8; filter:alpha(opacity=80); -webkit-opacity:0.8; -moz-opacity:0.8;}
.casemain { margin-bottom: 20px; }
.casemain li { width: 256px; height:192px; margin:0 18px 18px 0; position: relative; overflow: hidden; }
.casemain li.fr { margin:0 0 18px 0;}
.casemain li a { text-decoration:none; display: block; width: 256px; height:192px; overflow: hidden; }
.casemain li a span { display:block; width:256px; height:192px; overflow: hidden; background:#000; opacity:0.8; filter:alpha(opacity=80); color: #eee; font-size: 14px; left: 0; top:0; cursor:pointer; position: absolute;  text-align: center; padding-top:120px; line-height:22px; }
.casemain li a span p { position:absolute; top:45px; left:95px; width:60px; height:60px; background:url(/Public/images/show.png) no-repeat;}
.casemore { display:block;width:90px; height:90px; line-height:90px; text-align:center; background-color:#eee; margin:30px auto 40px auto; border-radius:45px; font-size:15px; color:#333; transition:all .2s ;behavior: url(/ie-css3.htc); position: relative;}
.casemore:hover { background-color:#333; color:#fff; }

/*====================首页文章列表====================*/
.newsbox { width: 1080px; margin:0px auto; overflow: hidden; padding-bottom:30px;}
.newsblock { width:300px; margin-bottom:20px;}
.btline { border-bottom:1px #ccc solid;}
.news_fl { float:left;margin-right:90px;}
.news_date { color:#999; margin-bottom:6px;}
.news_title { height:40px; line-height:20px; overflow: hidden;  margin-bottom:10px; }
.news_title a {font-size:16px;}
.news_dsc { height:60px; line-height:20px; overflow:hidden; margin-bottom:20px; color:#555;}

/*========================文章======================*/
.artbox { padding:60px 0; }
.artlist { display:block; border:1px solid #d6d6d6; padding:25px 0; margin-top:20px; background-color:#fff; overflow:hidden;}
.artlist:hover{ color:#333; background-color:#f2f2f2}
.artlist_l { float:left; width:118px; text-align:center; color:#888;}
.artlist_l p { font:bold 48px/48px Arial, Helvetica, sans-serif; color:#35383f;}
.artlist_r { float:left; width:940px; line-height:20px; color:#7f7f7f;}
.artlist_r p { color:#333; font-size:18px; line-height:30px;}
.artcon_l { border:1px solid #d8d8d8;width:700px;padding:45px 35px;background:#fff;float:left;}
.artcon_l h1 { font-size:18px; color:#333; text-align:center;}
.artcon_l_i { padding:10px 0; text-align:center;}
.artcon_l_i span { padding:0 15px;}
.artcon_l_s { padding-left:190px; margin-bottom:20px; overflow:hidden;}
.artcon_l_c,.artcon_l_c p,.artcon_l_c span { font-size:14px; line-height:30px;}
.artcon_l_c p { margin-bottom:10px; text-indent:2em;}
.artcon_l_c p a,.artcon_l_c a,.artcon_l_c span a { color:#333; font-size:14px;}
.artcon_r_rel { padding:10px 0 20px 0;}
.artcon_r_rel a { width:100%; display:block; line-height:18px; margin-bottom:6px; color:#666; padding-left:20px;}
.artcon_r_rel a:hover { color:#333;}
.artcon_r_rel b { padding-right:10px; color:#888; display:inline-block; margin-left:-20px;}
.artcon_r { width:260px;float:right; overflow:hidden;}
.artcon_r p { font-size:16px; margin-bottom:5px; color:#333;}

/*====================== 单页 =======================*/
.page_body {border:1px solid #d8d8d8;width:1000px;padding:45px 35px;background:#fff;margin:80px auto; }
.page_body p { font-size:13px; line-height:22px;}
.page_contact { padding-left:280px;}
.page_contact ul li { line-height:22px;}
.page_payment { width:800px; margin:0 auto; overflow:hidden;}
.page_payment dl { width:360px; margin-bottom:16px; padding:15px; border:1px #ddd solid; height:130px;}
.page_payment dt { margin-bottom:10px;}
.page_payment dd { font-size:14px; line-height:25px; padding-left:30px;}
.page_payment dd span { font-weight:bold;}
.page_about p { font-size:14px; color:#111; text-indent:2em; margin-bottom:15px; padding:0 40px;}

/*===================== 四驱建站 ====================*/
.design { overflow:hidden;}/*02-24*/
.box { width:1080px; margin:0 auto;}
.box:after { display: block; content: " "; font-size:0; line-height:0px; visibility:hidden;}
.design_1 { background:url(../images/webdesign-1.jpg) no-repeat center top; position:relative; height:739px;}
.design_1_box { position: relative; height: 739px; margin:0 auto; width:1080px;}
.design_1_qq { position:absolute; top:380px; right:140px; display:block; width:70px; height:60px; background:url("../images/qq4.png") no-repeat center; cursor:pointer; text-indent:-9999em;}
.design_1_qq a {width:70px; height: 60px; display:block; text-indent:-9999em; cursor:pointer;}

.design_2 { background:url(../images/webdesign-2.jpg) no-repeat center -1px; position:relative; height:830px; padding-top:149px;}
.design_2_l,.design_3_l,.design_4_l { float:left; width:280px; text-align:right;}
.design_2_lt { color:#32c8d6; font-size:28px;}
.design_2_r { width:700px; float:left; margin-left:92px;color:#fff; position: relative;}/*02-24*/
.design_2_ra { font-size:38px; font-weight:bold; padding-left:120px;}
.design_2_rb { font-size:18px; font-weight:bold; padding:20px 0 30px 0;}
.design_2_rb b { font-size:28px; font-weight:bold; padding-right:15px;color:#32c8d6;}
.design_2_rc dl { width:100%; float:left;}
.design_2_rc dt { float:left; width:110px;}
.design_2_rc dd { background:url(../images/design-bg.png) no-repeat left top; width:540px; float:right; height:100px; overflow:hidden; padding:5px 10px 0 25px;}
.design_2_rc dd h2 { font-size:18px; color:#111; line-height:30px;}
.design_2_rc dd p { font-size:14px; color:#333; padding:6px 20px 0 0;}
.design_2_rd { font-size:30px; float:left; width:100%; padding:50px 0 10px 0;}
.design_2_re p{ font-size:34px; font-weight:bold; color:#32c8d6;}
.design_2_qq { position: absolute; right:75px; bottom: -25px; display:block; cursor:pointer; text-indent:-9999em; width: 70px; height: 60px; background:url("../images/qq3.png") no-repeat center;}
.design_2_qq a {width:70px; height: 60px; display:block; text-indent:-9999em; cursor:pointer;}

.design_3 { background:url(../images/webdesign-3.jpg) no-repeat center -1px; position:relative; padding-top:152px;height:850px; overflow: hidden;}
.design_3_lt { float:left;color:#111; font-size:28px; width:100%;}
.design_3_a { float:left; width:100%; margin-left:170px;margin-top:70px;}
.design_3_aa,.design_3_ba { font-size:36px; font-weight:bold;color:#111;}
.design_3_ab { font-size:18px; color:#666; padding-top:10px;}
.design_3_ab p { font-size:18px;font-weight:bold; padding-top:5px;}
.design_3_b { float:left; width:100%; margin-left:170px;margin-top:30px;}
.design_3_bb { color:#32c8d6; font-size:26px; font-weight:bold;}
.design_3_c { float:left; width:100%; margin-left:170px;margin-top:30px; position:relative;}
.design_3_c ul li { background:url(../images/dot1.png) no-repeat left center; padding-left:40px; height:36px; line-height:36px;font-size:18px;}
.design_3_qq { position:absolute; left:770px; bottom:-50px; width:70px; height: 60px; display:block; text-indent:-9999em; cursor:pointer;}
.design_3_qq a {width:70px; height: 60px; display:block; text-indent:-9999em; cursor:pointer;}

.design_4 { background:url(../images/webdesign-4.jpg) no-repeat center top; position:relative; height:1149px;}
.design_4_lt { color:#111; font-size:28px; padding-top:140px;}
.design_4_r { width:720px; float:right; margin-top:142px; position: relative;}/*02-24*/
.design_4_ra { font-size:24px; font-weight:bold;color:#111;}
.design_4_rb { font-size:18px; color:#222;}
.design_4_rc,.design_4_rc span { font-size:36px; font-weight:bold; color:#111;}
.design_4_rc { padding:15px 0 15px 330px;}
.design_4_rc span {color:#fff; padding:15px 5px;}
.design_4_rd { width:390px; padding-left:330px; padding-top:10px;}
.design_4_rd dt { font-size:18px; font-weight:bold;color:#111; line-height:40px; background:url(../images/dot2.png) no-repeat left center; padding-left:50px;}
.design_4_rd dd { font-size:14px; color:#111;padding-left:50px; margin-bottom:16px;}
.design_4_qq { position:absolute; left:70px; bottom: -20px; width:70px; height: 60px; cursor:pointer; display:block; text-indent:-9999em;}
.design_4_qq a {width:70px; height: 60px; display:block; text-indent:-9999em; cursor:pointer;}

/*===================== 模板建站 ====================*/
.tmpl_header { background:#fff url(../images/tmpl-bg.jpg) no-repeat center bottom; overflow:hidden; height:600px; padding-top:60px;}
.tmpl_header_l { float:left; width:480px;}
.tmpl_header_r { float:right; width:550px;}
.tmpl_header_ra { height:132px;padding-top:2px; position:relative;}
.tmpl_header_ra h1 { position:absolute; top:80px; left:200px;font-size:38px; font-weight:bold; color:#111;}
.tmpl_header_rb { padding-top:15px;}
.tmpl_header_rb h2 { font-size:30px; color:#333; padding-left:8px; border-bottom:1px #666 solid; float:left;}
.tmpl_header_rb ul { padding:15px 0 15px 8px;}
.tmpl_header_rb ul li { height:35px; line-height:35px; font-size:16px; color:#333; background:url(../images/dot1.png) no-repeat left center; padding-left:30px;}
.tmpl_header_rc { padding:15px 0 10px 10px;}
.tmpl_header_rc a { display:block; float:left; width:100px; margin-right:10px;line-height:35px; font-size:14px; background-color:#333;text-align:center;color:#fff; font-family:"宋体";}
.tmpl_header_rc a:hover { background-color:#32c8d6; color:#111; }
.tmpl_header_rc ul { padding-left:8px;}
.tmpl_header_rc ul li a { color:#666; font-size:14px; line-height:22px;}
.tmpl_header_rc ul li a b { color:#999; padding-right:10px;}
.tmpl_pf { background:#ffa800; padding:30px 0 50px; overflow:hidden; }
.tmpl_pf_a { background:url(../images/tmpl-2.png) no-repeat center top; color:#fff; font-size:28px; font-weight:bold; text-align:center; height:80px; padding-top:56px;}
.tmpl_pf_l { float:left; width:180px;}
.tmpl_pf_r { float:right; width:840px; background:url(../images/dot3.png) no-repeat left top; padding-left:50px;}
.mbprice { width:100%; }
.mbprice th { border-bottom:4px #e59700 solid; font: bold 18px/30px "microsoft yahei"; text-align:left; color:#000;}
.mbprice td { border-bottom:1px #e59700 solid; padding:6px 0; font-size:14px; color:#000;}
.mbprice td:first-child { padding-left:10px; font-weight:bold;}
.mbprice td.price { font:normal 22px/22px "arial"; color:#fff;}
.mbprice tr { transition:background 0.5s;}
.tmpl_pf_c { }
.tmpl_pf_c li{ float:left; width:150px; transition:all .2s ease-in; padding:20px 0; overflow:hidden; border:1px #fdd07b dashed; margin-right:10px; }
.tmpl_pf_c li:hover { border:1px #ddd dashed;}
.tmpl_pf_c a { color:#f01f21;}
.tmpl_pf_c li p { width:150px; overflow:hidden; margin:0 auto;text-align:center;color:#000; line-height:20px;}
.tmpl_pf_c .title { font:normal 18px/80px "microsoft yahei"; color:#000; }
.tmpl_list { overflow:hidden; padding-top:30px;}
.tmpl_list_a { background:url(../images/tmpl-6.png) no-repeat center top; color:#333; font-size:28px; font-weight:bold; text-align:center; height:45px; padding-top:74px;}
.tmpl_list_b { font-size:26px; font-weight:bold; text-align:center; color:#333; margin-bottom:10px;}
.tmpl_list_c { font-size:18px; text-align:center;margin-bottom:50px; line-height:150%; color:#333;}
.tmpl_list_d { width:100%; padding:30px 0 50px 0; text-align:center;}
.tmpl_list_d a { height:40px; line-height:40px; -webkit-border-radius:3px;border-radius:3px;-moz-border-radius:3px; display:inline-block;font-size:16px;color:#fff;background:#32c8d6; padding:0 25px;behavior: url(/ie-css3.htc);}
.tmpl_list_d a:hover { background:#111;color:fff;}
.mobanlist li { width:202px; margin-bottom:30px; border:1px solid #d7d7d7; transition:all 0.5s; }
.mobanlist_li_l { float:left;margin-right:15px;}
.mobanlist li:hover { border:1px #a8a8a8 solid; }
.mbimg { text-align:center; height:269px; overflow:hidden; }
.mbimg img { width:202px; }
.mbnum { line-height:30px; text-align:center; background:#f1f1f1; }
.mbdemo {background:#f1f1f1; border-top:1px solid #d7d7d7; position:relative; height:35px;}
.mbdemo p { line-height:20px; padding-left:10px; color:#333;}
.mbdemo div { position:absolute; right:-10px; bottom:14px;}
.tmpl_tab_l { width:100%; float:left; }
.tmpl_tab_l ul { margin-left:360px; margin-bottom:50px;}
.tmpl_tab_l ul li { float:left; width:100px; height:100px; border-radius:50%;background-color:#fff; margin-right:30px;behavior: url(/ie-css3.htc);}
.tmpl_tab_l ul li.this { background-color:#333;}
.tmpl_tab_l ul li:hover { background-color:#111;}
.tmpl_tab_l ul li a { display:block; width:100px; text-align:center; padding-top:20px; color:#ff8f22; font-size:20px; }
.tmpl_tab_r { width:100%; float:left; padding-top:50px;}
.aboutsystem_ul { padding:15px 0;}
.aboutsystem_ul li {background:url(../images/dot1.png) no-repeat left center; padding-left:30px; line-height:26px; font-size:14px; color:#111;}

/*===================== 网络营销 ====================*/
.sem_top { overflow:hidden; height:730px;background:url(../images/sem-1.png) no-repeat center top;}
.sem_top_l { width:400px; position:relative;}
.sem_top_l1 { position:absolute; left:145px; top:80px; font-size:16px;color:#fff;}
.sem_top_l2 { position:absolute; left:105px; top:210px; font-size:22px;color:#771818;}
.sem_top_l3 { position:absolute; left:125px; top:355px; font-size:22px;color:#fff;}
.sem_top_l4 { position:absolute; left:65px; top:485px; font-size:20px;color:#fff;}
.sem_top_l5 { position:absolute; left:235px; top:520px; font-size:18px;color:#fff;}
.sem_top_l6 { position:absolute; left:125px; top:625px; font-size:14px;color:#fff;}
.sem_top_r { width:570px; float:right;}
.sem_top_r p,.sem_top_r p span { font-size:24px; margin-top:105px; line-height:150%; }
.sem_top_r p span { font-weight:bold;}
.sem_top_r ul { margin:13px 0 0 180px; line-height:40px; }
.sem_top_r ul li,.sem_top_r ul li a {font-size:18px; color:#333;}
.sem_btn { background-color:#d4d4d6; padding:50px 0; position:relative; overflow:hidden;}
.sem_jia { position:absolute; bottom:0; width:100%; left:50%; margin-left:-540px; }
.seo_table { border:1px #ddd solid;}
.seo_table th { text-align:left; font-size:16px; border-bottom:2px #ddd solid;padding:5px 10px;}
.seo_table td { padding:5px 0 5px 10px; border-bottom:1px #ddd solid; }
.seo_table tr:last-child td { border-bottom:none;}

/*=====================案例列表=======================*/
.caselist { margin-top:80px; padding-bottom:60px;}
.caselist li { width: 256px; float: left; margin:0 15px 20px 0; position: relative; overflow: hidden; height: 192px; border: 1px solid #eee; }
.caselist li.fr { float:right; margin:0 0 20px 0;}
.caselist li a { text-decoration: none; display: block; width: 256px; height: 192px; overflow: hidden; }
.caselist li a span { width:256px; height:192px; overflow: hidden;display:block; padding-top:110px;  background:#000; opacity:0.8; filter:alpha(opacity=80); color: #fff; font-size: 18px; left: 0; cursor:pointer; position: absolute; text-align: center; }
.caselist li a span p { position:absolute; top:50px; left:100px; width:60px; height:60px; background:url(/Public/images/show.png) no-repeat;}
.cases_category { width:620px;}
.cases_category a { margin-bottom:10px;}
.cases_category .page_top_rb { margin-top:5px;}

.casedetail { padding: 60px 0; margin-top:10px; overflow: hidden; }
.casedetail_l { float:left; width:260px; background-color:#fff; overflow:hidden;}
.casedetail_r { float:right; width:760px;}
.casedetail_r  img { max-width:100%; margin-bottom:10px;}

.casedetail_l_a{overflow:hidden}
.casedetail_l_a span,.casedetail_l_a a{display:block;height:33px;width:33px;float:left;margin-right:8px;}
.casedetail_l_a .span{ background:url(../images/case_index.png) no-repeat}
.casedetail_l_a .span:hover{background:url(../images/case_index_hover.jpg) no-repeat}
.casedetail_l_a a.a{background:url(../images/case_prev.png) no-repeat center center #929295;}
.casedetail_l_a a.b{background:url(../images/case_next.png) no-repeat center center #929295;}
.casedetail_l_a a.a:hover{background:url(../images/case_prev.png) no-repeat center center #e60012;}
.casedetail_l_a a.b:hover{background:url(../images/case_next.png) no-repeat center center #e60012;}
.casedetail_l_b { height:40px; padding:20px 0 10px 0; font-size:14px; font-weight:bold; color:#35383f;}
.casedetail_l_c { line-height:20px;}
.casedetail_l_d { line-height:60px; }
.casedetail_l_d a {color:#999;}


/*======================模板列表=====================*/
.tplbox { margin:50px 0 60px 0; }
.gallery { padding:0px; }
.gallery li { width: 254px; height: 340px; overflow: hidden; margin-top:30px; border:1px solid #d7d7d7; background:#fff; text-align:center; padding-top:10px; box-shadow:0px 0px 10px #d7d7d7;-webkit-box-shadow:0px 0px 10px #d7d7d7;-moz-box-shadow:0px 0px 10px #d7d7d7;}
.gallery li.fleft { margin-right:18px; float:left;}
.gallery li:hover {border:1px #999 solid;}
.gallery li span { margin: 9px 10px 5px; width: 220px; height: 25px; line-height: 25px; text-align:left; color: #222; overflow: hidden; display: block; }
.gallery li span a { float: right; text-align:right; background:url("images/zoom.gif") no-repeat left center; padding-left: 23px; text-decoration: none; }
.gallery li img { width: 226px; height: 301px; }

/*====================== 翻页=======================*/
.page { font-size:14px; font-family:Arial, Helvetica, sans-serif; margin:55px 0px 0px 10px; color:#555; text-align:center; }
.page a { font-size:14px; color:#003366; margin-left:10px; border:1px #ccc solid; padding:5px 10px 5px 10px; }
.page a:hover { background-color:#efefef; text-decoration:none; }
.page span.current { font-size:14px; border:1px #eee solid; padding:5px 10px 5px 10px; margin-left:10px; background:#111; color:#fff;}
/*=====================在线客服=====================*/
.popAskBox { position: fixed; right:0; top:142px; width:30px; height:336px; z-index:999; _position: absolute; _top: expression(eval(document.documentElement.scrollTop + 135));}
.popAskBox-w{ width:183px;}
*html { background-image: url(about:blank); background-attachment: fixed;}/* 解决固定层在IE6下闪的问题 */
.popAskBoxIn{ position:relative;}
.popAskBox .popAskBtn-l,
.popAskBox .popAskBtn-r{ float:left; width:30px; height:126px; background: url("livechat/livechat.png") no-repeat 0px 0px; cursor:pointer;}
.popAskBox .popAskBtn-l{ background-position:-31px 0;}
.popAskCon{ position:absolute; top:0; left:30px; width:149px; height:333px; background-color:#FFF; border:1px solid #c5c3c3; padding:1px;}
.popAskCon h4{ background-color:#f2f2f2; color:#000; height:30px; line-height:30px; font-size:14px; font-weight:normal; text-align:center; margin:0; padding:0;}
.popAskMod{ padding:7px 0;}
.popAskMod a{ color:#444;}
.popAskMod ul li{ list-style:none; line-height:1; padding:5px 0 5px 32px; height:23px; overflow:hidden;}
.popAskMod_btn{ display:block; background-position:-504px -303px; text-indent:25px; font-size:12px; color:#444; white-space:nowrap; overflow:hidden; width:92px; height:22px; line-height:22px; text-align:left;}
.popAskMod_btn_mail{ background-position:-504px -335px;}

.popAskMod_num{ line-height:26px; font-size:13px; font-family:Verdana, Geneva, sans-serif; padding-left:32px;}
.popAskMod_link{ font-size:12px; line-height:24px; text-align:center;}
.popAskMod_link a:hover{ text-decoration:underline;}
.popAskMod_link .ico_page,
.popAskMod_link .ico_pay{ background-position:-616px -303px; display:inline-block; width:16px; height:16px; margin-right:3px; vertical-align:middle;}
.popAskMod_link .ico_pay{ background-position:-646px -303px;}

/*====================首页幻灯片====================*/
.slide_content { position:relative; width:100%; height:700px;}
.sub_1_1{ position:absolute;left:50%;margin-left:-421px !important;top:-163px}
.sub_1_2{position:absolute;left:50%;margin-left:-240px !important;bottom:-286px}
.sub_1_3{position:absolute;left:50%;margin-left:-420px !important;top:-310px}
.sub_1_4{position:absolute;left:50%;margin-left:-10px !important;top:-236px}
.sub_2_1{position:absolute;	left:100%;margin-left:-284px !important;top:50px}
.sub_2_2{position:absolute;	left:0;	margin-left:-220px !important;bottom:0px}
.sub_2_3{position:absolute; left:50%;margin-left:143px !important;bottom:280px;}