﻿.index_header { height: 650px; background: url(../images/service_bg.gif) repeat-x bottom; }
.index_banner { height: 650px; width: 100%; overflow: hidden; text-align: center; background: url(../images/service_bg.gif) repeat-x bottom; }
.home-slider { height: 650px; overflow: hidden; }
.design_box { width: 1200px; margin: 0px auto; position: relative; z-index: 10000; left: 0px; }
.design { width: 1200px; margin: 0 auto; position: absolute; bottom: 30px; left: 0px; overflow: hidden; z-index: 10000; text-align: center; }
.design dl { background-color: #fff; float: left; width: 56px; height: 5px; text-align: center; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; display: inline-block; float: none; }
.design dl.sel { background-color: #ffc600; ; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
.design dl.sel dd { color: #fff; }
.design_center { margin: 0 45px; }
.design dl dt { width: 300px; font-family: "微软雅黑"; font-size: 20px; font-weight: bold; border-bottom: #0F6; }
.design dl dd { line-height: 20px; padding-top: 10px; color: #999; width: 260px; text-align: center; margin: 0px auto; }
/*我们能做神马*/
.huahua { background: url(../images/hua.png); height: 8px; margin-top: -8px; position: absolute; width: 100%; display: block; z-index: 9999 }
.iwill { background: url(../images/bjone.jpg)  center top repeat-x; height: 487px; padding-top: 116px; overflow-x: hidden; }
.iwill .wrapper { width: 1200px; margin: 0 auto; }
.iwill h1 { background: url(../images/iwillpic.png) center top no-repeat; height: 64px; margin: 0 auto 46px; }
.iwill-list { height: 198px;     padding-left:15px;}
.iwill-list li { margin-right: 57px; }
.iwill-list li.iwl-1, .iwill-list li.iwl-2, .iwill-list li.iwl-3, .iwill-list li.iwl-4, .iwill-list li.iwl-5, .iwill-list li.iwl-6 { width: 150px; height: 198px; display: block; float: left; }
.iwill-list li.iwl-1 a p, .iwill-list li.iwl-2 a p, .iwill-list li.iwl-3 a p, .iwill-list li.iwl-4 a p, .iwill-list li.iwl-5 a p, .iwill-list li.iwl-6 a p { background: url(../images/iwillpic.png) 0 -90px; width: 150px; height: 140px; display: block; }
.iwill-list li.iwl-1 span, .iwill-list li.iwl-2 span, .iwill-list li.iwl-3 span, .iwill-list li.iwl-4 span, .iwill-list li.iwl-5 span, .iwill-list li.iwl-6 span { background: url(../images/iwillpic.png) 0 -236px; width: 150px; height: 42px; display: block; }
.iwill-list li.iwl-1 a p:hover, .iwill-list li.iwl-2 a p:hover, .iwill-list li.iwl-3 a p:hover, .iwill-list li.iwl-4 a p:hover, .iwill-list li.iwl-5 a p:hover, .iwill-list li.iwl-6 a p:hover { background: url(../images/iwillpic.png) 0px -320px no-repeat; height: 140px; }
.iwill-list li.iwl-2 a p { background-position: -187px -90px; width: 150px; height: 140px; display: block; }
.iwill-list li.iwl-2 span { background-position: -187px -236px; }
.iwill-list li.iwl-2 a p:hover { background-position: -187px -320px; height: 140px; }
.iwill-list li.iwl-3 a p { background-position: -373px -90px; width: 150px; height: 140px; display: block; }
.iwill-list li.iwl-3 span { background-position: -373px -236px; }
.iwill-list li.iwl-3 a p:hover { background-position: -373px -320px; height: 140px; }
.iwill-list li.iwl-4 a p { background-position: -556px -90px; width: 150px; height: 140px; display: block; }
.iwill-list li.iwl-4 span { background-position: -556px -236px; }
.iwill-list li.iwl-4 a p:hover { background-position: -556px -320px; height: 140px; }
.iwill-list li.iwl-5 a p { background-position: -742px -90px; width: 150px; height: 140px; display: block; }
.iwill-list li.iwl-5 span { background-position: -742px -236px; }
.iwill-list li.iwl-5 a p:hover { background-position: -742px -320px; height: 140px; }
.iwill-list li.iwl-6 { margin-right: 0px; }
.iwill-list li.iwl-6 a p { background-position: -928px -90px; width: 150px; height: 140px; display: block; }
.iwill-list li.iwl-6 span { background-position: -928px -236px; }
.iwill-list li.iwl-6 a p:hover { background-position: -928px -320px; height: 140px; }
/*客户*/
.code { background: url(../images/bottom-bj.jpg) repeat-x; height: 302px; padding-top: 115px; text-align: center; font-size: 14px; color: #7e898f; line-height: 24px; }
.code h2 { background: url(../images/code.png) no-repeat; width: 684px; height: 128px; margin: 0px auto 22px; }
.code span { color: #262c2f; }
/*案例展示*/
.case { background: #fcfcfc; overflow: hidden; height: 100%; }
.case-title { border-bottom: 1px solid #d7dadc; padding-top: 72px; height: 1px; overflow: hidden; }
.case-title span { background: #fcfcfc url(../images/title.gif) no-repeat 20px 0; width: 359px; position: absolute; margin: -14px auto 0; left: 41% }
.case-title a { color: #e1af02; font-size: 15px; width: 96px; border: 1px solid #ffc600; display: block; text-align: center; margin: 74px auto 0; }
/*案例*/
#gallery-slider #slider-bottom-controls { height: 10px; min-width: 1000px; padding-top: -1px; margin: 0 auto; margin: 2px 0 1px; }
#gallery-slider #slider-bottom-controls #slider-scroll { height: 10px; width: 100%; background: #42525b; float: left; }
#gallery-slider #slider-bottom-controls div.knob { width: 381px; height: 10px; overflow: hidden; cursor: pointer; background: #ffc600; }
#gallery-slider #slider-images-wrapper { margin: auto; height: 280px; position: relative; overflow: hidden; margin-top: 112px }
#gallery-slider #slider-images-wrapper ul#slider-main-ul { width: auto; height: 560px; position: absolute; left: 0; top: 0; }
#gallery-slider #slider-images-wrapper ul#slider-main-ul li { float: left; list-style: none; height: 280px; width: 381px; background: #000; }
#gallery-slider #slider-images-wrapper ul#slider-main-ul li ul { float: left; width: 381px; background: #000 }
#gallery-slider ul#slider-main-ul li a { text-decoration: none; position: relative; display: none; }
#gallery-slider ul#slider-main-ul li a span { text-decoration: none; display: block; position: absolute; top: 0px; margin-top: 234px; left: 0; z-index: 99; opacity: 90; filter: alpha(opacity=0); display: block; width: 100%; }
#gallery-slider ul#slider-main-ul li a span h3 { height: 46px; background: #000; margin-top: 234px; color: #fff; font-size: 14px; line-height: 42px; text-indent: 1em; filter: alpha(Opacity=90); -moz-opacity: 0.9; opacity: 0.9; }
#gallery-slider ul#slider-main-ul li a span em { background: url(../images/glass.gif) no-repeat; width: 46px; height: 46px; display: block; float: right; overflow: hidden }
/*图*/
#gallery-slider ul#slider-main-ul li.type-1 a span { text-decoration: none; display: block; position: absolute; top: 0px; margin-top: 0px; left: 0; z-index: 9000; opacity: 90; filter: alpha(opacity=0); height: 280px; background: url(../images/001.jpg); display: block; width: 100%; color: #fff; font-size: 18px; line-height: 42px; text-indent: 1em; }
#gallery-slider ul#slider-main-ul li.type-2 a span { background: url(../images/002.jpg); }
#gallery-slider ul#slider-main-ul li.type-3 a span { background: url(../images/003.jpg); }
#gallery-slider ul#slider-main-ul li.type-4 a span { background: url(../images/004.jpg); }
#gallery-slider ul#slider-main-ul li.type-5 a span { background: url(../images/005.jpg); }
#gallery-slider ul#slider-main-ul li.type-6 a span { background: url(../images/006.jpg); }
#gallery-slider ul#slider-main-ul li.type-7 a span { background: url(../images/007.jpg); }
#gallery-slider ul#slider-main-ul li.type-8 a span { background: url(../images/008.jpg); }
#gallery-slider ul#slider-main-ul li.type-9 a span { background: url(../images/009.jpg); }
#gallery-slider ul#slider-main-ul li.type-10 a span { background: url(../images/010.jpg); }
.service_bg { width: 1200px; margin: 0 auto; top: 0px; position: relative; height: 330px; z-index: 100000; }
.service { width: 1200px; margin: 0 auto; position: absolute; bottom: 25px; left: 0px; height: 290px; }
.service dl { width: 266px; height: 290px; float: left; text-align: center; }
.service dt { font-family: "微软雅黑"; font-size: 16px; font-weight: bold; padding-top: 200px; padding-bottom: 10px; }
.service dd { font-size: 12px; color: #999; }
.service01 { background: url(../images/service_bg01.gif) no-repeat; margin-right: 45px; }
.service01:hover { background: url(../images/service_bg01_hover.gif) no-repeat; color: #2eafbb; }
.service02 { background: url(../images/service_bg02.gif) no-repeat; margin-right: 45px; }
.service02:hover { background: url(../images/service_bg02_hover.gif) no-repeat; color: #2eafbb; }
.service03 { background: url(../images/service_bg03.gif) no-repeat; margin-right: 45px; }
.service03:hover { background: url(../images/service_bg03_hover.gif) no-repeat; color: #2eafbb; }
.service04 { background: url(../images/service_bg04.gif) no-repeat; margin: 0; }
.service04:hover { background: url(../images/service_bg04_hover.gif) no-repeat; color: #2eafbb; }
.service dl.service_hover dd { color: #2eafbb; }
.content { margin-top: 40px;width: 100%; display:inline-block}
.content_title { margin-bottom: 25px; background: url(../images/content_title_bg.png) repeat-x center center; }
.content_title2 { background-color: #fff; width: 207px; }
.content_title3 { background-color: #fff; width: 260px; }
.content_title4 { background-color: #f9f9f9; width: 268px; }
.title_ch { font-family: "微软雅黑"; font-size: 20px; font-weight: bold; margin-right: 15px; background: none; color: #2eafbb; }
a.title_ch { font-family: "微软雅黑"; font-size: 20px; font-weight: bold; margin-right: 15px; background: none; color: #2eafbb; }
.title_en { font-family: Arial; font-size: 20px; color: #aaa; text-transform: uppercase; background: none; }
.cases { padding-bottom: 40px; width: 1200px; margin: 0 auto; }
.cases_dl { width: 1200px; margin: 0 auto; filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; }
.cases_dl dl { width: 280px; height: 250px; float: left; position: relative }
.cases_name { font-size: 14px; padding-top: 15px; position: absolute; ; width: 280px; height: 204px; left: 50%; top: 50%; margin-left: -140px; margin-top: -124px; display: none; overflow: hidden }
.cases_dl dl:hover .cases_name { display: block; color: #fff; text-align: center; background: url(../images/prohover.png) no-repeat }
.cases_dl dl:hover .cases_name a { display: block; color: #fff; line-height: 250px; }
.cases_dl dl:hover img { }
.cases_int { font-size: 12px; padding-top: 10px; color: #999; line-height: 20px; }
.cases_center { margin-left: 20px; }
.news_bg { margin: 0 auto; background: url(../images/news_bg.gif) no-repeat center center; background-color: #f9f9f9; }
.news { width: 1200px; margin: 0 auto; padding-top: 40px; padding-bottom: 40px; }
.news_con_left, .news_con_right { width: 550px; }
.news_con_left dl, .news_con_right dl { border-bottom: dashed 1px #d8d8d8; padding: 20px 0 10px 0; }
.news_title { font-size: 14px; font-weight: bold; }
.news_title a { color: #666; }
.news_title a:hover { color: #2eafbb; text-decoration: underline; }
.news_date { color: #999; font-family: Arial; }
.news_con_left dl dd, .news_con_right dl dd { line-height: 20px; margin-top: 10px; }
.news_con_left dl dd a, .news_con_right dl dd a { color: #999; }
.news_con_left dl dd a:hover, .news_con_right dl dd a:hover { color: #666; }
.partners { width: 1200px; margin: 0 auto; padding: 40px 0 20px 0px; clear: both; }
.partners_table { margin-top: 20px; clear: both; display: none; }
.partners_table li { float: left; width: 150px; text-align: center; height: 90px; }
.partners_table li img { padding: 0px; margin: 0px; }
.link { line-height: 24px; padding: 10px 0; color: #999; }
.link a { color: #999; display: inline-block; white-space: nowrap; padding-right: 10px; }
.link a:hover { text-decoration: underline; }
.adipoli-wrapper { margin: auto; position: relative; display: inline-block; }
.adipoli-wrapper>img { position: absolute; z-index: 1; }
.adipoli-before { position: absolute; z-index: 5; }
.adipoli-after { position: absolute; z-index: 10; }
.adipoli-slice { display: block; position: absolute; z-index: 15; height: 100%; }
.adipoli-box { display: block; position: absolute; z-index: 15; }
