@charset "UTF-8";

html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;} 
a {-moz-transition:color .2s ease; -webkit-transition: color .2s ease; transition: color .2s ease; -ms-transition: color .2s ease;}
a {color: #000;}
a:hover {/* color: #203256; */ color: #f55e45;}
.fl {float: left;}
.fr {float: right;}
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;overflow:hidden;}
.clearfix {zoom:1;}
.clear {clear:both;display:block;font-size:0;height:0;line-height:0;overflow:hidden;}
 
html,body {background-image:-webkit-linear-gradient(-240deg, #182848 10%, #182848 70%);background-image:-webkit-linear-gradient(120deg, #182848 10%, #182848 70%);background-image:linear-gradient(-30deg, #182848 10%, #182848 70%); padding:0; font-family:'Microsoft YaHei','SimSun','宋体','Arial Narrow';}  
.navbar-default {background: #114181; border:0 none; z-index: 5;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background: #1a4d8f; }
.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {margin:0;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{background: #1a4d8f;}
.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus {background: #1a4d8f;}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus {background: #1a4d8f;}
.btn-info,
.btn-info:hover {
  background-image: -webkit-linear-gradient(#02a5de, #2166a9 6%, #054688);
  background-image: -o-linear-gradient(#02a5de, #2166a9 6%, #054688);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#02a5de), color-stop(6%, #2166a9), to(#054688));
  background-image: linear-gradient(#02a5de, #2166a9 6%, #054688);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff02a5de', endColorstr='#ff028fc0', GradientType=0);
  -webkit-filter: none;
          filter: none;
  border: 1px solid #054688;
}
.collapse.navbar-collapse {padding-left: 0; padding-right: 0;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background: #054688; }
.navbar-default .navbar-toggle,.navbar-default .navbar-collapse, .navbar-default .navbar-form{border-color: #1d365d;}
.navbar-default .navbar-brand {text-shadow: 0 -1px 0 #022e5a;}
.navbar-default .container{padding: 0;}
.form-control {height:28px; padding: 4px 12px;}
.navbar-form {margin-top:15px; margin-bottom: 0px;}
.navbar-right {margin-right: -30px;}
.navbar-form .form-control {width: 180px;}
.navbar {min-height:60px; border-radius: 0; margin-bottom: 0;}
.navbar-brand {padding: 10px 15px; height:60px; line-height:40px; display: none;}
.navbar-nav > li > a {padding-bottom: 10px; padding-top: 10px; line-height:40px; font-size: 16px;}
.dropdown-menu {border:0 none;}
.navbar-nav .dropdown-menu>li>a {padding:8px 20px;}

.topnav {height:28px; background: #eee;}
.docs-nav {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
  background-color: #1d365d;
  border-color: rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.07);
  color: #eee;
  font-size: 12px;
}
.docs-nav div.text-left,.docs-nav div.text-right {display: inline-block;}
.docs-nav div.text-left {padding-top:4px;}
.docs-nav .text-left span {padding-right: 10px; color: #eee; margin-right: 10px;}
.docs-nav .text-left span i {margin-right:1px;}
.docs-nav .text-left span:hover {-moz-transition:color .2s ease; -webkit-transition: color .2s ease; transition: color .2s ease; -ms-transition: color .2s ease; color: #0596da;}
.docs-nav .container {padding-top:0px;}
/*.navbar-nav > li span.caret {display: none;}
.navbar-nav > li.dropdown span.caret {display:inline-block;}*/
.banner {
    background-color: #fafafa;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #fff;
    color: #777;
    height: 24px;
    line-height: 24px;
    padding:0px 20px;
    font-size: 11px;
}
.docs-nav .fr a {display: inline-block; width: 28px; height: 28px; font-size:16px; color: #eee; text-align: center; vertical-align: middle;}
.docs-nav .fr a:hover{color: #0596da;}
.logos {height: 100px; padding-left: 0; padding-right: 0;}
.logos a.logo {margin-top:25px; width: 140px; height: 48px; display: inline-block;}
.contmain {background: #fff;}

.slider-wraper {height:auto; width:100%; margin:0 auto;}
.slider-wraper .img {float: left;}
.slider-wraper img {width:100%; height:auto;}
.logos h2.fr {margin-top:22px;}
.logos h2.fr em {font-size:30px; color: #efefef;}
.logos h2.fr em:hover {}
.logos h2.fr em img {width:200px; height:57px;}
.container.pd0,.docs-nav .container{padding-left: 0; padding-right: 0;}

/*slider*/
.slider-wraper{ width:1170px; height:373px; overflow:hidden; position:relative; z-index: 2;}
.slider-wraper .slider_item{ height:15px; overflow:hidden; width: 64px; z-index:1; position: absolute; bottom: 10px; left: 50%; margin-left: -30px;}
.slider-wraper .slider_item ul{ overflow:hidden; zoom:1; float:left;  }
.slider-wraper .slider_item ul li{ float:left; margin-right:6px;  width:14px; height:14px; line-height:14px; border-radius: 50%; text-align:center; background:#fff; cursor:pointer; text-indent: -99em;}
.slider-wraper .slider_item ul li.on{ background:#2166a9; color:#fff; }
.slider-wraper .slider_container{ position:relative; height:100%; z-index:0;   }
.slider-wraper .slider_container .img{ zoom:1; vertical-align:middle;}
.slider-wraper .slider_container img{ width:1170px; height:373px; display:block;  }

.slider-wraper .prev,
.slider-wraper .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat #000; filter:alpha(opacity=50);opacity:0.5; display: none;}
.slider-wraper .next{ left:auto; right:3%; background-position:8px 5px; }
.slider-wraper .prev:hover,
.slider-wraper .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slider-wraper .prevStop{ display:none;  }
.slider-wraper .nextStop{ display:none;  }

/*专业领域*/
.zhuanye {border-left:1px solid #2787EB; border-right:1px solid #2787EB;}
.zhuanye h3 {height: 39px; line-height: 39px; border-bottom: 1px solid #09458D; background:#054688; color: #fff; padding: 0 10px; font-size: 15px;}
.zhuanye h3 i {font-size: 22px; margin-right: 5px; font-weight: normal;}
.zhuanye h3 a{font-weight: normal; color: #fff; background: #003267; display: inline-block; width: 62px; height: 24px; line-height: 20px; vertical-align: middle; margin-top:7px; font-size:13px; text-align: center; }
.zhuanye h3 a:hover {color: #60A8F0;}
.zhuanye-list{background: #2166A9; border-top:1px solid #2787EB; height: 99px;}
.zhuanye-list li {float: left; width: 232px; border-right:1px solid #004285; color: #fff; height: 98px;}
.zhuanye-list li .icon {float: left; width: 90px; height: 98px;}
.zhuanye-list li .icon span {width: 64px; height: 64px; margin: 17px 13px; background:#054688; border-radius: 50%; display: inline-block;}
.zhuanye-list li .icon span:hover {background: #0979EA;}
.zhuanye-list li .icon i {width: 42px; height: 42px; font-size: 42px; margin: 11px;}
.zhuanye-list li .txt {float: left;}
.zhuanye-list li .txt h4.cn {color: #EFFFBA; font-size: 16px; line-height: 24px; margin-top: 15px; font-weight: normal;}
.zhuanye-list li .txt h4.en {font-size: 14px; font-weight: normal; line-height: 16px;}
.zhuanye-list li .txt a.more {line-height: 30px; font-size: 12px; color: #fff;}
.zhuanye-list li .txt a.more:hover{color: #60A8F0; text-shadow: 0 -1px 0 #054688;}

/*关于我们*/
.aboutwraper {padding: 0 20px; margin-top: 15px;}
.aboutwraper .about {float: left; width: 520px; margin-right: 20px;}
.aboutwraper .about h3,.aboutwraper .news h3 {height:40px; background:url(../images/line.png) repeat-x 0 bottom; padding-top: 8px; margin-bottom: 10px;}
.aboutwraper .about h3 em,.aboutwraper .news h3 em{display: inline-block; font-size: 20px; line-height: 20px; font-weight: normal;}
.aboutwraper .about h3 a.more,.aboutwraper .news h3 a.more{font-size: 12px; float: right; font-weight: normal; margin-top: 5px;}
.aboutwraper .about .about-txt .fl {width: 260px; height: 175px; float: left; margin-right: 10px; overflow: hidden;}
.aboutwraper .about .about-txt .fl p {padding-bottom: 12px; line-height: 22px; color: #666;}
.aboutwraper .about .about-txt .fr {width: 250px; height: 172px;}
.aboutwraper .news {float: left; width: 285px;}
.mr20 {margin-right: 20px;}
.aboutwraper .news ul li {background: url(../images/icon-f.png) no-repeat 0px 15px; padding-left: 10px;}
.aboutwraper .news ul li span{float: right; font-size: 12px; color: #999; line-height: 30px;}
.aboutwraper .news ul li a {width: 240px; height:30px; line-height: 30px; overflow: hidden; color: #666;}
.aboutwraper .news ul li a:hover {color: #f55e45;}

/*案例展示*/
.casewraper {margin-top: 35px;}
.plr15 {padding: 0 15px;}
.plr20 {padding: 0 20px;}
.titles {padding-bottom: 30px;}
.titles h3{height: 18px; border-bottom:2px solid #2166A9; position: relative; z-index: 2; width: 110px; margin: 0 auto; display: none;}
.titles h3 em {display: inline-block; width: 50px; height: 22px; line-height: 22px; background: #fff; margin-top:5px; font-size: 14px; font-weight: normal;}
.titles h4 {line-height: 60px; font-size: 20px; font-weight: normal; color: #333; max-width:420px; background: url(https://law-1006947-pic10.websiteonline.cn/upload/bt_Bg.png) no-repeat 0 center; margin: 0 auto;}
.titles p {line-height: 22px; color: #777;}
.overlay-details h4 {font-weight: normal; line-height: 36px; height: 36px; overflow: hidden; font-size: 15px;}
.overlay-details p {line-height: 22px; color: #777;}
.overlay-details a.btn {padding: 0; line-height: 26px; color: #777; margin-top: 5px;}
.overlay-details a.btn:hover {color: #203256;}
.case-list,.tema-list {padding: 0 5px;}
.case-list .thumb {padding-bottom: 10px; border-bottom: 1px dotted #999;}
.case-list .hd a,.tema-list .hd a{display: inline-block; width: 24px; height: 24px;}
.case-list .hd a i,.tema-list .hd a i {width: 24px; height: 24px; font-size:18px;}
.case-list .caseitem {float: left;}

/*专业团队*/
.temawraper,.hezuowraper {margin-top: 30px;}
.temawraper .temaitem .txt h3 {padding-top: 4px;}
.temawraper .temaitem .txt h3 a{line-height:30px; color:#F55E45;}
.temawraper .temaitem .txt h3 a:hover {color: #203256;}
.temawraper .temaitem .txt p {color: #777; line-height: 18px;}
.footer {padding: 20px 0 32px;}

/*合作客户*/
.hezuo-list {padding-bottom: 20px;}
.hezuo-logo {float: left; width:700px; padding: 0 5px; position: relative; z-index: 2; overflow: hidden;} 
.hezuo-logo .uimg {float: left;}
.hezuo-logo .uimg img {max-width: 100%;}
.hezuo-logo .picList ul {float: left;}
.hezuo-thinks {float: right; width: 440px; padding-right: 20px;}
.hezuo-thinks img {width: 100%; max-width: 100%;}
.hezuo-thinks .pingjia {margin-bottom: 6px; height: 135px; margin-top: 6px; overflow: hidden; position: relative; z-index: 2;}
.hezuo-thinks .pingjia li {}
.hezuo-thinks .pingjia p {line-height: 24px; color: #777; padding:0 0 6px 0;}
.hezuo-thinks .pingjia h4 {line-height: 28px; font-size: 16px;}
.hezuo-thinks .pingjia h4 a {color:#f55e45;}
.hezuo-thinks .pingjia h4 a:hover {border-bottom: 1px dotted #f55e45;}
.hezuo-thinks .pingjia h4 span {float: right; font-size: 12px; color: #333;}

.linkwraper {border: 1px dotted #ccc; padding:8px 20px; margin: 0 20px 30px;}
.linkwraper span {display: inline-block; float: left; line-height: 20px;}
.linkwraper a {height:20px; line-height: 20px; margin-right: 15px; margin-bottom: 12px; color: #666; display: inline-block; float: left;}
.linkwraper a:hover {color: #203256;}
.linkwraper a.success {padding: 0 10px; background-color: #5cb85c; color: #fff; line-height: 18px;}
.linkwraper a.success:hover {background-color: #2a912a;}

/*footer*/
.footer {text-shadow: 0 -1px 0 #000;}
.footer .submens a {color:#506691; line-height: 30px; padding: 0 15px;}
.footer .submens a:hover {color: #2166A9;}
.footer p {line-height: 28px; color: #468dd2;}
.footer p a {color: #468dd2;}
.footer p.zhichi,.footer p.zhichi a{color:#92c6f9;}
.footer p.zhichi a:hover {color:#F55E45;}


/* 主体区域 */
.contmainboxs-left {width: 232px; float: left; position: relative; z-index: 2;}
.contmainboxs-left .leftmenus h2 {position: absolute; z-index: 3; left: -6px; top:14px; background: url(../images/leftmenubg2.png) no-repeat 0 0; height:38px; line-height: 31px; color: #fff; font-size: 15px; width: 249px;}
.contmainboxs-left .leftmenus i {margin-right: 8px;}
.contmainboxs-left .leftmenus h2 a {color: #fff; text-shadow: 0 -1px 0 #000; display: block; padding-left:31px;}
.contmainboxs-left .leftmenus ul {float: left; margin-top:55px; padding-left:17px; padding-top: 10px;}
.contmainboxs-left .leftmenus ul li{width: 199px; margin-bottom: 10px;}
.contmainboxs-left .leftmenus ul li a{display: block; padding-left: 18px; background: url(../images/leftmenulibg.png) no-repeat 0 0; height: 29px; line-height: 26px; color: #555;}
.contmainboxs-left .leftmenus ul li a:hover,.contmainboxs-left .leftmenus ul li.cur a { background: url(../images/leftmenulibg2.png) no-repeat 0 0; color: #fff;}
.contmainboxs-left .leftmenus .lcontact {padding-left: 16px; margin-top:15px; float: left; margin-bottom:50px;}
.contmainboxs-left .leftmenus .lcontact h4 {line-height:40px; font-size: 15px;}
.contmainboxs-left .leftmenus .lcontact .uls {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding:10px 0px;}
.contmainboxs-left .leftmenus .lcontact .uls p {line-height: 24px; color: #777; font-size: 12px;}
.contmainboxs-right {float: right; width:938px; padding:0 25px 50px 25px; background: url(../images/rightbg.jpg) repeat-y 0 0; min-height: 500px;}
.contmainboxs-right .current,.contmainboxs .crumbs {background: url(../images/currentbg.jpg) repeat-x 0 0; height: 32px; line-height:28px; padding-left: 20px; margin-top: 18px; font-size: 12px; color: #777;}
.contmainboxs .crumbs {margin-top: 2px; margin-bottom: 20px;}
.contmainboxs-right .newlist {padding: 15px 0;}
.contmainboxs-right .newlist li{padding: 0 10px; line-height: 34px; border-bottom:1px dotted #ccc;}
.contmainboxs-right .newlist li a {color: #555;}
.contmainboxs-right .newlist li a i {margin-right: 5px; color: #ccc;}
.contmainboxs-right .newlist li a:hover {color: #f55e45;}
.contmainboxs-right .newlist li span {float: right; color: #888; font-size: 12px;}

.contmainboxs-right .newimglist ul {padding:25px 0;}
.contmainboxs-right .newimglist li {background: url(../images/imglibg.png) no-repeat center bottom; padding-bottom: 25px; margin-bottom: 20px;}
.contmainboxs-right .newimglist li .uimg {float:left; width:190px; height: 187px; margin-right: 12px; background: url(../images/newimgbg.png) no-repeat 0 0;}
.contmainboxs-right .newimglist li .uimg img {width: 172px; height: 172px; margin:7px 0 0 8px;}
.contmainboxs-right .newimglist li .utxt {float: left; width: 680px;}
.contmainboxs-right .newimglist li .utxt h3 {font-size:18px; font-weight: 700; color: #444; line-height:38px;}
.contmainboxs-right .newimglist li .utxt h3 a:hover {color: #f55e45;}
.contmainboxs-right .newimglist li .utxt p {line-height: 22px; color: #555; font-size: 12px;}
.contmainboxs-right .newimglist li .utxt p.pb15 {padding:3px 0 8px 0; color: #888}
.contmainboxs-right .newimglist li .utxt p.mh120 {height: 110px; overflow: hidden;}
.contmainboxs-right .newimglist li .utxt p a{color:#2166a9;}
.contmainboxs-right .newimglist li .utxt p a:hover {color: #f55e45;}

.contmain-body h2{ font-size:26px; font-weight: 700; color: #555; text-align: center; line-height:80px;}
.contmain-body .body-mains {line-height: 180%; color: #666; padding:20px 40px;}
.contmain-body .body-mains p {color: #666;}
.contmain-body .body-mains img {max-width:800px; width:expression(this.width > 800 ? "800px" : this.width); overflow:hidden;}


.pages {text-align: center;}
.pagination {
    background: #fff;
    padding: 20px 0;
    margin-top:0px;
    margin-bottom:0px;
    margin-left: auto;
    margin-right: auto;
}

.pagination a {
    display: inline-block;
    padding:4px 12px;
    margin-right:8px;
    border-radius:3px;
    border: solid 1px #c0c0c0;
    background: #f8f8f8;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.pagination a:hover, .pagination a.gradient:hover {
	color: #f55e45;
    background: #2166a9;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.pagination span {
	display: inline-block;
    padding:4px 12px;
    margin-right:8px;
    border-radius:3px;
    border: none;
    background: #1a7edf;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.pagination a.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}

/* 地图 */
.maps {margin:15px 0 30px 0;}
.BMap_bubble_content b {font-size: 16px; color: #f55e45; line-height:30px;}
.BMap_bubble_content .iw_poi_content {line-height: 20px; color: #555;}
.BMap_bubble_content .iw_poi_content a {color:#2166a9; font-size: 12px;}

.faq {margin-bottom: 50px;}
.article-infor {padding:10px 0 15px 0; line-height: 16px; display: block; border-top: 1px dashed #ccc; text-align: center;}
.article-infor .ls {display: inline-block; line-height: 18px; padding: 2px 15px; font-size: 12px; color: #999;}
#goTopBtn {
	background: #2166a9;
    bottom:20px;
    cursor: pointer;
    font-size: 12px;
    height:54px;
    line-height:54px;
    position: fixed;
    right:20px;
    text-align: center;
    width:54px;
}
.showcase-title {
    font-size:24px;
    line-height: 40px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 100;
    color: #666;
    
}
.showcase-title a{color: #666;}
.showcase-title a:hover {color: #f55e45;}

.newkehulist {padding: 30px 0;}
.kehuitem img {max-width: 100%; width: 100%;}
.kehuitem p {line-height: 20px; height: 20px; overflow: hidden; font-size: 12px; text-align: center; margin: 5px 0 12px 0;}


/*在线客服*/
.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:url(../images/online_bg.png) no-repeat -147px -185px;
    padding-top:11px;
    _background:url(../images/online_bg_ie6.png) no-repeat -147px -185px;
}
.online_content a.qq_icon {
    background:url(../images/online_bg.png) no-repeat -37px -130px;
    width:121px;
    height:25px;
    display:block;
    margin:0 auto;
    text-indent:30px;
    line-height:23px;
    font-size: 12px;
    cursor:pointer;
    _background:url(../images/online_bg_ie6.png) no-repeat -37px -130px;
}
.online_content a.qq_icon:hover {
    background-position:-159px -130px;
    color:#FFF;
}
.online_bar h2 {
    background:url(../images/online_bg.png) repeat-x 0 -156px;
    height:29px;
    line-height:27px;
    font-size:12px;
    color:#666;
    text-align:left;
    _background:url(../images/online_bg_ie6.png) repeat-x 0 -156px;
}
.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_qq_layer {
    position:fixed;
    right:0px;
    top:180px;
    _position:absolute;
    z-index: 9999;
}
* html, * html body {
    _background-attachment:fixed;
}
* html #online_qq_layer {
    _bottom:auto;
_top:expression(eval(document.documentElement.scrollTop + 180));
}
#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;
}





@media (max-width:768px) {
    html,body {overflow-x:hidden;}
    .navbar.navbar-default {width: 100%; overflow: hidden;}
    .logos a.logo {width: 100%;}
    .logos a.logo img {max-width: 100%; height: auto;}
    .slider-wraper .slider_container img {width: 100%; height: auto;}
    .slider-wraper {width: 100%; height: auto;}
    .zhuanye-list {height: auto;}
    .zhuanye-list li {width: 100%;}
    .zhuanye-list ul{display: block; clear: both; overflow: hidden;}
    .aboutwraper .about {width: 100%;}
    .hezuo-thinks {width: 100%; padding: 0 5px;}
    .hezuo-logo .uimg {padding:0;}
    .contmainboxs-right {width: 100%; padding:0 0px 50px 0px;}
    .case-list, .tema-list {width: 100%; overflow: hidden;}
    .aboutwraper .about .about-txt .fl {width: 100%; margin-right: 0; height: auto;}
    .aboutwraper .about .about-txt .fr {width: 100%; height: auto;}
    .aboutwraper .about .about-txt .fr img {width: 100%; height: auto;}
    .aboutwraper .news {width: 100%; margin-right: 0;}
    .xysliderWraper .col-xs-12 .clearfix,.xysliderWraper .col-xs-12 .clearfix a {width: 100%; text-align: center; display: block;}
    .img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {margin:0 auto;}
    .contmainboxs-right .newimglist li {width: 100%;}
    .contmainboxs-right .newimglist li .utxt {width:80%; margin:0 10%;}
    .contmainboxs-right .newimglist li .uimg {float: none; margin:0 auto; width:84%; height: auto; background:none;}
    .contmainboxs-right .newimglist li .uimg img {width: 100%; height: auto; margin:0;}
    .contmainboxs-right .newimglist li .utxt p {font-size: 16px;}
}