/*公用样式*/

/*

layout fon the website 

opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;

透明

background: black;

filter: alpha(opacity=65);

opacity: 0.65;

-moz-opacity: 0.65;



border-radius: 3px;

background: #f1f2f2;

margin: 300px auto 0 auto;

box-shadow: 0px 0px 10px #7ebe00;

border: 1px solid #7ebe00;

width: 40%;

* @desc  

*/

@import url("comm.css");



/*全局链接样式*/

a{  text-decoration:none}

a:hover{ color:#ff6600; }



.f_l{ float:left}

.f_r{ float:right}



.wrap{ width:1080px;font-size:12px;margin:0 auto; overflow:hidden; zoom:1; position:relative}





/*自动高对齐*/

.clearfix:after{content:"."; display:block; height:0; clear:both;visibility:hidden;}

*html .clearfix{ height:1%;}

*+html .clearfix{ height:1%;}





/*英文强制换行*/

.word{word-break:break-all;}





/*改版*/

body{ background:#EFEFEF}



/* focus */

.focusbox{ position:relative;/*border:1px solid #DEDEDE;*/ border-bottom:none; margin-top:10px; padding-bottom:30px; background:url(../images/shodow.jpg) center 280px no-repeat;}

#focus{ position:relative;height:300px; overflow:hidden;zoom:1;/*border:1px solid #fff;*/}

.btnleft{position: absolute;left:10px;top: 45%;display: inline-block;width: 28px;height: 28px;background:url(../images/sl.png) no-repeat; z-index:10;opacity:0.5}

.btnright{position: absolute;right:10px;top: 45%;display: inline-block;width: 28px;height: 28px;background:url(../images/sr.png) no-repeat; z-index:10;opacity:0.5}

.btnleft:hover,.btnright:hover{opacity:1}



#focus ul {height:300px; position:absolute;}

#focus ul li {width:1080px; height:300px; overflow:hidden; position:relative; background:#000;}

#focus ul li div {position:absolute; overflow:hidden;}



#focus .btn {position:absolute; width:1080px; height:10px; padding:5px 10px; right:0; bottom:10px; text-align:right;}

#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}

#focus .btn span.on {background:#FFAE00;}

#focus .preNext {width:45px; height:100px; position:absolute; top:90px; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}

#focus .pre {left:0;}

#focus .next {right:0; background-position:right top;}



/*通知公告*/

.voice{height: 40px;position: relative;overflow: hidden; border:1px solid #DEDEDE; border-top:none; padding-left:55px;background:url(../images/voice.png) no-repeat 20px center #fff;font-size: 14px;color: #5c5c5c; margin-bottom:15px; clear:both;}

.voiceDes{ float:left;width:80px; display:block; height:40px; line-height:40px;}

#trendDiv{ position:absolute;overflow:hidden;zoom:1;width:500px; left:120px}

#trendDiv li,#trendDiv li a{ line-height:40px;}



.voiceRight {position:absolute;left:420px;top:50%;margin-top: -13px;z-index: 10;}

.do{height: 26px;width: 31px;display: inline-block;margin-right: -1px;position: relative;}

.uo {height: 26px;width: 31px;display: inline-block;position: relative;}

.do:hover {z-index: 1;}

.uo:hover {z-index: 1;}



/*.service dl{width:200px; float:left;}*/





.service_ico{ float:left;width:720px; height:400px; position:relative;}

.service_ico ul{ position:absolute; top:80px; left:200px;}

.service_ico ul li{width:140px; height:160px;display:block; position:absolute;}

.service_ico ul li a{ text-indent:-9999px; height:160px; display:block; background:url(../images/ico.png) no-repeat;}



.service_ico .jz{ position:absolute; top:0; left:0;}

.service_ico .jz a{ background-position:0 0;}

.service_ico .jz a:hover{background-position:-150px 0;}



.service_ico .tg{ position:absolute; top:115px; left:-69px;}

.service_ico .tg a{background-position:0 0;}



.service_ico .wh{ position:absolute; top:0px; left:142px;}

.service_ico .tg a{background-position:0 0;}



/*我们的服务*/

.fwbg{ background:url(../images/linebg.jpg) no-repeat;}

.service{ float:left;width:720px; height:400px; position:relative;}

.service ul{ position:absolute; top:80px; left:250px;}

.service ul li a{ font-family:"微软雅黑","YAHEI","宋体";}

.service ul li a{  display:block;}

.service ul li{ z-index:100; position:absolute;}

.service h2 a,.service h2{ font-family:"微软雅黑","YAHEI","宋体"; font-size:16px; }

.service ul li div a{ background:url(../images/ico-1.gif) 9999px 9999px no-repeat;}



.service .jz{ position:absolute; top:0; left:0; z-index:103 }

.service .jz a.jzico{background:url(../images/jzbg.png) no-repeat; height:168px;width:167px; display:block; text-indent:-999px}

.service .jz a.jzico:hover{ background:url(../images/jzbg.png) 0 -168px no-repeat;/*filter: alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;*/}



.service .jz div.jz_f1{ position:absolute; top:-35px; left:-215px;}

.service .jz div.jz_f1 h2{ padding-left:25px}

.service .jz div.jz_f1 p{ line-height:35px; }

.service .jz div.jz_f1 a{ display:block; position:absolute; top:0; left:0;width:133px; height:50px; text-indent:-9999px}



.service .jz div.jz_f2{ position:absolute; top:43px; left:-195px;*left:-200px;}

.service .jz div.jz_f2 h2{ padding-left:25px}

.service .jz div.jz_f2 p{line-height:35px; }

.service .jz div.jz_f2 a{ display:block; position:absolute; top:0; left:0;width:170px;*width:180px; height:50px;text-indent:-9999px}



.service .jz div.jz_f3{ position:absolute; top:-55px; right:-220px;}

.service .jz div.jz_f3 p{line-height:35px; }

.service .jz div.jz_f3 a{ display:block; position:absolute; top:0; left:0;width:134px; height:50px;text-indent:-9999px}





.service .jz div.jz_f4{ position:absolute; top:5px; right:-185px;}

.service .jz div.jz_f4 p{line-height:35px; }

.service .jz div.jz_f4 a{ display:block; position:absolute; top:0; left:0;width:144px; height:50px;text-indent:-9999px}



.service .jz div.jz_f5{ position:absolute; top:78px; right:-225px;}

.service .jz div.jz_f5 p{line-height:35px; }

.service .jz div.jz_f5 a{ display:block; position:absolute; top:0; left:0;width:154px; height:50px;text-indent:-9999px}



.service .tg {position:absolute; top:110px; left:-70px; z-index:102}

.service .tg  a.jzico{background:url(../images/tgbg.png) no-repeat; height:167px;width:167px; display:block;text-indent:-999px}

.service .tg  a.jzico:hover{background:url(../images/tgbg.png) 0 -168px no-repeat;}



.service .tg div.jz_f1{ position:absolute; top:20px; left:-165px;}

.service .tg div.jz_f1 h2{ padding-left:25px}

.service .tg div.jz_f1 p{line-height:35px; }

.service .tg div.jz_f1 a{ display:block; position:absolute; top:0; left:0;width:134px; height:50px;text-indent:-9999px}



.service .tg div.jz_f2{ position:absolute; top:135px; left:-162px;}

.service .tg div.jz_f2 h2{ padding-left:25px}

.service .tg div.jz_f2 p{line-height:35px; }

.service .tg div.jz_f2 a{ display:block; position:absolute; top:0; left:0;width:134px; height:50px;text-indent:-9999px}



.service .wh{ z-index:104}

.service .wh .jzico{position:absolute; top:110px; left:70px;}

.service .wh a.jzico{background:url(../images/whbg.png) no-repeat; height:168px;width:167px; display:block;text-indent:-999px}

.service .wh a.jzico:hover{background:url(../images/whbg.png) 0 -168px no-repeat;}





.service .wh .jz_f1{ position:absolute; top:160px; right:-430px;*width:190px;}

.service .wh div.jz_f1 h2{ text-align:right; padding-right:20px} 

.service .wh div.jz_f1 p{line-height:35px; text-align:right }

.service .wh div.jz_f1 a{ display:block; position:absolute; top:0; left:0;width:130px; height:50px;text-indent:-9999px}



.service .wh div.jz_f2{ position:absolute; top:263px; right:-410px;*width:190px;}

.service .wh div.jz_f2 h2{ text-align:right; padding-right:20px} 

.service .wh div.jz_f2 p{line-height:35px; text-align:right;}

.service .wh div.jz_f2 a{ display:block; position:absolute; top:0; left:0;width:170px; height:50px;text-indent:-9999px}



.fw li.current{ z-index:999}

/*.fw li .ondiv h2,.fw li.ondiv h2{ color:#ff7700}*/

/*主打产品*/

.sliderIMG a{ position:relative;}

.sliderIMG a img{ position:relative;}

.web h2{ font:0; height:0; text-indent:-9999px; display:none}

.web li{ height:80px; overflow:hidden;zoom:1; margin-bottom:10px}

.web li a{ height:80px; overflow:hidden;zoom:1}



.panright{width:300px; float:right;padding-left:20px; background:url(../images/line.jpg) left center no-repeat;height:350px}

.line{ padding-left:20px; background:url(../images/line.jpg) left center no-repeat; }

.youshi{ float:left;width:420px;}



.margin{  margin-bottom:15px}

.pbox_t h3,.pbox_t h4{ font-family:"微软雅黑","YAHEI","宋体"; font-size:16px; display:inline-block; float:left; color:#000}

.pbox_t{ overflow:hidden;zoom:1; position:relative; padding-bottom:5px;}

.pbox_t span{ padding-left:5px}

.pbox_t .more{ position:absolute; top:2px;right:10px}

.panright .pbox_t{ margin-bottom:10px}



.pbox{ margin-bottom:15px}

.pbox_c{ overflow:hidden;zoom:1;}

.ly{ float:left;width:720px}

.news{ float:right;width:300px;}

/*案例*/

.case{width:1080px}

.case dl{float:left;width:250px; height:190px;margin-right:15px; margin-bottom:15px}

.case dl h4{ text-align:center; padding-bottom:3px;font-size:14px; font-family:"微软雅黑","Yahei","宋体"; color:#000}

.case dl h4 a{ text-align:center;font-size:14px; font-family:"微软雅黑", "Yahei", "宋体"; color:#000}

.case dl dd{ padding-top:5px}

.case dl h4 a:hover{ color:#FFAB00}

.case dl p{ color:#999; line-height:20px}



.worksimg,.cp dt{display:block;border:1px solid #E3E7E8; padding:4px; position:relative; height:120px;width:240px; overflow:hidden;zoom:1; background:#fff;}

.wzoom{width:43px; height:47px; background:url(../images/wizoom.png) no-repeat; position:absolute; z-index:100; top:-50px; left:40%}

.zoomtext{color:#fff;text-align:center; line-height:25px; position:absolute;left:4px; bottom:-25px;width:240px; margin:0 auto; z-index:100;  *background:#FFAB00;background:#FFAB00\9;}

.case dl dt img{width:240px;}

.case dl{ background:url(../images/casebg.jpg) center 130px  no-repeat;}



.cpweb dl{ height:310px}

.cpweb dl dt{height:240px;}



.arrow li{ background:url(../images/ico-1.gif) left 12px no-repeat; padding-left:10px; line-height:25px;}

.arrow li a{ line-height:25px;}



 .arrowall li{ background:url(../images/ico-1.gif) left 12px no-repeat; padding-left:10px; line-height:25px;width:32%;float:left;}

.arrowall li a{ line-height:25px;}



.wenhua{ background:url(../images/wenhua.jpg) bottom right no-repeat; height:280px}

.liyou{ padding-top:10px}

.liyou li{ line-height:40px; overflow:hidden;zoom:1; margin-bottom:10px;}

.liyou li span{ font-size:36px; float:left; font-family:Arial, Helvetica, sans-serif; padding-right:10px}

.liyou li p{ line-height:25px}

.liyou li h5{ color:#000}





.news_all{ float:left;width:350px}





.news_l{ float:left;width:350px}

.news_r{ float:right;width:350px}

.client{ overflow:hidden;zoom:1;}

.client li{ float:left; height:60px; overflow:hidden;zoom:1;margin:0 10px 10px 0px;width:320px;_margin:0 4px 10px 2px; display:block;}

/*.client li a{ height:45px; overflow:hidden;zoom:1;}*/



/*建站服务*/

.tab{ clear:both; margin-bottom:15px; overflow:hidden;zoom:1; height:35px;}

.tab li{ float:left; margin-right:20px; line-height:30px; background:#000;}

.tab li a{ line-height:30px; height:30px; background:#000; display:block; padding:0 10px;  font-family:"微软雅黑", "Yahei", "宋体"; font-size:14px; color:#fff}

.tab li.on a{ background:#FFB000; color:#000}

.tab li a:hover{/*background:#FFB000; color:#000*/}

.tab li.on{ background:url(../images/tabon.jpg) bottom center no-repeat; padding-bottom:5px;}

.big{ font-size:16px; font-weight:bold; font-family:"微软雅黑", "Yahei", "宋体"}



.tab_c{clear:both; overflow:hidden;zoom:1;}

.cp dl{ height:auto;}

.cp strong{ color:#ffb000}

.cp dl p{ color:#000}

.cp .sh{ color:#F00}

.cp h4 span{}

.cp h4 span i{ font-style:normal; color:#ff6600; font-size:18px; font-family:Verdana, Geneva, sans-serif;}



.lefpan{ float:left;width:770px; padding-right:15px; border-right:1px solid #DEDEDE;}

.rightpan{ float:right;width:250px; }

.position{ position:relative; padding-bottom:5px; border-bottom:1px  solid #eee; overflow:hidden;zoom:1;}

.position h3,.position h4{ font-family:"微软雅黑","YAHEI", "宋体"; font-size:16px; display:inline-block; float:left; color:#000}

.pos{ position:absolute; top:0px;right:10px}

.content{ padding-top:20px;}

.list dl{ border-bottom:1px dotted #dedede; padding-bottom:10px; margin-bottom:10px}

.list dl dt h3{ background:url(../images/ico-3.gif) left center no-repeat; padding-left:10px;}

.list dl dt h3 a{font-family:"微软雅黑","YAHEI","宋体"; color:#000; font-size:14px;}

.list dl dd,.list dl dd p{ line-height:25px;}

.list dl dt h3 a:hover{ color:#ff6600}

.list dl dd p span{ margin-right:10px}

.list dl dd p a{ color:#000;}

.list dl dd p a:hover{ color:#FFAA00;}



.content h1{ font-family:"微软雅黑","YAHEI","宋体"; font-size:18px; color:#000; text-align:center; margin-bottom:5px;}

.small small{ margin-right:10px; color:#999; text-align:center; font-size:12px;}

.small small *{ font-size:12px}

.small{ text-align:center; margin-bottom:10px}

.descrition{ background:#F4F4F4; border:1px solid #dedede; padding:10px; line-height:22px; margin-bottom:20px;}

.art,.art *{ line-height:25px; font-size:14px;}

.art a{color:#EF8200;}

.art p{ margin-bottom:10px;}

.art a:hover{ color:#F00;}

.art strong{ color:#000}



dfn.price{ font-style:normal; font-size:24px;}

.ad{ margin-bottom:15px}



.case_art dl{ overflow:hidden;zoom:1; margin-bottom:20px; clear:both;}

.case_art dl dt{width:500px; float:left;}

.case_art dl dt img{ border:4px solid #ddd}

.case_art dl dd{ float:left;width:540px; text-align:left}

.case_art dl dd p{ line-height:30px}

.case_art dl dd div{ text-align:left; margin:0}

.case_art dl dd h1{ font-size:16px; color:#000; line-height:30px}



.tabpan{ border-bottom:1px solid #dedede; position:relative; height:35px}

.tab_t{ font-size:16px; font-family:"微软雅黑","YAHEI", "宋体";  color:#000;  }

.tab_t h3{font-size:16px; font-family:"微软雅黑","YAHEI","宋体";  color:#000;line-height:30px; border:1px solid #dedede; border-bottom:none; float:left; padding:3px 15px; background:url(../images/tabbg.jpg) repeat-x top}

.tabpan{ margin-bottom:15px;}



.morediv{ margin:0 auto;width:100px; line-height:30px; line-height:30px; clear:both; margin-top:10px;}

.morediv a{ font-family:"微软雅黑","Yahei","宋体"; font-size:16px; color:#fff; background:#000; display:block; line-height:30px; text-align:center}

.morediv a:hover{ color:#000; background:#ffb000}



.pan_l{width:500px; float:left;}

.pan_r{width:505px; float:right;}

.pan_r h3,.seo h3{ color:#000; font-size:16px; font-family:"微软雅黑","YAHEI","宋体"; margin-bottom:5px}

.baidu h4,.seo h4{color:#000; font-size:14px; font-family:"微软雅黑","YAHEI","宋体";}

.baidu h5,.seo h5{color:#000;  font-family:"微软雅黑","YAHEI", "宋体";}

.baidu p,.seo p{ line-height:25px;}

.baidu .info{ background:url(../images/baidu.gif) right center no-repeat; padding-right:210px}



.menu{ margin-bottom:10px}

.menu li{ line-height:30px; height:30px; background:url(../images/line.png) center bottom no-repeat; padding-bottom:10px; padding-left:5px;}

.menu li a{ font-size:14px; font-weight:bold;line-height:30px;color:#000;  font-family:"微软雅黑","YAHEI","宋体"; background:url(../images/icopan.png) 10px top  no-repeat; padding-left:35px;}

.menu li a:hover{ color:#ff6600;background:url(../images/icopan.png) 10px -30px  no-repeat;}



.tab_l{ float:left;width:600px; padding-top:20px}

.tab_r{ float:right;width:400px; padding-top:20px}

.tab_l h1{color:#000;  font-family:"微软雅黑","YAHEI","宋体"; font-size:18px; text-align:center}

.tab_l,.tab_l p{ line-height:25px}

.tabbox p{ line-height:25px; margin-bottom:10px}

.title{ color:#ff6600; font-family:"微软雅黑","YAHEI","宋体"; font-size:14px; }

.tabbox p.title{ margin-bottom:0}

.tabbox{ display:none}

.show{ display:block}



.partner li{ float:left; margin:0 10px 25px 14px;}

.partner li img{ border:1px solid #ddd;}



.team{ overflow:hidden;zoom:1;}

.team dl{ float:left;width:345px; display:block}

.team dl dt{ float:left;width:80px; height:100px; overflow:hidden;zoom:1; cursor:pointer;}

.team dl dd{ float:left;width:240px; padding-left:10px; line-height:25px}

.team h3{ margin-bottom:10px; color:#000; font-size:16px;font-family:"微软雅黑", 'Yahei', "宋体"}

.team h3 span{ color:#999; font-weight:normal}

.team p{ line-height:25px; margin-bottom:10px;}

.who{background:url(../images/ant.jpg) right center no-repeat; padding-right:450px;  margin-bottom:15px}

.who .big{ color:#000;}

.team div{ margin-bottom:10px}



.tags a{ margin-right:10px; line-height:22px; font-family:"微软雅黑", "Yahei", "宋体"}

.tags a:hover{ color:#ff6600}



.share{ overflow:hidden;zoom:1; clear:both; height:30px; line-height:30px; margin-bottom:10px;}

.prenext,.prenext *{ line-height:25px; margin:10px 0}



.share_info{ background:#F7F7F7; padding:10px; border:1px solid #EAEAEA; margin:10px 0;}

/*友情链接*/
.flink {float: left;
  width: 1000px;
  line-height: 20px;
  margin-left: 15px;}

.flink li{ float: left;
  width: 100px;
  overflow: hidden;
  height: 20px;
  text-align: center;
  line-height: 20px;}

.flink li a{ line-height:20px;}



/*底部信息*/

.footer{ padding:10px}

.footer,.footer *{ text-align:center; line-height:25px}



#bdshare{ float:right;}

/*返回顶部*/

.backToTop {display: none;width: 18px; line-height: 1.2;padding: 5px 0;background-color: #000;color: #fff;font-size: 12px;text-align: center; position: fixed;_position: absolute; right: 10px; bottom: 100px; _bottom: "auto"; cursor: pointer;opacity: .6;filter: Alpha(opacity=60);}

/*在线客服*/

.online_icon{width:36px; height:156px; overflow:hidden; font-family:'宋体';}

.online_icon a{ display:block; width:36px; height:156px; background:url(../images/online_bg.png) no-repeat; _background:url(../images/online_bg_ie6.png) no-repeat;}

.online_windows{ width:144px;}

.online_w_top{ background:url(../images/online_bg.png) no-repeat -36px 0; height:10px; _background:url(../images/online_bg_ie6.png) no-repeat -36px 0; _margin-bottom:-7px;}

.online_w_c{ background:url(../images/online_bg.png) repeat-y 0 -185px; padding:0 5px; _background:url(../images/online_bg_ie6.png) repeat-y 0 -185px}

.online_w_bottom{ background:url(../images/online_bg.png) repeat-y -36px -35px; height:29px; _background:url(../images/online_bg_ie6.png) repeat-y -36px -35px;}

.online_content{ background:#fff; padding-top:5px; }

.online_content a.qq_icon{ background:url(../images/online_bg.png) no-repeat -37px -130px; width:109px; height:25px; display:block; margin:0 auto; text-indent:30px; line-height:23px; cursor:pointer; _background:url(../images/online_bg_ie6.png) no-repeat -37px -130px; padding-left:12px; margin:0 auto}

.online_content a.qq_icon:hover{ background-position:-159px -130px; color:#FFF;}

.online_bar h6{ background:url(../images/online_bg.png) repeat-x 0 -156px; height:29px; line-height:27px; font-size:12px; color:#666;  _background:url(../images/online_bg_ie6.png) repeat-x 0 -156px; text-align:center}

.online_bar h2 a{ display:block; padding-left:14px; margin-left:6px; cursor:pointer;}

.expand h2 a{ background:url(../images/online_bg.png) no-repeat -36px -69px; _background:url(../images/online_bg_ie6.png) no-repeat -36px -69px;}

.collapse h2 a{ background:url(../images/online_bg.png) no-repeat -36px -96px; _background:url(../images/online_bg_ie6.png) no-repeat -36px -96px;}

.expand h2 a:hover,.collapse h2 a:hover{ text-decoration:none; color:#c81d04;}

.online_content{ text-align:center; border-bottom:1px solid #d0d0d0; margin-bottom:1px;}

.online_content ul li{ height:24px; line-height:24px; margin-bottom:4px; font-family:'宋体'; }

.online_content ul li a:hover{color:#c81d04; }

.online_content .tel,.online_content .mobile{ line-height:20px; height:20px; padding-left:20px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#000}

.online_content .tel{ background:url(../images/telbg.jpg) 6px center no-repeat; padding-left:30px;}

.online_content .mobile{ background:url(../images/mobliebg.jpg) 6px center no-repeat; padding-left:30px}



/*在线客服*/

#online_qq_layer {/*position:fixed;*/position:absolute; right:0px; top:150px; _position:absolute;}

* html,* html body {_background-attachment:fixed;}

* html #online_qq_layer {_bottom:auto;_top:expression(eval(document.documentElement.scrollTop + 150));}

#online_qq_tab {float:left; margin-top: 50px;}

#onlineService {float:left; margin-left:-3px; display:none;}

#onlineType1, #onlineType2, #onlineType3, #onlineType4, #onlineType5, #onlineType6 {display:none;}

#onlineType1 {display:block;}



.search{ background:url(../images/searchbg2.png) no-repeat; height:36px;width:209px; padding-top:6px; padding-left:5px; float: right;}
.search .q{     background-color: #efefef;float:left;width:157px; height:22px; border:none}
.search .s_btn{ float:left;width:48px; height:30px; background:none; cursor:pointer; border:none}