body{ font-family:Microsoft YaHei, Arial, Helvetica, sans-serif;}
a {
  -webkit-transition: all .3s ease-in 0s;
  transition: all .3s ease-in 0s; }
a:hover{ text-decoration:none;}
ul{padding: 0;}
li{ list-style:none;}
/*=================================================================
  Navigation
==================================================================*/
.navigation {
  background: rgba(0, 0, 0, 0.7);
  -webkit-transition: .3s all;
  transition: .3s all; }
  .navigation .navbar-nav > li.active a {
    color: #546CC3; }
  .navigation .navbar-nav > li > a {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    padding: 20px 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    -webkit-transition: .2s ease-in-out 0s;
    transition: .2s ease-in-out 0s; }
    .navigation .navbar-nav > li > a:hover, .navigation .navbar-nav > li > a:active, .navigation .navbar-nav > li > a:focus {
      background: none;
      color: #546CC3; }

.sticky-header {
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.06);
  background: #fff !important; }
  .sticky-header .navbar-nav > li > a {
    color: #000; }
.sticky-header .logo{background:url(../images/logo.png);display: inline-block;width: 200px;height: 33px;margin-top:15px;}
.sticky-header .logo img{opacity: 0;}

.navbar-brand {
  height: auto;
  padding: 8px 0; }

.navbar-brand h1 {
  margin: 0; }
.hero-area {
  background-image: url("../images/slider-bg-3.jpg");
  background-size: cover;
  height: 60vh;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .hero-area:before {
    content: '';
    background: rgba(0, 0, 0, 0.63);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .hero-area .block {
    color: #fff;
    text-align: center; }
    .hero-area .block h1 {
      font-size: 60px;
      font-weight: 700;
      margin-bottom: 20px; }
    .hero-area .block p {
      color: #fff;
      text-transform: uppercase;
      font-size: 24px;
      margin-bottom: 20px;display: inline-block;background: #ea5826;color: #fff;padding: 10px 20px;border-radius: 10px; }
    .hero-area .block .btn-main {
      margin-top: 20px; }
      .hero-area .block .btn-main:hover {
        opacity: .8; }
	  .hero-area .block img{ display:block; max-width:100%; height:auto; width:300px; margin:0 auto;}
.btn-main {
  background: #546CC3;
  color: #fff;
  display: inline-block;
  font-size: 11px;
  letter-spacing: 1px;
  padding: 14px 35px;
  text-transform: uppercase;
  border-radius: 40px; }
  .btn-main:hover {
    background: #2e4083;
    color: #fff; }
.logo {
  margin-top: 10px;
  display: inline-block; }

/*============================================================
	For Small Desktop
==============================================================*/

@media (min-width: 700px) and (max-width: 1090px) {
    .navigation .navbar-toggle {
        border:1px solid #fff;
    }
    .navigation .navbar-toggle span {
        background:#fff;
    }
    .navigation .navbar-nav > li > a {
        font-size: 10px;
        padding: 20px 9px;
    }
    .navigation.sticky-header .navbar-toggle {
        border: 1px solid #dedede;
    }
    .navigation.sticky-header .navbar-toggle span {
        background: #000;
    }
    .navigation.sticky-header .navbar-nav > li > a {
        padding: 16px 9px;
    }
    .navbar-brand h1 {
        width: 130px;
    }
    .navbar-brand img {
        width: 100%;
    }
    .counters-item:before {
        display: none;
    }

}
@media only screen and (max-width: 767px) {

    .navigation.sticky-header .navbar-toggle {
        border: 1px solid #dedede;
    }
    .navigation.sticky-header .navbar-toggle span {
        background: #000;
    }
    .navigation .navbar-nav > li {width: 33.33333%;float: left;text-align: center;}
    .navigation .navbar-nav > li a{padding: 10px;}
    .navigation.sticky-header .navbar-nav > li {width: 33.33333%;float: left;text-align: center;}
    .navigation.sticky-header .navbar-nav > li > a {
        padding: 10px;
    }
    .navigation .navbar-toggle {
        border:1px solid #fff;
    }
    .navigation .navbar-toggle span {
        background:#fff;
    }

    .counters-item:before {
        display: none;
    }
    
    .clients-logo-slider {
        text-align: center;
    }

    
	/* parallax section */
    .parallax-section {
        background-position: center top !important;
    }

	/* h1 font size home slider */
    h1 {
        font-size: 30px;
    }

    .carousel-caption img {
        width: 70%;
    }

    #slitSlider .carousel-caption h2 {
        font-size: 24px;
        letter-spacing: 0.5px;
        line-height: 35px;
        margin-bottom: 25px;
    }

    #slitSlider .carousel-caption h3 {
        font-size: 20px;
        letter-spacing: 0.5px;
        line-height: 28px;
        margin-bottom: 25px;
    }

    #slitSlider .carousel-caption a {
        font-size: 14px;
    }

    #nav-dots {
        display: block;
    }

    #nav-arrows {
        display: none;
    }

	/* navigation */
    .navbar-fixed-top {
        padding-bottom: 10px;
    }

    .navbar-inverse .navbar-toggle,
	.navbar-inverse .navbar-toggle .icon-bar {
        border-color: #4e595f;
        border-radius: 0;
    }

    .navbar-inverse .navbar-toggle:hover {
        border-color: #ddd;
        border-radius: 0;
    }

    .navbar-inverse .navbar-toggle .icon-bar:hover {
        background-color: #ddd;
    }

    .navbar-collapse.in {
        overflow-y: inherit;
    }

    .navbar-brand {
        padding: 10px 0 10px 10px;
    }

    .navbar-toggle {
        margin-top: 22px;
    }

    .navbar-nav {
        margin: 0 -15px;
    }
    .navbar-inverse .navbar-nav li a {
        line-height: 45px;
        padding: 0;
        text-align: center;
        border-bottom: 1px solid transparent;
    }
    .sticky-header .logo{margin-top: 20px;margin-left:10px;}
    .hero-area .block p {font-size: 18px;padding: 10px;border-radius: 5px;}

}



/*============================================================
	Mobile (Landscape) Design for a width of 480px
==============================================================*/

@media only screen and (min-width: 480px) and (max-width: 767px) {

    .title h2 {
        font-size:  32px;
    }
    .counter .counter-title h2 {
        font-size: 35px;
    }

	/* navigation */
    .navigation .navbar-toggle {
        border:1px solid #fff;
    }
    .navigation .navbar-toggle span {
        background:#fff;
    }
    .navbar-fixed-top {
        padding-bottom: 10px;
    }

    .navbar-brand {
        padding: 10px 0 10px 10px;
    }

    .navbar-inverse .navbar-toggle {
        border-color: #6CB670;
        border-radius: 0;
    }

    .navbar-inverse .navbar-toggle:hover {
        border-color: #fff;
        border-radius: 0;
    }

    .navbar-collapse.in {
        overflow-y: inherit;
    }

    .navbar-toggle {
        margin-top: 22px;
    }

    .navbar-inverse .navbar-nav li a {
        line-height: 45px;
        padding: 0;
        text-align: center;
        border-bottom: 2px solid transparent;
    }

}

.service-fy{ display:block; background:#2C7CD0;color:#fff; text-align:center; margin:20px 0; overflow:hidden;}
.service-fy:hover{ background:#385393; color:#fff;}
.service-fy img{ display:block; max-width:100%; height:auto;width: 100%;}
.service-fy h3{ margin:10px 0; font-size:18px;}
.service-fy p{ margin-bottom:10px;}
@media only screen and (max-width: 640px) {
  .service-fy{margin: 10px 0;}
  .service-fy h3{font-size: 14px;}
  }
.tit1{ text-align:center; margin-bottom:30px;margin-top: 30px;}
.tit1 h2{ font-size:36px; font-weight:bold;}
.tit1 span{ border-bottom:2px solid #385393; padding-bottom:10px; color:#666;}
.tit1 p{color: #666;}
.tit2{ text-align:center; margin-bottom:30px;}
.tit2 h2{ font-size:36px; color:#fff;font-weight:bold;}
.tit2 p{ color:#ddd;}
#services{ padding-top:50px;}
.in-news{ background:#eee; overflow:hidden; margin-top:20px;}
.in-news .img-tit{ display:block; background:url(../images/in-dtbg.jpg);background-size: cover; height:190px; font-size:36px; color:#fff;display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;}
.in-news .list{ margin:5px 0; padding:0;}
.in-news .list li{ line-height:36px;}
.in-news .list li span{ color:#666;margin-right: 5px;}
.in-news .list li a{ color:#333; margin-left:5px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display: block;}
.in-news .list li a:hover{color:#385393}
@media only screen and (max-width: 767px) {
  .tit1 h2{font-size: 24px;}
  .tit2{margin-bottom: 20px;}
  .tit2 h2{font-size: 24px;}
  .in-news .img-tit{height: 135px;}
  .in-news .list{margin-left: 10px;margin-right:10px;}
}
.all-ys{ width:100%; background:url(../images/ys-bg.jpg); padding:120px 0; margin:50px 0;}
.fy-ys-l{ width:35%; float:left; overflow:hidden;}
.fy-ys-l li{ text-align:right; font-size:24px; color:#fff; line-height:30px; margin-bottom:25px;}
.fy-ys-l li i{ font-size:12px; line-height:12px; border-top:1px solid #fff; padding-right:5px; padding-top:5px;}
.fy-ys-c{ width:30%; float:left; }
.fy-ys-r{ width:35%; float:left;}
.fy-ys-r li{ text-align:left; font-size:24px; color:#fff; line-height:30px; margin-bottom:25px;}
.fy-ys-r li i{ font-size:12px; line-height:12px; border-top:1px solid #fff; padding-right:5px; padding-top:5px;}

.triangle{
    width: 300px;
    height: 180px;
    background: rgba(246,109,35,.8);
    position: relative; text-align:center;  margin:0 auto;
}
  
.triangle:before {
    content: "";
    position: absolute;
    top: -75px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-bottom: 75px solid rgba(246,109,35,.8);
}
  
.triangle:after {
    content: "";
    position: absolute;
    bottom: -75px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-top: 75px solid rgba(246,109,35,.8);
}
.triangle h3{ color:#fff;line-height:180px; font-size:30px; font-weight:bold;}

.in-lawyer-tj{display:block; background:#ddd; margin-bottom:30px; overflow:hidden;}
.in-lawyer-tj img{ display:block; width:200px; max-width:100%; height:auto; float:left; margin-right:20px;}
.in-lawyer-tj h3{ color:#385393;}
.in-lawyer-tj p{ color:#385393; margin-right:20px; text-indent:2em;}
.in-lawyer-tj:hover{ background:#385393;}
.in-lawyer-tj:hover h3,.in-lawyer-tj:hover p{color:#fff;}
.in-lawyer{ display:block; text-align:center; background:#ddd; margin-bottom:20px; overflow:hidden;}
.in-lawyer:hover{background:#385393;}
.in-lawyer img{ display:block; max-width:100%; height:auto;}
.in-lawyer p{ margin:10px 0 0 0; color:#385393; font-size:18px;}
.in-lawyer:hover p,.in-lawyer:hover span{ color:#fff;}
.in-lawyer span{ color:#385393; margin-bottom:10px; display:block;}
.in-lawfirm{ background:url(../images/in-lawfirm-bg.jpg); height:572px; overflow:hidden;position: relative;background-size: cover; display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.in-lawfirm .intro{ color:#fff; z-index:999; padding:30px; text-indent:2em;}
@media only screen and (max-width: 768px) {
	.in-lawyer-tj { margin-bottom:0;}
	.in-lawyer-tj img{ float:none;}
	.in-lawyer-tj h3{ text-align:center; font-size:18px; margin-top:12px; margin-bottom:5px;}
	.in-lawyer-tj span{ color:#385393; margin-bottom:10px; display:block; text-align:center;}
	.in-lawfirm{ height:auto; margin-bottom:20px;}
	
}
@media only screen and (min-width: 768px) {
	.in-lawyer-tj span{ display:none;}
}
.all-case{ background:url(../images/incase-bg.jpg); width:100%; overflow:hidden; padding:50px 0; margin:50px 0;}
.case-list{ margin-bottom:20px; overflow:hidden;border-bottom:1px solid #ddd; padding-bottom:20px;}
.case-list .lm{ display:block; width:64px; height:64x; background:rgba(56,83,147,.6); float:left; margin-right:10px; color:#fff; font-size:18px; text-align:center; padding:8px 10px; margin-top:5px; overflow:hidden;}
.case-list .lm:hover{background:rgba(44,124,208,.6);}
.case-list .title{ display:block; font-size:18px; color:#50afff; margin-bottom:10px;white-space:nowrap; overflow:hidden; line-height:60px; text-overflow:ellipsis;}
.case-list .title:hover{ text-decoration:underline;}
.case-list p{ color:#ddd;}


.case-data {
  padding: 0;margin-top: 50px;overflow: hidden;
}
.case-data a {
	display:block;
  color: white;
  background:#4a89de;
  margin-bottom: 15px;
  border-radius: 4px; line-height:35px;
}
.case-data a:hover{ background:#385393;}
.case-data em {
  background: rgba(0, 0, 0, 0.4);
  padding: 8px;
  border-radius: 4px;
  animation: grow-padding-right 10s;
  display: inline-block; height:50px;
}
.case-data span {
  float: right;
  padding: 8px;display: inline-block;
}
.case-data-tit{ margin-bottom:10px;}
.case-data-tit h3{  color:#fff;}
.case-data-tit span{ color:#ddd;}

.ask-list{ margin-bottom:30px; overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:30px;}
.ask-list .lm{ display:block; width:64px; height:64x; border:2px solid #d87e51; float:left; margin-right:10px; color:#d87e51; font-size:18px; text-align:center; padding:6px 10px; margin-top:5px; overflow:hidden;}
.ask-list .lm:hover{background:#d87e51; color:#fff;}
.ask-list .title{ display:block; font-size:18px; color:#333; margin-bottom:10px;white-space:nowrap; text-overflow:ellipsis;overflow: hidden;}
.ask-list .title:hover{ text-decoration:underline;}
.ask-list p{ color:#666;}
.foot{ width:100%; background:#333; padding:30px 0; margin-top:30px;}
.foot .contact .phone{ font-size:32px; font-weight:bold; color:#fff; border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:10px;}
.foot .contact .phone span{ display:block; float:left; width:50px; height:50px; border:1px solid #fff; text-align:center; font-size:14px; color:#fff; padding:5px; margin-right:10px; font-weight:normal; margin-top:-4px;}
.foot .contact p{ color:#eee;}
@media only screen and (max-width: 768px) {
	.case-data{ margin-bottom:20px;margin-top: 0px;}
	.case-list{ margin-bottom:10px; padding-bottom:10px;}
	.case-list .lm{ font-size:14px; width:45px; height:45px; padding:3px;}
	.case-list .title{ color:#fff; font-size:14px; padding-top:15px;}
	.case-list p{ display:none;}
	.ask-list{margin-bottom: 15px;padding-bottom: 15px;}
	.ask-list .lm{ font-size:14px; width:45px; height:45px; padding:2px;border:1px solid #d87e51; margin-top:2px;}
  .ask-list .title{font-size: 16px;margin-bottom: 8px;}
  .ask-list p{font-size: 12px;white-space:nowrap; text-overflow:ellipsis;overflow: hidden;}
  .foot{padding-bottom: 50px;}
  .mfoot{}
  .mfoot a{display: block;text-align: center;background: #ea5826;color: #fff;position: fixed;bottom: 5px;width: 50px;height: 50px;right: 5px; z-index: 999;border-radius: 50%;line-height: 50px;}
  .mfoot a span{font-size: 24px;}
}
.btn-more{ text-align:center;}
.btn-more .btn-main{ margin-top:20px;}
@media only screen and (min-width: 768px) {
    .mfoot{display: none;}
}
.yqlj{ background:#666; padding:10px 0;width: 100%;}
.yqlj ul li{ float:left; margin-right:10px; font-size:.8em;color: #eee;list-style: none;}
.yqlj ul li a{ color:#eee}


.pc-zxck {position: fixed; right: -230px; bottom: 0px; _position: absolute; width: 230px; height: 100%; background: #2C7CD0; z-index: 99999999999;  _margin-bottom:0px; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); transition:all .5s ease; }
.pc-zxck .hoverbtn{width:30px; height:129px; padding-top:20px; cursor: pointer; position:absolute; top:50%; margin-top:-66px;left:-30px; font-size:14px; color:#fff; background:#2C7CD0; -webkit-border-radius: 3px 0px  0px 3px; -moz-border-radius: 3px 0px  0px 3px; -o-border-radius: 3px 0px  0px 3px;      border-radius: 3px 0px  0px 3px; -moz-box-shadow: -4px 4px 4px -4px #000; -webkit-box-shadow: -4px 4px 4px -4px #000; box-shadow: -4px 4px 4px -4px #000;} .pc-zxck .hoverbtn span{width:30px; height:19px;line-height: 19px; text-align: center; overflow:hidden; float:left;}
.pc-zxck .hoverbtn .hoverimg{ margin-top:5px;margin-left:2px; float:left; display:inline;font-size: 10px;}
.pc-zxck .conter{width:186px; margin-left:22px;   position:absolute; top:50%;*margin-top:-140px;margin-top:-280px;color: #fff;}
.pc-zxck .conter .zx-logo{}
.pc-zxck .conter .zx-border{height: 1px;background: #fff;margin:30px 0;}
.pc-zxck .conter .zx-tel span{font-size: 24px;}
.pc-zxck .conter .zx-zaix p span{font-size: 24px;}
.pc-zxck .conter .zx-zaix a{display: block; color: #fff;border: 1px solid #eee;text-align: center;padding: 10px 0;border-radius: 5px;}
.pc-zxck .conter .zx-zaix a:hover{background: #fff;color: #2C7CD0;}
.pc-zxck .conter .zx-dz p span{font-size: 24px;}
@media only screen and (max-width: 640px) {
  .pc-zxck{display: none;}
  }


/*font*/

@font-face {font-family: "iconfont";
  src: url('fonts/iconfont.eot?t=1490194241751'); /* IE9*/
  src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-apartment:before { content: "\e602"; }

.icon-arrowleft:before { content: "\e605"; }

.icon-arrowright:before { content: "\e607"; }

.icon-book:before { content: "\e60d"; }

.icon-briefcase:before { content: "\e60f"; }

.icon-bubble:before { content: "\e610"; }

.icon-camera:before { content: "\e615"; }

.icon-car:before { content: "\e618"; }

.icon-chartbars:before { content: "\e61a"; }

.icon-checkmarkcircle:before { content: "\e61b"; }

.icon-chevronleft:before { content: "\e61e"; }

.icon-chevronright:before { content: "\e620"; }

.icon-construction:before { content: "\e62e"; }

.icon-cross:before { content: "\e630"; }

.icon-crosscircle:before { content: "\e631"; }

.icon-diamond:before { content: "\e633"; }

.icon-earth:before { content: "\e63a"; }

.icon-enter:before { content: "\e63b"; }

.icon-indentdecrease:before { content: "\e63e"; }

.icon-fileempty:before { content: "\e642"; }

.icon-filmplay:before { content: "\e643"; }

.icon-frameexpand:before { content: "\e646"; }

.icon-home:before { content: "\e64f"; }

.icon-menu:before { content: "\e652"; }

.icon-laptopphone:before { content: "\e657"; }

.icon-license:before { content: "\e65a"; }

.icon-list:before { content: "\e65f"; }

.icon-magnifier:before { content: "\e663"; }

.icon-mapmarker:before { content: "\e665"; }

.icon-pencil:before { content: "\e671"; }

.icon-phone:before { content: "\e672"; }

.icon-picture:before { content: "\e674"; }

.icon-piechart:before { content: "\e675"; }

.icon-questioncircle:before { content: "\e680"; }

.icon-sad:before { content: "\e683"; }

.icon-star:before { content: "\e68c"; }

.icon-tag:before { content: "\e694"; }

.icon-user:before { content: "\e6a3"; }

.icon-users:before { content: "\e6a4"; }

.icon-warning:before { content: "\e6a9"; }


/*font*/
.m_ft_nav {display: none;}
 @media only screen and (max-width: 640px){
/*footer*/
.foot_bottom{background-color:#171f23;color:#fff;padding:15px 0;margin-bottom: 50px;}
.footer{height:auto; background-repeat:repeat; margin-bottom:50px;}
.footer .cont{width:98%;}
.footer .ft_nav{width:100%; line-height:24px;}
.footer .ft_nav a{margin-right:10px; line-height:24px;  font-size:12px;}
.footer .ft_left{width:100%; margin:0; float:none;}
.footer .ft_left .ft_logo{margin:10px auto; float:none;}
.footer .ft_left .ft_lianxi{width:100%; text-align:center; float:none; margin:10px auto; padding:0;}
.footer .ft_right{width:40%; margin:0 auto; text-align:center; float:none; background:none;}
.banquan p{line-height:30px;}
.m_ft_nav{width:100%; background-color:rgba(0,0,0,0.7); height:50px; position:fixed; bottom:0; padding-top:5px;  display:block;z-index: 5;}
.m_ft_nav li{width: 19.7%;; float:left; text-align:center; border-right:1px solid #ccc; height:50px;}
.m_ft_nav li img{width:30%;}
.m_ft_nav li p{font-size:12px; color:#fff; line-height:20px;}    }