/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,pre,div,ul,ol,li,dl,dt,dd,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td { line-height:30px; cursor:hand;}
select{ font-family:微软雅黑,Arial, Helvetica, sans-serif; font-size:12px; line-height:20px;}

body{font-size:14px; color: #666666; font-family:微软雅黑,Arial, Helvetica, sans-serif; background:#ffffff;}
a{ font-family:微软雅黑,Arial,Helvetica,sans-serif; color:#333333; text-decoration:none; font-size:12px;}
a:hover{ color:#f00; text-decoration:none;}

.listpage{ display:block; float:left; width:100%; height:40px; overflow:hidden; text-align:right;}
.pagelist1.pages{ font-family:Webdings; cursor:hand;}
.pagelist1{ font-size:12px; padding:5x; margin:5px; text-align:right;}
.pagelist2{ font-size:14px; padding:5x; margin:5px; text-align:right;}
.pagelist2 a{ border:#ccc solid 1px; color:#bc0008; margin-right:2px; padding:5px;}
.pagelist2 a:hover{ background:#bc0008; border:#ccc solid 1px; color:#fff;}
.pagelist2 span.current{ background:#bc0008; border:#ccc solid 1px; color:#FFFFFF; margin-right:2px; padding:5px;}
.pagelist2 span.disabled{ border:#ddd solid 1px; color:#ddd; margin-right:2px; padding:5px;}
.pagelist2 span.total{ font-size:12px; line-height:20px; margin:0 5px;}

.noInfo{ float:left; background:url(../image/loading.gif) left no-repeat; width:100%; height:30px; padding-left:20px; line-height:30px;}
.clears{ clear:both; font-size:0; line-height:0;}

.fl{float:left;}.fr{float:right;}
.tar{text-align:right;}.tac{text-align:center;}.tal{text-align:left;}

.w250{width:250px;}
.h20{height:20px;}.h30{height:30px;}.h100{height:100px;}

.pt10{padding-top:10px;}.pl10{padding-left:10px;}.pr25{padding-right:25px;}.pr10{padding-right:10px;}
.mgt10{margin-top:10px;}.mgb10{margin-bottom:10px;}.mgt20{margin-top:20px;}

.lh20{line-height:20px;}.lh25{line-height:25px;}
.bb{border-bottom:#cccccc solid 1px;}
.bbr{border-bottom:#ea1205 solid 1px;}
.dashline{ background:url(../image/dashedline.gif) bottom repeat-x;}
.hidden{overflow:hidden;}
.relative { position:relative;}.absolute { position:absolute;}
.point{ color:#F00}

#FloatDiv{width:130px; position:absolute;float:right;z-index:10000; overflow:hidden;}
.Float-t{float:left; width:130px; height:32px; background:url(../image/qq_top_bg.gif) no-repeat; position:relative; }
.qqclose{ position:absolute; top:5px; right:10px; cursor:pointer; display:block; width:10px; height:10px; background:url(../image/qq_top_shut.gif) no-repeat;}
.Float-bg{float:left; width:100px; background:url(../image/qq_mid_bg.gif) repeat-y; padding:10px 15px; color:#333;}
.qlist{float:left; width:100px;}
.qlist li{width:100px; height:30px; line-height:30px;}
.Float-b{float:left; width:130px; height:60px; background:url(../image/qq_btm_bg.gif) repeat-y;}

.list-scroll{ position:relative; overflow:hidden;}
.list-scroll ul{ position: absolute; width: 20000em;}
.list-scroll ul li{ float:left; display:inline;}

.info-title{ float:left; display:block; width:100%; height:35px; overflow:hidden; }
.info-title h4{ float:left; height:35px; line-height:35px; font-size:14px; overflow:hidden; }
.info-title span{ float:right; line-height:35px;}
.info-title span a.more{ float:left; display:block; width:12px; height:35px; background:url(../image/more.png) center no-repeat;}

.wrapper{ float:left; width:100%; display:block;  }
.header-wrapper{ height:80px; background:url(../image/header-bg.png) repeat;}
.header{ width:980px; height:80px; margin:0 auto; position:relative; z-index:10;}
.header h1{position:absolute; top:20px;}
ul.menu{ width:700px; position:absolute;right:0;top:0;font-size:0;}
ul.menu li{display:inline-block;zoom:1;*display:inline;width:135px;height:78px;background:url(../image/nav_ico.png) no-repeat;}
ul.menu li.home{border-left:none;background-position:10px 0}
ul.menu li.about{background-position:10px -78px}
ul.menu li.service{background-position:10px -156px}
ul.menu li.cases{background-position:10px -234px}
ul.menu li.client{border-right:none;background-position:10px -312px}
ul.menu li a{display:block;height:40px;padding-left:40px;margin:20px 5px 0 5px;font-size:14px;color:#fff;text-decoration:none;}
ul.menu li a:hover{text-decoration:none; color:#666;}
ul.menu li span{display:block;color:#999;font-size:11px;-webkit-text-size-adjust:none;}
ul.menu li a:hover span{text-decoration:none; color:#fff;}

.inbanner-wrapper{}
.inbanner-Clientbox{ height:250px; background:url(../image/banner-client.jpg) center no-repeat #2e0405}
.inbanner-Aboutbox{ height:250px; background:url(../image/banner-about.jpg) center no-repeat #171717}
.inbanner-Casebox{ height:250px; background:url(../image/banner-case.jpg) center no-repeat #4f63aa}
.inbanner-Newsbox{ height:250px; background:url(../image/banner-news.jpg) center no-repeat #0d708d}
.inbanner-Contactbox{ height:250px; background:url(../image/banner-contact.jpg) center no-repeat #313445}
.inbanner-Servicebox{ height:250px; background:url(../image/banner-service.jpg) center no-repeat #0e3c17}

.box-title{ float:left; display:block; width:100%;  overflow:hidden; padding:30px 0;height:90px; position:relative;}
.box-title h2{font-size:48px;display:inline-block;zoom:1;*display:inline;vertical-align:middle;}
.box-title p{display:inline-block;zoom:1;*display:inline;vertical-align:middle;color:#999; margin-left:10px;}
.box-title strong{font-size:60px;font-family:Arial;font-weight:bold;color:#999;margin-right:10px; margin-left:10px;vertical-align:middle;}
.box-title .more{font-size:24px;position:absolute;right:10px;top:50px;}
.box-title a:hover{color:#f00;}
.client-box .box-title h2{color:#fff;}
.client-box .box-title a{color:#999;}
.client-box .box-title a:hover{color:#f00;}

.box-tit{ float:left; display:block; width:100%;  overflow:hidden; padding:20px 0; position:relative;}
.box-tit a{ float:left; width:100px; height:30px; background:url(../image/white-btn.png) no-repeat; margin-right:10px; color:#666; text-align:center; line-height:30px; font-size:14px; margin-bottom:10px;}
.box-tit a.cur,.box-tit a:hover{ background:url(../image/blue-btn.png) no-repeat; color:#FFF }
.box-tit h1{font:bold 18px/50px Microsoft YaHei;color:#444;}
.box-tit span{position:absolute;right:0;top:20px;height:50px; line-height:50px;vertical-align:middle; color:#4888ee}

.case-wrapper{}
.case-box{ width:980px; margin:0 auto; overflow:hidden; }
ul.case-tabs { float:left; height:30px; width:100%; }
ul.case-tabs li { float:left; }
ul.case-tabs a { float:left; width:100px; height:30px; background:url(../image/white-btn.png) no-repeat; margin-right:10px; color:#666; text-align:center; line-height:30px; font-size:14px;}
ul.case-tabs a:active { outline:none;}
ul.case-tabs a.current, ul.case-tabs a:hover, ul.case-tabs li.current a { background:url(../image/blue-btn.png) no-repeat; color:#FFF}

.case-panes{ float:left; height:100%; width:940px; margin-top:20px; overflow:hidden; margin-left:20px;}
div.case-panes div.pane {display:none;}

ul.domain-tabs { float:left; height:30px; width:100%; }
ul.domain-tabs li { float:left; }
ul.domain-tabs a { float:left; width:100px; height:30px; background:url(../image/white-btn.png) no-repeat; margin-right:10px; color:#666; text-align:center; line-height:30px; font-size:14px;}
ul.domain-tabs a:active { outline:none;}
ul.domain-tabs a.current, ul.domain-tabs a.current:hover, ul.domain-tabs li.current a { background:url(../image/blue-btn.png) no-repeat; color:#FFF}

.domain-panes{ float:left; height:100%; width:940px; margin-top:20px; overflow:hidden; margin-left:20px;}
div.domain-panes div.pane {display:none;}

ul.case-list { float:left; width:960px;}
ul.case-list li{ float:left; display:inline-block;zoom:1;*display:inline;position:relative;width:300px;height:250px;overflow:hidden;background:#fff;margin:0 20px 20px 0;font-size:12px;letter-spacing:normal;}
ul.case-list li.phone{ float:left; display:inline-block;zoom:1;*display:inline;position:relative;width:300px;height:350px;overflow:hidden;background:#fff;margin:0 20px 20px 0;font-size:12px;letter-spacing:normal;}
ul.case-list li.phone strong{display:block;font:bold 14px/30px Microsoft YaHei;color:#4888ee; text-align:center;}
ul.case-list li.phone .erwei{ width:300px; text-align:center;}
ul.case-list li.phone .erwei img{ width:100px; height:100px;}
ul.case-list li img{width:300px;height:200px;}
ul.case-list li strong{display:block;font:bold 12px/25px Microsoft YaHei;color:#4888ee;}
ul.case-list li a:hover{text-decoration:none;}
ul.case-list li p{display:none;width:300px;height:100%;font-size:12px;line-height:1.5;text-align:left;padding:0 15px;background:url(../image/index-focus-txt.png);color:#999;position:absolute;left:0px;bottom:0;}
ul.case-list li  p strong{margin-top:10px;color:#fff;}
ul.case-list li  p em{display:block;color:#ddd;margin-bottom:5px;}
ul.case-list li  p img{ width:80px; height:80px;}
ul.case-list li p a{display:inline-block;zoom:1;*display:inline;font-weight:bold;color:#fff;height:30px;line-height:30px; width:100px; text-align:center; margin-top:8px; background:url(../image/blue-btn.png) no-repeat;}

.client-wrapper{ background:#212121; padding:30px 0;}
.client-box{ width:980px; margin:0 auto; overflow:hidden; }

ul.client-list{ float:left; width:980px;font-size:0;letter-spacing:-6px;text-align:center;border-top:1px dotted #444;}
ul.client-list li{display:inline-block;zoom:1;*display:inline;position:relative;width:195px;height:120px;overflow:hidden;letter-spacing:normal;border-bottom:1px dotted #444;border-right:1px dotted #444;}
ul.client-list li p{display:none;width:195px;height:100%;font-size:12px;line-height:1.5;text-align:left;padding:0 15px;background:url(../image/index-focus-txt.png);color:#999;position:absolute;left:0px;bottom:0;}
ul.client-list li p a{display:inline-block;zoom:1;*display:inline;font-weight:bold;color:#fff;height:30px;line-height:30px; width:100px; text-align:center; margin-top:45px; margin-left:40px; background:url(../image/blue-btn.png) no-repeat;}
ul.client-list li.noborder{border-right:none;}

.news-wrapper{ background:#f1f1f1; padding-bottom:20px;}
.news-box{ width:980px; margin:0 auto; overflow:hidden; }
.news-list-box{ float:left; width:940px; background:#FFF; padding:20px;}
.nobg{ background:none;}

ul.news-lists{ float:left; width:940px;}
ul.news-lists li{ position:relative;border-bottom:1px dotted #ccc;padding:10px 0; line-height:25px;}
ul.news-lists li .news-date{ width:94px; width: 94px;height: 64px;padding: 30px 0px 0px 0px; background:#e5e5e5; text-align: center;}
ul.news-lists li .news-date .day { color: #474747;font-size: 40px;font-family: Arial, Helvetica, sans-serif;}
ul.news-lists li .news-date .year {font-size: 12px;color: #838383;margin-top: 5px;}
ul.news-lists li .box{ position:absolute; width:830px; right:0; top:10px;}
ul.news-lists li .box strong{font:bold 16px/30px Microsoft YaHei;}
ul.news-lists li .box span{display:block;line-height:20px;color:#999;}
ul.news-lists li .box p{display:block;width:830px; height:50px;line-height:25px; overflow:hidden;}
.sharebox{ float:left; width:100%; padding:10px 0;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;margin-bottom:20px;}
ul.news-lists li a:hover .news-date {background: url(../image/news_time-bg.jpg) no-repeat;}
ul.news-lists li a:hover .day {color: #ffffff;}
ul.news-lists li a:hover .year {color: #dedede;}

ul.news-tabs { float:left; height:30px; width:700px; }
ul.news-tabs li { float:left; }
ul.news-tabs a { float:left; width:100px; height:30px; background:url(../image/white-btn.png) no-repeat; margin-right:10px; color:#666; text-align:center; line-height:30px; font-size:14px;}
ul.news-tabs a:active { outline:none;}
ul.news-tabs a.current, ul.news-tabs a:hover, ul.news-tabs li.current a { background:url(../image/red-btn.png) no-repeat; color:#FFF}

.news-panes{ float:left; height:100%; width:700px; margin-top:20px; overflow:hidden; }
div.news-panes div.pane {display:none;}

.home-news{ float:left; width:700px;}
ul.news-list{ float:left; width:700px;}
ul.news-list li{ float:left; width:700px; height:30px; border-bottom:1px dotted #ccc; margin-bottom:10px; line-height:30px;}
ul.news-list li .news-date{ float:left; width:100px; height: 30px; font-size:14px;  background:#e5e5e5; text-align: center;}
ul.news-list li .box{ float:right; width:580px; height:30px;}
ul.news-list li .box strong{font:bold 16px/30px Microsoft YaHei;color:#444;}
.sharebox{ float:left; width:100%; padding:10px 0;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;margin-bottom:20px;}
ul.news-list li a:hover .news-date {background: url(../image/news_time-bg.jpg) center no-repeat;}
ul.news-list li a:hover .news-date {color: #ffffff;}
.home-advantage{ width: 200px; float: right;}
.home-advantage .title{ font:bold 18px/40px Microsoft YaHei;color:#ed0000; margin-bottom:10px;}
.home-advantage .con a { display: block; background: url(../image/superiority-btn.jpg) no-repeat; background-position: 0px 0px; width: 200px; height: 58px;}
.home-advantage .con a:hover { background-position: 0px -58px; color: #d12121; font-weight: bold;}
.home-advantage .con a:hover .num { color: #ffffff; font-size: 40px;}
.home-advantage .con P { display: block; float: left; text-align: left; font-family: "微软雅黑"; font-size: 14px;}
.home-advantage .con .num { width: 20px; height: 40px; line-height: 40px; font-family: Arial, Helvetica, sans-serif; font-size: 21px; color: #c0bebe; padding-left: 10px; margin-right: 10px;}
.home-advantage .con SPAN { font-size: 12px; color: #b9b9b9; font-weight: normal !important;}

.main-wrapper{ background: url(../image/service_content-bg.jpg) top center no-repeat;}
.main-box{ width:980px; margin:0 auto; overflow:hidden; }
.main-content{ float:left; width:980px; padding:20px 0px; line-height:2.5;}
.main-content img { max-width: 950px; height:auto; width:expression(this.width > 950 ? "950px" : this.width); }
.side{ float:right; width:200px; font-size:12px;}
.main{ float:left; width:750px;}
.main img { max-width: 750px; height:auto; width:expression(this.width > 750 ? "750px" : this.width); }
.website-btn{ display:block; width:200px; height:40px; line-height:40px; text-align:center; color:#FFF; background:url(../image/blue-btn1.png) no-repeat;}
.caseimg{ float:left; width:200px; margin:10px 0; background:#333; text-align:center;}
.side ul{padding:10px 0;}
.side li{text-align:left;padding:6px 0;line-height:2;border-top:1px dotted #aaa;}

.link-wrapper{background:url(../image/link-bg.png) repeat-x; height:78px;}
.link-box{ width:980px; margin:0 auto; overflow:hidden; height:33px; padding-top:45px;  position:relative; }
.link-box a{color:#999;margin-right:20px;}
.link-box a:hover{ text-decoration:underline;}

.message-box{ float:left; width:940px; overflow:hidden; background:url(../image/contact-content.png) bottom right no-repeat;}
.message-box p{ float:left; width:940px; padding-bottom:5px;}
.message-box label{ float:left; width:100px; margin-right:20px; text-align:right; line-height:25px;}
.message-box textarea{ border:#cccccc solid 1px; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:25px; background:url(../image/dtbg.gif) bottom repeat-x;}
.message-box input{ border:#cccccc solid 1px; background:url(../image/dtbg.gif) repeat-x; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:25px; height:25px;}
.message-box input.nobor{ border:none; height:auto; background:none;}


.domain-box{ float:left; width:320px; padding:20px 10px; background:#efefef; border:#666 solid 1px;}


.footer-wrapper{background:#181818;border-top:1px solid #292929;}
.footer-box{ width:980px; margin:0 auto; overflow:hidden;  position:relative; }
.footer-box h2{ float:left; width:120px; font-size:28px;text-align:right; color:#666}
.footer-box h2 strong{display:block;font-size:28px;color:#333;}
.footer-info{ float:left; width:980px; padding:20px 0; border-bottom:1px dotted #333;color:#999999;}
.footer-info-box{ float:left; margin-left:20px; width:840px; line-height:1.8; }
.footer-contact{ width:620px; padding-right:220px; background:url(../image/ditu.png) right center no-repeat;}
.footer-info-box a{ color:#999; }
#gotop {display:block;width:44px;height:35px;position:absolute;right:10px; top:30px;overflow:hidden;background:url(../image/top.png) no-repeat;text-indent:-9999px;}