﻿  /*
 **************************************************************************
 *                                                                        *
 *  0731a.com公用CSS模块                                                   *
 *                                                                        *
 *  @copyright       Copyright (c) 2013, 0731A.COM All rights reserved.   *
 *  @link            https://www.0731a.com/                               *
 *  @author          wjc                                                  *
 *  @Team            0731a.com                                            *
 *  @version         1.0                                                  *
 *  @lastmodify      2013.10.27                                           *
 *                                                                        *
 **************************************************************************
*/

body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,select,textarea,button,th,td,blockquote,address,pre{margin:0;padding:0}
h1,h2,h3,h4,h5,h6,input,textarea,select,button,label{font-size:100%;vertical-align:middle}
ul,dl,ol,li{list-style:none}
img,fieldset{border:0}
img{display:inline-block;overflow:hidden;vertical-align:top}
em,address{font-style:normal}
p{word-wrap:break-word}
table{border-collapse:collapse;border-spacing:0}
button{cursor:pointer}
textarea{word-wrap:break-word;resize:none;resize:vertical;overflow-y:auto}
body{font-size:12px;font-family:微软雅黑,宋体,黑体;background:#fff url('../images/line_body_bg.gif')  center -584px repeat;;-webkit-text-size-adjust:100%;text-align:left;color:#333; line-height:200%}
legend,button,select,textarea,input{color:#555;font-family:微软雅黑,宋体,黑体;}
button{min-width:68px;min-width:52px\9;*min-width:auto;height:24px;padding:0 5px 1px;*padding:0 10px 1px;}
th{text-align:inherit}

a{color:#000;text-decoration:none;outline:0 none}
a:hover{text-decoration:none;color:#000;}
a:focus{outline:0}i{font-style:normal}
a{blr:expression(this.onFocus=this.blur())}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
*html .clearfix{height:1%;}
.clearfix{display:block;}/* End hide from IE-mac */
*+html .clearfix{min-height:1%;}
*html,*html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;}
*html .shortcut{position:absolute;top:expression(eval(document.documentElement.scrollTop));}
.hidden{visibility:hidden}
.none{display:none}

.font12{font-size:12px}
.font14{font-size:14px}
.font16{font-size:16px}
.font18{font-size:18px}
.font20{font-size:20px}
.fontst{font-family:Simsun}
.fn{font-weight:normal;}

.money{color:#f63;font-weight:700}
.black{color:#333}
.red{color:#c00}
.bold{font-weight:700}

.fl{float:left;}/* 清除左浮动 */
.fr{float:right;}/* 清除右浮动 */
.clear{ float:none; clear:both; height:0px; font-size:0px; line-height:0px;}
.ml5{margin-left:5px;}
.ml15{margin-left:15px;}
.mr5{margin-right:5px;}
.ml10{margin-left:10px;}
.mr10{margin-right:10px;}
.ml20{margin-left:20px;}
.mr20{margin-right:20px;}
.mt8{margin-top:8px}
.mt12{margin-top:12px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.tc{text-align:center;}
.height10{height:10px;clear:both;}

.wrap{width:100%;}
.wp{width:980px;margin:0px auto; background-color:#fff;}
.wpborder{width:958px;margin:0px auto; border:1px #ddd solid; padding:10px;background-color:#fff;}

.color-fff{color:#fff;}/* 白色文字 */
.color-fff a{color:#fff;}
.color-fff a:hover{color:#fff;}

.color-555{color:#555;}/* 555文字 */
.color-555 a{color:#555;}
.color-555 a:hover{color:#555;}

.topWrap{width:100%; height:30px;line-height:30px;background-color:#efefef;}
.topRight{color:#999;}
.topRight a{color:#999; margin-left:10px}
.topLeft{color:#999;}

.logo-menu-bg{background:#fff url('../images/menubg.gif') repeat-x center bottom; height:105px; padding:0px 0px;}
.logo{width:170px; padding-top:5px;}
.menu{width:810px;padding-top:30px;}


.menu .m1{ display:block;width:133px;height:50px;background:#fff url('../images/m1a.gif') no-repeat center top;float:left;margin-right:10px;margin-left:15px}
.menu .m1:hover{background:#fff url('../images/m1b.gif') no-repeat center top;}

.menu .m2{ display:block;width:108px;height:50px;background:#fff url('../images/m2a.gif') no-repeat center top;float:left;margin-right:10px}
.menu .m2:hover{background:#fff url('../images/m2b.gif') no-repeat center top;}

.menu .m3{ display:block;width:108px;height:50px;background:#fff url('../images/m3a.gif') no-repeat center top;float:left;margin-right:10px}
.menu .m3:hover{background:#fff url('../images/m3b.gif') no-repeat center top;}

.menu .m4{ display:block;width:108px;height:50px;background:#fff url('../images/m4a.gif') no-repeat center top;float:left;margin-right:10px}
.menu .m4:hover{background:#fff url('../images/m4b.gif') no-repeat center top;}

.menu .m5{ display:block;width:110px;height:50px;background:#fff url('../images/m5a.gif') no-repeat center top;float:left;margin-right:10px}
.menu .m5:hover{background:#fff url('../images/m5b.gif') no-repeat center top;}

.menu .m6{ display:block;width:160px;height:50px;background:#fff url('../images/m6a.gif') no-repeat center top;float:left}
.menu .m6:hover{background:#fff url('../images/m6b.gif') no-repeat center top;}




/* banner幻灯片 */
.fullSlide{ width:100%;  position:relative;  height:390px; background:#000;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:390px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:350px; }

.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:42px; height:11px; margin:1px; overflow:hidden; background:#000;filter:alpha(opacity=50);opacity:0.5;  line-height:999px; }
.fullSlide .hd ul .on{ background:#219621;  }

.fullSlide .prev,
.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:15%;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.fullSlide .next{ left:auto; right:15%; background-position:-6px -137px; }



.subNav{width:980px;height:44px;line-height:44px; background:#fff url('../images/menuTwoBG.gif') no-repeat center top; margin:0px auto; z-index:99;}
.subNav-left{float:left; width:85px; text-align:center;background:#fff url('../images/menuTwoBG-1.gif') no-repeat right top;}
.subNav-left:hover{background:#fff url('../images/menuTwoBG-2.gif') no-repeat right top;}

.subNav-left-on{background:#fff url('../images/menuTwoBG-2.gif') no-repeat right top;}

.subNav-center{float:left; width:578px; text-align:left;}
.subNav-center li{padding:0px 20px;background:#fff url('../images/menuTwoBG-1.gif') no-repeat right top; float:left;display:inline;}
.subNav-center li:hover{background:#fff url('../images/menuTwoBG-2.gif') no-repeat center top;}

.subNav-right{float:left; width:315px; text-align:left;}
.subNav-right-400{margin-left:25px;width:140px; color:#555;}
.subNav-right-email{margin-left:30px;width:50px;}
.subNav-right-gbook{margin-left:30px;width:40px;}


/* bannerBox  */
.bannerBox{ position: relative; width:980px; height:390px; overflow: hidden; }
.bannerBox .pic{ position:relative; z-index:0; }
.bannerBox .pic img { width:980px; height:390px; display: block; }
.bannerBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
.bannerBox .hd li{margin: 0 5px; background: url(../images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;
	display:inline-block; *display:inline; zoom:1;  _background: url(../images/dot8.png) no-repeat 0 -16px;
}
.bannerBox .hd .on{ background-position:0 0; }
.bannerBox .prev,
.bannerBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.bannerBox .prev { left: 0; }
.bannerBox .next { background-position: 0 -90px; right: 0; }
.bannerBox .prev:hover,
.bannerBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }


/* bannerBox  */
.sidebanner{ position: relative; width:665px; height:260px; overflow: hidden; }
.sidebanner .pic{ position:relative; z-index:0; }
.sidebanner .pic img { width:665px; height:260px; display: block; }
.sidebanner .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
.sidebanner .hd li{margin: 0 5px; background: url(../images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;
	display:inline-block; *display:inline; zoom:1;  _background: url(../images/dot8.png) no-repeat 0 -16px;
}
.sidebanner .hd .on{ background-position:0 0; }
.sidebanner .prev,
.sidebanner .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.sidebanner .prev { left: 0; }
.sidebanner .next { background-position: 0 -90px; right: 0; }
.sidebanner .prev:hover,
.sidebanner .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }




.Photowall{width:980px;height:489px;overflow:hidden;}
.Photowall ul{padding:0px;margin:0px}
.Photowall ul li{padding:0px;margin:0px;float:left;display:inline;}



.caseShow{ width:978px; border:1px solid #ddd; text-align:left;  }
.caseShow .caseShowTop{ height:60px; background:#f4f4f4; }
.caseShow .caseShowTop h4{font-size:20px;float: left;line-height:60px; color:#333; font-weight:bold; text-indent:20px}

.caseShow .caseShowTop ul{ float:left;  height:30px; padding-top:30px   }
.caseShow .caseShowTop ul li{ float:left; cursor:pointer; width:90px;height:30px ;text-align:center;line-height:30px }
.caseShow .caseShowTop ul li.on{background:#fff; }

.search {float:right;width:300px;padding-top:15px;margin-left:36px}
.search .search_text{width:209px; height:29px; line-height:29px; padding-left:10px; background:url(../images/search_16.jpg) no-repeat; border:none; float:left; color:#777; font-family:"微软雅黑",Arial; font-size:12px;}
.search .search_btn{ width:72px; height:29px; background:url(../images/search_17.jpg) no-repeat ; border:none; float:left}


.caseShow .slideBox{ overflow:hidden; zoom:1; }
.caseShow .caseShowboxLeft{width:648px;float:left;background-color:#fff; padding:10px}
.caseShow .caseShowboxRight{width:300px;float:left;}

.caseShowMore{width:628px;height:40px;background-color:#eee; clear:both;margin-left:10px;margin-top:10px}

.caseShow .binglie{}
.caseShow .binglie ul li{float:left; margin:10px 7px 0px 7px; line-height:20px ;text-align:center;border:1px #ddd solid;padding:2px;width:302px;height:400px}
.caseShow .binglie ul li img{width:300px;height:196px;border:0px #eee solid}
.caseShow .binglie ul li h4{ display:block;height:65px;line-height:30px;font-weight:bold;font-size:16px; text-align:left; padding:10px 10px}
.caseShow .binglie ul li h4 a{ color:#000;}
.caseShow .binglie ul li h5{display:block;font-weight:normal;font-size:12px; text-align:left; padding:0px 10px;color:#333}

.caseShow .binglie ul li p{color:#777; text-align:left; padding:0px 10px}


.caseShow .tuwen{}
.caseShow .tuwen ul li{float:left; margin:10px;}
.caseShow .tuwen ul li img{width:140px;height:140px;border:1px #eee solid}



.tuwen .list{width:648px; padding:0px 0px 0px 0px;}
.tuwen .list .list_img,.tuwen .list .list_text{ float:left; display:block}

.tuwen .list_text h4 a{ display:block; font-family:"微软雅黑",Arial; font-size:20px; color:#000; font-weight:normal; padding-top:10px; text-decoration:none}
.tuwen .list_text h5{display:block; font-family:"微软雅黑",Arial; font-size:15px; color:#333; padding-top:12px; text-decoration:none;font-weight:bold;}

.tuwen .list_text p{ font-family:"微软雅黑",Arial; font-size:12px; color:#666; padding-top:10px; }

.tuwen .list_text{ padding-left:10px;width:308px; text-align:left;float:left;}
.tuwen .list img{width:328px;height:218px;border:1px #eee solid;float:left;}

.tuwen .list p{ width:300px;}
.tuwen .list p a{line-height:26px; padding-top:12px;font-family:"微软雅黑",Arial; font-size:12px; text-decoration:none; color:#666; text-align:center }
.tuwen .list p a:hover{ color:#333}

.tuwen .content_line{ height:5px;line-height:5px; width:648px; background:url(../images/content.jpg) no-repeat #fff left center; font-size:0px; clear:both; padding:10px 0px}

.left_btn_more{padding-top:8px; }
.left_btn_more a{ display:block; background: url(../images/view2.jpg) 0 0 no-repeat; width: 78px; height: 21px;line-height:21px; cursor: pointer; text-align:center; color:#fff;}
.left_btn_more a:hover{ background: url(../images/view2.jpg) 0 -21px no-repeat;}


.friendLink{width:978px;border:1px #ddd solid;}
.friendLink-title{border-bottom:1px #ddd solid; height:33px;line-height:33px;text-indent:10px;font-size:16px; text-align:left;}
.friendLink-title span{ float:right;margin-right:10px;font-size:9px;}

.friendLink-list{ height:80px; padding:10px; background:#fff; overflow:hidden; clear:both; text-align:center;  }
.friendLink-list ul{ overflow:hidden; zoom:1; }
.friendLink-list ul li{ width:150px; float:left; margin:0 5px;  display:inline; line-height:25px }
.friendLink-list ul li img{ width:150px; height:60px; border:1px #eee solid   }


.Slidebox-news{width:298px;border:1px #ddd solid;}
.Slidebox-news-title{border-bottom:1px #ddd solid; height:33px;line-height:33px;text-indent:10px;font-size:16px;}
.Slidebox-news-title span{ float:right;margin-right:10px;font-size:9px;}
.Slidebox-about-list{padding:10px;line-height:200%;color:#555;}
.Slidebox-news-list{line-height:200%;padding:10px;}
.Slidebox-news-list ul li{ padding-left:12px;background:url('../images//images/dot.jpg') no-repeat left center;}

.Slidebox-news2{width:278px;border:1px #ddd solid; margin-left:20px;}


/* 手风琴 */
#sideMenu{}
#sideMenu .hd{ margin-top:1px; background:url(../images/icons.png) #eee 280px -37px no-repeat;  cursor:pointer;}
#sideMenu .hd h3{ color:#333;  }
#sideMenu .on{ background:url(../images/icons.png) #ABABAB 280px -77px no-repeat; }
#sideMenu .on h3{ color:#fff;  }
#sideMenu .bd{ height:auto; display:none;}

.sideBox{ background:#fff;  border-left:1px #ddd solid;border-right:1px #ddd solid;border-bottom:1px #ddd solid;}
.sideBox .hd{ height:30px; line-height:30px; background:#f60; padding:0 10px;   }
.sideBox .hd h3{ font-weight:bold; font-size:14px; color:#fff;  }
.sideBox .hd h3 a{ color:#333;   }
.sideBox .bd{ padding:10px 0 10px 10px;  }
.sideBox .bd li{height:24px; line-height:24px; overflow:hidden;  font-size:14px;}
.sideBox .bd ul .lion a{font-weight:bold;color:navy}



.subNav2{height:26px;line-height:26px;background-color:#eee; text-align:left;}
.subNav2 ul li{float:left; height:26px;text-align:center;padding:0px 15px;font-size:12px;}
.subNav2 ul li:hover{background-color:#ddd;}
.subNav2 ul li .on{background-color:#ddd;}

.subNav2_news{height:30px;line-height:30px;background-color:#eee; text-align:left;text-indent:10px;}

.sideleft{float:left;width:663px; display:inline;border:1px #ddd solid; background-color:#fff;}
.sideleft_news{float:left;width:663px; display:inline; background-color:#fff;}

.sideright{float:left;width:300px; display:inline; margin-left:15px;background-color:#fff;}
.list-youshi-title{height:30px;line-height:30px;background-color:#ddd; font-family:微软雅黑,Arial; font-size:18px; color:#555; text-indent:10px;text-align:left;}
.list-youshi-title span{float:right;margin-right:10px;font-size:9px; font-weight:normal;}

.list-youshi-list{line-height:200%; border:1px #ddd solid;border-top:0px;text-align:left; padding:10px;min-height:150px}

.list-case-list{line-height:200%; border:1px #ddd solid;border-top:0px;text-align:left; padding:10px;min-height:150px}

.con-about-title{ overflow:hidden; background:url(../images/bg.png) 0 0px #efefef;  margin:10px;padding-left:5px}
.con-about-title li{ position:relative;  height:35px; line-height:35px; text-align:center; padding:0px 10px; float:left; border-right:0px solid #ddd;font:normal 14px/37px "Microsoft YaHei"; _font-weight:bold; cursor:default; }
.con-about-title li a:hover{color:#E60012 ;font-weight:bold }
.con-about-title li.on{ padding:0px 10px; background:#fff; border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;margin-left:-1px; color:#c00; font-weight:bold; color:#E60012 ; font-size:15px }
.con-about-title li.on a{color:#E60012  }

.con-about-list{line-height:200%;text-align:left; padding:10px;min-height:300px}


/*服务内容页标题*/
.con-service-title{overflow:hidden; margin:10px;font-size:22px;color:#333;border-bottom:3px #333 solid;padding-bottom:10px;padding-top:5px}


/*公司动态*/
.list-news-list{line-height:200%; border:1px #ddd solid;text-align:left; padding:10px;float:left;padding-top:0;padding-right:20px;min-height:780px; background-color:#fff;}
.list-news-list ul{margin:0;padding:0;}
.list-news-list ul li img{width:230px;height:135px;border:0;}
.list-news-list ul li{height:157px;border-bottom:1px solid #ddd;margin-top:20px;}
.list-news-list ul li p{color:#9a9a9a;}

.content-news-show{line-height:200%; border:1px #ddd solid;text-align:left; float:left;padding:10px;padding-top:20px;min-height:751px}
.content-news-show h1{font-size:18px;text-align:center;}
.c-content-body{margin:20px 0;width:645px;color:#666;}

.c-content-body img { max-width:630px;}

.page_updown{width:642px;border-top:1px #ddd solid;text-align:left;}
.page_updown p{font-size:14px;height:25px;line-height:25px;} 
.page_updown p a{color:#333;}

/*分页样式*/
.pager {PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 23px; MARGIN:3px; PADDING-TOP: 20px; TEXT-ALIGN: center;COLOR: #585659;}
.pager A {BORDER: #ddd 1px solid;PADDING-RIGHT: 10px;  PADDING-LEFT: 10px; BACKGROUND:  #fff; PADDING-BOTTOM: 2px; COLOR: #585659; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; TEXT-DECORATION: none}
.pager A:hover { BACKGROUND:  #f7b52d;  COLOR: #fff; BORDER: #ddd 1px solid;}
.pager A:active { BACKGROUND:  #f7b52d;  COLOR: #fff; BORDER: #ddd 1px solid;}
.pager SPAN.current { BORDER-RIGHT: #aad83e 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aad83e 1px solid; PADDING-LEFT: 0px; FONT-WEIGHT: bold; BACKGROUND:  #aad83e; PADDING-BOTTOM: 2px; BORDER-LEFT: #aad83e 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #aad83e 1px solid}
.pager SPAN.disabled {BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid}
.pager .thispage{ BACKGROUND:  #f7b52d;  COLOR: #fff; BORDER: #ddd 1px solid;}

.ServiceBanner{ width:980px;;  position:relative;  height:350px; padding:0;float:left; background:#F3F3F3 url(../images/nopic.gif) no-repeat center center;}
.ServiceBannerIn{ width:980px; height:350px; position:relative;  margin:0 auto;  overflow:hidden;  }
.ServiceBannerIn .bd li{ vertical-align:middle; }
.ServiceBannerIn .bd li img{ width:980px; height:350px; display:block;  }
.ServiceBannerIn .hd{ position: absolute; right:4px; bottom:6px;  }
.ServiceBannerIn .hd ul{ vertical-align:middle; display:inline-block; *display:inline; overflow:hidden; zoom:1; }
.ServiceBannerIn .hd ul li{  position:relative; float:left; display:inline; padding-top:4px;  margin-right:6px; filter:alpha(opacity=80); opacity:0.8;  cursor:pointer;  }
.ServiceBannerIn .hd ul li img{ width:76px; height:46px; border:2px solid #fff; display:block;  }
.ServiceBannerIn .hd ul li.on{ filter:alpha(opacity=100);opacity:1; background:url(../images/focusArrow.png) center 0 no-repeat; }
.ServiceBannerIn .hd ul li.on img{ border:2px solid #3499EA; border-bottom-width:4px;}

/* .ServiceBannerLeft{float:left;width:200px; background-color:#efefef; height:350px;}
.ServiceBannerLeft ul li{width:200px; height:49px; line-height:49px;font-size:15px;text-indent:15px;border-bottom:1px #ddd dotted;}
.ServiceBannerLeft ul li a{width:200px;height:49px;line-height:49px; display:block; color:#555;}

.ServiceBannerLeft ul li a:hover{ color:#333;background-color:#ccc;}
.ServiceBannerLeft ul li .on{background-color:#ccc; font-weight:bold;color:#000;}
.ServiceBannerLeft ul li .on a{color:#000;} */

/* 子导航 */
.sub-nav{width:110px;background:#DBDFDF;position:fixed;left:0px;z-index:999;_position:absolute;top:235px;_margin-top:-1px;
_top:expression(eval(document.documentElement.scrollTop+235))}
.sub-nav li{width:110px; height:60px; line-height:60px;font-size:12px;text-align:center;border-bottom:2px #fff solid;}
.sub-nav li a{width:110px;height:60px;line-height:60px; display:block; color:#555;}
.sub-nav li a:hover{ color:#fff;background-color:#40B290;}
.sub-nav li .on{background-color:#40B290; font-weight:bold;color:#fff;}
.sub-nav li .on a{color:#000;} 

.list-service-case-box{width:640px;height:145px; overflow:hidden;border-bottom:1px #ddd dotted;margin-top:10px}
.list-service-case-box-left{float:left; display:inline;width:160px;height:160px;overflow:hidden}
.list-service-case-box-left img{width:135px;height:135px; padding-left:10px}
.list-service-case-box-right{float:left; display:inline;width:470px;height:160px;}
.list-service-case-box-right p{ line-height:180%;}

#footer{width:980px;margin:0 auto;}
#footer .list_1,#footer .list_2,#footer .list_3,#footer .list_4,#footer .list_5{ float:left;padding-left:20px;}
#footer h4 a{ font-family:"微软雅黑",Arial; color:#707070; font-size:14px; font-weight:bold; text-decoration:none}
#footer h4 a:hover{ color:#333}
#footer ul{ padding-top:6px; }
#footer li{ line-height:18px; height:18px;}
#footer li a{ font-family:"微软雅黑",Arial; color:#666; font-size:12px; font-weight:normal; text-decoration:none}
#footer li a:hover{ color:#333}
#footer .list_1{ width:140px; height:160px;}
#footer .list_2{ width:138px; height:110px; border-left:1px solid #CCC; border-right:1px solid #CCC;}
#footer .list_3{ width:139px; height:110px; border-right:1px solid #CCC;}
#footer .list_4{ width:139px; height:110px; border-right:1px solid #CCC;}
#footer .list_5{ width:320px; height:220px;}
#footer .list_5 h5{ font-weight:normal; font-size:12px; padding:10px 0 6px 0; line-height:14px; height:14px;font-family:"微软雅黑",Arial; color:#707070;}
#footer .list_5 p{ line-height:16px;font-family:"微软雅黑",Arial; color:#666; font-size:12px;}
#footer .list_5 p a{ color:#666; text-decoration:none; padding-left:2px;}
#footer .list_5 p a:hover{color:#333;}




.jobleft{float:left;width:220px; display:inline;  padding-top:55px;text-align:right;}
.jobleft .jobleft-nav1 li{width:220px; height:40px;line-height:40px; font-size:14px;}
.jobleft .jobleft-nav1 li a:hover{ color:#E60012;}
.jobleft .jobleft-nav1 li span{width:20px; height:40px; display:block;float:right;}
.jobleft .jobleft-nav1 .on{font-size:16px;border-bottom:1px #ddd solid; border-top:1px #ddd solid; border-right:1px #fff solid; margin-right:-1px; position:relative}
.jobleft .jobleft-nav1 .on a{color:#E60012;font-weight:bold}

.jobleft .jobleft-nav2 li{width:220px; height:30px;line-height:30px; font-size:12px;}
.jobleft .jobleft-nav2 li a{ color:#777;}
.jobleft .jobleft-nav2 li a:hover{ color:#E60012;}
.jobleft .jobleft-nav2 li span{width:20px; height:30px; display:block;float:right;}
.jobleft .jobleft-nav2 .on{font-size:14px;border-bottom:1px #ddd solid; border-top:1px #ddd solid; border-right:1px #fff solid; margin-right:-1px; position:relative}
.jobleft .jobleft-nav2 .on a{color:#E60012;font-weight:bold}
.jobleft .jobleft-nav2 .on a:hover{color:#E60012;font-weight:bold}

.jobright{float:left;width:739px; display:inline; padding-left:20px;border-left:1px #ddd solid; overflow:hidden; min-height:500px;}

.joblist{margin-left:13px;}
.joblist ul{ margin-top:5px}
.joblist ul li{ height:29px;line-height:29px;border-bottom:1px #ddd dotted;}
.joblist ul li a:hover{ color:#E70012;}
.joblist ul li:hover{ background-color:#efefef;}
.joblist ul li:hover a{ color:#E70012;}


/*案例总览*/
.case-nav{padding:10px 0px;border-bottom:1px #ddd dotted; margin:0px 20px;}

.case-nav-list{clear:both;}
.case-nav-list h3{float:left; width:150px;text-align:right;}
.case-nav-list li{float:left; margin:0px 5px;width:100px}
.case-nav-list li a{ color:#555;}
.case-nav-list li a:hover{color:#FF0000;}

/*案例分享筛选导航*/
.fenxiang-nav-list{clear:both;}
.fenxiang-nav-list li{float:left; margin-right:30px;}
.fenxiang-nav-list li a{ color:#555;}
.fenxiang-nav-list li a:hover{color:#FF0000;}


/*返回顶部*/
/*returnTop*/ 
#back-to-top{ 
position:fixed; 
display:none; 
bottom:30px; 
right:5px; 
} 
#back-to-top a{ 
text-align:left; 
text-decoration:none; 
color:#fff; 
display:block; 
width:50px; 
font-size:12px;
/*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/ 
-moz-transition:color 1s; 
-webkit-transition:color 1s; 
-o-transition:color 1s; 
} 
#back-to-top a:hover{ 
color:#fff; 
} 
#back-to-top a span{ 
background:transparent url(totop.gif) 0 0 no-repeat; 
border-radius:6px; 
display:block; 
height:50px; 
width:50px; 
margin-bottom:5px; 
/*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/ 
-moz-transition:background 1s; 
-webkit-transition:background 1s; 
-o-transition:background 1s; 
} 
#back-to-top a:hover span{ -105px 0 no-repeat; 
} 



    .nbanner{
            width: 100%;
            height: 657px;
 
 
        }
        .middleNavView{
            width: 750px;
            height: 70px;
            border: 1px solid gainsboro;
            border-radius: 3px;
            margin: 0 auto;
            margin-top: 50px;
            margin-bottom: 50px;
        }
        .middleNav{
            width: 20%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            height: 20px;
            border-right: 1px solid gainsboro;
            text-align: center;
            margin-top: 25px;
            font-size: 14px;
            float: left;
			color:#000;
        }
        .middleNav:last-child{
            border-right: 0px;
        }
        .middleNav.active{
            color: #d3b365;
        }
        .middleDes{
            width: 1130px;
            overflow: hidden;
          
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding-left: 10px;
padding-right: 10px;
            margin: 0 auto;
            font-size: 16px;
            padding-top: 60px;
            padding-bottom: 60px;
            color: #0b0b0b; line-height:28px;
            font-family: "Microsoft YaHei";
        }
		
		
		
		.Page{width:100%; text-align:center; padding:20px 0px;}
.Page a{display:inline-block;width:65px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px; float:left;text-decoration:none; color:#333; outline:none;}
.Page a:hover{ background:#f7b52d; color:#FFF;background-repeat:no-repeat; }
.Page span{display:inline-block;min-width:45px; padding:0 10px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px;float:left;}
.Page span.current{ background:#f7b52d; color:#FFF}
