@CHARSET "UTF-8";
/* common */
body {
    font-size:14px;
    font-family: MicrosoftYaHei;
    color:#333;
    background: #f0f0f0;
    min-width:1200px;
}
body.body-white {
    background: #fff;
}
ul,ol{list-style-type: none;padding:0;margin:0;}
a{
    color:#666;
    text-decoration: none!important;
}
body a:hover,body a:focus {
    color:#ff761a;
}
.golden{color:#ff761a;}
.red{color:#ff0101;}
.pr{position:relative;}
.pa{position:absolute;}
.f22{font-size:22px;}
.bc{margin:0 auto;}
.iblock{display: inline-block;}
.container{min-width:1170px;}
.w1200{width:1200px;}
.mb50{margin-bottom:50px;}
.mb70{margin-bottom:70px;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
    -webkit-appearance:textfield;
}
input[type="number"]{
    -moz-appearance:textfield;
}

/* header */
#header #topmenu{
    height: 40px;
    background-color: #f8f8f8;
}
#header #topmenu .dropdown button{
    font-size:12px;
    color:#666;
    border:none;
    background-color:transparent;
    height:100%;
    line-height: 40px;
    padding-left:0;
}
#header #topmenu .dropdown button:focus{
    outline: none;
}
#header #topmenu .dropdown .beb{
    font-size:15px;
    color:#ff761a;
    margin-right: 5px;
    vertical-align: middle;
}
#header #topmenu .dropdown .dropdown-menu {
    min-width: 0;
}
#header #topmenu .dropdown .dropdown-menu a:hover{
    background-color:inherit;
    color:#ff761a;
}
#header #topmenu li{
    float:left;
    height:100%;
    margin-left:20px;
}
#header #topmenu li a{
    display: block;
    height: 100%;
    line-height: 40px;
    font-size:12px;
    color: #666666;
}
#header #topmenu li.special a {
    padding-right:12px;
    color: #ff0000;
}
#header #mainMenu.fixedHeader{
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    background-color: rgba(255,255,255,.9);
}
#header #mainMenu .container{
    height:84px;
}
#header #mainMenu .logo{
    height:95%;
    clear:left;
}
#header #mainMenu .logo a{
    display: block;
    height:100%;
    line-height:80px;
}
#header #mainMenu .nav li{
    float:left;
    height:100%;
}
#header #mainMenu .nav li a {
    display: block;
    font-size: 14px;
    text-align:center;
    color:#333;
    height:100%;
    line-height: 84px;
    padding:0 25px;
}
#header #mainMenu .nav li a:hover{
    transition: .5s all;
    webkit-transition: .5s all;
    moz-transition: .5s all;
    o-transition: .5s all;
    color:#fff;
    background-color: #ff761a;
}
#header #mainMenu .nav li.active a{
    color:#fff;
    background-color: #ff761a;
    padding:0 30px;
}
#header #mainMenu .nav li.parent{
    position:relative;
}
#header #mainMenu .nav li.parent ul.level2{
    position:absolute;
    left:0;
    top:100%;
    width:100%;
    z-index: 1;
    height:0;
    overflow: hidden;
}
#header #mainMenu .nav li.parent ul.level2 li{
    width: 100%;
    height:auto;
}
#header #mainMenu .nav li.parent ul.level2 a{
    height: 50px;
    line-height: 50px;
    color: #ffffff;
    background-color: #333333;
    padding:0;
}
#header #mainMenu .nav li.parent ul.level2 a:hover{
    color: #333333;
    background-color: #fff;
}
#header #mainMenu .pull-right.phone{
    width:165px;
}
#header #mainMenu .pull-right.phone .beb{
    font-size:35px;
    padding-top: 20px;
}
#header #mainMenu .pull-right.phone p{
    font-size:14px;
    margin-bottom:0;
    text-indent:10px;
}
#header #mainMenu .pull-right.phone p.golden{
    font-size: 18px;
    font-weight: bold;
    padding-top: 16px;
    text-indent: 0;
}

/* breadcrumb */
#breadcrumb{
    color:#999;
    height: 52px;
    line-height: 52px;
    background-color: #f8f8f8;
}
#breadcrumb a{
    color:#999;
}
#breadcrumb span{
    color:#333;
    margin-right:50px;
}
#breadcrumb a.cancel{
    font-size: 12px;
    color: #ff761a;
    padding:5px 20px;
    border: solid 1px #ff761a;
    margin-right:10px;
}
/* pagination */
.pagination{
    font-size: 0;
    display: block;
    text-align: center;
    padding-bottom:40px;
}
.pagination>li{
    margin:0 5px;
}
.pagination>li>a,.pagination>.disabled>span{
    font-size:14px;
    float: none;
    border: solid 1px #f8f8f8;
    color: #333333;
    border-radius: 4px;
    padding: 8px 15px;
}
.pagination>li>a:hover{
    color: #999;
    background-color: #f8f8f8;
    border-color:#f8f8f8;
}
.pagination>.active>span{
    color:#ff761a;
    border: solid 1px #ff761a;
}

/* footer */
#footer{
    height:208px;
    background:url(../images/footer_bg.jpg) center 0 no-repeat;
    background-size:cover;
}
#footer .footer-link{
    padding-top:90px;
}
#footer .footer-link li {
    line-height: 1.2em;
    float:left;
}
#footer .footer-link li a {
    font-size: 16px;
    color:#fff;
    display: block;
    padding:0 20px;
    border-right:2px solid #fff;
}
#footer .footer-link li:last-child a {
    border-right:none;
}
#footer .footer-link li a:hover{
    color:#ff761a;
    background-color: inherit;
}
#footer .col-sm-5 {
    padding-top:45px;
}
#footer .col-sm-5 .pull-left {
    font-size:14px;
    color:#fff;
    height: 130px;
    padding: 0 20px;
    border-left: 1px solid #666666;
    border-right: 1px solid #666666;
    margin-right:15px;
}
#footer .col-sm-5 .phone {
    font-size: 24px;
    color: #fff;
    padding: 25px 0;
}
#footer .col-sm-5 .phone .golden{
    font-size: 36px;
}

/* 版权信息 */
#copyright{
    font-size: 12px;
    color:#999;
    height: 60px;
    background-color: rgba(0,0,0,1);
}
#copyright .container{
    padding-top:15px;
}

/* 底部固定表单 */
#fixbottomform{
    display: none;
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    height: 80px;
    background-color:rgba(0,0,0,.6);
    z-index: 10;
    opacity: 0;
    transition: .5s all;
    webkit-transition: .5s all;
    moz-transition: .5s all;
    o-transition: .5s all;
}
#fixbottomform.visible{
    display: block;
    opacity: 1;
}
#fixbottomform .formblock{
    width:1150px;
    margin:0 auto;
}
#fixbottomform .formblock .form-group{
    margin-top:30px;
    margin-right:16px;
}
#fixbottomform .formblock input{
    font-size: 14px;
    color:#888;
    width: 160px;
    height: 40px;
    background-color: #ffffff;
    border-radius: 4px;
}
#fixbottomform .formblock button.submit{
    font-size: 14px;
    width: 100px;
    height: 40px;
    background-color: #ff761a;
    margin-top:30px;
    border-radius: 4px;
    border:none;
}


/* 右侧固定菜单 */
#fixRightNav{
    position:fixed;
    width: 50px;
    height:218px;
    right:0;
    top:50%;
    margin-top:109px;
	z-index:9999
}
#fixRightNav li{
    width:100%;
    height:50px;
    line-height: 50px;
    margin-bottom:3px;
    box-shadow: 0px 0px 2px 0px
    rgba(28, 28, 28, 0.08);
}
#fixRightNav li a{
    display: block;
    width:100%;
    height: 100%;
    color: #ff761a;
    background-color: #ffffff;
    transition: .5s all;
    webkit-transition: .5s all;
    moz-transition: .5s all;
    o-transition: .5s all;
}
#fixRightNav li a.widther{
    width: 124px;
}
#fixRightNav li a.pa{
    left:0;
    top:0;
}
#fixRightNav li .ico{
    display: inline-block;
    font-size: 26px;
    text-align: center;
    width: 50px;
    height: 100%;
    line-height: 55px;
}
#fixRightNav li .beb-offer {
    font-size:40px;
    vertical-align: text-bottom;
}
#fixRightNav li a:hover {
    color: #fff;
    background-color: #ff761a;
}
#fixRightNav li a.pa:hover {
    left:-74px;
}
#fixRightNav li a.erweima:hover .hidden{
    display: block!important;
    border:10px solid #fff;
    right: 70px;
    top: 0;
    margin-top: -65px;
    background-color: #fff;
}
#fixRightNav li a.erweima:hover .sanjiao{
    display: block!important;
    width:0;
    height:0;
    right:60px;
    top: 50%;
    margin-top: -10px;
    border-right:none;
    border-top:10px solid transparent!important;
    border-bottom:10px solid transparent!important;
    background-color: transparent;
}
#fixRightNav li a#backtotop .sanjiao {
    left:0;
    top:50px;
    transition: .5s all;
    webkit-transition: .5s all;
    moz-transition: .5s all;
    o-transition: .5s all;
    border-left:25px solid #fff;
    border-right:25px solid #fff;
    border-bottom:10px solid transparent!important;
}
#fixRightNav li a#backtotop:hover .sanjiao {
    border-color:#ff761a;
}
/* 轮播 */
body #banner .carousel-control{
    right:0;
    top:50%;
    margin-top:-35px;
    width: 70px;
    height: 70px;
    line-height:78px;
    font-size:50px;
    background-color:rgba(0,0,0.8);
    border-radius: 8px;
}
body #banner .carousel-control.left {
    left:0;
}
body #banner .carousel-indicators li {
    width: 12px;
    height: 12px;
    background-color: #000000;
    opacity: 0.5;
}
body #banner .carousel-indicators{
    bottom: 5px;
    margin-bottom: 0;
}
body #banner .carousel-indicators li {
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background-color: #000000;
    opacity: 0.5;
    border:none;
    margin:0 2px;
}
body #banner .carousel-indicators li.active{
    width: 40px;
    opacity: 1;
}

/* 首页 */
body.home #banner .bannerform{
    font-size: 22px;
    color: #fefefe;
    position:absolute;
    left:50%;
    bottom:30px;
    margin-left:-479px;
    width: 958px;
    height: 120px;
    background-color: rgba(0,0,0,.5);
    border-radius: 6px;
    padding:20px;
}
body.home #banner .bannerform form{
    font-size:0;
}
body.home #banner .bannerform input{
    font-size:14px;
    text-indent:20px;
    color: #333333;
    width: 210px;
    height: 40px;
    background-color: #ffffff;
    border-radius: 4px;
    border:none;
    margin-right:26px;
}
body.home #banner .bannerform input[name="area"]{
    padding-right:30px;
}
body.home #banner .bannerform button{
    font-size: 16px;
    width: 210px;
    height: 40px;
    background-color: #ff761a;
    border-radius: 4px;
    border:none;
}
body.home #banner .bannerform span.pa {
    right: 40px;
    top: 25%;
    font-size: 14px;
    color: #333333;
}
body.home #highlight{
    padding:27px 0;
    background-color: #fafafa;
}
body.home #highlight ul{
    font-size:0;
}
body.home #highlight li{
    font-size: 12px;
    display: inline-block;
    width:19%;
    padding:20px 15px;
    margin-right:1.25%;
    background-color: #ffffff;
    border-radius: 4px;
    border: solid 1px #dddddd;
}
body.home #highlight li:last-child{
    margin-right:0;
}
body.home #highlight li:hover{
    border:none;
    box-shadow: 0px 0px 10px 0px
    rgba(41, 41, 41, 0.14);
}
body.home #highlight li p{
    margin-bottom:0;
}
body.home #highlight li .larger{
    font-size:32px;
    color: #333333;
    margin-bottom:10px;
}
body.home #highlight li:hover a{
    color:inherit;
}
body.home #highlight li:hover .larger{
    color: #ff761a;
}
body.home #container .section-title{
    padding: 100px 0 40px;
    background: url(../images/index_title.png) 34.8% 40% no-repeat;
}
body.home #container .section-title.white{
    color: #fefefe;
}
body.home #container .section-title h2{
    position:relative;
    font-size:40px;
    font-weight:normal;
}
body.home #container .section-title h2:before{
    content: '';
    position:absolute;
    left: 50%;
    top:50%;
    margin-top:-1px;
    margin-left:-245px;
    width: 68px;
    height: 2px;
    background-color: #dddddd;
}
body.home #container .section-title h2:after{
    content: '';
    position:absolute;
    right: 50%;
    top:50%;
    margin-top:-1px;
    margin-right:-245px;
    width: 68px;
    height: 2px;
    background-color: #dddddd;
}
body.home #special{
    padding-bottom:60px;
}
body.home #special .col-md-6{
    color:#fff;
    padding:0;
    transition: .5s all;
    webkit-transition: .5s all;
    moz-transition: .5s all;
    o-transition: .5s all;
}
body.home #special .col-md-6:hover{
    border: solid 2px #ff761a;
}
body.home #special .col-md-6 .pa {
    width: 100%;
    left:0;
    bottom:0;
}
body.home #special .col-md-6 .pa .inner{
    padding: 20px 10px;
    position:relative;
}
body.home #special .col-md-6 .pa .title{
    font-size: 40px;
    padding-top:10px;
    margin-bottom:20px;
}
body.home #special .col-md-6 .pa .link{
    padding-top:40px;
}
body.home #special .col-md-6 .link a{
    font-size: 16px;
    text-align: center;
    color: #fffefe;
    display: inline-block;
    width: 194px;
    height: 46px;
    line-height: 46px;
    border-radius: 4px;
    border: solid 1px #ff761a;
}
body.home #special .col-md-6:hover{
    position:relative;
    z-index: 1;
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
}
body.home #special .col-md-6:hover .pa{
    background-color:rgba(0,0,0,.4)
}
body.home #special .col-md-6:hover .lline{
    content:'';
    position: absolute;
    top:0;
    height:2px;
    width:46.1%;
    background-color:#ff761a;
}
body.home #special .col-md-6:hover .rline{
    content:'';
    position: absolute;
    left:auto;
    right:0;
    top:0;
    height:2px;
    width:46.1%;
    background-color:#ff761a;
}
body.home #special .col-md-6:hover .halfcircle {
    position:relative;
    bottom:44px;
    display: inline-block;
    width:48px;
    height:24px;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    border: solid 2px #ff761a;
    border-bottom: none;
    background-color:rgba(0,0,0,.4);
}
body.home #special .col-md-6:hover .link a{
    background-color: #ff761a;
}
body.home #process{
    height: 665px;
    background: #fafafa url(../images/process_bg.png) center 0 no-repeat;
    background-size:cover;
}
body.home #process li {
    font-size: 18px;
    display: inline-block;
    padding: 20px 0;
    width: 13.9%
}
body.home #process li .beb{
    font-size:45px;
    color:#ff761a;
}
body.home #process li .beb-shop{
    font-size:51px;
}
body.home #process li .beb-choose,body.home #process li .beb-measuring{
    font-size:60px;
}
body.home #process li .beb-after-sale{
    font-size:50px;
}
body.home #process li .num{
    display: inline-block;
    font-size: 16px;
    color: #999;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    border: solid 1px #e8e8e8;
    margin:5px 0;
}
body.home #process li p.pr:before{
    content:'';
    position: absolute;
    width: 96px;
    height: 1px;
    left:70%;
    top:50%;
    background-color: #e8e8e8;
}
body.home #process li.list7 p.pr:before {
    content:'';
    position: absolute;
    width: 1px;
    height: 75px;
    left:50%;
    top: 108%;
    background-color: #e8e8e8;
}
body.home #process li.list8 p.pr:before {
    width: 170px;
}
body.home #container .listtab{
    text-align:center;
    margin-bottom:30px;
}
body.home #container .listtab li{
    display: inline-block;
    width: 154px;
    height: 40px;
}
body.home #container .listtab li a{
    display: block;
    width:100%;
    height:100%;
    line-height: 40px;
    font-size:16px;
    color:#333;
}
body.home #container .listtab li.pa{
    right: 15px;
    top: 0;
}
body.home #container .listtab li a:hover {
    color: #ff761a;
}
body.home #container .listtab li.tab.active a {
    color: #ff761a;
    box-shadow: 0px 0px 8px 0px rgba(16, 16, 16, 0.08);
    border-radius: 4px;
}
body.home #container .section .tabcontent .item{
    display: none;
    opacity: 0;
    transition: .5s all;
    webkit-transition: .5s all;
    moz-transition: .5s all;
    o-transition: .5s all;
}
body.home #container .section .tabcontent .item.active{
    display: block;
    opacity: 1;
}
body.home #caselist{
    background-color: #fafafa;
}
body.home #caselist.section .tabcontent li{
    overflow: hidden;
}
body.home #caselist.section .tabcontent li .pa{
    font-size: 20px;
    color: #fff;
    width: 320px;
    height: 320px;
    background-color: rgba(0,0,0,.17);
    border-radius: 10px;
    left: 50%;
    top: 50%;
    padding: 40px 20px;
    margin-left: 300px;
    margin-top: -160px;
}
body.home #caselist.section .tabcontent li .linebar {
    width: 28px;
    height: 4px;
    background-color: #ff761a;
    border-radius: 2px;
}
body.home #caselist.section .tabcontent li h3 {
    font-size: 36px;
    font-weight: normal;
}
body.home #caselist.section .tabcontent li a{
    color:#fff;
}
body.home #caselist.section .tabcontent li p.date {
    padding-top:20px;
}
body.home #caselist.section .tabcontent li p.date a{
    font-size: 14px;
    color: #fff;
    width: 128px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border-radius: 4px;
    border: solid 1px #ff761a;
    display: block;
}
body.home #company .text-center.pr{
    overflow: hidden;
    margin-bottom:45px;
}
body.home #company img.pr{
    left:-180px;
}
body.home #company .info{
    left: 50%;
    margin-left: 168px;
    bottom: 0;
    text-align: left;
    width: 482px;
    line-height: 1.5em;
    background-color: #ffffff;
    border: solid 1px #dddddd;
}
body.home #company .info a{
    display: block;
    height: 420px;
    padding: 55px;
    color: #666;
}
body.home #company .info h3{
    font-size: 28px;
    font-weight: 500;
    line-height: 1.6em;
    color: #333;
    margin-bottom: 27px;
}
body.home #company a.pa{
    left:50%;
    bottom:0;
    margin-left:584px;
    color: #ffffff;
    width: 126px;
    height: 110px;
    line-height: 110px;
    background-color: #ff761a;
    border-radius: 4px;
}
body.home .tabblock.section .beb.tab-control{
    font-size: 36px;
    color: #333;
    opacity: 0.5;
    right: 10%;
    top: 50%;
    margin-top: -18px;
}
body.home .tabblock.section .beb.beb-left_4{
    right:auto;
    left:10%;
}
body.home #caselist.section .beb.pa:hover{
    opacity:1;
}
body.home #vrblock{
    height: 990px;
    background-color:#fafafa;
}
body.home #vrblock .casecontent{
    overflow: hidden;
    height: 620px;
}
body.home #vrblock .casecontent li{
    width: 610px;
    height:100%;
    left:50%;
    top:0;
    background-color:#000;
    background-position: 0 0;
    background-repeat: no-repeat;
    border-radius: 10px;
    transition: .5s all;
    webkit-transition: .5s all;
    moz-transition: .5s all;
    o-transition: .5s all;
}
body.home #vrblock .casecontent li.pa1{
    width:920px;
    margin-left:-460px;
    transform: scale(1);
    z-index: 2;
}
body.home #vrblock .casecontent li.pa2{
    margin-left: 405px;
    transform: scale(.75);
    z-index: 1;
}
body.home #vrblock .casecontent li.pa3{
    margin-left:-1015px;
    transform: scale(.75);
    z-index: 1;
}
body.home #vrblock .casecontent li .pr{
    height: 100%;
}
body.home #vrblock .casecontent li a{
    display: block;
    height:100%;
}
body.home #vrblock .casecontent li .title.pa{
    display: none;
}
body.home #vrblock .casecontent li.pa1 .title.pa{
    display: block;
    left: 0;
    bottom: 20px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    width: 100%;
    height: 58px;
    line-height: 58px;
    background-color: rgba(0,0,0,.89);
}
body.home #vrblock .carousel-control{
    height: 48px;
    line-height: 48px;
    width: 48px;
    color: #fff;
    font-size: 45px;
    right: 50%;
    margin-right: -580px;
    top: 50%;
    margin-top: -24px;
    z-index: 3;
    background: none;
}
body.home #vrblock .carousel-control.left {
    left:50%;
    margin-left: -580px;
}
body.home #vrblock ul.vrtab{
    text-align: center;
    padding: 50px;
}
body.home #vrblock ul.vrtab li{
    display: inline-block;
    width: 12px;
    height: 12px;
    border: solid 1px #ff761a;
    border-radius: 6px;
    margin:0 8px;
}
body.home #vrblock ul.vrtab li.active {
    background-color: #ff761a;
}
body.home #vrblock ul.vrtab li a,body.home #shoplist .shoptab li a{
    display: block;
    height:100%;
}
body.home #buildinglist li.level1{
    padding-bottom:30px;
}
body.home #buildinglist .col-md-4 .content{
    border: solid 1px #eeeeee;
    transition: .5s all;
    margin-top:0;
    webkit-transition: .5s all;
    moz-transition: .5s all;
    o-transition: .5s all;
}
body.home #buildinglist .col-md-4 .content > a {
    color: #333333;
}
body.home #buildinglist .col-md-4 .content .title {
    font-size: 28px;
    padding: 20px 0 5px;
}
body.home #buildinglist .col-md-4 .content .link a{
    display: inline-block;
    width: 110px;
    height: 38px;
    line-height: 38px;
    margin: 20px 0;
}
body.home #buildinglist .col-md-4 .content:hover{
    margin-top:-20px;
}
body.home #buildinglist .col-md-4 .content:hover .link a {
    font-size:16px;
    color:#fff;
    background-color: #ff761a;
    border-radius: 4px;
}
body.home #buildinglist .buildingtab{
    margin-bottom:80px;
}
body.home #houselevelup .videoBlock{
    height:680px;
    background:url(../images/houselevelupbg.jpg) center 0 no-repeat;
    padding-top:48px;
    margin-bottom:45px;
}
body.home #houselevelup .imgblock img{
    width: 348px;
    margin:10px 8px;
}
body.home #shoplist{
    height:764px;
}
body.home #shoplist .row > div {
    padding:0;
}
body.home #shoplist .row > .col-md-7 {
    width:650px;
    padding-top:25px;
}
body.home #shoplist .row > .col-md-7 img{
    border-radius: 10px 0px 0px 10px;
}
body.home #shoplist .row > .col-md-5 {
    position: relative;
    font-size: 16px;
    color: #666;
    width: 520px;
    padding:50px 70px 50px 50px;
    border-radius: 0px 10px 10px 0;
    box-shadow: 0px 0px 13px 0px
    rgba(24, 24, 24, 0.15);
    background-color:#fff;
}
body.home #shoplist .row > .col-md-5:before {
    content:'';
    position: absolute;
    top:0;
    left:-23px;
    width:0;
    height:0;
    border-bottom:25px solid #999;
    border-left:23px solid transparent;
}
body.home #shoplist .row .col-md-5 .team{
    font-size: 26px;
    color: #333;
    padding-bottom: 40px;
}
body.home #shoplist .row .col-md-5 p{
    margin-bottom:20px;
}
body.home #shoplist .row .col-md-5 .beb-house_1 {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    margin-right: 8px;
    vertical-align: 15%;
    background-color: #ff761a;
}
body.home #shoplist .row .col-md-5 .beb-phone_2 {
    display: inline-block;
    color: #f5c43b;
    font-size: 21px;
    width: 30px;
    vertical-align: -8%;
    text-align: center;
    margin-right: 10px;
}
body.home #shoplist .row .col-md-5 .beb-address{
    display: inline-block;
    color: #ff761a;
    font-size: 21px;
    width: 30px;
    vertical-align: -8%;
    text-align: center;
    margin-right: 10px;
}
body.home #shoplist .row .col-md-5 p.address .pull-right{
    width: 70%;
    padding-top: 2px;
}
body.home #shoplist .row .col-md-5 form{
    border-top:1px solid #ddd;
}
body.home #shoplist .row .col-md-5 form .form-title{
    font-size: 20px;
    height:60px;
    line-height: 60px;
}
body.home #shoplist .row .col-md-5 form input{
    font-size: 12px;
    width: 190px;
    height: 40px;
    background-color: #ffffff;
    border-radius: 4px;
    border: solid 1px #eeeeee;
    margin-right:14px;
    margin-bottom:15px;
    text-indent:15px;
}
body.home #shoplist .row .col-md-5 form input.mr0 {
    margin-right:0;
}
body.home #shoplist .row .col-md-5 form input.submit {
    font-size:14px;
    color: #ffffff;
    background-color: #ff761a;
    border-radius: 4px;
}
body.home #shoplist .glyphicon{
    font-size: 15px;
    right: 40px;
    top: 20px;
    color: #999;
}
body.home #shoplist .glyphicon-triangle-right{
    right:22px;
}
body.home #shoplist .glyphicon:hover{
    color:#ff761a;
}
body.home #shoplist .shoptab{
    padding:50px;
    text-align: center;
}
body.home #shoplist .shoptab li {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    margin:0 2px;
    background-color: #bfbfbf;
}
body.home #shoplist .shoptab li.active {
    background-color:#ff761a;
}
body.home #newslist .newscontent .item{
    padding: 30px 0 80px;
}
body.home #newslist .inner{
    padding:25px;
    background-color:#fafafa;
}
body.home #newslist .inner .date {
    font-size: 16px;
    color: #666;
    margin-bottom:20px;
}
body.home #newslist .inner .title {
    font-size: 20px;
    height:40px;
    line-height: 40px;
}
body.home #newslist .inner .title .pull-left {
    font-size:28px;
    font-weight: bold;
}
body.home #newslist .col-md-6 li{
    background-color: #fafafa;
    border-radius: 10px;
    padding:10px 30px 0 10px;
    margin-bottom:13px;
    color: #666;
}
body.home #newslist .col-md-6 li .pull-left {
    width:90px;
    height: 66px;
    font-size: 12px;
    text-align: center;
    border-right: 1px solid #333;
    padding-right: 10px;
}
body.home #newslist .col-md-6 li .pull-left .order {
    font-size:26px;
    color:#333;
}
body.home #newslist .col-md-6 li .pull-right {
    width: 305px;
    margin-right: 100px;
}
body.home #newslist .col-md-6 li .pull-right .title {
    font-size:16px;
    color:#333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
body.home #newslist .col-md-6 li .pull-right .pa {
    font-size: 30px;
    right: -120px;
    top: 30%;
}
body.home #newslist .col-md-6 li .pull-right .arrow-right,body.home #newslist .col-md-6 li:hover .pull-right .pa .beb-right_2{
    display: none;
}
body.home #newslist .col-md-6 li:hover .pull-left{
    border-color:#fff;
}
body.home #newslist .col-md-6 li:hover{
    background-color: #ff761a;
}
body.home #newslist .col-md-6 li:hover a{
    color:#fefefe;
}
body.home #newslist .col-md-6 li:hover .title,body.home #newslist .col-md-6 li:hover .order{
    color:#fff;
}
body.home #newslist .col-md-6 li:hover .pull-right .pa .arrow-right{
    font-size:20px;
    padding-right: 15px;
    display: inline-block;
    position: relative;
    bottom: 10px;
}
body.home #links{padding:35px 0 17px;background-color:#fafafa;}
body.home #links span.pull-left{color:#303030;}
body.home #links .links{padding-left: 70px;}
body.home #links .links a{display: inline-block;color: #646464;margin: 0 0 18px 30px;}

/* navlist */
#main .navlist{
    padding: 15px 0;
    border-bottom: 1px solid #f8f8f8;
}
#main .navlist *{
    display: inline-block;
    color:#333;
    padding: 6px 26px;
    text-align: center;
}
#main .navlist span.active {
    display: inline-block;
    background-color: #ff761a;
    color:#fff;
}
#main .navlist span.title {
    margin-right:15px;
}
#main .searchblock{
    text-align: center;
    padding: 30px 0;
}
#main .searchblock input{
    font-size:12px;
    width: 300px;
    height: 40px;
    color: #666666;
    text-indent:13px;
    background-color: #ffffff;
    border: solid 1px #f8f8f8;
}
#main .searchblock button{
    border:none;
    color: #ff761a;
    width: 90px;
    height: 40px;
    background-color: #f8f8f8;
}

/* buildinglist */
body.List-building #main .contentlist{
    padding-bottom:40px;
}
body.List-building #main .contentlist .col-md-4{
    margin-bottom:28px;
}
body.List-building #main .contentlist .content{
    border: solid 1px #eeeeee;
}
body.List-building #main .contentlist .content a{
    color: #333333;
}
body.List-building #main .contentlist .content:hover{
    border-color:transparent;
    box-shadow: 0px 0px 18px 0px
    rgba(16, 16, 16, 0.08);
}
body.List-building #main .contentlist .content .title {
    font-size: 28px;
    padding-top:28px;
}
body.List-building #main .contentlist .content .des {
    font-size:12px;
    height: 54px;
    overflow: hidden;
    text-align:left;
    padding:5px 23px 15px;
}
body.List-building #main .contentlist .content .link {
    margin-bottom:20px;
}
body.List-building #main .contentlist .content .link a {
    display: inline-block;
    width: 100px;
    height: 38px;
    line-height: 38px;
    border-radius: 4px;
    border: solid 1px #ff761a;
}
body.List-building #main .contentlist .content .link a:hover{
    color:#fff;
    background-color: #ff761a;
}

/* caselist */
body.List-case #banner .bannerform .btn2,body.List-case #banner .bannerform .content2 {
    display: none;
}
body.List-case #banner #carousel-banner .item{
    height:520px;
}
body.List-case #banner .bannerform{
    font-size:12px;
    color:#999;
    position:absolute;
    left:50%;
    top:50%;
    margin-left: 300px;
    margin-top:-200px;
    width: 300px;
    height: 400px;
    background-color: #ffffff;
    box-shadow: 0px 0px 20px 0px
    rgba(28, 28, 28, 0.21);
    border-radius: 4px;
    opacity: 0.9;
    padding:15px 20px;
}
body.List-case #banner .bannerform .tabs{
    padding:0 10px;
}
body.List-case #banner .bannerform .tabs a{
    font-size:18px;
    color: #666666;
}
body.List-case #banner .bannerform .tabs a.active {
    font-size:20px;
    color:#333333;
    border-bottom:2px solid #ff761a;
    padding-bottom:3px;
}
body.List-case #banner .bannerform .content{
    padding-bottom:10px;
}
body.List-case #banner .bannerform h3{
    font-size:22px;
    margin:25px 0 5px;
}
body.List-case #banner .bannerform .content2 h3{
    margin-top:28px;
}
body.List-case #banner .bannerform input{
    font-size:12px;
    width: 260px;
    height: 40px;
    background-color: #ffffff;
    border-radius: 4px;
    border: solid 1px #dddddd;
}
body.List-case #banner .bannerform input[name="area"]{
    padding-right:30px;
}
body.List-case #banner .bannerform span.pa {
    right: 10px;
    top: 18%;
    font-size: 14px;
    color: #666666;
}
body.List-case #banner .btn{
    width: 100%;
    height: 40px;
    background-color: #ff761a;
    border:none;
    border-radius: 4px;
    margin-bottom:15px;
}
body.List-case .toppart .hottab{
    font-size:14px;
    color:#333;
    height:auto;
    line-height: 56px;
    padding:0 80px 0 130px;
    box-shadow: 0px 0px 4px 0px
    rgba(28, 28, 28, 0.06);
    overflow: hidden;
}
body.List-case .toppart .hottab a{
    display: inline-block;
    margin-right:20px;
}
body.List-case .toppart .hottab a.active{
    color:#ff761a;
}
body.List-case .toppart .hottab .pa{
    left: 20px;
    top: 0;
}
body.List-case .toppart .hottab .beb-hot{
    color: #ff0000;
    font-size: 35px;
    vertical-align: -15%;
}
body.List-case .toppart .hottab .beb-open {
    color: #666;
    left: auto;
    top: 20px;
    right: 35px;
    font-size: 18px;
    cursor: pointer;
}
body.List-case .toppart .order{
    padding:30px 0;
}
body.List-case .toppart .order .outerWrapper{
    float: left;
    width:48px;
    font-size: 14px;
    color:#333;
    margin-right:30px;
}
body.List-case .toppart .order a.select {
    float:left;
    color:#ff761a;
    margin-right: 30px;
}
body.List-case .toppart .order .key {
    padding-right:6px;
}
body.List-case .toppart .order a .beb{
    font-size:12px;
    float: none;
    margin-right: 0;
    width: auto;
}
body.List-case .toppart .order span.pr .beb{
    bottom:0;
    right:0;
    height:12px;
}
body.List-case .toppart .order span.pr .beb-open-up{
    top:0;
}
body.List-case .caselist .inner .pa{
    opacity: 0;
    width:100%;
    height: 34px;
    top: 15px;
    left: 0;
    transition: .5s all;
    webkit-transition: .5s all;
    moz-transition: .5s all;
    o-transition: .5s all;
}
body.List-case .caselist .inner:hover .pa {
    opacity: 1;
}
body.List-case #main .caselist .inner .pa .design {
    color:#fff;
    display:inline-block;
    width: 122px;
    text-indent: 15px;
    height: 34px;
    line-height: 45px;;
    background: url(../images/caselist_tag.png) 0 0 no-repeat;
}
body.List-case #main .caselist .inner .pa .pull-right{
    width: 70px;
    color:#fff;
    text-align: center;
    height: 22px;
    line-height: 22px;
    background-color: #333333;
    border-radius: 11px;
    opacity: 0.79;
    margin: 12px 30px 0 0;
}
body.List-case #main .caselist .inner .pa .beb{
    font-size: 13px;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

/* constructionlist */
body.List-construction .constructionlist{
    padding-top:30px;
}
body.List-construction .constructionlist > li{
    color:#666666;
    padding:20px 10px;
    margin-bottom:30px;
}
body.List-construction .constructionlist > li a{
    color:#333;
}
body.List-construction .constructionlist > li:hover{
    box-shadow: 0px 0px 10px 0px
    rgba(28, 28, 28, 0.08);
}
body.List-construction .constructionlist > li .title {
    font-size:18px;
    margin:15px 0;
}
body.List-construction .constructionlist > li .detail span {
    margin-right:20px;
}
body.List-construction .process .level2 li{
    font-size:12px;
    color:#ff761a;
    float:left;
    text-align: center;
    margin-right:51px;
    padding-top:50px;
}
body.List-construction .process .level2 .beb {
    display: inline-block;
    font-size:16px;
    background: #fff;
}
body.List-construction .process .level2 li:before{
    content:'';
    position:absolute;
    left: 50%;
    top: 57px;
    margin-left: 8px;
    width: 110px;
    height: 1px;
    background-color: #dddddd;
}
body.List-construction .process .level2 li.finish:before{
    background-color: #ff761a;
}
body.List-construction .process .level2 li:last-child:before {
    display: none;
}
body.List-construction .process .level2 .current span{
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #ff761a;
    border-radius: 50%;
}
body.List-construction .process .level2 li.stand{
    color:#999;
}
body.List-construction .process .level2 .stand span{
    display: inline-block;
    width: 16px;
    height: 16px;
    border: solid 1px #dddddd;
    border-radius: 50%;
    background: #fff;
}
body.List-construction .process .link a{
    display: inline-block;
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 4px;
    border: solid 1px #ff761a;
    margin-top:50px;
}
body.List-construction .process .link a:hover{
    color:#fff;
    background-color: #ff761a;
}
body.List-construction .process .level2 li p {
    padding-top:8px;
}
body.List-construction .process .hline{
    width: 799px;
    height: 1px;
    background-color: #dddddd;
}

/* vrlist */
body.List-vr .vrlist{
    padding-top:50px;
}
body.List-vr #main .gridbox li .inner{
    padding:0;
    border: solid 1px #f8f8f8;
}
body.List-vr #main .gridbox li .inner .row {
    padding:30px 30px 15px;
}
body.List-vr #main .gridbox li .date{
    width:140px;
    margin-top:6px;
}
body.List-vr #main .gridbox li .title a{
    padding-top:0;
}
body.List-vr #main .gridbox li .img a .beb-vr-solid{
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 360px;
    color: #fff;
    font-size: 54px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5)
}
body.List-vr #main .gridbox li .img a:hover .beb-vr-solid {
    display: block;
}
/* shoplist */
body.List-shop .shoplist li{
    height:764px;
    background: url(../images/shoplist_bg.png) 0 0 no-repeat;
    margin-bottom:20px;
}
body.List-shop #main .shoplist li .container {
    padding:32px 0;
}
body.List-shop #main .shoplist li .content {
    padding:185px 0 0 100px;
    font-size: 16px;
    color:#fff;
}
body.List-shop #main .shoplist li.even .content {
    padding: 185px 0 0 45px;
}
body.List-shop #main .shoplist li .content p{
    margin-bottom:20px;
}
body.List-shop #main .shoplist li .content .title{
    margin-bottom:65px;
}
body.List-shop #main .shoplist li .content .title a{
    font-size: 34px;
    color:#fff;
}
body.List-shop #main .shoplist li .content .address{
    margin-bottom:64px;
}
body.List-shop #main .shoplist li .content .address .pull-right{
    width:78%;
}
body.List-shop #main .shoplist li .content a.date {
    display: inline-block;
    width: 120px;
    height: 38px;
    line-height:35px;
    text-align:center;
    border: solid 1px #ff761a;
    border-radius: 4px;
    color:#fff;
}
body.List-shop #main .shoplist li .content a.date:hover {
    background-color: #ff761a;
}
body.List-shop #main .shoplist li .carousel .carousel-control{
    font-size:20px;
    color:#616176;
    top:50%;
    margin-top:-20px;
    right:25px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    background-color: #000000;
    opacity: 0.5;
}
body.List-shop #main .shoplist li .carousel .carousel-control {
    opacity: 1;
}
body.List-shop #main .shoplist li .carousel .carousel-control.left {
    left:25px;
}

/* newslist */
body.List-index #main .container {
    padding-top:10px;
    padding-bottom:40px;
}
body #mainbar #banner .carousel-control{
    font-size: 35px;
    width: 43px;
    height: 43px;
    line-height: 48px;
    margin-top:-21.5px;
}
body #mainbar .list .navmenu{
    margin: 30px 0 40px;
    height: 50px;
    line-height: 50px;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px 0px rgba(28, 28, 28, 0.08);
    border-radius: 4px;
}
body #mainbar .list .navmenu *{
    font-size: 18px;
    color:#333;
    display:inline-block;
    width:110px;
    height:100%;
    text-align: center;
}
body #mainbar .list .navmenu span.active {
    color:#ff761a;
}
body #mainbar .newslist li{
    width:100%;
    padding:24px 0;
    margin:0 0 30px;
}
body #mainbar .newslist li:hover{
    box-shadow: 0px 0px 10px 0px
    rgba(19, 19, 19, 0.08);
}
body #mainbar .newslist li .col-md-4{
    padding:0 10px;
}
body #mainbar .newslist li .col-md-8{
    padding: 10px 20px 0 5px;
}
body #mainbar .newslist li .col-md-8 .title a{
    display: block;
    font-size:20px;
    color:#333;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
body #mainbar .newslist li .col-md-8 .posttime {
    color:#999;
    margin-bottom:20px;
}
body #mainbar .newslist li .col-md-8 .des{
    margin-bottom:25px;
}
body #mainbar .newslist li .col-md-8 .des a{
    display: block;
    height: 40px;
    overflow: hidden;
}
body #mainbar .newslist li .col-md-8 .link a {
    width: 120px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background-color: #ffffff;
    border-radius: 4px;
    border: solid 1px #ff761a;
    color:#333;
}
body #mainbar .newslist li .col-md-8 .link{
    height:36px;
    line-height: 56px;
    color: #ff761a;
}
body #mainbar .newslist li .col-md-8 .link .glyphicon {
    margin-right:5px;
}
body #mainbar .newslist li .col-md-8 .link a:hover,body #sidebar #hotnews .link a:hover{
    background-color: #ff761a;
    color:#fff;
}
body #sidebar .recommend{
    height:250px;
    background:url(../images/sidebar_bg.png) 0 0 no-repeat;
    background-size:100%;
    padding:13px 0 0 50px;
    margin-bottom:30px;
    box-shadow: 0px 0px 6px 0px
    rgba(28, 28, 28, 0.08);
    border-radius: 4px;
}
body #sidebar .recommend .title {
    font-size: 19px;
    color:#fff;
}
body #sidebar .recommend a {
    color:#333;
}
body #sidebar .recommend ul{
    margin-top:30px;
}
body #sidebar .recommend ul li {
    margin-bottom:5px;
}
body #sidebar .recommend ul li span{
    margin-right:8px;
}
body #sidebar #sidebar-banner {
    box-shadow: 0px 0px 6px 0px
    rgba(28, 28, 28, 0.08);
    border-radius: 4px;
    margin-bottom:30px;
}
body #sidebar #sidebar-banner .carousel-control {
    top: 50%;
    right: 0;
    width: 20px;
    height: 24px;
    margin-top: -12px;
    opacity: 0.6;
    color: #333;
    background-image: none;
}
body #sidebar #contactform{
    font-size: 13px;
    text-align: center;
    padding:20px 10px 10px;
    background-color: #ffffff;
    box-shadow: 0px 0px 6px 0px rgba(28, 28, 28, 0.08);
    border-radius: 4px;
    margin-bottom:30px;
}
body #sidebar #contactform .form-title{
    font-size: 20px;
    margin-bottom:15px;
}
body #sidebar #contactform p.price {
    text-align:right;
    font-size: 12px;
    height:62px;
    line-height: 62px;
    padding-right:13px;
    background:url(../images/price_bg.png) 0 0 no-repeat;
    background-size:100%;
    margin-bottom:20px;
}
body #sidebar #contactform p.price span{
    font-size:36px;
}
body #sidebar #contactform .form-group{
    width: 100%;
}
body #sidebar #contactform input {
    width: 100%;
    font-size:12px;
    color:#666;
    height: 40px;
    background-color: #ffffff;
    border-radius: 4px;
    border: solid 1px #ddd;
    box-shadow: none;
}
body #sidebar #contactform input[name="area"]{
    padding-right:30px;
}
body #sidebar #contactform .form-group span.pa {
    right:10px;
    top:19%;
    color: #888888;
}
body #sidebar #contactform .btn.submit{
    width:100%;
    height: 40px;
    background-color: #ff761a;
    border-radius: 4px;
    border:none;
}
body #sidebar #contactform .tips{
    padding-top:9px;
    font-size:12px;
    color:#999;
}
body #sidebar #hotnews{
    padding:20px 14px 10px;
    background-color: #ffffff;
    box-shadow: 0px 0px 6px 0px
    rgba(28, 28, 28, 0.08);
    border-radius: 4px;
    margin-bottom: 30px;
}
body #sidebar #hotnews.tablist{
    margin-bottom:3px;
}
body #sidebar #hotnews .tabs a{
    display: inline-block;
    font-size:12px;
    color:#999;
    height: 40px;
    line-height: 40px;
    background-color: #f8f8f8;
    border-radius: 4px;
    padding:0 14px;
    margin-bottom:5px;
}
body #sidebar #hotnews li{
    margin-bottom:20px;
}
body #sidebar #hotnews .col-md-5 {
    padding-right:0;
}
body #sidebar #hotnews .news-title{
    font-size:16px;
    margin-bottom:20px;
}
body #sidebar #hotnews .news-title a{
    font-size:12px;
    padding-top:5px;
}
body #sidebar #hotnews ul a {
    color:#333;
}
body #sidebar #hotnews .title{
    line-height: 1.2em;
}
body #sidebar #hotnews .link a{
    font-size:12px;
    text-align: center;
    width: 68px;
    height: 24px;
    line-height: 24px;
    border-radius: 4px;
    border: solid 1px #ff761a;
}
body #sidebar #priceSuccessModalContent{
    box-shadow: 0px 0px 6px 0px
    rgba(28, 28, 28, 0.08);
    border-radius: 4px;
    margin-bottom: 30px;
}

/* buildingdetail */
body #main .container{
    padding:20px 0 80px;
}
body.article #main .article{
    padding-bottom:50px;
}
body.article #main .article .title{
    font-size: 34px;
    color:#333;
    margin-bottom:15px;
}
body.article #main .article .data{
    margin-bottom:20px;
}
body.article #main .article .content{
    color:#666;
    margin-bottom:40px;
}
body.article #main .article .form-title{
    margin-bottom: 20px;
    font-size: 16px;
}
body.article #main .article input{
    font-size: 12px;
    color:#666;
    text-indent:13px;
    height: 40px;
    background-color: #ffffff;
    border-radius: 4px;
    border: solid 1px #eeeeee;
    margin-right:10px;
}
body.article #main .article button{
    width: 120px;
    height: 40px;
    background-color: #ff761a;
    border-radius: 4px;
    color: #fefefe;
    border:none;
}
body.article #main .relativeblock .listtitle{
    font-size: 26px;
    padding-left:20px;
    position: relative;
    margin-bottom:20px;
}
body.article #main .relativeblock .listtitle:before{
    content:'';
    position:absolute;
    left:0;
    top:50%;
    width: 6px;
    height: 28px;
    margin-top:-14px;
    background-color: #ff761a;
    border-radius: 3px;
}
body #main .gridbox{
    width: 1200px;
    overflow: hidden;
    margin-left: -15px;
}
body #main .gridbox .row {
    margin-left:0;
    margin-right:0;
}
body #main .gridbox li{
    margin-bottom:30px;
    padding-top:5px;
    padding-left: 7.5px;
    padding-right: 7.5px;
}
body #main .gridbox li a{
    font-size:12px;
    color:#333;
}
body #main .gridbox li .inner{
    padding: 10px 10px 20px;
}
body #main .gridbox li .inner .row > div{
    padding:0;
}
body #main .gridbox li .inner:hover{
    box-shadow: 0px 0px 10px 0px
    rgba(28, 28, 28, 0.08);
    border-radius: 10px;
}
body #main .gridbox li .title a{
    display: block;
    padding-top:20px;
    font-size:16px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
}
body #main .gridbox li .tags a{
    display: inline-block;
    width: 60px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 4px;
    border: solid 1px #eeeeee;
    margin-right:11px;
}
body #main .gridbox li .tags a:last-child {
    margin-right:0;
}
body #main .gridbox li .date {
    float: right;
    width: 130px;
    font-size: 14px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    margin-top: 23px;
    border: solid 1px #ff761a;
}
body #main .gridbox li .date:hover{
    color: #ffffff;
    background-color: #ff761a;
}
body.article #main .relativeblock > li.pr .control{
    font-size: 50px;
    color: #7f7f7f;
    right: -70px;
    top: 48%;
    text-decoration: none;
}
body.article #main .relativeblock > li.pr .control.beb-left_4{
    left: -70px;
}
body.article #main .relnews a{
    color: #363433;
}
body.article #main .relnews .col-md-4 {
    margin-bottom:20px;
}
body.article #main .relnews .col-md-4 .link.pa{
    font-size: 12px;
    color: #333333;
    text-align: center;
    width: 66px;
    height: 24px;
    line-height: 24px;
    border-radius: 4px;
    border: solid 1px #ff761a;
    bottom: 0;
    right:5px;
}
body.article #main .relnews .col-md-4 .link.pa:hover{
    background-color: #ff761a;
    color:#fff;
}
body.article #main .relnews .col-md-6:nth-child(2){
    padding-left:0;
    padding-right:0;
}

/* constructiondetail */
body.Article-construction #mainbar .article .col-md-4{
    padding-right:0;
}
body.Article-construction #mainbar .article .col-md-8 .title{
    font-size: 22px;
    padding-top:15px;
}
body.Article-construction #mainbar .article .col-md-8 .update {
    color:#666;
}
body.Article-construction #mainbar .article .col-md-8 .update span{
    color:#999;
}

body.Article-construction #mainbar .article .col-md-8 .content{
    padding-top:83px;
}
body.Article-construction #mainbar .article .col-md-8 .content li{
    float:left;
    width: 90px;
    height: 46px;
    margin-right:14px;
    background-color: #f8f8f8;
    border-radius: 4px;
    padding-top:2px;
}
body.Article-construction #mainbar .article .col-md-8 .content a {
    color:#333;
}
body.Article-construction #mainbar .article .col-md-8 .content span {
    font-size:12px;
    color:#666;
}
body.Article-construction #mainbar ul.tabs{
    width: 884px;
    height: 50px;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px 0px
    rgba(28, 28, 28, 0.08);
    border-radius: 4px;
    margin:30px 0;
}
body.Article-construction #mainbar ul.tabs *{
    display: inline-block;
    height:100%;
    line-height:50px;
    font-size: 18px;
    color:#000;
    padding:0 15px;
    margin-right:20.5px;
}
body.Article-construction #mainbar ul.tabs span {
    color: #999999;
}
body.Article-construction #mainbar ul.tabs span:last-child {
    margin-right:0;
}
body.Article-construction #mainbar ul.tabs a:hover {
    color: #ff761a;
}
body.Article-construction #mainbar .tabcontent{
    position: relative;
    border: solid 1px #eeeeee;
    margin-bottom:30px;
}
body.Article-construction #mainbar .tabcontent .col-md-1{
    position:static;
}
body.Article-construction #mainbar .tabcontent .col-md-1 p{
    left: 2%;
    top: 50%;
     margin-top: -98px;
    position: absolute;
    width: 20px;
    padding-right: 38px;
    height: 196px;
    line-height: 196px;
    border-right: 1px solid #f8f8f8;
}
body.Article-construction #mainbar .tabcontent .col-md-1 span {
    display: inline-block;
    line-height: 1em;
    vertical-align: middle;
    font-size: 20px;
}
body.Article-construction #mainbar .tabcontent .col-md-11 {
    padding-top:20px;
    padding-bottom:10px;
}
body.Article-construction #mainbar .tabcontent .col-md-11 div.images {
    margin-bottom:20px;
}
body.Article-construction #mainbar .tabcontent .col-md-11 div.images img {
    margin-right:8px;
}
body.Article-construction #mainbar .links,body.Article-index #mainbar .links{
    color:#666;
    padding-bottom:40px;
}
body.Article-construction #mainbar .links span.link,body.Article-index #mainbar .links span.link{
    margin:0 10px;
}
body.Article-construction #sidebar #contactform .form-title{
    margin-bottom:3px;
}
body.Article-construction #sidebar .form-inline{
    padding-top:18px;
    padding-bottom: 10px;
}
body.Article-construction #relconstruction .construction-title{
    font-size:20px;
    height:28px;
    line-height:28px;
    padding-left:18px;
    margin-bottom:25px;
}
body.Article-construction #relconstruction .construction-title a{
    font-size:14px;
}
body.Article-construction #relconstruction .construction-title:before{
    content:'';
    position:absolute;
    width: 4px;
    height: 28px;
    background-color: #ff761a;
    border-radius: 2px;
    left:0;
    top:0;
}
body.Article-construction #relconstruction img {
    width:100%;
}
body.Article-construction #relconstruction .inner {
    padding:13px;
    background-color: #ffffff;
    box-shadow: 0px 0px 6px 0px
    rgba(28, 28, 28, 0.08);
    border-radius: 4px;
}
body.Article-construction #relconstruction .inner .title{
    margin:10px 0 0;
}

/* casedetail */
body.Article-case #main{
    height:100%;
    padding-top:10px;
}
body.Article-case #breadcrumb{
    padding:0 370px 0 30px;
}
body.Article-case #breadcrumb a.pull-right{
    font-size:14px;
    color:#333;
    margin-left:13px;
}
body.Article-case #breadcrumb a.pull-right span {
    font-size:18px;
    margin-right:6px;
    vertical-align: text-top;
}
body.Article-case #mainbar{
    padding-right:360px;
}
body.Article-case #mainbar #banner {
    width:63%;
    margin-left:23%;
}
body.Article-case #sidebar {
    width:300px;
    overflow: auto;
    height: 100%;
    padding-left: 15px;
    padding-right: 15px;
    top:0;
    right:0;
}
body.Article-case  #mainbar #banner .pa.date{
    left:100%;
    bottom:0;
    font-size: 12px;
    color: #fff;
    width: 48px;
    height: 162px;
    line-height: 1em;
    padding: 24px 12px 0 25px;
    background:url(../images/case_link_bg.png) 0 0 no-repeat;
}
body.Article-case  #mainbar #banner .carousel-control{
    font-size:25px;
    border-radius: 22px;
    right:-100px;
}
body.Article-case  #mainbar #banner .carousel-control.left {
    left:-100px;
}
/*body.Article-case  #mainbar #banner .item{*/
    /*background-color:#000;*/
/*}*/
body.Article-case  #mainbar #banner .item img{
    height:100%;
    margin:0 auto;
}
body.Article-case  #mainbar #banner .item .des.pa{
    width:100%;
    color:#fff;
    padding:20px 30px;
    background-color: rgba(0,0,0,.5);
    left:0;
    bottom:0;
}
body.Article-case  #mainbar #banner .item .title.pa {
    top:30px;
    right:70px;
    color: #ffffff;
    font-size:12px;
    height: 36px;
    line-height: 36px;
    background-color: rgba(0,0,0,.5);
    border-radius: 18px;
    padding:0 30px;
}
body.Article-case #mainbar ul.content{
    padding:10px 15px;
}
body.Article-case #mainbar ul.content li{
    float:left;
    width: 90px;
    height: 46px;
    margin-right:14px;
    background-color: #f8f8f8;
    border-radius: 4px;
    padding-top:2px;
}
body.Article-case #mainbar ul.content a {
    color:#333;
}
body.Article-case #mainbar ul.content span {
    font-size:12px;
    color:#666;
}
body.Article-case #mainbar .carouselblock{
    position: fixed;
    left: 0;
    bottom: 0;
    width: calc(100% - 270px);
    min-width: 930px;
    height: 84px;
    background-color: #f8f8f8;
    padding: 0 155px;
    margin-left:-15px;
    margin-right:-15px;
}
body.Article-case #mainbar .carouselblock .beb {
    top: 0;
    right: 0;
    width: 58px;
    height: 100%;
    line-height: 84px;
    font-size: 30px;
    color: #eee;
    text-align: center;
    cursor: pointer;
}
body.Article-case #mainbar .carouselblock .beb.beb-left_4 {
    left:0;
}
body.Article-case #mainbar .carouselblock .beb:hover{
    color:#333;
}
body.Article-case #mainbar .carouselblock a.pa{
    top:8px;
    right:58px;
    width: 92px;
    height: 68px;
    background-color: #000000;
}
body.Article-case #mainbar .carouselblock a.pa.prevlink{
    left:58px;
}
body.Article-case #mainbar .carouselblock a.pa .pa {
    width:100%;
    height:100%;
    font-size:12px;
    text-align: center;
    color: #fff;
    padding: 8px 11px;
    background-color:rgba(0,0,0,.5);
}
body.Article-case #mainbar .carouselblock .carousel-indicators-wrapper{
    overflow: hidden;
    height:100%;
}
body.Article-case #mainbar .carouselblock .carousel-indicators{
    position: relative;
    width: 100%;
    margin: 0 auto;
    font-size:0;
    left: 0;
    bottom: 0;
}
body.Article-case #mainbar .carouselblock .carousel-indicators li {
    width: 96px;
    height: 68px;
    margin:8px 0;
    padding:0 2px;
    border-radius: 0;
    overflow: hidden;
}
body.Article-case #mainbar .carouselblock .carousel-indicators li .pa {
    font-size: 12px;
    width: 32px;
    height: 16px;
    line-height: 16px;
    background-color: #000000;
    border-radius: 8px;
    opacity: 0.5;
    right: 2px;
    color: #ffffff;
    bottom: 2px;
    text-indent:0;
}
body #sidebar #hotnews .news-title a span {
    font-size: 16px;
    vertical-align: text-bottom;
    margin-right: 3px;
}

/* article */
body.Article-index #article{
    border: solid 1px #f8f8f8;
    padding:25px;
    margin-bottom:35px;
}
body.Article-index #article > h2{
    font-size: 26px;
}
body.Article-index #article > .meta {
    font-size:12px;
    color:#999;
    margin-bottom:35px;
}
body.Article-index #article > .meta strong {
    font-size:14px;
    color:#333;
}
body.Article-index #article > .meta .beb {
    font-size:14px;
    margin-left:10px;
    vertical-align: -12%;
}
body.Article-index #article > .meta .shareblock{
    display: inline-block;
}
body.Article-index #article > .meta .social-share{
    display: none;
}
body.Article-index #article > .meta .shareblock:hover .social-share{
    display: block;
}
body.Article-index #article > .meta .social-share .icon-wechat .wechat-qrcode .help p{
    margin-bottom:5px;
    t.content-products .mage-magictabs.activated .slick-arrowext-indent: 0;
}
body.Article-index #article > .expert{
    padding:15px;
    background-color: #f8f8f8;
    border-radius: 4px;
    margin-bottom:25px;
}
body.Article-index #article p{
    text-indent: 2em;
    margin-bottom:20px;
}
body.Article-index #article img {
    max-width: 100%;
}

/* 模态框 */
body #caseModal .modal-dialog{
    width: 680px;
    position:relative;
    top:calc(50% - 310px);
}
body #caseModal .modal-content{
    width: 100%;
    height: 560px;
    border: none;
    background:#fff url(../images/modal_bg.png) 0 0 no-repeat;
}
body .constructionModal .modal-dialog {
    position:relative;
    top:calc(50% - 245px);
}
body .constructionModal .modal-content {
    width: 400px;
    height: 460px;
    margin: 0 auto;
}
body .modal .modal-body{
    padding:0;
}
body .constructionModal .modal-body {
    padding:50px 30px 30px;
}
body .modal .pull-left {
    font-size:14px;
    color:#fff;
    width:280px;
}
body .modal .pull-left .para1{
    font-size: 22px;
    padding-top: 100px;
}
body .modal .pull-left .para2{
    padding-top: 45px;
}
body .modal .pull-left .para2 img{
    border-radius: 10px;
    border: solid 4px #ec4f0d;
    padding: 10px;
}
body .modal .pull-left .para4{
    font-size: 24px;
}
body .modal div.pull-right{
    font-size: 12px;
    width:400px;
    padding:50px 30px 25px;
}
body .modal .form-title{
    font-size: 28px;
    font-weight: bold;
    margin-bottom:5px;
}
body .modal .para2 {
    margin-bottom:25px;
}
body .contactform .form-group{
    display: block;
    margin-bottom:15px;
}
body .contactform .form-inline .form-group {
    display: inline-block;
    margin-bottom:0;
}
body .modal input.form-control,body .modal button{
    text-align: left;
    width:100%;
    font-size: 14px;
    color:#9f9f9f;
    height: 46px;
    background-color: #ffffff;
    border-radius: 4px;
    border: solid 1px #ddd;
    outline: none;
    box-shadow: none;
}
body .modal input[name="area"]{
    padding-right:50px;
}
body .modal .beb-down2 {
    padding-top: 3px;
    padding-right: 10px;
}
body .modal .dropdown-menu{
    width:100%;
    border-radius: 4px;
    border: solid 1px #dddddd;
    border-top:0;
    padding: 0 10px;
    box-shadow:none;
}
body .modal .dropdown-menu li{
    font-size:12px;
    color:#666;
    height:45px;
    line-height: 45px;
    border-bottom: solid 1px #dddddd;
    cursor: pointer;
}
body .modal .dropdown-menu li:hover{
    color:#ff761a;
}
body .modal .dropdown-menu li:last-child {
    border-bottom:0;
}
body .contactform p.golden{
    display: none;
    font-size: 12px;
    left: 13px;
    top: 100%;
    z-index:1;
}
body .contactform .combine p.golden{
    top: 50%;
    margin-top: -15px;
    width: 90%;
    height: 30px;
    line-height: 30px;
    color: red;
    font-size: 14px;
    background-color: #fff;
}
body .modal span.pa{
    top: 30%;
    right: 15px;
    color: #999999;
    font-size: 14px;
}
body .modal button.submit{
    font-size: 16px;
    height: 46px;
    background-color: #e8792f;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    margin-bottom:19px;
    cursor: pointer;
}
body .modal p.tips {
    color: #999;
}
body .modal .close{
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #000;
    opacity: 1;
    font-size: 26px;
    text-align: center;
    color: #fff;
    border:1px solid #fff;
    border-radius: 15px;
}
body .modal .close span{
    position:relative;
    top:-3px;
}
body .modal .phone {
    color: #666666;
    font-size: 18px;
    margin-bottom: 24px;
}
body .modal .close:hover,body .contactform .btn.submit:hover{
    border:none;
    background-color:#ff761a!important;
}
body .contactform input.red{
    border:1px solid #ff0101!important;
}
body .contactform input.submit.disabled,body .contactform button.submit.disabled{
    background-color: #c6c6be!important;
    cursor: not-allowed;
}
body #priceModal .contactform button.submit.disabled{
    background-color:inherit!important;
}
body #successModal .modal-content{
    font-size:12px;
    color: #888888;
    width: 508px;
    border-radius: 10px;
    padding-top:50px;
    padding-bottom:35px;
    margin:0 auto;
}
body #successModal .modal-content .ico{
    padding-bottom:10px;
}
body #successModal .modal-content .beb{
    font-size:51px;
    color:#ff761a;
}
body #successModal .modal-content .status{
    font-size: 24px;
}
body #successModal .modal-content img {
    width: 105px;
}
body #priceModal .modal-dialog {
    width: 1000px;
    position:relative;
    top:calc(50% - 230px);
    background:#fff url(../images/pricemodalbg.jpg) 98% center no-repeat;
}
body #priceModal .modal-content{
    height:400px;
    background-color:transparent;
}
body #priceModal .pull-left{
    color:#333333;
    width:332px;
    margin:65px 0 0 58px;
}
body #priceModal .form-title{
    font-size:20px;
    margin-bottom:15px;
}
body #priceModal .form-title .golden {
    font-size: 12px;
    margin-left:10px;
}
body #priceModal input.form-control,body #priceModal .dropdown{
    display: inline-block;
    font-size:12px;
    width: 74%;
    height:36px;
    line-height: 36px;
}
body #priceModal .dropdown button{
    font-size:12px;
    height: 100%;
    line-height: 36px;
    padding: 2px 7px;
}
body #priceModal .dropdown button span{
    margin-right:21px;
}
body #priceModal .dropdown button span:last-child{
    margin-right:0;
    padding-right:0;
    margin-top: 8px;
}
body #priceModal button.submit{
    width: 126px;
    height: 126px;
    left: 50%;
    top: 50%;
    margin-left: -46px;
    margin-top: -33px;
    border: none;
    outline: none;
    background-color: transparent;
}
body #priceModal button.submit:hover{
    background-color: transparent!important;
}
body #priceModal .dropdown-menu{
    padding:8px 10px;
    border: solid 1px #dddddd;
}
body #priceModal .dropdown-menu li{
    height: auto;
    line-height: 1.5px;
    border: none;
}
body #priceModal .dropdown-menu li.level1{
    width: 20%;
    float: left;
}
body #priceModal .dropdown-menu li a{
    display: block;
    text-align: center;
    height: 20px;
    line-height: 20px;
    color:#666;
    background-color: #f8f8f8;
    border-radius: 2px;
    margin:3px;
}
body #priceModal .dropdown-menu li a.active{
    color:#fff;
    background-color:#ff761a;
}
body #priceModal .required-ico {
    color:#ff761a;
    margin-right:3px;
}
body #priceModal .contactform p.golden{
    text-indent:85px;
}
body #priceModal .showprice{
    font-size: 25px;
    right: 15%;
    top: 36%;
}
body #priceSuccessModal .modal-dialog{
    width:300px;
    margin-top:12%;
}
#priceSuccessModalContent{
    padding:10px 20px;
    font-size:12px;
    color:#999;
}
#priceSuccessModalContent .toppart {
    color:#333;
}
#priceSuccessModalContent .toppart .total{
    font-size: 36px;
}
#priceSuccessModalContent .toppart .status{
    font-size: 22px;
}
#priceSuccessModalContent button{
    font-size:14px;
    color: #ffffff;
    text-align: center;
    width: 260px;
    height: 40px;
    background-color: #ff761a;
    border-radius: 4px;
    padding:0;
    margin-bottom:10px;
    border:none;
    max-width: 100%;
}

/* 会员中心 */
body.member #main{
    height:660px;
    padding-top:120px;
    background:url(../images/login_bg.jpg) center 0 no-repeat;
}
body.register #main,body.find_password #main{
    padding-top:50px;
}
body.member #main .content{
    width: 420px;
    background-color: #ffffff;
    border-radius: 10px;
    padding:40px 30px 20px;
    margin:0 auto ;
    position: relative;
    left:150px;
}
body.member #main .content .title{
    padding-bottom:20px;
}
body.member #main .content .title h2 {
    font-size: 26px;
    font-weight: normal;
    color: #333333;
    margin:0;
    padding-bottom:10px;
    border-bottom:2px solid #ff761a;
}
body.member #main .content .alert.pa{
    display: none;
    font-size: 12px;
    color: #ff761a;
    left: 0;
    top: 46px;
    padding: 0 10px;
    margin: 0;
}
body.member #main .content .form-group .link{
    padding:15px 0 10px;
}
body.member #main .content input{
    color: #999999;
    height: 46px;
    border: solid 1px #dddddd;
    border-radius: 4px;
}
body.member #main .content button.js-ajax-submit,body.member #main .content a.btn-success{
    height: 46px;
    line-height: 46px;
    background-color: #ff761a;
    border-radius: 4px;
    border:none;
    padding:0;
}
body.member #main .content button.js-ajax-submit{
    font-size: 18px;
}
body.member #main .content button.js-ajax-submit:hover,body.member #main .content a.btn-success:hover{
    color:#fff;
    background-color: #e8792f;
}
.user-section .btn:hover,.user-section .btn:focus,.user-section .btn.focus{
    color:#ff761a;
}
.user-section .tc-main button[type="submit"],.user-section .tc-main a.confirm_avatar_btn{
    width: 100px;
    height: 40px;
    color:#fff;
    background-color: #ff761a;
    border-radius: 4px;
    border:none;
}
.user-section .tc-main{
    padding-top:15px;
    padding-bottom:15px;
}
.user-section .tc-main .list-group{
    margin-left:-15px;
    margin-right:-15px;
}
.user-section .tc-main > .row > .col-md-3{
    padding-top: 20px;
    background-color: #fffaf7;
}
.user-section .tc-main .col-md-3 .avatar img{
    width:48px;
}
.user-section .tc-main .col-md-3 .name{
    font-size:14px;
    color: #666666;
    margin-bottom:20px;
}
.user-section .tc-main .col-md-3 a.item {
    position: relative;
    font-size:14px;
    height: 50px;
    line-height: 50px;
    color: #666666;
    display: block;
    text-align: center;
}
.user-section .tc-main .col-md-3 a.item .beb{
    position: absolute;
    font-size: 18px;
    left: 50%;
    top: 50%;
    margin-left: -75px;
    margin-top: -9px;
}
.user-section .tc-main .col-md-3 a.item .hadRead{
    position: absolute;
    font-size: 16px;
    left: 50%;
    top: 50%;
    color: #ea1b1b;
    margin-left: 32px;
    margin-top: -25px;
}
.user-section .tc-main .col-md-3 a.item.active{
    color: #ff761a;
    background-color: #ffffff;
}
.user-section .tc-main .col-md-3 a.item.active:before{
    content:'';
    position: absolute;
    width: 4px;
    height: 36px;
    left:0;
    top:50%;
    margin-top:-18px;
    background-color: #ff761a;
    border-radius: 2px;
}
.user-section .tc-main .col-md-3 a.item1 .beb{
    margin-left:-78px;
}
.user-section .tc-main .col-md-9 .nav-tabs{
    margin-left:-15px;
    margin-right:-15px;
    background-color: #fffaf7;
    border-bottom:none;
}
.user-section .tc-main .col-md-9 .nav-tabs .active a{
    border-left:none;
    border-right:none;
    border-top:2px solid #ff761a;
}
.user-section .tc-main .col-md-9 .content{
    padding-top:20px;
}
.user-section .tc-main .col-md-9 .caselist .title a{
    display: block;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 8px;
}
.user-section .tc-main .col-md-9 .caselist .inner,.user-section .tc-main .col-md-9 .newslist li{
    box-shadow: 0px 0px 10px 0px rgba(20, 20, 20, 0.1);
    margin-bottom:30px;
}
.user-section .tc-main .col-md-9 .caselist .clearfix{
    padding:0 8px 10px;
}
.user-section .tc-main .col-md-9 .caselist .clearfix a{
    display:inline-block;
    font-size:12px;
    color: #ffffff;
    text-align: center;
    width: 80px;
    height: 30px;
    line-height: 30px;
    background-color: #ff761a;
    border-radius: 4px;
}
.user-section .tc-main .col-md-9 .newslist li{
    padding:20px 0;
}
.user-section .tc-main .col-md-9 .newslist li .title a{
    font-size:20px;
    color: #333333;
}
.user-section .tc-main .col-md-9 .newslist li .posttime{
    color: #999999;
}
.user-section .tc-main .col-md-9 .newslist li .link a{
    text-align: center;
    color: #ffffff;
    width: 120px;
    height: 36px;
    line-height: 36px;
    background-color: #ff761a;
    border-radius: 4px;
}
.user-section .tc-main .col-md-9 .content table td{
    border:none;
}
.user-section .tc-main .col-md-9 .coupon .couponinfo .pa{
    width: 100%;
    max-width: 270px;
    color: #fff;
    left: 0;
    top: 42%;
    text-align: center;
}
.user-section .tc-main .col-md-9 .coupon .couponinfo .pa p{
    margin-bottom:0;
}
.user-section .tc-main .col-md-9 .coupon .couponinfo .pa .date{
    font-size:12px;
}
.user-section .tc-main .col-md-9 .coupon .couponinfo .pa .price strong{
    font-size: 56px;
}
.user-section .tc-main .col-md-9 .coupon .couponinfo .pa .tips{
    opacity: 0.5;
}
.user-section .tc-main .col-md-9 .content .systeminfo td{
    border-bottom:1px solid #f8f8f8;
    padding-bottom:15px;
}
.user-section .tc-main .col-md-9 .systeminfo .date{
    font-size:12px;
    color: #666666;
}
.user-section .tc-main .col-md-9 .uploaded_avatar_btns {
    padding-top:20px;
}