@font-face {
    font-family: 'Butler-ExtraBold';
    src: url('../font/butler_extrabold-webfont.woff2') format('woff2'),
         url('../font/butler_extrabold-webfont.woff') format('woff');
    font-weight:800;
}

@font-face {
    font-family: 'Butler-Regular';
    src: url('../font/Butler_Regular.woff') format('woff');
    font-weight:400;
}
@font-face {
    font-family: 'Butler-Medium';
    src: url('../font/Butler_Medium.otf') format('woff');
}
@font-face {
    font-family: 'Butler-Bold';
    src: url('../../font/Butler-Bold-9.otf') format('woff');
}

body {
    color: #000;
    font-size: 14px;
    font-family: "Butler-ExtraBold";
	min-width:320px;
	margin:0 auto;
	position:relative;

}
li{ list-style:none;}
ul{ padding:0; margin:0;}
a{ color:#444;text-decoration:none}
button:focus,button:hover,input:focus{ outline: none!important; }
a:hover {
    text-decoration:underline;
    color: #FC1625;
  }
img{ max-width:100%;}
.header{ position: fixed; left: 0; top: 0; right: 0; z-index: 1000000; background: rgba(0,0,0,0.9) center no-repeat; padding:10px 20px; }
.logo img{ width: 136px; }
.menu-button { position: absolute; top: 15px; right: 20px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 30px; height: 1px; margin: 7px auto; background-color: #fff; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross .bar{ margin:12px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(5px) rotate(-45deg); transform: translateY(5px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-20px) rotate(45deg); transform: translateY(-20px) rotate(45deg);}
.index-back {
    position: fixed;
    top: 0;
    z-index: 0;
    width: 100%;
    padding-top: 50%;
    background: url(../images/index-back.jpg) center center no-repeat;
    transform: scale(1);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: -1;
    height: 100%;
}
.index-box{ padding:0 20px; }
.index-tt{ font-size: 32px; color: #fff; text-shadow: 1px 2px 3px #333; margin-top: 240px; }
.index-tt span{ color: #fc1625; }
.index-p{ font-size: 15px; color: #fff;  margin:20px 0 30px 0; text-shadow: 1px 2px 3px #333;    line-height: 30px;
    font-weight: 500;
    letter-spacing: 0.04em;font-family: 'Butler-Regular'; }
.raw img{ width: 17px; }
.index-p-b{ display: none; }
.index-p a{ color: #fff; text-decoration: underline; }
.bottom-tt{ font-size: 18px; color: #fff; position: relative; margin:20px 0;    line-height: 32px;
    font-weight: 800; }
.bottom-tt:before{ display: block; content: ""; position: absolute; left: 0; right: 50%; margin-right: 100px; border-top: solid 1px #fff; top: 50%; }
.bottom-tt:after{ display: block; content: ""; position: absolute; right: 0; left: 50%; margin-left: 100px; border-top: solid 1px #fff; top: 50%; }
.bottom-list li{ float: left; width: 50%; padding:0 12px; margin-bottom: 20px; }
.bottom-list li a{ display: block; position: relative; font-size: 12px; }
.bottom-list li a span{ display: block; position: absolute; left: 0; right: 0; bottom: 0;background: #000; background: rgba(0,0,0,0.9);     font-size: 14px;
    color: #fff;
    padding: 10px;
    line-height: 18px;
    font-weight: 800;
    letter-spacing: 0.04em;
    font-family: 'Butler-Regular';}
.bottom-list{ margin:30px -12px; }
.footer{ padding:40px 0; background: #0f0f18; }
.footer-right{ border-top: solid 1px #6f6f74; border-bottom: solid 1px #6f6f74; width: 100px; margin:0 auto; text-align: center; color: #fff; padding:10px 0; font-family: "微软雅黑";}
.footer-right span{ color: #fff; opacity: 0.5; padding:0 10px; }
.footer-right a{ color: #fff; opacity: 0.5; }
.footer-right a.active,.footer-right a:hover{ opacity: 1; }
.footer-p p{ font-size: 12px; line-height:16px; opacity: 0.5; color: #fff; margin-bottom: 5px; }
.footer-p{ margin-top: 20px; margin-bottom: 20px;line-height:18px;
font-weight:400;
font-family: "微软雅黑"; }
.footer-p P:nth-of-type(2){
    letter-spacing: 0.02em;
}
.footer-logo img{ width: 185px; }
.nav-list{ position: absolute; left: 0; display: none; top: 100%; right: 0; background: rgba(0,0,0,0.9); border-top: solid 1px #3c3d45; }
.nav-list li a{ display: block; line-height: 50px; font-size: 15px; color: #b5b5b6;  padding-left: 40px; position: relative;font-family: "Butler_Regular"; }
.nav-list li.active a:before{ display: block; content: ""; width: 3px; height: 12px; background: #fc1625; position: absolute; left: 25px; top: 50%; margin-top: -6px; }
.nav-list li.active a{ color: #fff; font-family: "Butler-ExtraBold";}
.nav-list li:not(:last-child):after{ display: block; content: ""; position: absolute; left: 40px; right: 20px; border-top: solid 1px #3c3d45;  }
.nav-list li:last-child a:after{ display: none; }
.nav-list li{ position: relative; }
.nav-span{ position: absolute; right: 20px; transition: 0.3s all; top: 0; height: 50px; width: 10px; background: url(../images/nav-icon.png) center no-repeat; background-size: 100% auto; }
.nav-down li a{ line-height: 40px; padding-left: 50px; font-size: 13px; }
.nav-down li a:before,.nav-down li:after{ display: none!important; }
.nav-list li.active .nav-down li a{ opacity: 0.5; }
.nav-down{ padding-bottom: 10px; }
.nav-span.active{transform: rotate(180deg);}
/**********总览*********/
.banner{ position: relative; }
.banner img{ width: 100%; }
.banner-lind{ width: .48rem; height: 0.12rem; background: #fc1625;}
.banner-txt{ font-size: 14px; color: #fff; text-shadow: 1px 2px 3px #333; margin-top: 0.4rem; }
.banner-txt span{ font-size: 24px; font-family: Butler-ExtraBold;text-transform: uppercase;}
.banner-box{ position: absolute; left: 0.4rem; bottom: 0.8rem; }
.yw-img img{ width: 90px; height: 135px; }
.yw-img{ position: relative; margin-right: 30px; margin-bottom: 15px; }
.yw-img span{ position: absolute;top: -15px; right: -15px; background: #000; font-size: 23px; color: #fff; text-align: center; line-height: 40px; width: 40px; height: 40px; }
.yw-list li{ padding:50px 0 20px 0; border-bottom: solid 1px #d9d9d9; }
.yw-tt{ font-size: 18px; color: #000; font-weight: bold; position: relative; }
.yw-more{ display: block; position: absolute; right: 0; top: 50%; margin-top: -7px; width: 10px; height: 14px; background: url(../images/raw-r.png) center no-repeat; background-size: auto 100%; }
.yw-p{ font-size: 15px; color: #000; margin-top: 20px; margin-bottom: 30px; }
.yw-border{  border:solid 1px #b2b2b2; padding:0 20px; margin-bottom: 15px; }
.yw-border-tt{ padding:10px 0; font-size: 15px; color: #000; font-weight: bold; }
.yw-border-a{ display: block; padding:10px 0; color: #7f7f7f; background: url(../images/yw-a.png) right center no-repeat; background-size: 11px auto; border-top: solid 1px #b2b2b2; }
.yw-list li .yw-border:last-child{ margin-bottom: 20px; }
/*********不动产********/
.bdc-title{ font-size: 18px; font-weight: bold; color: #000; margin:30px 0; }
.p-txt{ font-size: 15px; color: #000; line-height: 25px;font-family: 'Butler-Regular'; }
.border-left{background: #000; font-size: 23px; color: #fff; text-align: center; width: 40px; height: 40px; line-height: 40px; }
.border-t{ border:solid 1px #b2b2b2; margin:20px 0; }
.border-p{ font-size: 16px; color: #000; font-weight: bold; line-height: 40px; margin-left: 50px; }
.list-tt{ font-size: 15px; color: #000; font-weight: bold; margin-bottom: 20px; }
.bdc-img img{ width: 100%; }
.bdc-p p{ font-size: 15px; color: #000; margin-top: 20px; margin-bottom: 0;    font-family: 'Butler-Regular'; }
.bdc-list li{ padding-bottom: 20px; }
.bottom-height{ height: 60px; }
.about-logo{ border-top: solid 1px #dbdbdb; border-bottom: solid 1px #dbdbdb; }
.bold{ font-weight: bold; }
.about-p p{margin-bottom: 15px;line-height: 24px;font-family: 'Butler-Regular';font-size: 16px;}
.about-p{ margin-top: 30px; }
.contact-l{ font-size: 17px; color: #000; font-weight: bold; }
.contact-box{ padding:40px 0; }
.contact-r{ margin-left: 120px; }
.contact-r-t{ font-size: 15px; color: #000;margin-bottom: 10px;line-height:20px; }
.contact-p p{ position: relative; padding-left: 15px; margin-bottom: 0; font-size: 15px; color: #000; line-height: 25px; }
.contact-p p span{ position: absolute; left: 0; top: 0; }
.contact-p{ border-bottom: solid 0.02rem #b2b2b2; padding-bottom: 20px; margin-bottom: 20px; font-family: 'Butler-Regular'; }
.contact-box{ position: relative; padding-bottom: 0; margin-bottom: 0px; }
.contact-box:before{ display: block; content: ""; position: absolute; left: 0; bottom: 20px; width: 97px; border-bottom: solid 0.02rem #b2b2b2; }
.contact-box:last-child:before{ display: none; }
.modal-box{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); display: none; z-index: 10000000; }
.modal-back{
    width:6.66rem;
    padding-bottom: .72rem;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 3.24rem;
    background: #fff;}
.modalTitle{
    height: .88rem;
    overflow: hidden;
    padding: .14rem 0 0 .38rem;
}
.modalTitle h1{
    float: left;
    font-size:17px;
    font-weight:bold;
    color:rgba(42,44,46,1);
    line-height:.88rem;
    margin: 0;
}
.modalTitle>img{
    width: .88rem;
    height: .88rem;
    float: right;
}

.modal-back input {
    width:5.9rem;
    margin: 0 auto;
    height: 0.9rem;
    font-size: 14px;
    color: #000;
    display: block;
    text-indent: .32rem;
    border: solid 1px #D7D7D7; margin-top: 0.58rem;
    -webkit-appearance: none; /*去除系统默认的样式*/
    border-radius: 0;
    line-height: normal;
    padding: 0;
}
.wrongPsd input{
    border: solid 1px #FC1625;
    background:rgba(252,22,37,0.05);
}
.wrongPsd form>div:first-child::after{
    content: '* Wrong Password';
    text-indent: .72rem;
    color: #FC1625;
    display: block;
    line-height: 40px;
}
.modal-back button {
    width:5.9rem;
    height:0.8rem;
    background:rgba(199,199,199,1);
    font-size:15px;
    color: #fff;
    line-height: .8rem;
    display: block;
    margin: .32rem auto 0;
    border: none;
    padding: 0;
}
.wrongPsd  button{
    margin-top: 0;
}
input::-webkit-input-placeholder{
    color:#C7C7C7;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#C7C7C7;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#C7C7C7;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#C7C7C7;
}
a:hover{ cursor: pointer; }

h1, h2, h3, h4, h5, h6, p, figure, form, p ,div{
    margin: 0;
    padding: 0;
    line-height: 1;
}
.fl{float: left;}
.fr{float: right;}
.over{overflow: hidden;}
/* 二级导航 */
.seNavWrap{
    width: 100%;
    height:.88rem;
    line-height: .88rem;
    background:rgba(255,255,255,1);
    box-shadow:0px 0px 8px 0px rgba(10,1,2,0.2);
    overflow: hidden;
    position: fixed;
    top: 45.5px;
    display: none;
    padding-left: .42rem;
  }
  .seNavWrap a{
    font-size:14px;
    color:rgba(0,0,0,0.5);
  }
  .seNavWrap a:hover{
      color: #fc1625;
      text-decoration: underline !important;
  }
  .seNavWrap img{
    margin: 0 16px 0 12px;
  }
  .seNavWrap span{
    color:rgba(0,0,0,0.9);
    font-size: 14px;
  }
  .footer-p p a{
    color: #fff;
  }