﻿@charset "utf-8";
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;}/*html5*/
body,form,p,dl,dt,dd,h1,h2,h3,ol,ul,li{margin:0px; padding:0px;}
body{font-size:12px; color:#666; font-family:Microsoft Yahei, Tahoma, Geneva, sans-serif; -webkit-text-size-adjust:none; background:#fff;}
table{table-layout:fixed; word-wrap:break-word;}
div{word-wrap:break-word;}
img{border:none;}
sub,sup{font-size:0.8em}
input,select,textarea{font-size:12px; font-family:Microsoft Yahei; color:#888; outline:none;}
input,select{vertical-align:middle;}
a{color:#666; text-decoration:none;}
a *{cursor:pointer;}
a:hover{color:#ac0; text-decoration:none;}

.clear:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;} .clear{overflow:hidden; zoom:1;}
.br{clear:both; visibility:hidden; display:block; font-size:0; height:0;}
.left{float:left; display:inline;}
.right{float:right; display:inline;}
.hid{display:none;}
.unline{text-decoration:underline;}
.ln1dot{clear:both; height:3px; font-size:0; background:url(../images/line.gif) repeat-x bottom;}
.none{text-align:center; padding:60px 0px; color:#999; font-size:16px; line-height:2;}
.none img{vertical-align:middle; margin:0px 3px;}
.sanfan img{filter:alpha(opacity=60);-moz-opacity:.60;opacity:0.6; vertical-align:middle;}
.sanfan:hover img{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

.red,.red a{color:#ac0;} a.red:hover,.red a:hover{color:#ac0;}
.blue,.blue a{color:#09c;} a.blue:hover,.blue a:hover{color:#ac0;}
.ipt{height:16px; line-height:16px; padding:0px 2px; border:1px solid #ddd; background:#fff;}
.aipt{line-height:1.2; padding:0px 2px; border:1px solid #ddd; background:#fff;}
.ipt:hover, .ipt:focus, .aipt:hover, .aipt:focus{background:#fea;}

.p_img,.p_img *{margin:0px; padding:0px; text-align:center;}
.p_img{display:table-cell; position:relative; overflow:hidden; vertical-align:middle; *+display:block;}
a.p_img{cursor:pointer;}
.p_img i{display:inline-block; font-style:normal; position:static; +position:absolute; top:50%;}
.p_img i img{position:static; +position:relative; vertical-align:middle; top:-50%; left:-50%; border:none; margin:auto;}
.p_img i span{display:inline-block; position:static; +position:relative; *+position:static; vertical-align:middle; top:-50%; left:-50%;}
.p_img_a{display:block; position:absolute; z-index:2; cursor:pointer; background:url(../images/alpha.gif);}
.data-loading{background-image:url(../images/loading.gif) !important; background-repeat:no-repeat !important; background-position:center center !important;}
.radius{position:relative;}

.pages{clear:both; padding:20px 0; margin:0px; text-align:center; cursor:default; font-size:14px; font-family:arial; line-height:1;}
.pages a,.pages u,.pages i,.pages em,.pages s{font-style:normal; text-decoration:none; display:inline-block; vertical-align:middle; text-align:center; padding:0; width:23px; height:23px; line-height:23px; margin:0 5px;}
.pages a,.pages u,.pages i{border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.pages a{border:1px solid #ddd; color:#666; text-decoration:none;}
.pages u{border:1px solid #ac0; color:#fff; background:#ac0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.pages i{cursor:default; filter:alpha(opacity=30);-moz-opacity:.30;opacity:0.3;}
.pages a:hover{color:#fff; text-decoration:none; border-color:#ac0; background-color:#ac0;}
.pages .firstPg,.pages .prevPg,.pages .nextPg,.pages .lastPg{background:url(../images/pages.gif) no-repeat 4px 4px; border:1px solid #ddd;}
.pages .firstPg{background-position:4px 4px; display:none;} .pages a.firstPg:hover{background-position:4px -26px; text-decoration:none;}
.pages .prevPg{background-position:-23px 7px;} .pages a.prevPg:hover{background-position:-23px -22px; background-color:#fff;}
.pages .nextPg{background-position:-53px 7px;} .pages a.nextPg:hover{background-position:-53px -22px; background-color:#fff;}
.pages .lastPg{background-position:-86px 4px; display:none;} .pages a.lastPg:hover{background-position:-86px -26px; text-decoration:none;}
.pages em{float:left; text-align:left; width:200px; font-size:12px;}
.pages em b{color:#c00; padding:0 3px; font-weight:normal;}
.pages s{float:right; text-align:right; width:420px;}
.pages s a,.pages s i{margin:0 3px;}

.itm_view{padding:5px 0 0 0px; margin:0; color:#999; overflow:hidden;}
.itm_view em{color:#999; font-style:normal;}
.itm_view dt{height:25px; line-height:25px; overflow:hidden;}
.itm_view dd{height:25px; line-height:25px; overflow:hidden;}

#loading_bk{position:absolute; z-index:9998; background:#000; left:0px; top:0px;}
#loading_box{position:absolute; z-index:9999; background:#fff url(../images/while.gif) no-repeat 20px; font-size:12px; border:1px solid #999; padding:10px 20px 10px 40px; margin:0px auto; color:#333; filter:alpha(opacity=95);-moz-opacity:.95;opacity:0.95;}

.key_red{height:25px;line-height:25px; padding:0 20px; background:#a22; color:#fff; border:none; cursor:pointer; text-align:center; vertical-align:middle; font-weight:normal; font-family:Microsoft Yahei; font-size:13px;}
a.key_red{display:inline-block;}
input.key_red{margin:0 10px; line-height:normal;}
.key_red:hover{color:#c00; text-decoration:none;}

.kwords{line-height:1.5; padding:3px 5px; color:#999; text-align:right;}
.kwords a{color:#999; padding:0px 8px 0px 0px;}
.kwords a:hover{color:#c00;}
.share_div{padding:10px 0;}


/*
.floatTop{position:fixed; z-index:10; right:1px; bottom:1px; display:inline-block; width:40px; height:40px; background:url(../images/top.png) no-repeat 0 0; filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7; 
_position:absolute; _background-repeat:repeat-x; _bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-50));}
.floatTop:hover{background-position:0 -40px; filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
*/

/*********************/
body{padding-top:100px; _padding-top:0; _background-attachment:fixed;}
.dwidth{width:1000px; text-align:left; padding:0px; margin:0px auto;}
#webHeader,.webTil, #webFoot,#flashBox{min-width:1000px;}

#webHeader{cursor:default; width:100%; height:100px; position:fixed; z-index:20; left:0; top:0; background:url(../images/bg.jpg); border-bottom:1px solid #ccc; _position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop));}
#topLogo{float:left;  padding:5px 0 0 0; position:absolute; top:0px;}
#language{width:600px;height:25px;line-height:25px;float:right; display:inline; padding:10px 0 0 0; text-align:right;color:#ac0; overflow:hidden;}
#language a{float:right;padding:0px 0px 0px 10px; color:#999;}
#language a:hover{float:right;padding:0px 0px 0px 10px; color:#ac0;}
#mainNav{float:right; display:inline; padding:10px 0 0 0; text-align:right;}
#mainNav *{vertical-align:top;}
#mainNav i{display:inline-block; font-style:normal;}
#mainNav i a{display:inline-block; height:30px; line-height:30px; font-size:14px; padding:0 15px; text-align:center; color:#ccc; position:relative; z-index:0; _width:80px; _padding:0;}
#mainNav i a b{display:block; position:absolute; width:100%; _width:80px; height:30px; left:0; top:0; background:#ac0; z-index:-1; display:none;
border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#mainNav i a.sel,#mainNav a:hover{color:#fff;}
#mainNav i a.sel b{display:block;}
#mainNav em{display:inline-block; height:30px; width:5px; font-size:0;}

#search{display:inline-block; width:130px; height:26px; margin:3px 0 0 10px; padding:0; background:url(../images/sch_bg.jpg) no-repeat; text-align:left;}
#search input{height:16px; line-height:16px; width:90px; border:none; font-size:12px; padding:0; margin:5px 0 0 15px; color:#666; vertical-align:top; background:none;}
#search input:hover{color:#666;}
#search #schGO{display:inline-block; width:15px; height:15px; font-size:0; line-height:1; padding:0; vertical-align:top; margin:5px 0 0 2px; background:url(../images/sch_key.png) no-repeat; filter:alpha(opacity=40);-moz-opacity:.4;opacity:.4; _background-repeat:repeat-y;}
#search #schGO:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

#mainBanner, #mainBanner li{width:100%; height:550px; min-width:1000px; overflow:hidden; position:relative;}
#mainBanner ul{list-style:none; position:relative;}
#mainBanner li{position:relative;}
#mainBanner li .i1,#mainBanner li .i2,#mainBanner li a{width:1000px; height:550px; position:absolute; left:50%; margin-left:-500px;}
#mainBanner li .i1{z-index:2;}
#mainBanner li .i2{z-index:1;}
#mainBanner li a{display:inline-block; z-index:3; cursor:pointer; background:url(../images/alpha.gif);}
#mainBanner .ctrl{display:inline-block; width:50px; height:135px; position:absolute; z-index:5; top:50%; margin-top:-67px; background:rgba(0,0,0,.4) url(../images/banner_ctrl.png) no-repeat 0 center; filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;
_background-color:#000; _background-repeat:repeat-x;}
#mainBanner .prev{background-position:16px center; left:-50px;}
#mainBanner .next{background-position:-54px center; right:-50px;}
#mainBanner .ctrl:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

.webTil{height:130px; background:url(../images/til_bg.gif) repeat-x top; text-align:center;}
.webTil img{margin-top:38px;}

.webFloor{padding:40px 0 50px 0; position:relative;}

.case_type{padding:0 0 30px 0; text-align:left;float:left}
.case_type a{display:inline-block; height:30px; line-height:30px; padding:0 10px; margin:5px 5px; font-size:14px; position:relative; z-index:0; _width:85px; _padding:0; text-align:center;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;background:#f2f2f2;}
.case_type a b{display:block; position:absolute; width:100%; _width:85px; height:30px; left:0; top:0; background:#ac0; z-index:-1; display:none;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.case_type a.sel,.case_type a.on,.case_type a:hover{color:#fff;}
.case_type a.sel b{display:block;}
.case_list{list-style:outside none; overflow:hidden; padding-left:0px;width:1020px;}
.case_list li{float:left; display:inline; padding:9px 20px 9px 0px;}
.case_list li a{display:inline-block; background:url(../images/bg.jpg); position:relative; overflow:hidden; text-align:center;}
.case_list li a img{background:#fff; display:block; position:absolute; top:0; left:0;}
.case_list li a, .case_list li a img{width:320px; height:230px; overflow:hidden;}
.case_list li a span{display:block; height:50px; overflow:hidden; padding:0 10px; margin-top:-10px; display:none;}
.case_list li a span strong{display:block; height:20px; line-height:20px; font-size:18px; color:#fff; font-weight:normal; overflow:hidden; margin-top:8px; }
.case_list li a span em{font-style:normal; font-size:12px; color:#ac0;}

.service_list{list-style:outside none; overflow:hidden; padding:0 0 0 1px;}
.service_list li{float:left; display:inline; padding:9px 0 9px 19px;}
.service_list li.fstRow{padding-left:0;}
.service_list li a, .service_list li a .box, .service_list li a .bg{width:320px; height:150px; overflow:hidden;}
.service_list li a{display:inline-block; position:relative; z-index:0; background:#f8f8f8;}
.service_list li a,.service_list li a *{cursor:default;}
.service_list li a .box{display:inline-block; position:absolute; left:0; top:0;}
.service_list li a .box i{display:inline-block; width:50px; height:50px; font-style:normal; position:absolute; left:20px; top:50px; background-repeat:no-repeat; background-position:0 0; _background-repeat:repeat-x;}
.service_list li a .box em{display:inline-block; width:220px; font-style:normal; position:absolute; right:10px; top:40px;}
.service_list li a .box strong{display:block; padding-bottom:10px; font-size:16px; font-weight:normal; color:#333;}
.service_list li a .box u{display:block; text-decoration:none; line-height:1.5; color:#999; height:40px; overflow:hidden;}
.service_list li a .on{display:none;}
.service_list li a .on i{background-position:0 -50px;}
.service_list li a .on strong{color:#ac0;}
.service_list li a .bg{position:absolute; background:url(../images/bg_ge.jpg); left:0; top:0; z-index:-1; display:none;}

#serviceDetails{position:absolute; width:100%; left:0; z-index:5; padding:30px 0 20px 0; background:url(../images/bg_ge.jpg); display:none;}
#serviceDetails .dwidth{position:relative;}
#serviceDetails #close{position:absolute; width:23px; height:23px; background:#ac0 url(../images/close.gif) no-repeat center; z-index:2; top:0; right:0; filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7;}
#serviceDetails #close:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
#serviceDetails .bd{background:#fff;}
#serviceDetails .hd{list-style:outside none; text-align:center; padding-top:10px;}
#serviceDetails .hd li{display:inline-block; width:8px; height:8px; font-size:0; line-height:1; background:#fff; margin:0 5px; cursor:pointer; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; *display:inline; zoom:1;}
#serviceDetails .hd li.on{background:#ac0;}
.service_txt{padding:0; line-height:1.5; overflow:hidden;}

.partner_list{list-style:outside none; padding:50px 0 0 1px;}
.partner_list li{float:left; display:inline; padding:0; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.partner_list li.fstLn{border-top:1px solid #ddd;}
.partner_list li.fstRow{border-left:1px solid #ddd;}
.partner_list li,.partner_list li .p_img,.partner_list li .p_img img,.partner_list li .p_img span{width:198px; height:125px;}

.about_home{line-height:1.5; padding-bottom:30px;}
.about_box .option{list-style:outside none; height:30px; border-bottom:1px solid #ddd; text-align:center; margin-bottom:30px; _overflow:hidden;}
.about_box .option li{display:inline-block; *display:inline; zoom:1; padding:0 4px; line-height:29px; font-size:14px;}
.about_box .option li a{display:inline-block; height:29px; background:#666;color:#fff; border:1px solid #666;border-bottom:none;padding:0 20px;}
.about_box .option li a:hover{background:#ac0; border-color:#ac0;}
.about_box .option li a.on,.about_box .option li a.on:hover{background:#fff; border-color:#ddd; color:#666; position:relative; height:30px;}
.about_box .optionTxt{line-height:2;}

.hm_news ul{list-style:outside none;}
.hm_news li{float:left; display:inline; width:200px;}
.hm_news li a{display:block; padding:12px; height:300px; margin-bottom:20px;}
.hm_news li a img{display:block; width:175px; height:110px;}
.hm_news li a strong{display:block; font-size:15px; height:38px; margin:10px 0 5px 0; overflow:hidden; font-weight:normal; line-height:1.2;}
.hm_news li a span{display:block; line-height:1.8; color:#999;}
.hm_news li a:hover{background:#f8f8f8; color:#333;}
.news_more{text-align:center; padding:10px 0 0 0;}
.news_more a{display:inline-block; width:150px; height:35px; line-height:35px; text-align:center; background:#ac0; color:#fff; font-size:14px;
border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.news_more a:hover{background:#9b1; color:#fff;}

.contactTxt{float:right; display:inline; padding-top:35px; line-height:1.5; width:330px;}
.message{float:left; display:inline; width:660px;}
.message h1{height:35px; font-size:17px; font-weight:normal; color:#333;}
.msg_tab{list-style:outside none;}
.msg_tab li{padding:10px 0; position:relative; font-size:14px;}
.msg_tab li .ipt{height:20px; line-height:20px; padding:10px; font-size:14px; width:600px; background:url(../images/alpha.gif);}
.msg_tab li label{display:inline-block; height:40px; line-height:40px; position:absolute; z-index:-1; padding:0 10px;color:#ccc;}
.msg_tab li u{display:inline-block; text-decoration:none; padding-right:20px; vertical-align:top;}
.msg_tab li u .ipt{width:279px;}
.msg_tab li .aipt{padding:12px 10px; width:600px; height:200px; font-size:14px; background:url(../images/alpha.gif);}
.msg_tab li .on{border-color:#e82;}
.msg_sub{width:120px; height:35px; text-align:center; background:#ac0; color:#fff; font-size:14px; border:none; cursor:pointer; 
border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; vertical-align:middle; margin-right:20px;}
.msg_sub:hover{background:#9b1;}

#webFoot{padding:0; background:url(../images/bg.jpg); color:#777; line-height:1.5;}
#webFoot .footBg{background:url(../images/bot_bg.jpg) repeat-x top; padding:10px 0 0 0;}
#webFoot .footTxt{color:#888; padding-bottom:40px;}
#webFoot .footTxt a{color:#888} 
.footLn{height:2px; font-size:0; background:url(../images/line_s.jpg) repeat-x top;}
.footKeys{padding:20px 0; text-align:center; color:#555;} .footKeys a{color:#555;}
#footInfo{padding:15px 0; background:#111; color:#555; text-align:center;}
#footInfo a{color:#555;}
#footInfo img{vertical-align:middle; margin-left:5px;}
#webFoot a:hover{color:#ccc;}

#webBody{padding:40px 0;}
#webSubs{width:230px; float:right; display:inline;}
#webMain{width:720px; float:left; display:inline;}

.subNav{padding:0 0 20px 0; list-style:outside none;}
.subNav li{padding:0;}
.subNav li a{display:block; height:40px; line-height:40px; border-top:1px solid #fff; border-bottom:1px solid #ddd; background:#f8f8f8; font-size:14px; padding:0 15px;}
.subNav li a.sel,.subNav li a:hover{color:#fff; background:#ac0; border-bottom-color:#ac0;}
.cotancs-one{width:480px; height:auto;font-size:14px; color:#666px; line-height:30px;float:left;}
.cotancs-one h3{font-size:16px; font-weight:bold;}
.cotancs-two{width:auto; height:auto;float:right;}