/******************************
 ** 初始化
 ** 兼容到IE7
 ** power by:www.hnjing.com
 ******************************/
* { margin:0; padding:0; }
html { height:100%; }
body  { min-width:1100px; font:14px/1.5 "Microsoft Yahei", Arial; color:#333; background:#fff; }
img { border:0px; }
ul,ol { list-style-type:none; vertical-align:bottom; }
table { border-collapse:collapse; border-spacing:0; }
input,textarea,select { font:14px/1 "Microsoft Yahei", Arial; color:#333; outline:0; }
textarea { resize:none; overflow:auto; }
h1,h2,h3,h4,h5,h6,font { font-size:14px; }
a { color:#333; text-decoration:none; cursor:pointer; }
a:hover,a:active { color:#0962cd; text-decoration:none; }
.clear { clear:both; font-size:0px; line-height:0px; height:0px; }
.hidden { display:none; }
.center { text-align:center; }
.arrow { font-family:'Small Fonts'; font-style:normal; }
.autocut { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; }
.wrapper, .wrap { width:1100px; margin:0 auto; position:relative; }
.wrapper { padding:0 0 50px; }


/******************************
 ** 首页风格
 ******************************/
.topper { height:40px; line-height:40px; background:#0b0100; color:#b2b2b2; }
.topper .wel, .topper .tel { float:left; }
.topper .tel { background:url(../images/topper-tel.png) left center no-repeat; padding:0 0 0 40px; margin:0 0 0 10px; color:#FFF; font-size:15px; }
.topper .url { float:right; margin-right:-10px; }
.topper .url li { float:left; background:url(../images/topper-line.png) left center no-repeat; }
.topper .url a { height:14px; line-height:14px; font-size:12px; padding:0 10px; color:#b2b2b2; }
.topper .url li:first-child { background:none; }
.topper .url a:hover { text-decoration:underline; color:#FFF; }

.header { height:139px; border-bottom:1px dashed #d3d3d3; }
.header .logo {     float: left;
    /* width: 400px; */
    height: 80px;
    margin: 30px 18px 0 0; }
.header .logo img {    display: block;
    /* width: 400px; */
    /* height: 80px; */ }
.header .tag { float:left; background:url(../images/header-line.png) left center no-repeat; padding:10px 0 10px 15px; margin:27px 0 0 0; +width:240px; }
.header .tag h2 { line-height:30px; font-size:24px; color:#0962cd; font-weight:400; }
.header .tag p { font-size:20px; }
.header .tel { float:right; text-align:right; line-height:1.2; background:url(../images/header-tel.png) left center no-repeat; padding:0 0 0 80px; margin:35px 0 0 0; +width:230px; }
.header .tel h2 { font-size:17px; font-weight:400; color:#636363; }
.header .tel p { font-family:Impact; font-size:33px; color:#242222; }

.nav { position:relative; z-index:10; }
.nav .list { height:50px; }
.nav .list li { float:left; width:157px; text-align:center; position:relative; position:relative; top:-2px; }
.nav .list li > a { display:block; height:50px; line-height:50px; position:relative; top:2px;font-weight: bold;font-size: 16px; }
.nav .drop { position:absolute; left:0; top:47px; width:100%; background:url(../images/nav-drop.png) center top no-repeat; padding:5px 0 0; display:none; }
.nav .drop dl { background:#0962cd; padding:5px 5px; }
.nav .drop dd { border-top:1px solid #5ca2f6; }
.nav .drop dd a { display:block; height:40px; line-height:40px; color:#FFF; }
.nav .drop dd a:hover { background:#000; }
.nav .drop dd:first-child { border-top:0; }
.nav .list li:hover, .nav .list li.current { background:url(../images/nav-line.png) center top no-repeat; }

.banner { width:100%; min-width:1100px; position:relative; overflow:hidden; z-index:2; }
.banner ul { width:100%; }
.banner li { width:100%; position:absolute; z-index:1; overflow:hidden; background:#fff; display:none; }
.banner li:first-child { display:block; }
.banner img { width:1920px; display:block; position:relative; left:50%; margin-left:-960px; top:0; }
.banner .tip { position:absolute; left:0; right:0; bottom:25px; z-index:5; text-align:center; height:15px; }
.banner .tip span { display:inline-block; width:15px; height:15px; line-height:15px; background:url(../images/banner-tip.png) 0 0 no-repeat; margin:0 4px; cursor:pointer;  }
.banner .tip span.cur { background-position:0 -15px; }
.banner, .banner ul,.banner img { height:450px; }
.banner.mini, .banner.mini ul, .banner.mini img { height:300px; }

.searcher { width:100%; background:#141010; height:60px; }
.searcher .keywords { line-height:60px; color:#fff; }

.searcher .keywords p{float: left;}
.searcher .keywords p a{    color: #fff;}

.searcher .sos { position:absolute; right:0; top:17px; border:1px solid #fff; background:#fff; }
.searcher .sos .txt { width:250px; padding:0 0 0 10px; height:26px; line-height:26px; font-size:12px; border:0; background:#fff; color:#999; }
.searcher .sos .submit { width:40px; height:24px; +height:26px; background:#0962cd; border:0; color:#FFF; cursor:pointer; position:absolute; right:1px; top:1px; }
.searcher .sos .submit:hover { opacity:.9; filter:Alpha(opacity=90); }

.floor-1 { background:url(../images/floor-1.png) center top no-repeat; padding:142px 0 0; }
.floor-1 .bg { min-height:868px; background:url(../images/ipro-bg.png) center bottom no-repeat; padding:0 0 50px; }
.floor-1 .english { position:absolute; left:60px; top:-55px; font-size:32px; color:#0962cd; font-family:Impact; text-transform:uppercase; letter-spacing:2px; }

.ipro-menu { float:left; width:298px; border:1px solid #ddd; background:url(../images/ipro-menu.png) left top no-repeat; }
.ipro-menu .head {}
.ipro-menu .head h2 { height:100px; line-height:100px; color:#080001; font-size:30px; font-weight:normal; text-align:center; }
.ipro-menu .list { padding:0 40px 170px; background:url(../images/ipro-menu2.png) center bottom no-repeat; }
.ipro-menu .list dd { }
.ipro-menu .list dd > a { display:block; height:26px; line-height:26px; background:url(../images/ipro-menu-li.png) center center no-repeat; text-align:center; color:#000; font-size:16px;     font-weight: bold;}
.ipro-menu .list dd > a:hover { background:url(../images/ipro-menu-li-hover.png) center center no-repeat; color:#0962cd; }
.ipro-menu .drop { padding:10px 25px; }
.ipro-menu .drop li { border-top:1px dashed #ddd; }
.ipro-menu .drop a { display:block; height:30px; line-height:30px; text-align:center; color:#666; }
.ipro-menu .drop li:first-child { border-top:0; }
.ipro-menu .drop li.current a, .ipro-menu .drop a:hover { color:#0962cd; }

.ipro { float:right; width:787px; }
.ipro .list { float:left; width:100%; border-top:1px dashed #ddd; padding-top:15px;  }
.ipro .list dt { float:right; margin:0 0 15px 0; width:252px; height:393px; position:relative; }
.ipro .list dt img { display:block; width:252px; height:393px; }
.ipro .list dt .shadow { background:url(../images/ipro-shadow2.png) center center repeat; position:absolute; left:0; top:0; width:100%; height:100%; }
.ipro .list dt h3 { font-size:25px; color:#FFF; position:absolute; left:68px; top:75px; width:80px; height:80px; padding:20px; text-align:center; background:#0962cd;  line-height:40px; }
.ipro .list dt .des { width:90px; position:absolute; left:50%; top:205px; margin-left:-45px; text-align:center; color:#FFF; font-size:20px; line-height:30px; }
.ipro .list dt .more { width:182px; height:36px; line-height:36px; text-align:center; color:#FFF; background:url(../images/ipro-more.png) center center no-repeat; position:absolute; top:282px; left:35px; font-size:16px; }
.ipro .list dt .more:hover { background-image:url(../images/ipro-more-hover2.png); }
.ipro .list dt .mo { width:36px; height:36px; position:absolute; right:0; bottom:0; background:url(../images/ipro-mo2.png) 0 0 no-repeat; }
.ipro .list .item { float:left; margin:0 15px 15px 0; width:252px; height:189px; position:relative; }
.ipro .list .item img { display:block; width:252px; height:189px; }
.ipro .list .item .mo { width:36px; height:36px; position:absolute; right:0; bottom:0; background:url(../images/ipro-mo2.png) 0 0 no-repeat;display: none; }
.ipro .list .item .shadow { background:url(../images/ipro-shadow2.png) center center repeat; position:absolute; left:0; top:0; width:100%; height:100%; display:none; }
.ipro .list .item h3 { text-align:center; color:#FFF; position:absolute; top:80px; left:15px; right:15px; font-size:16px; line-height:24px; display:none; font-weight:normal; }
.ipro .list .item:hover h3, .ipro .list .item:hover .shadow { display:block; }
.ipro .list:first-child { border-top:0; padding-top:0; }
.ipro .list:first-child dt { float:left; margin:0 0 15px 0; }
.ipro .list:first-child .item { float:left; margin:0 15px 15px 0; }
.ipro .list .item:nth-child(3n){margin:0 0 15px 0;}
.ipro .list:first-child dt .shadow { background:url(../images/ipro-shadow.png) center center repeat; }
.ipro .list:first-child dt h3 { color:#0962cd; background:#fff; }
.ipro .list:first-child dt .more:hover { background-image:url(../images/ipro-more-hover.png); }
.ipro .list:first-child dt .mo { background:url(../images/ipro-mo.png) 0 0 no-repeat; }

.iadv { height:300px; background:url(../images/iadv.jpg) center top no-repeat; color:#FFF; }
.iadv .wrap { padding:60px 0 0; }
.iadv .a, .iadv .c { font-size:23px; font-style:italic; display: none;}
.iadv .b { font-size:68px; font-style:italic; padding:0 0 0 40px;display: none; }
.iadv .c { padding:0 0 0 90px; }
.iadv .b span, .iadv .c span { color:#ffd800; margin:0 10px; }
.iadv .order, .iadv .online { width:40px; height:40px; line-height:20px; padding:15px; position:absolute; letter-spacing:5px; text-align:center;display: none; }
.iadv .online { right:114px; top:89px; color:#000; background:#fff; }
.iadv .order { right:186px; top:123px; color:#fff; }
.iadv .order:hover, .iadv .online:hover { background:#0962cd; color:#fff; }

.floor-2 { background:url(../images/floor-2.png) center top no-repeat #eee; }
.floor-2 .bg { height:1370px; background:url(../images/floor-2-bg.png) center top no-repeat #eee; }
.floor-2 .head { position:relative; }
.floor-2 .head h2 { padding:15px 0 0; text-align:center; height:120px; line-height:120px; font-size:40px; color:#080001; position:relative; z-index:2; }
.floor-2 .head h3 { color:#e4e4e4; font-size:50px; line-height:60px; font-family:Impact; font-weight:400; text-align:center; position:absolute; left:0; top:35px; z-index:1; width:100%; text-transform:uppercase; letter-spacing:3px; }
.floor-2 .classify { text-align:center; margin-bottom:30px; }
.floor-2 .classify a { display:inline-block; height:60px; line-height:60px; padding:0 50px; border:2px solid #000; font-size:20px; background:#eee; margin:0 -4px; }
.floor-2 .main { width:100%; overflow:hidden; border-bottom:1px dashed #a1a1a1; margin-bottom:20px; }
.floor-2 .list { float:left; width:105%; display:none; }
.floor-2 .list:first-child { display:block; }
.floor-2 .list .item { float:left; width:352px; height:264px; overflow:hidden; position:relative; margin:0 22px 22px 0; }
.floor-2 .list .item img { display:block; width:352px; height:264px; }
.floor-2 .list .item .shadow { position:absolute; left:0; bottom:0; width:100%; height:50px; background:url(../images/ipro-shadow.png) center center repeat; }
.floor-2 .list .item h3 { font-size:16px; color:#FFF; text-align:center; position:absolute; left:20px; bottom:0; right:20px; font-weight:normal; line-height:50px;    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1; }
.floor-2 .list .item .more { width:182px; height:36px; line-height:36px; text-align:center; color:#FFF; background:url(../images/ipro-more.png) center center no-repeat; position:absolute; bottom:80px; left:87px; font-size:16px; display:none; }
.floor-2 .list .item .more:hover { background:url(../images/ipro-more-hover3.png) center center no-repeat; color:#0962cd; }
/*.floor-2 .list .item:hover .more, .floor-2 .list .item:hover .shadow, .floor-2 .list .item:hover h3 { display:block; }*/

.icase { background:url(../images/icase-head.png) center center repeat; padding:3px 3px 3px 245px; height:224px; position:relative; }
.icase .title { position:absolute; left:0; top:84px; color:#FFF; width:240px; text-align:center; line-height:1; }
.icase .title h2 { font-size:29px; font-weight:normal; font-family:Arial; }
.icase .title p { font-size:28px; }
.icase .contai { background:#FFF; height:165px; padding:29px 0; position:relative; }
.icase .prev, .icase .next { width:50px; height:165px; float:left; background:#CCC; cursor:pointer; }
.icase .prev { margin:0 0 0 10px; background:url(../images/icase-prev.png) center center no-repeat; }
.icase .next { float:right; margin:0 10px 0 0; background:url(../images/icase-next.png) center center no-repeat; }
.icase .prev:hover, .icase .next:hover { opacity:.5; }
.icase .main2 { float:left; width:700px; height:165px; position:relative; overflow:hidden; margin:0 0 0 15px; }
.icase .list2 { float:left; width:300%; height:165px; position:relative; }
.icase .list2 .item { float:left; width:218px; height:165px; overflow:hidden; margin:0 23px 0 0; position:relative; }
.icase .list2 .item img { display:block; width:218px; height:165px; }
.icase .list2 .item .more { width:30px; height:30px; position:absolute; right:0; bottom:0; background:url(../images/icase-more.png) center center no-repeat; }
.icase .list2 .item h3 { position:absolute; left:20px; bottom:0; right:0; text-align:center; height:30px; line-height:30px; background:url(../images/case-h3.png) right center repeat; font-size:; font-weight:normal; color:#FFF; display:none; }
.icase .list2 .item:hover .more { display:none; }
.icase .list2 .item:hover h3 { display:block; }
.icase + .mo {  }
.icase + .mo a { display:block; width:200px; height:40px; text-align:center; margin:0 auto; background:url(../images/icase-mo.png) center top no-repeat; line-height:16px; color:#FFF; }

.iadvatage { width:100%; height:1782px; background:url(../images/iadvatage.jpg) center top no-repeat; display: none;}
.iadvatage .head { text-align:center; line-height:1.2; padding:70px 0 0; }
.iadvatage .head h2 { font-size:52px; color:#0962cd; margin-bottom:5px; }
.iadvatage .head h2 span { font-size:38px; color:#323232; }
.iadvatage .head h3 { font-size:18px; color:#979796; font-weight:normal; text-transform:uppercase; }
.iadvatage .one { width:280px; position:absolute; left:200px; top:260px; color:#FFF; }
.iadvatage .one h2 { font-size:26px; font-weight:normal; height:130px; line-height:130px; }
.iadvatage .one h2 i { font-size:130px; font-family:Arial; }
.iadvatage .one p { position:relative; font-size:16px; line-height:28px; }
.iadvatage .two { width:280px; position:absolute; left:740px; top:600px; color:#FFF; }
.iadvatage .two h2 { font-size:26px; font-weight:normal; height:130px; line-height:130px; }
.iadvatage .two h2 i { font-size:130px; font-family:Arial; }
.iadvatage .two p { position:relative; font-size:16px; line-height:28px; }
.iadvatage .three { position:absolute; top:1200px; left:200px; width:683px; }
.iadvatage .three h2 { font-weight:normal; overflow:hidden; height:150px; line-height:180px; color:#0962cd; }
.iadvatage .three h2 i { float:left; font-size:100px; color:#0962cd; }
.iadvatage .three h2 em { float:left; line-height:24px; font-size:22px; padding:70px 20px 60px; font-style:normal; }
.iadvatage .three h2 strong { float:left; font-size:130px; +font-size:110px; font-family:IrisUPC; text-transform:uppercase; font-style:italic; font-weight:bold; }
.iadvatage .three p { font-size:18px; line-height:30px; margin-bottom:20px; color:#5b5b5b; }
.iadvatage .three .list { width:110%; overflow:hidden; }
.iadvatage .three .list li { float:left; margin:0 0 0 10px; }
.iadvatage .three .list li:first-child { margin-left:0; }
.iadvatage .three .list img { width:211px; height:158px; padding:4px; border:1px solid #aaa; background:#FFF; }
.iadvatage .three .list h3 { height:; font-weight:400; text-align:center; }

.itel {background:#2350ae; }
.itel .flower { position:absolute; width:270px; height:270px; left:20px; top:65px; background:url(../images/itel-flower.png) 0 0 no-repeat; z-index:5; }
.itel .number { position:absolute; left:230px; top:0; height:300px; line-height:330px; font-size:220px; color:#FFF; font-family:Impact; text-shadow:0 0 4px rgba(0,0,0,.8); }
.itel .main { padding:60px 0 30px 360px; width:720px; }
.itel .main p,.itel .main b { color:#FFF; line-height:25px; }
.itel .box { border-top:1px dashed #fff; border-bottom:1px dashed #fff; margin-bottom:10px; color:#FFF; position:relative; padding:0 0 8px; }
.itel .box h2 { font-size:70px; line-height:100px; text-shadow:0 0 4px rgba(0,0,0,.8); }
.itel .box h3 { font-size:24px; line-height:30px; font-weight:normal; }
.itel .tel { width:281px; height:119px; padding:0 0 0 20px; padding-right: 130px;background:url(../images/itel-zixun.png) 0 0 no-repeat; position:absolute; right:0; top:10px; +top:20px; line-height:1.2; }
.itel .tel .a { font-size:25px; padding:5px 0 0; }
.itel .tel .b { font-size:42px; font-family:Impact; font-weight:bold; } 
.itel .tel .online { position:absolute; right:1px; top:0; width:128px; height:118px; display: block;}

.iabout { background:url(../images/bg-gray.png) center top repeat; padding:70px 0 40px; }
.iabout .sketchmap { float:left; }
.iabout .sketchmap img { display:block; width:280px; height:420px; }
.iabout .head, .iabout .main, .iabout .more { margin:0 0 0 360px;  }
.iabout .head { height:44px; border:2px solid #ddd; margin-bottom:60px; line-height:1.2; }
.iabout .head h2, .iabout .head h3 { font-size:30px; font-weight:400; margin:0 0 0 50px; width:140px; text-align:center; position:relative; top:24px; background:url(../images/bg-gray.png) center top repeat; }
.iabout .head h3 { font-size:16px; text-transform:uppercase; }
.iabout .main { margin-bottom:10px; height:240px; line-height:30px; overflow:hidden; }
.iabout .main p { text-indent:2em; }
.iabout .more { border-bottom:1px dashed #858585; position:relative; height:35px; }
.iabout .more a { position:absolute; right:0; top:17px; width:74px; height:35px; line-height:35px; padding:0 0 0 20px; background:url(../images/iabout-more.png) left center no-repeat; color:#FFF; }

.inews { background:#e9e9e9; padding:40px 0; }
.inews .head { text-align:center; }
.inews .head h2 { font-size:30px; color:#333; font-weight:normal;  }
.inews .head h3 { font-size:16px; text-transform:uppercase; font-family:Arial; color:#666; font-weight:normal; }
.inews .more { border-bottom:1px solid #ddd; margin-bottom:70px; height:40px; }
.inews .more a { display:block; width:60px; height:60px; line-height:60px; margin:0 auto; text-align:center; background:url(../images/news-more.png) center center no-repeat; color:#FFF; position:relative; top:10px; }
.inews .more a:hover { background:url(../images/news-more-hover.png) center center no-repeat; }
.inews-word { float:left; width:650px; height:328px; overflow:hidden; }
.inews-word .list { height:auto; }
.inews-word .item { background:#5d5d5d; margin-bottom:29px; }
.inews-word .item a { display:block; color:#FFF; position:relative; height:80px; padding:10px 0 0 105px; }
.inews-word .item h3 { font-weight:normal; margin-bottom:5px; font-size:15px;     -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;}
.inews-word .item p {}
.inews-word .item .date { position:absolute; left:0; top:0; width:70px; height:90px; padding:0 10px; background:url(../images/news-date.png) 0 0 no-repeat #2f2f2f; text-align:center; }
.inews-word .item .date strong { display:block; font-size:28px; line-height:1.2; font-family:Arial; padding:10px 0 0; }
.inews-word .item .date em { display:block; width:100%; height:31px; line-height:31px; background:url(../images/news-year.png) center center no-repeat; font-style:normal; }
.inews-word .item:hover { background:#0962cd; }
.inews-word .item:hover .date { background-color:#0c45c0; }
.inews-img { float:right; border:3px solid #fff; width:425px; height:320px; overflow:hidden; position:relative; }
.inews-img .list { position:relative; width:1000%; float:left; }
.inews-img .item { float:left; width:425px; height:320px; }
.inews-img .item img { display:block; width:425px; height:320px; }
.inews-img .tip { position:absolute; left:0; bottom:20px; width:100%; height:10px; line-height:0; text-align:center; }
.inews-img .tip span { display:inline-block; background:#dbdbdb; width:10px; height:10px; vertical-align:middle; cursor:pointer; margin:0 2px; }
.inews-img .tip span.current { background:#f9f600; }

.itel2 { width:100%; height:114px; background:url(../images/itel2.png) center center repeat #0044d6; }
.itel2 .img { position:absolute; left:0; top:0; }
.itel2 .img img { display:block; width:630px; height:114px; }
.itel2 .tel { margin:0 0 0 650px; color:#FFF; padding:20px 0 0; line-height:1.2; }
.itel2 .tel h2 { font-size:20px; font-weight:normal; }
.itel2 .tel p { font-size:45px; font-family:Impact; }
.itel2 .icon { position:absolute; right:0; top:0; width:114px; height:114px; background:url(../images/itel2-tel.png) center center no-repeat; }

.icomment { background:url(../images/bg-gray.png) center top repeat; padding:90px 0 30px; }
.icomment .head { width:600px; height:85px; border:3px solid #595959; border-bottom:0; margin:0 auto; text-align:center; line-height:1.3; }
.icomment .head > * { position:relative; top:-15px; margin:0 auto; }
.icomment .head h3 { font-size:24px; color:#999; text-transform:uppercase; font-weight:normal; background:url(../images/bg-gray.png) center top repeat; width:360px; }
.icomment .head h2 { font-size:28px; }
.icomment .head p { font-size:15px; }
.icomment .main { width:100%; position:relative; overflow:hidden; height:auto; }
.icomment .list { float:left; width:100%; position:relative; }
.icomment .item { float:left; width:340px; height:auto; border:5px solid #fff; margin:0 0 20px 20px; background:#FFF; }
.icomment .item:first-child,.icomment .item:nth-child(4) { margin-left:0; }
.icomment .item .img { margin-bottom:15px; }
.icomment .item .img img { display:block; width:340px; height:255px; }
.icomment .item h3 { height:30px; line-height:30px; overflow:hidden; margin:0 10px 10px; font-size:20px; font-weight:normal; background:url(../images/coment-tp.png) left center no-repeat; padding:0 0 0 30px; }
.icomment .item p { margin:0 10px 10px; height:125px; line-height:25px; }
.icomment .item p a { color:#ff7800; }

.iprocess { background:url(../images/bg-gray.png) center top repeat; padding:0 0 70px;    display: none; }
.iprocess .head { text-align:center; line-height:1.2; margin-bottom:10px; }
.iprocess .head h3 { font-size:30px; font-family:Arial; text-transform:uppercase; color:#888; font-weight:normal; }
.iprocess .head h2 { font-size:29px; color:#373737; font-weight:normal; }
.iprocess .list { width:100%; height:; overflow:hidden; }
.iprocess .list li { float:left; width:134px; margin:0 0 0 59px; text-align:center; }
.iprocess .list img { display:block; width:134px; height:134px; margin-bottom:5px; }
.iprocess .list h3 { line-height:30px; font-size:20px; font-weight:normal; color:#666; }
.iprocess .list li:first-child { margin-left:0; }

.footer { background:#0d0d0d; height:285px; }

.subcode { width:210px; height:320px; background:#0962cd; color:#fff; position:absolute; left:28px; top:-35px; }
.subcode .left, .subcode .right { width:28px; height:35px; background:url(../images/subcode-left.png) 0 0 no-repeat; position:absolute; left:-28px; top:0; }
.subcode .right { background:url(../images/subcode-right.png) 0 0 no-repeat; left:auto; right:-28px; }
.subcode .list { }
.subcode .list dd { text-align:center; padding:20px 0 0; }
.subcode .list img { display:block; margin:0 auto 10px; width:90px; height:90px; padding:5px; background:#FFF; }
.subcode .list h3 { font-weight:normal; }

.subnav { margin:0 0 0 280px; width:820px; height:50px; line-height:50px; overflow:hidden; margin-bottom:40px; position:relative; top:10px; }
.subnav li { float:left; width:117px; height:50px; line-height:50px; }
.subnav li a { color:#FFF; }
.subnav li a:hover { color:#0962cd; }

.submap { float:right; width:350px; overflow:hidden; }
.submap h2 { font-size:27px; color:#0962cd; height:30px; line-height:30px; *line-height:35px;}
.submap h2 span { font-family:Impact; font-weight:normal; font-size:30px; vertical-align:middle; margin:0 10px 0 0; }
.submap h3 { font-size:12px; color:#5a5a5a; font-family:Arial; font-weight:normal; line-height:24px; }
.submap .list { width:100%; overflow:hidden; padding:10px 0 0; }
.submap .list li { float:left; width:100px; margin:0 8px 8px 0; }
.submap .list a { display:block; height:28px; line-height:28px; font-size:15px; background:#0962cd; color:#a4c7f1; border-radius:5px; text-align:center; }
.submap .list a:hover { background:#0b5cbd; }

.copyright { float:left; width:430px; margin:0 0 0 280px; color:#5a5a5a; margin-bottom:20px; }
.ilink { float:left; width:430px; margin:0 0 0 280px; color:#5a5a5a; line-height:24px; }
.ilink > * { display:inline-block; margin-right:15px; }
.copyright a, .ilink a { color:#5a5a5a; }
.copyright a:hover, .ilink a:hover { color:#FFF; }


/******************************
 ** 内页架构
 ******************************/
.sidebar { float:left; width:230px; overflow:hidden; }

.side-menu { background:#0962cd; padding:0 0 25px; margin-bottom:20px; }
.topclass { color:#FFF; line-height:24px; text-align:center; padding:20px 0 15px; }
.topclass h2 { font-size:18px; }
.topclass p { font-size:18px; text-transform:uppercase; }
.side-menu .list { margin:0 15px; background:#FFF; border-radius:5px; }
.side-menu .list dd { margin:0 15px; border-top:1px solid #ddd; }
.side-menu .list dd:first-child { border-top:0; }
.side-menu .list dd > a { display:block; height:40px; line-height:40px; padding:0 15px; font-weight:700; }
.side-menu .list dd > a:hover { color:#0962cd; }
.side-menu .list .drop { display:none; }
.side-menu .list .drop li { position:relative; top:-6px; }
.side-menu .list dd.current  .drop{display: block;}
.side-menu .list .drop li.hover{    font-weight: bold;}

.side-menu .list .drop a { display:block; padding:0 0 0 15px; height:24px; line-height:24px; }

dd.current a{    color: #0962cd;}

.side-pro { margin-bottom:20px; background:#FFF; border:4px solid #0962cd; }
.side-pro .head {  }
.side-pro .head h2 { height:50px; line-height:50px; text-align:center; font-size:18px; }
.side-pro .list { margin:0 11px; padding:0 0 20px; }
.side-pro .item { text-align:center; }
.side-pro .item img { display:block; width:199px; height:149px; border:1px solid #ddd; }
.side-pro .item h3 { font-weight:400; height:40px; line-height:40px; }
.side-pro .item:hover img { border-color:#fa4c0f; }

.side-con { margin-bottom:20px; background:#FFF; border:4px solid #0962cd; padding:0 0 25px; }
.side-con .head {  }
.side-con .head h2 { height:50px; line-height:50px; text-align:center; font-size:18px; }
.side-con .main { margin:0 11px; }
.side-con .tel { padding:0 0 0 40px; background:url(../images/side-tel.png) left center no-repeat; line-height:1.2; margin-bottom:15px; }
.side-con .tel h2 { font-weight:400; }
.side-con .tel p { font-size:20px; color:#0962cd; font-weight:700; }
.side-con .inf { line-height:25px; }

.location {  }
.location .wrap { height:50px; line-height:50px; border-bottom:1px solid #ddd; position:relative; margin-bottom:30px; }
.location h2 { font-size:16px; }
.location p { position:absolute; right:0; top:0; height:50px; font-weight:400; background:url(../images/location-tp.png) 5px center no-repeat; padding:0 0 0 30px; }
.location p a { margin:0 5px; }
.location p a:hover { font-weight:700; }

.container { float:right; width:844px; }
.content { margin-bottom:20px; }


/******************************
 ** 内页页面通用
 ******************************/
.list-product { width:100%; }
.list-product .list { float:left; width:103%; }
.list-product .item { float:left; width:auto; margin:0 16px 20px 0; text-align:center; }
.list-product .item img { width:268px; height:203px; border:1px solid #ddd; }
.list-product .item h3 { height:30px; line-height:30px; font-weight:400; }
.list-product .item:hover img { border-color:#0962cd; }

/* 图文(4:3) */
.list-case { }
.list-case .list { position:relative; top:-20px; }
.list-case .item { padding:20px 0 20px 160px; height:110px; border-bottom:1px dashed #ddd; position:relative; }
.list-case .item .img { position:absolute; left:0; top:20px; background:#f1f1f1; border:1px solid #e3e3e3; }
.list-case .item .img img { display:block; width:144px; height:108px; }
.list-case .item .date { position:absolute; right:0; top:20px; color:#999; line-height:30px; }
.list-case .item h3 { font-size:15px; line-height:24px; margin-bottom:10px; }
.list-case .item h3 a:hover { text-decoration:underline; }
.list-case .item p { height:72px; line-height:24px; color:#666; overflow:hidden; }

/* 图文(3:4) */
.list-case2 { }
.list-case2 .list { position:relative; top:-20px; }
.list-case2 .item { padding:20px 0 20px 160px; height:192px; border-bottom:1px dashed #ddd; position:relative; }
.list-case2 .item .img { position:absolute; left:0; top:20px; background:#f1f1f1; border:1px solid #e3e3e3; }
.list-case2 .item .img img { display:block; width:144px; height:192px; }
.list-case2 .item .date { position:absolute; right:0; top:20px; color:#999; line-height:30px; }
.list-case2 .item h3 { font-size:15px; line-height:24px; margin-bottom:10px; }
.list-case2 .item h3 a:hover { text-decoration:underline; }
.list-case2 .item p { height:72px; line-height:24px; color:#666; overflow:hidden; }

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

/* 附属简介 */
.list-news { }
.list-news .list { position:relative; top:-20px; }
.list-news .item { padding:20px 0 20px 0px; height:70px; border-bottom:1px dashed #ddd; position:relative; }
.list-news .item .date { position:absolute; right:0; top:20px; color:#999; line-height:20px; }
.list-news .item h3 { font-size:15px; 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 20px; font-size:24px; line-height:1.4; text-align:center; border-bottom:1px dashed #ddd; }
.news-content .rap { height:50px; line-height:50px; margin-bottom:10px; text-align:center; color:#999; }
.news-content .rap > * { margin:0 20px 0 0; display:inline; }
.news-content .rap b { font-weight:400; }

/* 案例详情页 */
.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; 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/photo-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:#aaa; }
.product-info { margin:0 0 0 460px; position:relative; height:410px; }
.product-info h1 { font-size:20px; line-height:1.2; margin-bottom:20px; }
.product-info .order { float:left; margin:3px 0; }
.product-info .order a { display:block; width:120px; height:30px; line-height:30px; color:#FFF; font-size:14px; background:#0962cd; text-align:center; border-radius:5px; }
.product-info .order a:hover { background:#bc000d; }
.product-info .bdshare { float:right; +margin-right:10px; }
.product-info .bdshare .head { display:none; }
.product-info .des { float:left; padding:15px 0; width:100%; height:200px; line-height:25px; margin-bottom:40px; overflow:hidden; }
.product-info .tel { width:auto; height:auto; background:url(../images/ico-tel2.png) left top no-repeat; padding:0 0 0 60px; line-height:1.1; position:absolute; left:0; bottom:10px; }
.product-info .tel dt { font-size:16px; font-weight:700; }
.product-info .tel dd { font-size:30px; color:#0962cd; font-weight:700; }
.article-container { border-top:1px dashed #ddd; margin:20px 0 0; }
.article-container .article { padding-bottom:10px; }
.article-head { height:40px; border-bottom:1px solid #ddd; padding-top:20px; margin-bottom:15px; }
.article-head h2 { line-height:38px; font-size:16px; color:#0962cd; border-bottom:3px solid #0962cd; width:90px; padding:0 0 0 10px;  }

/* 产品详情页 */
.original2 { width:100%; height:auto; overflow:hidden; margin-bottom:10px; }
.original2 img { display:block; max-width:100%; height:auto; margin:0 auto; }
.product-info2 { position:relative; padding:10px 300px 10px 0; min-height:35px; }
.product-info2 h1 { font-size:20px; }
.product-info2 .tel { width:220px; height:; background:url(../images/ico-tel2.png) left top no-repeat; padding:0 0 0 60px; line-height:1.1; position:absolute; right:0; top:10px; }
.product-info2 .tel dt { font-size:16px; font-weight:700; }
.product-info2 .tel dd { font-size:28px; color:#0962cd; font-weight:700; }


/******************************
 ** 组件类
 ******************************/
.toolbar { position:fixed; top:150px; right:10px; z-index:100; }
.toolbar > * { width:50px; height:50px; position:relative; }
.toolbar > * > a { display:block; width:50px; height:50px; }
.toolbar .ico-top { background:url(../images/toolbar-top.png) center center no-repeat #0962cd; }
.toolbar .ico-online { background:url(../images/toolbar-online.png) center center no-repeat #1d1d1d; }
.toolbar .ico-tel { background:url(../images/toolbar-tel.png) center center no-repeat #0962cd; }
.toolbar .ico-qq { background:url(../images/toolbar-qq.png) center center no-repeat #1d1d1d; }
.toolbar .ico-code { background:url(../images/toolbar-code.png) center center no-repeat #1d1d1d; }
.toolbar .drop-code { position:absolute; bottom:0; right:50px; background:#FFF; width:90px; padding:5px; font-size:12px; text-align:center; color:#999; box-shadow:0 0 1px rgba(0,0,0,.2); display:none; }
.toolbar .drop-code img { display:block; width:90px; height:90px; }
.toolbar .drop-tel { position:absolute; top:0; right:50px; width:0; overflow:hidden; }
.toolbar .drop-tel p { width:150px; height:50px; line-height:50px; color:#FFF; padding:0 0 0 20px; background:url(../images/toolbar-right.png) left center no-repeat #1d1d1d; border-left:10px solid #0962cd; font-size:20px; font-family:Arial; }

.pager { width:auto; height:30px; padding:10px 5px 10px 0; border:1px solid #ddd; margin-bottom:20px; text-align:right; position:relative; background:#fff; }
.pager > * { display:inline-block; height:28px; line-height:28px; padding:0 10px; border:1px solid #ddd; background:#FFF; margin:0 4px; }
.pager > *:first-child { position:absolute; left:10px; }
.pager > span { cursor:no-drop; }
.pager > span.cur { cursor:default; background:#0962cd; border-color:#0962cd; color:#fff; font-weight:700; }
.pager > a:hover { background:#f1f1f1; }

span.current{cursor: default;
    background: #0962cd;
    border-color: #0962cd;
    color: #fff;
    font-weight: 700;}

.relink { padding:0 20px; height:40px; line-height:40px; border:1px solid #ddd; margin-bottom:20px; background:#fff; }
.relink p { float:right; width:50%; text-align:right; overflow:hidden;    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1; }
.relink p:first-child { float:left; text-align:left; }

.recommend-news { border:1px solid #ddd; margin-bottom:20px; background:#FFF; }
.recommend-news .head { height:38px; line-height:38px; position:relative; border-bottom:1px solid #ddd; background:url(../images/rmd-head2.png) left bottom repeat-x; }
.recommend-news .head h2 { font-size:16px; color:#0962cd; border-left:5px solid #0962cd; padding:0 0 0 20px; background:url(../images/rmd-head.png) left center no-repeat; }
.recommend-news .head .mo { position:absolute; right:10px; top:0; font-size:16px; color:#999; font-size:small; }
.recommend-news .head .mo:hover { color:#0962cd; }
.recommend-news .main { width:autp; overflow:hidden; padding:20px 0; }
.recommend-news .list { float:left; width:100%; }



.recommend-news .item { float:left; width:390px; height:30px; line-height:30px; position:relative; margin:0 10px 0 15px; }
.recommend-news .item a { background:url(../images/rmd-news-tp.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; margin-bottom:20px; background:#FFF; }
.recommend-pro .head { height:38px; line-height:38px; position:relative; border-bottom:1px solid #ddd; background:url(../images/rmd-head2.png) left bottom repeat-x; }
.recommend-pro .head h2 { font-size:16px; color:#0962cd; border-left:5px solid #0962cd; padding:0 0 0 20px; background:url(../images/rmd-head.png) left center no-repeat; }
.recommend-pro .head .mo { position:absolute; right:10px; top:0; font-size:16px; color:#999; font-size:small; }
.recommend-pro .head .mo:hover { color:#0962cd; }
.recommend-pro .main { width:100%; overflow:hidden; padding:20px 0 10px; }
.recommend-pro .list { float:left; width:100%; }
.recommend-pro .item { float:left; width:auto; margin:0 0 0 20px; }
.recommend-pro .item img { display:block; width:183px; height:; border:1px solid #ddd; background:#f1f1f1; }
.recommend-pro .item h3 { line-height:40px; text-align:center; font-weight:400; }
.recommend-pro .item:hover img { border-color:#0962cd; }

.recommend-form { border:1px solid #ddd; margin-bottom:20px; background:#FFF; }
.recommend-form .head { height:38px; line-height:38px; position:relative; border-bottom:1px solid #ddd; background:url(../images/rmd-head2.png) left bottom repeat-x; }
.recommend-form .head h2 { font-size:16px; color:#0962cd; border-left:5px solid #0962cd; padding:0 0 0 20px; background:url(../images/rmd-head.png) left center no-repeat; }
.recommend-form .head .mo { position:absolute; right:10px; top:0; font-size:16px; color:#999; font-size:small; }
.recommend-form .head .mo:hover { color:#227dca; }
.recommend-form .main { width:auto; overflow:hidden; padding:40px 20px 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 50px; border:1px solid #ddd; }
.recommend-form .row-2 { width:690px; height:auto; padding:0 0 0 0; border:1px solid #ddd; }
.recommend-form .row-3 { width:100%; height:auto; }
.recommend-form .ico-name { background:url(../images/form-name2.png) 15px center no-repeat; }
.recommend-form .ico-phone { background:url(../images/form-phone2.png) 15px center no-repeat; }
.recommend-form .ico-email { background:url(../images/form-email2.png) 15px center no-repeat; }
.recommend-form .ico-address { background:url(../images/form-address.png) 15px center no-repeat; }
.recommend-form .ico-code { background:url(../images/form-code.png) 15px center 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%; height:40px; line-height:40px; background:#fff; border:0; color:#999; }
.recommend-form .text { width:680px; border:0; background:#FFF; padding:5px 5px; line-height:20px; height:100px; color:#999; }
.recommend-form img.code { float:left; width:110px; height:42px; margin-left:10px; }
.recommend-form input.code { float:left; width:178px; height:40px; line-height:40px; border:1px solid #ddd; background:#FFF; padding:0 10px; color:#999; }
.recommend-form .submit, .recommend-form .reset { float:left; width:200px; height:42px; border:0; cursor:pointer; color:#FFF; font-size:16px; }
.recommend-form .submit { background:#0962cd; }
.recommend-form .reset { background:#999; margin:0 0 0 10px; }
.recommend-form .submit:hover { background:#0962cd; }
.recommend-form .reset:hover { background:#777; }
.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:#e32b2b; color:#fff; border-radius:3px; }
.BMap_bubble_title a:hover { background:#c50606; }
.BMap_bubble_title + .BMap_bubble_content { line-height:18px; padding:9px 0 0; color:#777; }

.bdshare { width:auto; height:36px; }
.bdshare > * { float:right; }
.bdshare .head { height:36px; line-height:36px; }

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

.article-adv { height:100px; background:#fff; margin-bottom:20px; }
.article-adv .tel { float:left; margin:30px 0 0 0; height:40px; line-height:40px; }
.article-adv .tel dt { float:left; font-size:16px; font-weight:700; }
.article-adv .tel dd { float:left; font-family:Arial; font-size:32px; color:#f88a1e; font-weight:700; }
.article-adv .qiao { float:right; width:140px; height:40px; line-height:40px; margin:30px 0 0 0; text-align:center; font-size:16px; font-weight:700; background:#f9962b; color:#fff; border-radius:5px; }
.article-adv .qiao:hover { background:#f87b00; }

.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; }

.lee_tqq { background:url(../images/ico-share-24.png) 0 0 no-repeat !important; }
.lee_qzone { background:url(../images/ico-share-24.png) 0 -30px no-repeat !important; }
.lee_sqq { background:url(../images/ico-share-24.png) 0 -60px no-repeat !important; }
.lee_tsina { background:url(../images/ico-share-24.png) 0 -90px no-repeat !important; }


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


/******************************
 ** 自定义字体
 ******************************/
@font-face{
	font-family: "ssi";
	src: url("../font/ssi.eot");
	src: url("../font/ssi.eot@#iefix") format("eot"),
		 url("../font/ssi.ttf") format("truetype");
}


/******************************
 ** 兼容性
 ******************************/
body { _background:url(../images/ie6.png) center center no-repeat #fff; }
body > * { _display:none; }
.mCSB_scrollTools .mCSB_draggerRail { +height:350px; }
.mCSB_scrollTools .mCSB_dragger { +right:0; }
.mCSB_scrollTools .mCSB_draggerContainer { height:100%; background:url(../images/mcsb-bg.png) center center repeat-y; }