/*only for homePage 内页不用到此页样式*/
#header {padding-top:16px; }
#header  h1 #logo{ margin-left:8px;}
#header  #homeTel{ float:right;background: url(/templets/default/img/home400.gif) no-repeat;height:90px;width:420px;overflow:hidden;text-indent:-8000px;}

/*首页背景切换*/
#bg-phones, #bg-desktop {width:100%; position:absolute; z-index:0;}
#bg-phones {background:url(/templets/default/img/homebg-customer-banner.jpg) 50% 100px no-repeat; height:420px;}
#bg-desktop {background:url(/templets/default/img/homebg-case-banner.jpg) 50% 100px no-repeat; height:420px;}
body {overflow-x:hidden !important;}
body.phones #bg-desktop, body.desktop #bg-phones, body.phones #opera-for-desktop, body.desktop #opera-for-phones {opacity: 0; z-index:0; filter:alpha(opacity=0);/* IE */ ;}
body.desktop #bg-desktop, body.phones #bg-phones {opacity: 1; z-index:1;}
body.desktop #opera-for-desktop, body.phones #opera-for-phones {opacity: 1; z-index:100;}
body#home.desktop {background:url(/templets/default/img/homebg-case-body.jpg) 0 0 repeat-x !important;}
#container {position:relative;z-index:10;}
#opera-for-phones, #opera-for-desktop {position:absolute;text-align:center;height:250px;width:100%;}
#opera-for-phones, #opera-for-desktop, 
#bg-phones, #bg-desktop, #indicator li {
  transition: opacity 1s ease-out;
  -o-transition: opacity 1s ease-out;
  -moz-transition: opacity 1s ease-out;
  -webkit-transition: opacity 1s ease-out;
}
#opera-for-phones a,#opera-for-desktop a{display:block; height:250px;width:960px;overflow:hidden;text-indent:-8000px;margin:0 auto;}
#indicator {clear:both;list-style:none;text-align:center; margin-top:270px;}
#indicator li {display:inline;padding:0 3px;}
#indicator li a {color:#ccc;font-size:20px;text-decoration:none;font-family:Verdana, Geneva, sans-serif;}
body.phones #indicator li.switch_phones a, body.desktop #indicator li.switch_desktop a {color:#c00;}

#HomemainContent{width:100%;margin: 0 auto;position: relative;background:url(/templets/default/img/homenav_bg.jpg) repeat-x center top; padding-top:10px;}

/*首页导航 滑块效果*/
.homenav { position:relative;height: 38px;margin:0 auto 0; width:550px;}
.homenav li {float: left;list-style: none;text-indent: -8000px; margin:0 40px 0 0;}
.homenav li.back {background: url("/templets/default/img/lava.png") no-repeat right -38px;width: 9px; height: 38px;z-index: 8;position: absolute;}
.homenav li.back .left {background: url("/templets/default/img/lava.png") no-repeat top left;height: 38px;margin-right: 9px; /* 7px is the width of the rounded shape */}
.homenav li a {width:70px;height:40px; display:block; overflow:hidden;z-index: 10;position: relative;}
.homenav li a:hover, .homenav li a:active, .homenav li a:visited {border: none;}

/*首页导航*/
.hhome a{background:url(/templets/default/img/hnav.png) no-repeat left top;}
.hhome a:hover{background:url(/templets/default/img/hnav.png) no-repeat left top;}
.habout a{background:url(/templets/default/img/hnav.png) no-repeat -112px -40px;}
.habout a:hover{background:url(/templets/default/img/hnav.png) no-repeat -112px top;}
.hservice a{background:url(/templets/default/img/hnav.png) no-repeat -225px -40px;}
.hservice a:hover{background:url(/templets/default/img/hnav.png) no-repeat -225px top;}
.hcase a{background:url(/templets/default/img/hnav.png) no-repeat -340px -40px;}
.hcase a:hover{background:url(/templets/default/img/hnav.png) no-repeat -340px top;}
.hcontact a{background:url(/templets/default/img/hnav.png) no-repeat -450px -40px;}
.hcontact a:hover{background:url(/templets/default/img/hnav.png) no-repeat -450px top;}

.yesno{  margin:32px auto; width:912px;}
.yesno div{width:280px; height:200px; float:left; padding:0 0 0 24px;}
.yesno h3 a{ width:150px; height:30px; overflow:hidden; text-indent:-8000px; margin-top:24px; display:block;}
.yesno p{ width:200px; margin:8px 0 16px 0; line-height:150%; color:#666;}
.yesno .yesno1{background:url(/templets/default/img/yesno_bg1.jpg) no-repeat;}
.yesno .yesno2{background:url(/templets/default/img/yesno_bg2.jpg) no-repeat;}
.yesno .yesno3{background:url(/templets/default/img/yesno_bg3.jpg) no-repeat;}

.yesno .yesno1 h3 a{ background:url(/templets/default/img/yesno_t_bg.png) no-repeat left top;}
.yesno .yesno1 h3 a:hover{ background:url(/templets/default/img/yesno_t_bg.png) no-repeat left bottom;}
.yesno .yesno2 h3 a{ background:url(/templets/default/img/yesno_t_bg.png) no-repeat -150px top;}
.yesno .yesno2 h3 a:hover{ background:url(/templets/default/img/yesno_t_bg.png) no-repeat -150px bottom;}
.yesno .yesno3 h3 a{ background:url(/templets/default/img/yesno_t_bg.png) no-repeat right top;}
.yesno .yesno3 h3 a:hover{ background:url(/templets/default/img/yesno_t_bg.png) no-repeat right bottom;}