.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:1170px;margin:0px auto; 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;}




.Photowall{width:1170px;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:225px;border:0px #eee solid}
.caseShow .binglie ul li h4{ display:block;height:30px;line-height:30px;font-weight:bold;font-size:16px; text-align:left; padding:0px 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;}




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


    .nbanner{
            width: 100%;
            height: 657px;
 
 
        }

.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:843px; display:inline;border:1px #ddd solid; background-color:#fff;}
.sideleft_news{float:left;width:843px; display:inline; background-color:#fff;}

.sideright{float:right;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%;  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:835px;color:#666;}

.c-content-body p ,.c-content-body div { font-size:14px; line-height:27px;}

.page_updown{width:832px;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;}



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




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

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

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

.tuanduisideleft{float:left;width:1178px; display:inline;border:1px #ddd solid; background-color:#fff;}
.con-tuandui-list{height:auto;margin-left:5px;}
.con-tuandui-list ul li{ float:left;text-align:center;width:240px;border:1px #eee solid;height:500px;overflow:hidden;margin:15px; padding:5px 10px;}
.con-tuandui-list ul li img{ width:240px;height:240px}
.con-tuandui-list ul li .titleen{ font-size:18px;font-weight:bold}
.con-tuandui-list ul li .title{ font-size:18px;font-weight:bold}
.con-tuandui-list ul li p{ font-size:12px; padding:5px; text-align:left; line-height:26px;}