/******************************
*同创模板网-专业提供企业网站源码程序模板*
* www.cnfusu.com *
* www.cnboco.com *
* 微信：cnboco *
* QQ:289229516 *
 ******************************/

@charset "utf-8";
/* CSS Document */
/* Reset */
* { margin:0; padding:0;}
a:link, a:visited, a:hover, a:active {text-decoration:none; cursor:pointer; color:#3d3d3d;}
a:hover, a:active {color:#118bce;}
body { font:14px "Microsoft Yahei","Thmano", "Arial"; color:#3d3d3d; background:#f5f5f5;}
img { border:0px;}
li{ list-style:none; float:left;}
input, textarea, select{ font:12px/1.5 "Microsoft Yahei","Thmano", "Arial"; color:#999; outline:0; }
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.fl{ float:left;}
.fr{ float:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.clear{clear:both;}
.hidden{ display: none;}
/*main*/
.middle,.wrapper{width: 1100px;margin: 0 auto;}
.wrapper{margin-top: 40px;}
.head{width:100%; }
.head .top{height:6px;width:100%; position:relative; background:#118ccd;}
.head .top span{ display:block;height:6px;width:50%; position: absolute;left:0;top:0; background:#383838;}
.header{height:138px;width:1100px; margin:0 auto;}
.header .logo{height:60px; margin-top:15px;width:700px; margin-top: 41px;!important}
.header .logo img{float: left;margin-top: 2px;}
.header .logo-r{ float:left; margin-left:16px;padding-left:16px;height:42px;border-left:1px solid #797979; margin-top:19px;}
.header .logo-r h3{ font-size:18px;line-height:26px;color:#118bce; font-weight:bold;}
.header .logo-r h4{}
.header .fr{width:320px;}
.header .fr ul{height:14px; margin-top:2px;}
.header .fr li{height:14px;width:80px; padding-left:10px;border-right:1px solid #bbbbbb; line-height:14px; float:right;}
.header .fr li>a{font-size: 12px;font-family: "宋体";padding-left: 17px;background:url(../images/tip.png) no-repeat -100px top; }
.header .fr li.addFav>a{background-position: -100px -60px;}
.header .fr li.webMap>a{background-position: -100px -30px;}
.header .func{height:70px; margin-top:26px;}
.header .erweima{ float:right;width:80px; height: 74px;text-align:center; position: relative;z-index: 1000;}
.header .erweima .code11{ position: absolute;right: 200px; top: -40px;background:url(../images/code3.png) no-repeat center;width: 226px;height: 217px;opacity: 0;display: none;}
.header .erweima img{width:46px; height:46px;}
.header .erweima h6{ font-size:12px; line-height:24px;color:#118bce;}
.header .tel{ padding-left:58px; background:url(../images/tel.png) no-repeat left center; float:right;height:48px; margin-top:10px; font-size:18px; line-height:18px;}
.header .tel span{ font-size:20px;color:#118bce; font-family:impact; display:block; line-height:36px; margin-right:42px;}
.nav{height:90px;width:100%; background:#118bce;border-bottom:1px solid #232323;}
.nav ul{width:1100px;height:90px; margin:0 auto;}
.nav ul li{ position:relative;z-index:30;}
.nav ul li>a{ display:block;width:122px;height:60px; text-align:center;color:#fff; font-weight:bold;padding-top:30px; font-size:16px;}
.nav ul li>a span{color:#fff; font-weight:normal; text-transform:uppercase; font-size:12px; display:block;}
.nav ul a.index{height:90px;width:80px; display:block; background:url(../images/home.png) no-repeat center 30px; float:left;}
.nav ul li:hover a, .nav ul .hover a{ background:url(../images/nav-hover.jpg) no-repeat;}
.nav ul li:hover dd>a,.nav ul .hover dd>a{ background:none;}
.nav ul li:hover span,.nav ul .hover span{color:#80b6df;}
.nav ul .dropx{ position:absolute;top:90px;left:0;display:none; color: #fff;}
.nav ul .dropx dd{ float:left; background:#118ccd;height:34px;border-top:1px solid #095174;color: #fff;}
.nav ul .dropx dd a{ display:block;padding:0 10px;width: 80px; text-align:center;border-left:1px solid #fff;margin-top:10px;height:14px; line-height:14px;color:#fff;}
.nav ul .dropx dd a:hover{ font-weight:bold;}
.nav ul .dropx dd.index a{border:none;}

/*banner*/
.banner{width:100%;height:466px; overflow:hidden; position:relative;z-index:10;}
.banner li{overflow: hidden;height:466px; }
.banner .btn-l,.banner .btn-r{ position: relative;top:170px; *top:-300px; display:block;height:64px;width:32px;  }
.banner .btn-l{left:50%; margin-left:-540px; background: url(../images/tip.png) no-repeat;}
.banner .btn-r{left: 50%;    margin-left: 540px; background: url(../images/tip.png) no-repeat -50px 0;     top: 106px;*top: -364px;}
.bannermini, .bannermini ul, .bannermini img { height:300px!important; }
.bannermini .btn-l{  top: -170px!important;}
.bannermini .btn-r{ top: -233px!important; }
/*ks*/
.ks{height:127px;width:1100px; margin:0 auto; position:relative;top:-44px; background:#fff url(../images/banner-bt.png) no-repeat center bottom;z-index:30;}
.ks .fl{height:106px;width:50%; background:url(../images/ks-repeat.jpg);color:#fff;}
.ks .fl h5{ font-size:30px; font-weight:bold; line-height:40px; margin:18px 0 0 28px;}
.ks .fl h6{ font-size:18px;line-height:20px; margin-left:28px;}
.ks .keywords{ float:right; margin:20px 18px 0 0;width: 520px;}
.ks .search{height:40px; width:318px; background:url(../images/search.png) no-repeat; float:right; margin:12px 18px 0 0;}
.searcher {   }
.searcher .hot { line-height:36px; }
.searcher .hot strong, .searcher .hot span, .searcher .hot a { margin-right:15px; color:#666; }
.searcher .hot a:hover { text-decoration:underline; color:#934407; }
.searcher .sos { position:absolute; right:20px; top:50px;  background:#fff url(../images/search.png) no-repeat center top; width: 316px;height: 40px; }
.searcher .sos dt { width:258px; margin:0 36px 0 0; background:none; }
.searcher .sos dd { position:absolute; right:0; top:0; }
.searcher .sos .txt { width:100%; height:40px; line-height:36px; border:0; background:none; color:#999; text-indent: 2em;}
.searcher .sos .submit { width:57px; height:40px; background:none; border:0; cursor:pointer; }
/*pro*/
.pro{width:1100px;height:776px; margin:0 auto;}
.prolist{width:256px;height:776px;color:#fff;}
.prolist .title{height:106px;border:2px solid #007dc2; background:#118ccd; text-align:center;}
.prolist .title h3{ font-size:24px; font-weight:bold; margin-top:28px;}
.prolist .title h4{ font-size:18px; text-transform:uppercase;}
.prolist ul{border:2px solid #d0d0d0;border-top:none;height:614px;*height:624px;padding:34px 20px 0 20px;overflow: hidden;}
.prolist li{width:100%;text-align:center; margin-bottom:8px;}
.prolist li>a{ display:block;width:100%;height:36px; line-height:36px; font-size:16px; font-weight:bold;background:#0b7ab4;color: #fff;}
.prolist li>a:hover{ background: #118ccd; transition:background 300ms ease;}
.prolist li:hover a.item,.prolist li.cur a.item{ background:#40a3d7;color:#fff; transition:background 300ms ease;}
.prolist .drop{width:100%;margin-top:4px;}
.prolist .drop dd{ margin-top:4px;}
.prolist .drop dd>a{ width: 212px;}
.prolist dd a{ display:block;height:26px; line-height:26px; width:100%;color:#878787;}
.prolist dd a:hover{ background:#40a3d7 url(../images/fly.png) no-repeat 20px center;;color:#fff;transition:background 300ms ease;}
.proshow{width:812px;height:780px;overflow: hidden;}
.proshow .title{height:42px;width:100%; margin-bottom:28px;}
.proshow .title h3{ float:left;color:#118bce; font-size:30px; font-weight:bold;}
.proshow .title h4{ float:left;color:#ababab; font-size:18px; font-weight:bold; text-transform:uppercase; margin:14px 0 0 8px;}
.proshow .change{ float:right;height:42px;width:128px;}
.proshow .change a{ display:block;height:36px;width:54px;border:3px solid #118ccd;}
.proshow .change .btn-l{ background:#fff url(../images/tip.png) no-repeat 16px -121px; float:left;}
.proshow .change .btn-l:hover{ background:#118ccd url(../images/tip.png) no-repeat 16px -151px;transition:background 300ms ease;}
.proshow .change .btn-r{ background:#fff url(../images/tip.png) no-repeat -28px -151px; float:right;}
.proshow .change .btn-r:hover{ background:#118ccd url(../images/tip.png) no-repeat -28px -121px;transition:background 300ms ease;}
.proshow .details{width:100%;height:232px;}
.proshow .details img{width:304px;height:228px;border:2px solid #dbdbdb; float:left;}
.proshow .fl{width:430px;padding:30px 36px;height:168px;border:2px solid #afafaf;border-left:none;}
.proshow .fl li{height:50px;width:100%;font-size:16px;}
.proshow .fl li h4{height:32px;width:88px; line-height:32px; text-align:center; background:#3d3d3d;color:#fff;border-radius:3px; float:left;font-weight:bold;}
.proshow .fl li p{font-weight:normal; float:left; line-height:24px;width:316px; margin-left:12px; margin-top:4px;}
.proshow .fl a{ display:block;height:34px; line-height:34px;width:100px; text-align:center; background:#3d3d3d;border-radius:3px; float:left;color:#fff; margin-right:30px; margin-top:26px;}
.proshow .fl a:hover{ background:#007ec3;}
.proshow .showlist{width:105%;height:475px; overflow:hidden; margin-top:20px;}
.proshow .showlist li{width:244px; margin-right:40px;}
.proshow .showlist li a{ display:block;}
.proshow .showlist li:hover img,.proshow .showlist .hover img{border-color:#118bce;}
.proshow .showlist li:hover,.proshow .showlist .hover{color: #118BCE;}
.proshow .showlist img{height:180px;width:240px;border:2px solid #dbdbdb; float:left;}
.proshow .showlist span{ display:block;width:100%;height:54px; line-height:54px; font-size:16px; text-align:center; float:left;}

/*renson*/
.renson{width:1100px;height:900px;margin:80px auto;}
.renson .title{width:460px;height:100px;margin:0 auto;color:#3d3d3d; background:url(../images/reason-title.png) no-repeat center center;}
.renson .title p{ font-size:34px; text-align:center;}
.renson .title span{ font-size:36px; font-family:impact; text-transform:uppercase;margin-left:34px;}
.renson .title i{ font-size:54px; font-weight:bold;color:#118bce; line-height:54px; text-transform:none;font-style:normal;}
.renson .tt{width:100%; border-bottom:1px solid #cdcdcd;}
.renson .tt h6{width:640px; background:#f5f5f5;text-align:center; margin:0 auto -15px;height:30px; line-height:30px; font-size:18px;}
.renson .list{width:100%;height:714px;margin-top:54px; position:relative;}
.renson .list .center{ position:absolute;top:0;left:50%;margin-left:-36px;}
.renson ul{width:100%;}
.renson li{width:490px;height:84px;padding-bottom:234px;margin:20px auto 40px;}
.renson li .num{float:left; display:block;height:84px;width:84px; text-align:center; line-height:84px; font-size:60px; font-family:impact;color:#118bce; background:url(../images/reason-list.png) no-repeat;}
.renson li .contentx{ margin-left:30px; float:left;width:370px;}
.renson li h6{ font-size:20px; font-weight:bold; line-height:30px;}
.renson li h6 span{color:#118bce;}
.renson li p{ line-height:22px; font-size:16px;}
.renson li.one{ background:url(../images/reason1.jpg) no-repeat center bottom;}
.renson li.two{ background:url(../images/reason2.jpg) no-repeat center bottom; float:right;}
.renson li.three{ background:url(../images/reason3.jpg) no-repeat center bottom;}
.renson li.four{ background:url(../images/reason4.jpg) no-repeat center bottom;float:right;}

.case{padding: 55px 0 20px 0;background:#353535 url(../images/case-bg.jpg ) center no-repeat; height: 503px;}
.case .icase_tit{padding-bottom: 14px;line-height: 28px;position: relative;text-transform: uppercase;font-size: 18px;color: #a4a4a4;text-align: center;border-bottom: 1px solid #a4a4a4;}
.case .icase_tit b{ font-size: 30px;color: #fff;display: block;}
.case .icase_tit i{background: #fff;height: 1px;width: 70px;position: absolute;left: 47%;bottom: -1px;}
.case .icase_thead{text-align: center;margin-top: 35px;}
.case .icase_thead a{text-align: center;display: inline-block;width: 215px;height: 50px;line-height: 50px;padding-bottom: 11px;color: #fff;}
.case .icase_thead a:hover,.case .icase_thead .hover{color: #fff;background: url(../images/case-cur.png) center bottom no-repeat; }
.case .list{width: 1100px;overflow: hidden;height: 262px;*position: relative;}
.case ul.tod{height: 262px;overflow: hidden;}
.case ul.tod li{float: left;width: 337px;margin: 20px 14px;position: relative;}
.case ul.tod li img{width: 100%;height: 253px;}
.case ul.tod li span{padding: 0 32px;height: 34px;line-height: 34px;width: 273px;background: url(../images/case-bg2.png) center repeat;position: absolute;left: 0;bottom: 15px;color: #fff;}
.case ul.tod .span_tit{float: left;color: #fff;}
.case ul.tod .deil{float: right;background:url(../images/tip.png) no-repeat -100px -140px; padding-left: 24px;color: #fff;}
.case ul.tod li:hover span{ background: url(../images/case-hover.png) bottom repeat;color: #fff; }
.case ul.tod li:hover .span_tit{color: #fff;}
.case ul.tod li:hover .deil{color: #fff;}
.case .thd{margin:15px auto;text-align: center;}
.case .thd a.em{background:url(../images/tip.png) no-repeat 0 -100px;width: 24px;height: 24px;display: inline-block;}
.case .thd a.em:hover,.case .thd a.hover{ background:url(../images/tip.png) no-repeat -50px -100px;}

.part1{ margin-top: 64px;}
.itit{height: 30px;width: 100%;font-weight: 700;}
.itit .tit{float: left;color: #414141;font-size: 30px;line-height: 1;padding-left: 34px;	background:url(../images/tip.png) no-repeat -100px -96px;}
.itit .tit i{ font-style: normal;color: #118bce;}
.itit a.more{float: right;color: #414141;font-size: 14px;border-top: 1px solid #bababa;padding-right: 16px;border-bottom: 1px solid #bababa;	background:url(../images/tip.png) no-repeat -60px -197px;margin-top: 4px;}
.witness{width: 718px;float: left;}
.witness ul{margin-top: 32px;}
.witness li{width: 344px;height: 120px;float: left;}
.witness li .img{float: left;position: relative;width: 122px;}
.witness li .img img{position: absolute;left: -9px;top: 0;z-index: 98;width: 115px;height: 86px;}
.witness li .img em{ background:url(../images/cust-img_cover.png) center no-repeat;display: block;width: 118px;height: 115px;position: absolute;z-index: 99;left: -11px;top: 0;}
.witness li .wd{float: right;width: 225px;}
.witness li .wd h2{font-weight: 700;color: #3d3d3d;font-size: 16px; height: 32px;line-height: 2;border-bottom: 1px dotted #cacaca;}
.witness li .wd h2>a{color: #3d3d3d; }
.witness li .wd h2>a:hover{color:#118bce;}
.witness li .wd h3{font-size: 14px;color: #3d3d3d;}
.ihonor{width: 313px;float: right;}
.ihonor .tod{margin-top: 40px;}
.ihonor .tod .tod_ding{margin-left: 12px;float: left;width: 213px;height: 196px;overflow: hidden;}
.ihonor .tod ul{width: 600%;}
.ihonor .tod li{float: left;}
.ihonor .tod li img{background:url(../images/honer-bt.png) left bottom no-repeat; padding-bottom: 12px; width: 213px;height: 159px;}
.ihonor .tod li span{display: block;font-size: 16px;color: #3d3d3d;width: 213px;text-align: center;}
.ihonor .tod li span>a{color: #3d3d3d;}
.ihonor .tod a.left_arrow,.ihonor .tod a.right_arrow{background:url(../images/tip.png) no-repeat 9px -183px;
	margin-top: 66px;width: 36px;height: 28px;border: 2px solid #118bce;display: block;float: left;}
.ihonor .tod a.left_arrow{}
.ihonor .tod a.right_arrow{float: right;background-position: -38px -203px;}
.ihonor .tod a.left_arrow:hover{background: #118bce url(../images/tip.png) no-repeat;background-position: 9px -202px;}
.ihonor .tod a.right_arrow:hover{background: #118bce url(../images/tip.png) no-repeat;background-position: -38px -182px;}

.iabout{margin-top: 55px;background:#fff url(../images/banner-bt.png) left bottom no-repeat;height: 370px;}
.iabout .img{float: left;position: relative;margin-top:-17px;margin-left: 40px;width: 474px;height: 357px;}
.iabout .img .iabout_ding{float: left;overflow: hidden;width: 474px;height: 357px;}
.iabout .iabout_ding ul{height: 357px;}
.iabout .iabout_ding ul li{  }
.iabout .iabout_ding ul li img{width: 474px;height: 354px;  }
.iabout .img a.ab_left,.iabout .img a.ab_right{background:#414141 url(../images/iabout_arrow.png) no-repeat 10px 10px;
	position: absolute;top: 157px;float: left;width: 31px;height: 31px;display: block;}
.iabout .img a.ab_left{right: 0;}
.iabout .img a.ab_right{right: -31px;background-position: -20px 10px;}
.iabout .img a.ab_left:hover,.iabout .img a.ab_right:hover{background-color: #118bce;transition:background-color 300ms ease;}
.iabout .wd{width: 432px;float: left;margin-left: 102px;margin-top: 50px;color: #3d3d3d;font-size: 16px;line-height: 2; }
.iabout .wd span{ font-weight: 700;display: block;color: #118bce;font-size: 24px;line-height: 2;}
.iabout .wd a.iabout_link{background:url(../images/iabout_link.png) center no-repeat;color: #fff;display: block;width: 98px;padding-left: 10px;height: 23px;line-height:1.4;margin-left: 324px; }

.part2{margin-top: 32px;}
.inews{width: 583px;float: left;}
.inews .tod{margin-top: 30px;height: 358px;}
.inews .tod .img{width: 221px;height: 358px;float: left;overflow: hidden;}
.inews .tod .img img{height: 167px;display: block;}
.inews .img span{padding: 14px;background: #118bce;color: #fff;display: block;width: 195px;height: 132px;line-height: 2;}
.inews .img span h2{font-weight: 700;font-size: 14px;}
.inews .img span .wz{font-size: 12px;}
.inews .img .ines_link{display: block;color: #99b8cc; }
.inews .tod .wd{float: right;width:339px;}
.inews .tod .wd li{height: 64px;margin-top: 15px;width: 339px; border-bottom: 1px dashed #c8d7e1;}
.inews .tod li b{width: 64px;height: 46px;float: left;color: #707070;font-size: 32px;font-family: "impact";text-align: center;
border-right: 1px solid #e0e0e0;}
.inews .tod li .zi{float: left;width: 262px;line-height: 1.5;margin-left: 5px;}
.inews .tod li h2{font-size: 16px;}
.inews .tod li h2>a{color: #3d3d3d;font-weight: 700;}
.inews .tod li:hover h2>a{ color: #118bce;}
.inews .tod li:hover b{color: #118bce; }
.inews .tod li h3{color: #3d3d3d;font-size: 14px;}
.imsg{float: right;width: 402px;background: #fff;padding: 10px 30px;}
.imsg .tod{ }
.iform { width:375px; overflow:hidden;margin-left: 20px;margin-top: 20px; }
.iform .from {}
.iform .row { width:420px; min-height:42px; margin-bottom:12px; position:relative; }
.iform .row span.err{ font-size: 18px;color: red;font-weight: 700;line-height: 2.3;float: right;*float: none;}
.iform .row i { position:absolute; width:38px; height:38px; left:2px; top:2px; }
.iform .txt, .iform .text { width:304px; height:38px; line-height:38px; padding:0 0 0 42px; border:2px solid #c9c9c9; color:#999; }
.iform .txt:focus, .iform .text:focus { border-color:#aaa; }
.iform .text { height:90px; padding:10px; line-height:20px; width:326px; }
.iform .submit { width:348px; height:46px; background:#118bce; color:#FFF; border:0; cursor:pointer; font-size:16px; }
.iform .submit:hover { background:#0085ce; }
.iform .row-name { float:left; width:375px; }
.iform .row-name .txt { width:306px; }
.iform .row-name1 i { background:#f1f1f1 url(../images/ico-name.png) 8px 8px no-repeat; }
.iform .row-phone {float: left; width:375px; }
.iform .row-phone .txt { width:306px; }
.iform .row-phone1 i { background:#f1f1f1 url(../images/ico-name.png) 8px -44px no-repeat; }
.iform .row-email { clear:both; }
.iform .row-email i { background:#f1f1f1 url(../images/ico-name.png) 8px -96px no-repeat; }


.footer{height: 244px;width: 100%;font-size: 14px;color: #cacaca;    background: #3e3e3e;}
.footer .left{float: left;width: 970px;margin-top: 42px; }
.footer .nav1{height: 20px;line-height: 1; }
.footer .nav1 a{width: 102px;color: #fff;margin: 0 16px;}
.footer .nav1 a:hover{color: #118bce;}
.footer .ilink{margin-top: 60px; }
.footer .ilink span{margin-right: 10px;color: #cacaca;text-transform: uppercase;  font-size: 18px;display: block;float: left;    margin-top: -4px; }
.footer .ilink a{color: #cacaca;font-size: 14px; }
.footer .bottomcon{margin-top: 5px;line-height: 25px;text-align: left;}
.footer .bottomcon a{ color: #cacaca;}
.footer .right{float: right;}
.footer .code{width: 103px;margin-top: 78px;}
.footer .code .img{width: 103px;height: 103px;color: #fff;font-size: 16px;}
.footer .code .img img{margin-bottom: 10px;}

.side {background:#fff url(../images/side.png) center top no-repeat;
	width: 84px;border: 4px solid #118bce;border-top: none;padding-top: 36px;
  height: auto;position: fixed;right: 0;top: 160px; z-index: 10000000;
}
.side li {  color: #909090; height: 60px;width: 100%;margin: 0 auto;}
.side li a {  color: #909090;  display: block;  width: 100%; 
  padding-top: 43px;  text-align: center;  font-size: 12px;}
.side li span {display: block;  text-align: center;  font-size: 12px;}
.side .qq {  background: url(../images/qq.png) center 8px no-repeat;}
.side .code {padding-top: 10px;line-height: 22px;position: relative;}
.side .code .code22{ position: absolute;right: 200px; top: -80px;background:url(../images/code3.png) no-repeat center;width: 226px;height: 217px;opacity: 0;display: none;}
.side .code img{display: block;width: 34px;height: 34px;margin: 0 auto;}
.side .ftel {margin-bottom: 10px;font-size: 12px;font-weight: 700;color: #118bce; text-align: center;  height: 65px;  width: 65px;margin: 0 auto;margin-left: 10px;}
.side .ftel span{font-weight: normal;color: #7c7c7c; }
.side .ftel p{ word-wrap: break-word;}
.side .returntop {  background: url(../images/gotop.png) center no-repeat;
}

/******************************
 ** 内页架构
 ******************************/
.sidebar { float:left; width:256px; margin-bottom:40px;}
.topclass { width:252px; height:106px;border:2px solid #007dc2; background:#118ccd; text-align:center;color: #fff;}
.topclass h2 {  font-size:24px; font-weight:bold; margin-top:28px; }
.topclass span { font-size:18px; text-transform:uppercase; }
.side-menu { border:2px solid #d0d0d0;border-top:none;height:auto;padding:34px 20px;overflow: hidden; }
.side-menu dd:first-child { border-top:1px solid #135db5; }
.side-menu dd { width:100%;text-align:center; margin-bottom:10px; }
.side-menu dd > a { display:inline-block;width:100%;height:36px; line-height:36px; font-size:16px; font-weight:bold;background:#0b7ab4;color: #fff; }
.side-menu dd > a:hover {  background: #118ccd; transition:background 300ms ease; }
.side-menu .drop {margin-top: 4px; width:100%; padding:0 0; background:none; display:none;  }
.side-menu .drop li { width:100%; height:34px; line-height:34px; }
.side-menu .drop li>a { display:block;height:26px; line-height:26px; width:100%;color:#878787;}
.side-menu .drop a:hover { background:#40a3d7 url(../images/fly.png) no-repeat 20px center;;color:#fff;transition:background 300ms ease; }
.side-menu dd.current .drop { display:block; }
.side-menu dd.current > a {background: #118ccd; }
.side-menu li.current > a {background:#40a3d7 url(../images/fly.png) no-repeat 20px center;;color:#fff; }
.side-menu .sos {  background:url(../images/search1.png) no-repeat center top; width: 209px;height: 40px; position: relative;margin-top: 20px;}
.side-menu .sos dt { width:154px; margin:0 36px 0 0; background:none; }
.side-menu .sos dd { position:absolute; right:0; top:0; width:52px; }
.side-menu .sos .txt { width:100%; height:40px; line-height:36px; border:0; background:none; color:#999; text-indent: 2em;*text-indent: 0.5em;}
.side-menu .sos .submit { width:57px; height:40px; background:none; border:0; cursor:pointer; }

.side-head { height:50px; line-height:50px; font-size:20px; font-weight:700; color:#2f4056; border-top:3px solid #227dca; }
.side-pro { position:relative; top:20px; margin-bottom:20px; }
.side-pro .list { border:2px solid #d0d0d0;border-top:none;height:auto;padding:20px;overflow: hidden; }
.side-pro .list .ding{overflow: hidden;width: 207px;height: 173px;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;margin: 22px 0;}
.side-pro .list .dong{width: 600%; margin: 10px 0;}
.side-pro .list dd { width:207px; margin-bottom:10px;float: left; }
.side-pro .list a { display:block; }
.side-pro .list img { display:block; width:100%; height:153px; background:#f1f1f1; }
.side-pro .list h3 { padding:0 15px; border:1px solid #ddd; border-top:0; height:40px; line-height:40px; font-weight:400; }
.side-pro .list a.left_arrow,.side-pro .list a.right_arrow{background:url(../images/iside_pro.png) no-repeat left top;
	margin: 0 auto;width: 42px;height: 20px;display: block;}
.side-pro .list a.left_arrow{}
.side-pro .list a.right_arrow{background-position: left bottom;}
.side-pro .list a.left_arrow:hover{background: url(../images/iside_pro.png) no-repeat;background-position: right top;}
.side-pro .list a.right_arrow:hover{background: url(../images/iside_pro.png) no-repeat;background-position: right bottom;}

.side-contact {position:relative; top:20px; }
.side-contact .side-head { padding:0 10px; }
.side-contact .main {  border:2px solid #d0d0d0;border-top:none;height:auto;padding:20px;overflow: hidden; font-size: 14px;line-height: 1.7; }
.side-contact .tel{ padding-left:58px; background:url(../images/tel.png) no-repeat left center; float:right;height:48px; margin-top:10px; font-size:18px; line-height:18px;}
.side-contact .tel span{ font-size:24px;color:#118bce; font-family:impact; display:block; line-height:36px;}

.location { height:40px; border-bottom:1px solid #b8b8b8; position:relative; margin-bottom:20px; }
.location h2 { font-weight: 700;}
.location .io { height:24px; line-height:24px; position:absolute; right:0; top:10px; color:#666; background:url(../images/ico-location.png) left center no-repeat; padding:0 0 0 25px; }
.location .io b { color:#999; }

.container { float:right; width:815px; }
.content { padding:20px; border:1px solid #ddd; margin-bottom:20px; }



/******************************
 ** 内页页面通用
 ******************************/
.list-product { width:100%; }
.list-product .list { float:left; width:101.5%; }
.list-product .item { float:left; width:234px; margin:0 20px 10px 20px; }
.list-product .item .img { width:100%; height:180px; overflow:hidden; background:#f1f1f1; }
.list-product .item .img img {border:2px solid #dbdbdb; width:230px; height:176px; }
.list-product .item .inf {    display: block;    width: 100%;    height: 54px;    line-height: 54px;    font-size: 16px;    text-align: center; }
.list-product .item h3 { height: 54px;    line-height: 54px;    font-size: 16px;    text-align: center; }
.list-product .item h3 a { }
.list-product .item .mo a { display:block; text-align:center; width:85px; height:28px; line-height:28px; color:#227dca; background:url(../images/ico-mo.png) center center no-repeat; }
.list-product .item:hover img{ border-color: #118BCE;}
.list-product .item:hover .inf { color: #118BCE; }
.list-product .item:hover h3 a { color:#118BCE; }

/* 4:3 图片 */
.list-product .item2 { float:left; width:264px; margin:0 10px 10px 0; }
.list-product .item2 .img { width:100%; height:198px; overflow:hidden; background:#ddd; }
.list-product .item2 .img img { width:100%; height:198px; }
.list-product .item2 h3 { height:40px; line-height:40px; font-weight:400; text-align:center; border:1px solid #ddd; border-top:0; }
.list-product .item2 h3 a { }

/* 4:3 图文 */
.list-case { padding:0 20px; border:1px solid #ddd; margin-bottom:10px; }
.list-case .list { padding:10px 0 10px; }
.list-case .item { padding:15px 0 15px 180px; height:124px; border-top:1px dashed #ddd; position:relative; }
.list-case .item:first-child { border-top:0; }
.list-case .item .img { position:absolute; left:0; top:15px; width:166px; height:124px; background:#f1f1f1; }
.list-case .item .img img { display:block; width:166px; height:124px; }
.list-case .item h3 { font-size:16px; line-height:20px; margin-bottom:8px; }
.list-case .item h3 a { }
.list-case .item h3 a:hover { text-decoration:underline; }
.list-case .item p { height:60px; line-height:20px; color:#666; overflow:hidden; margin-bottom:16px; }
.list-case .item .detail { height:20px; }
.list-case .item .detail a { line-height:20px; }

/* 图片相册 */
.list-photo { width:100%; }
.list-photo .list { float:left; width:101.5%; }
.list-photo .item { float:left; width:183px; padding:10px 10px 0; border:1px solid #ddd; margin:0 10px 10px 0; cursor:pointer; }
.list-photo .item .img { width:100%; height:137px; overflow:hidden; background:#f1f1f1; }
.list-photo .item .img img { width:100%; height:137px; }
.list-photo .item h3 { height:40px; line-height:40px; text-align:center; font-weight:400; }
.list-photo .item:hover { border-color:#aaa; }

/* 附属简介 */
.list-news { padding:0 20px; border:1px solid #ddd; margin-bottom:10px; }
.list-news .list { padding:10px 0 10px; }
.list-news .item { padding:15px 0 15px 90px; height:70px; border-top:1px dashed #ddd; position:relative; }
.list-news .item:first-child { border-top:0; }
.list-news .item .date { position:absolute; left:0; top:20px; width:80px; text-align:center; }
.list-news .item .date b { font-size:48px; line-height:40px; color:#b7b7b7; display:block; font-family:Arial; font-weight:400; }
.list-news .item .date span { font-size:16px; line-height:20px; color:#b7b7b7; }
.list-news .item h3 { font-size:16px; line-height:20px; margin-bottom:8px; }
.list-news .item h3 a { }
.list-news .item h3 a:hover { text-decoration:underline; }
.list-news .item p { height:40px; line-height:20px; color:#666; overflow:hidden; }

/* 新闻详情页 */
.news-content { }
.news-content h1 { padding:0 0 10px; font-size:24px; color:#227dca; line-height:1.4; }
.news-content .rap { height:40px; line-height:40px; border-bottom:1px dashed #ddd; margin-bottom:20px; }
.news-content .rap span { margin:0 20px 0 0; }
.news-content .rap b { color:#227dca; }

/* 案例详情页 */
.case-content { }
.case-photo { width:100%; text-align:center; }
.case-photo img { max-width:100%; }
.case-content h1 { padding:10px 0 20px; font-size:20px; color:#5f412e; line-height:1.4; text-align:center; }

/* 产品详情页 */
.product-content { }
.product-photo { float:left; width:440px; }
.product-photo .original { width:440px; height:330px; overflow:hidden; margin-bottom:10px; }
.product-photo .original img { display:block; width:100%; height:330px; }
.product-photo .prev, .product-photo .next { float:left; width:17px; height:69px; background:url(../images/ico-pn.png) 0 0 no-repeat; cursor:pointer; }
.product-photo .next { float:right; background-position:-19px 0; }
.product-photo .prev:hover { background-position:0 -70px; }
.product-photo .next:hover { background-position:-19px -70px; }
.product-photo .nodrop { cursor:no-drop; }
.product-photo .prev.nodrop:hover { background-position:0 0; }
.product-photo .next.nodrop:hover { background-position:-19px 0; }
.product-photo .thum { float:left; width:395px; height:69px; margin:0 0 0 5px; overflow:hidden; position:relative; }
.product-photo .thum dl { float:left; width:300%; height:69px; position:relative; }
.product-photo .thum dd { float:left; width:87px; height:65px; border:2px solid #fff; margin:0 10px 0 0; cursor:pointer; background:#f1f1f1; }
.product-photo .thum img { width:100%; height:65px; display:block; }
.product-photo .thum dd.current { border-color:#227dca; }
.product-info { margin:0 30px 0 460px; }
.product-info h1 { font-size:24px; line-height:1.2; color:#227dca; margin-bottom:20px;font-weight: 700; }
.product-info .inso { margin-bottom:20px; }
.product-info .inso dd { height:40px; line-height:40px; margin-bottom:10px; background:#f8f8f8; font-size:16px; padding:0 0 0 15px; }
.product-info .inso span { color:#227dca; }
.product-info .tel { padding:15px 20px; border:1px solid #ddd; margin-bottom:27px; }
.product-info .tel dt { font-size:16px; color:#555; padding:0 0 0 25px; background:url(../images/ico-tel.png) left center no-repeat; }
.product-info .tel dd { font-size:32px; color:#227dca; line-height:1.2;font-family: impact; }
.product-info .order { margin-bottom:50px; }
.product-info .order a { display:block; width:156px; height:40px; line-height:40px; color:#FFF; font-size:16px; font-weight:700; background:#227dca; text-align:center; }
.product-info .order a:hover { background:#1771bd; }
.article-container { border-top:1px dashed #ddd; margin:20px 0 0; }
.article-container .article { padding-bottom:10px; }
.article-head { padding:20px 0 10px; }
.article-head h2 { width:240px; height:40px; line-height:40px; font-size:16px; color:#227dca;font-weight: 700; }

/* 产品详情页2 */
.product-content { }
.product-photo1 {width:440px;    margin-left: 150px; }
.product-photo1 .original { width:440px; height:330px; overflow:hidden; margin-bottom:10px; }
.product-photo1 .original img { display:block; width:100%; height:330px; }
.product-info1 {text-align: center; }
.product-info1 h1 { font-size:24px; line-height:1.2; color:#227dca; margin-bottom:20px;font-weight: 700; }
.product-info1 .inso { margin-bottom:20px; }
.product-info1 .inso dd { height:40px; line-height:40px; margin-bottom:10px; background:#f8f8f8; font-size:16px; padding:0 0 0 15px; }
.product-info1 .inso span { color:#227dca; }
.product-info1 .tel { padding:15px 20px; border:1px solid #ddd; margin-bottom:27px; }
.product-info1 .tel dt { font-size:16px; color:#555; padding:0 0 0 25px; background:url(../images/ico-tel.png) left center no-repeat; }
.product-info1 .tel dd { font-size:32px; color:#227dca; line-height:1.2; }
.product-info1 .order { margin-bottom:50px; }
.product-info1 .order a { display:block; width:156px; height:40px; line-height:40px; color:#FFF; font-size:16px; font-weight:700; background:#227dca; text-align:center; }
.product-info1 .order a:hover { background:#1771bd; }
/* 地图 */
.map11{padding: 25px;}
.map11 li.item{ width:100%;  padding:10px 0px; text-align:left;  border-bottom:1px solid #c8c8c8;}
.map11 li.item a{line-height:30px; color:#0056b3; font-size:16px;   font-weight:bold; margin-right:15px;}
.map11 .subMap11{  text-align:left; margin-left:50px;}
.map11 .subMap11 li.item2{ margin:15px 0px; line-height:24px;}
.map11 .subMap11 .san{  text-align:left; margin-left:50px;}
.map11 .subMap11 .san a{  font-size:16px; font-weight:normal;}

/******************************
 ** 组件类
 ******************************/
.pager11{width: 700px;margin: 0 auto;}
.pager { width:100%; height:40px; padding:10px 0 20px; }
.pager > * { display:inline-block; height:38px; line-height:38px; padding:0 20px; border:1px solid #ddd; background:#FFF; margin:0 -1px; }
.pager > *:first-child { display:none; }
.pager > *:first-child + * { margin-left:0px; }
.pager > span { cursor:no-drop; }
.pager > span.cur { cursor:default; background:#f9f9f9; color:#227dca; font-weight:700; }
.pager > a:hover { background:#f1f1f1; }

.relink { padding:0 20px; height:40px; line-height:40px; border:1px solid #ddd; margin-bottom:20px; }
.relink p { float:right; width:50%; text-align:right; overflow:hidden; }
.relink p:first-child { float:left; text-align:left; }

.recommend-news { border:1px solid #ddd; padding:0 20px; margin-bottom:20px; }
.recommend-news .head { height:60px; line-height:60px; position:relative; border-bottom:1px solid #ddd; }
.recommend-news .head h2 { font-size:18px; }
.recommend-news .head .mo { position:absolute; right:0; top:0; font-size:16px; color:#999; }
.recommend-news .head .mo:hover { color:#227dca; }
.recommend-news .main { width:100%; overflow:hidden; padding:20px 0; }
.recommend-news .list { float:left; width:120%; }
.recommend-news .item { float:left; width:338px; height:30px; line-height:30px; margin-right:88px; position:relative; }
.recommend-news .item a { background:url(../images/ico-news.png) left center no-repeat; padding:0 0 0 12px; }
.recommend-news .item a:hover { text-decoration:underline; }
.recommend-news .item span { position:absolute; right:0; top:0; color:#999; }

.recommend-pro { border:1px solid #ddd; padding:0 20px; margin-bottom:20px; }
.recommend-pro .head { height:60px; line-height:60px; position:relative; border-bottom:1px solid #ddd; }
.recommend-pro .head h2 { font-size:18px; color:#227dca; }
.recommend-pro .head .mo { position:absolute; right:0; top:0; font-size:16px; color:#999; }
.recommend-pro .head .mo:hover { color:#227dca; }
.recommend-pro .main { width:100%; overflow:hidden; padding:20px 0 0; }
.recommend-pro .list { float:left; width:110%; }
.recommend-pro .item { float:left; width:177px; margin:0 20px 0 0; }
.recommend-pro .item .img { width:100%; height:133px; overflow:hidden; margin-bottom:10px; background:#f1f1f1; }
.recommend-pro .item .img img { width:100%; height:133px; }
.recommend-pro .item h3 { height:30px; line-height:30px; text-align:center; margin-bottom:10px; font-weight:400; }
.recommend-pro .item h3 a { }
.recommend-pro .item:hover { border-color:#c8a48e; }

.recommend-form { border:1px solid #ddd; padding:0 20px; }
.recommend-form .head { height:60px; line-height:60px; position:relative; border-bottom:1px solid #ddd; }
.recommend-form .head h2 { font-size:18px; color:#227dca; }
.recommend-form .main { width:100%; overflow:hidden; padding:40px 0 20px; }
.recommend-form .main > * { float:left; width:100%; clear:both; margin-bottom:15px; position:relative; }
.recommend-form .row-1 { width:350px; height:auto; padding:0 0 0 38px; border:2px solid #c9c9c9; }
.recommend-form .row-2 { width:710px; height:auto; padding:0 0 0 0; border:1px solid #ddd; }
.recommend-form .row-3 { width:800px; height:auto; }
.recommend-form .ico-name { background:#f1f1f1 url(../images/ico-name.png) 8px 8px no-repeat; }
.recommend-form .ico-phone { background:#f1f1f1 url(../images/ico-name.png) 8px -44px no-repeat; }
.recommend-form .ico-email { background:#f1f1f1 url(../images/ico-name.png) 8px -96px no-repeat; }
.recommend-form .required .tip { position:absolute; right:0; top:0; height:40px; line-height:40px; padding:0 10px; font-style:normal; color:#F00; }
.recommend-form .txt { width:100%;*width:336px; height:40px; line-height:40px; background:#fff; border:0; color:#999; text-indent: 1em;}
.recommend-form .text { width:700px; border:0; background:#FFF; padding:5px 5px; line-height:20px; height:100px; color:#999; }
.recommend-form img.code { float:left; width:110px; height:42px; }
.recommend-form input.code { float:left; width:150px; height:40px; line-height:40px; border:1px solid #ddd; background:#FFF; margin-left:10px; padding:0 10px; color:#999; }
.recommend-form .submit, .recommend-form .reset { float:left; margin:0 0 0 10px; width:200px; height:42px; border:0; cursor:pointer; color:#FFF; font-size:16px; }
.recommend-form .submit { background:#f0a522; }
.recommend-form .reset { background:#227dca; }
.recommend-form .submit:hover { background:#e69912; }
.recommend-form .reset:hover { background:#106fbf; }
.recommend-form .onfocus, .recommend-form .onfocus input.code { border-color:#aaa; }

.bdmap { height:400px; }
.BMap_bubble_title a { display:inline-block; padding:4px 10px; background:#118ccd; color:#fff; border-radius:3px; }
.BMap_bubble_title a:hover { background:#007dc2; }
.BMap_bubble_title + .BMap_bubble_content { line-height:18px; padding:9px 0 0; color:#777; }
.BMap_bubble_content{font-size: 12px;line-height: 18px;}
.bdshare { width:auto; height:36px; }
.bdshare > * { float:right; }
.bdshare .head { height:36px; line-height:36px;width: auto; }

.article { line-height:2; padding-bottom:20px; font-family:"microsoft YaHei" !important; }
.article img { max-width:100%; }

.article-adv { height:100px; background:#5f412e; margin-bottom:20px; }
.article-adv .icon { float:left; width:; height:80px; margin:10px 20px 0 20px; }
.article-adv .tel { float:left; margin:20px 0 0 0; }
.article-adv .tel dt { font-size:16px; color:#c8a48e; background:url(../images/ico-tel2.png) left center no-repeat; padding:0 0 0 25px; }
.article-adv .tel dd { line-height:1.2; font-size:32px; color:#f0c422; }
.article-adv .qiao { float:right; width:126px; height:36px; margin:32px 20px 0 0; background:url(../images/ico-qiao.png) center center no-repeat; line-height:33px; text-align:center; color:#5f412e; }
.article-adv .qiao:hover { background-image:url(../images/ico-qiao-hover.png); }

.ajax-pager { text-align:right; padding:10px 0; }
.ajax-pager > * { display:inline-block; height:32px; line-height:32px; padding:0 20px; border:1px solid #ddd; margin-left:-6px; background:#FFF;  }
.ajax-pager span { cursor:no-drop; }
.ajax-pager span.current { cursor:default; }
.ajax-pager a:hover { background:#f1f1f1; }

.ig-form-notice { position:absolute; z-index:101; width:auto; padding:5px 20px; border:1px solid #e0272c; background:#ffe8e9; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); color:#e0272c; }
.ig-form-notice:before, .ig-form-notice:after { content:''; position:absolute; left:20px; top:-20px; width:0; height:0; border:10px solid transparent; border-bottom-color:#e0272c; }
.ig-form-notice:after { top:-19px; border-bottom-color:#ffe8e9; }

[ig-null] { margin-bottom:0px;  }

.dialog-alert { width:440px; height:auto; position:fixed; left:50%; top:50%; margin:-150px 0 0 -220px; z-index:100; background:#FFF; background:-webkit-linear-gradient(top, #f1f1f1 0%, #FFF 10%, #FFF 100%); display:none; }
.dialog-alert .head { height:40px; line-height:40px; position:relative; margin-bottom:10px; }
.dialog-alert .head h2 { font-size:16px; padding:0 0 0 15px; }
.dialog-alert .head .close { width:40px; height:40px; background:url(../images/ico-close.png) center center no-repeat; position:absolute; right:0; top:0; }
.dialog-alert .head .close:hover { -webkit-transform:rotate(90deg); transform:rotate(90deg); }
.dialog-alert .main { padding:0 20px 20px 20px; font-size:14px; }
.dialog-alert .main .red { color:#F00; }
.dialog-alert .foot { height:34px; text-align:center; border-top:1px solid #fff; padding:10px 0 20px; }
.dialog-alert .foot a { display:inline-block; vertical-align:middle; height:34px; line-height:34px; padding:0 25px; background:#ddd; margin:0 10px; font-size:14px; border-radius:3px;}
.dialog-alert .foot .ok { background:#d93636; color:#fff; }
.dialog-alert .foot .ok:hover { background:#a40606; }
.dialog-alert .foot .cancel { background:#bbb; color:#333; }
.dialog-alert .foot .cancel:hover { background:#999; }

.dialog-confirm { width:440px; height:auto; position:fixed; left:50%; top:50%; margin:-150px 0 0 -220px; z-index:100; background:#FFF; background:-webkit-linear-gradient(top, #f1f1f1 0%, #FFF 10%, #FFF 100%); display:none; }
.dialog-confirm .head { height:40px; line-height:40px; position:relative; margin-bottom:10px; }
.dialog-confirm .head h2 { font-size:16px; padding:0 0 0 15px; }
.dialog-confirm .head .close { width:40px; height:40px; background:url(../images/ico-close.png) center center no-repeat; position:absolute; right:0; top:0; }
.dialog-confirm .head .close:hover { -webkit-transform:rotate(90deg); transform:rotate(90deg); }
.dialog-confirm .main { padding:0 20px 20px 20px; font-size:14px; }
.dialog-confirm .main .red { color:#F00; }
.dialog-confirm .foot { height:34px; text-align:center; border-top:1px solid #fff; padding:10px 0 20px; }
.dialog-confirm .foot a { display:inline-block; vertical-align:middle; height:34px; line-height:34px; padding:0 25px; background:#ddd; margin:0 10px; font-size:14px; border-radius:3px;}
.dialog-confirm .foot .ok { background:#d93636; color:#fff; }
.dialog-confirm .foot .ok:hover { background:#a40606; }
.dialog-confirm .foot .cancel { background:#bbb; color:#333; }
.dialog-confirm .foot .cancel:hover { background:#999; }

.dialog-log { position:absolute; z-index:99; width:auto; padding:10px 20px; border:1px solid #e0272c; background:#ffe8e9; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); color:#e0272c; }
.dialog-log i { position:absolute; left:15px; top:-7px; width:14px; height:7px; background:url(../images/log-arrow.png) center center no-repeat; }

.dialog-layout { position:fixed; left:0; top:0; width:100%; height:100%; filter:Alpha(opacity=50); background:#000; background:rgba(0,0,0,.5); z-index:99; }

.dialog-album { position:fixed; _position:absolute; width:100%; height:100%; left:0; top:0; z-index:100; display:none; }
.dialog-album .layout { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.9) !important; filter:Alpha(opacity=90); background:#000; z-index:-1; }
.dialog-album .container { position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; overflow:hidden; }
.dialog-album .container ul { float:left; width:1000%; height:100%; position:relative; }
.dialog-album .container li { float:left; width:10%; height:100%; position:relative; }
.dialog-album .container .img { width:100%; height:100%;  }
.dialog-album .container .img img { max-height:100%; max-width:80%; width:800px; height:600px; }
.dialog-album .tool .close { position:absolute; width:65px; height:35px; top:0; right:0; background:url(../images/ico-album.png) 0 -105px no-repeat; z-index:10; overflow:hidden; text-indent:-99em; opacity:0.6 !important; filter:Alpha(opacity=60); }
.dialog-album .tool .close:hover { opacity:0.9 !important; filter:Alpha(opacity=90); }
.dialog-album .tool .right, .dialog-album .tool .left { position:absolute; width:30px; height:30px; top:50%; margin-top:-10px; z-index:10; text-indent:-99em; overflow:hidden; background:url(../images/ico-album.png) -35px 0 no-repeat; }
.dialog-album .tool .right { left:20px; background-position:-35px -35px; }
.dialog-album .tool .left { right:20px; }
.dialog-album .tool .right:hover { background-position:0 -35px; }
.dialog-album .tool .left:hover { background-position:0 0; }
.dialog-album .tool .play, .dialog-album .tool .plus { position:absolute; width:30px; height:30px; right:20px; bottom:20px; background:#CCC; z-index:10; overflow:hidden; background:url(../images/ico-album.png) 0 -70px no-repeat; overflow:hidden; text-indent:-99em; }
.dialog-album .tool .play { background-position:-35px -70px; }
.dialog-album .tip { position:absolute; width:50%; height:15px; left:25%; bottom:20px; z-index:10; text-align:center; }
.dialog-album .tip span { display:inline-block; width:12px; height:12px; border:1px solid #aaa; border-radius:13px; background:#FFF; margin:0 5px; vertical-align:middle; cursor:pointer; }
.dialog-album .tip span.cur { background:#666; }



/******************************
 ** 高级动画
 ******************************/


/******************************
 ** 兼容性
 ******************************/
body { _background:url(../images/ie6.png) center center no-repeat #fff; }
body > * { _display:none; }