body {

    color: #333;

    padding: 0px !important;

    margin: 0px !important;

    font-size: 14px;

    font-family: "Microsoft YaHei"; 

}


a,a:hover,a:focus {

    text-decoration: none;

    outline: none;

}



::selection {

    background: #56b6e7;

    color: #fff;

}



::-moz-selection {

    background: #56b6e7;

    color: #fff;

}



h1,h2,h3,h4,h5,h6,p,ul,li { padding: 0; margin: 0;

}

li{ list-style-type: none;}

a {

    color: #333;

}



a:hover {

    color: #56b6e7;

}



p {

    line-height: 22px

}

@font-face {

  font-family: 'iconfont';

  src: url('../other/font_1469158554_1436648.eot'); /* IE9*/

  src: url('../other/font_1469158554_1436648.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

  url('../other/font_1469158554_1436648.woff') format('woff'), /* chrome???firefox */

  url('../other/font_1469158554_1436648.ttf') format('truetype'), /* chrome???firefox???opera???Safari, Android, iOS 4.2+*/

  url('../other/font_1469158554_1436648.svg#iconfont') format('svg'); /* iOS 4.1- */

}

                    

.iconfont{font-family:"iconfont";font-size:50px;font-style:normal;}                                  

.top{ background: #333233; color: #fff; height: 36px; line-height: 36px;}

.top .top-fl{ float: left;}

.top .top-fr{ float: right;}
.top-fr{/*background:url(../images/bgtop.jpg) no-repeat;*/}
.top-fr span{ padding:0 20px 0 30px;color:#afafaf;}

/*header*/

.mweb{ display:none;}

.header-frontend .navbar {

    margin-bottom: 0;

}



.navbar-default {

    border: none;

}



.navbar-brand {

    color: #bcc0cd;

    font-size: 30px;

    font-weight: 100;

    line-height: 30px;

/*  margin-top: 15px;*/

    padding: 10px 0 0 15px;

}



.navbar-brand span {

    color: #f25f5b;

}



.header-frontend .navbar-collapse ul.navbar-nav {

    float: right;

    margin-right: 0;

}



.header-frontend .navbar-default {

    background-color: #fff;

}



.header-frontend .nav li a,

.header-frontend .nav li.active ul.dropdown-menu li a {

    color: #000;

    font-size: 14px;

    font-weight: 300;

    background: none;

}



.copyrights {

    text-indent: -9999px;

    height: 0;

    line-height: 0;

    font-size: 0;

    overflow: hidden;

}



.header-frontend .nav li a:hover,

.header-frontend .nav li a:focus,

.header-frontend .nav li.active a,

.header-frontend .nav li.active a:hover,

.header-frontend .nav li a.dropdown-toggle:hover,

.header-frontend .nav li a.dropdown-toggle:focus,

.header-frontend .nav li.active ul.dropdown-menu li a:hover,

.header-frontend .nav li.active ul.dropdown-menu li.active a {

    color: #fff;

    background-color: #56b6e7;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}

.header-frontend .navbar-default .navbar-nav> .open> a,

.header-frontend .navbar-default .navbar-nav> .open> a:hover,

.header-frontend .navbar-default .navbar-nav> .open> a:focus {

    color: #fff;

    background-color: #56b6e7;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.header-frontend .navbar-nav> li> a {

    line-height: 60px;

    border-radius: 0px;

    -webkit-border-radius: 0px;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    padding-left: 23px;

    padding-right: 23px;

    color: #000;

}



.dropdown-menu li a:hover {

    color: #fff !important;

}



.header-frontend .nav .caret {

    border-bottom-color: #999;

    border-top-color: #999;

}



.dropdown-menu {

    box-shadow: none;

    border-radius: 0;

}



.header-frontend .nav li .dropdown-menu {

    padding: 0;

}



.header-frontend .nav li .dropdown-menu li a {

    line-height: 28px;

    padding: 3px 5px;
    text-align:center

}



.theme-dropdown .dropdown-menu {

  display: block;

  position: static;

  margin-bottom: 20px;

}



.theme-showcase > p > .btn {

  margin: 5px 0;

}

.biaoti{}

.biaoti h2 ,.biaoti p , .biaoti span{ text-align: center;}
.biaoti h2{color:#393da9;font-size:36px;}
.biaoti p{ color: #929090;text-transform:Uppercase ;  line-height: 35px;}

.biaoti span { color: #333333; font-size: 24px; display:block; width:160px; margin:0 auto; margin-bottom:-17px; background-color:#f8f6f1;}
.linetext{ text-align: center; border-bottom:1px solid #e1e1e1; margin-bottom:35px; position:relative; margin-top:15px;}
.linetext1{ text-align: center; border-bottom:1px solid #e4e4e4; margin-bottom:35px; position:relative; margin-top:15px;}
.blanks{width:9px; height:2px; position:absolute; background:#f8f6f1;right:35px; top:0;display:block; z-index:111;}
.dots{width:8px; height:8px; position:absolute; background:#ff9d0c;right:27px; top:0;display:block; z-index:111; margin-top:-4px; border-radius:8px;}
.fontcen{font-size:20px !important; color:#f39100 !important; border:2px solid #919092; border-radius:15px; height:38px; line-height:38px; margin:0 auto; background-color:#e6e5e5;     margin-bottom: -16px;}
.feiyong{ text-align:center;line-height:40px; font-size:20px; padding:2%;}
.feiyong span{color:#fc8f80;}
/*.ruxue #teshe1{ background-color:#4dbcdf}
.ruxue #teshe2{ background-color:#febf5c}
.ruxue #teshe3{ background-color:#8779e3}
.ruxue #teshe4{ background-color:#e35760}*/
.line{ border-bottom: 1px solid #ddd; margin-top: -1px;}
.ruxue img{width:100%;}
.mt{ margin-top: 20px;}

.f-box {
    color:#fff;

    padding:30px 20px;

    text-align: center;


    transition-duration: 500ms;

    transition-property: width, background;

    transition-timing-function: ease;

    -webkit-transition-duration: 500ms;

    -webkit-transition-property: width, background;

    -webkit-transition-timing-function: ease;

}

.f-box h2{ font-size:20px;font-weight:bold;  font-weight: bold;
    line-height: 56px;
    height: 60px;}
.f-box h3{ font-size:30px;font-weight:bold; line-height:56px; color:#eab830;}
.f-box .yw{ color: #000; text-transform:uppercase; letter-spacing: 1px; font-size: 16px; margin-top:20px;}
.f-box .yw span{background-color:#fff; border-radius:14px; padding:7px 18px;}
.f-box .f-text{ color: #fff; margin:0 auto; width:90%; height:66px;}
.f-box .f-text2{ color: #fff; margin:0 auto; width:95%; text-align:left; }
.f-box u{ margin: 15px auto; width: 85px; height: 1px; background: #ddd; display: block;}

.recent-work-wrap img{ width: 100%;}

.recent-work-wrap{ border: 1px solid #ddd; margin-bottom: 20px;}

.recent-work-wrap img:hover{ opacity: .9;}

.more{ margin: 0 auto; display: block; width: 150px; height: 40px; text-align: center; line-height: 45px; color: #fff; background: #31afdf; border-radius: 8px;} 

.news{ background: #fff; padding: 15px 0 26px 0; overflow: hidden;}
.yousi,.teshe{ background: #312500; padding: 35px 0 35px 0; overflow: hidden;}
.zhuanye{background: #eeeeee; padding: 35px 0 35px 0; overflow: hidden;}
.zijia{background: #1d1309; padding: 55px 0 55px 0; overflow: hidden;}
.aboutbot{background: #414a4f; padding: 55px 0 55px 0; overflow: hidden;color:#fff;}
.aboutbot h2{font-size:16px;}
.teshe section{ border-radius:6px;}
.teshe #teshe1{background-color:#1e73be;}
.teshe #teshe2{background-color:#dd3333;}
.teshe #teshe3{background-color:#b520c9;}
.teshe #teshe4{background-color:#17a554;}
#container1140{background-color:#eab830;}
#timeshow{position:absolute;left:0;right:0;top:27%; bottom:0;margin:0 auto}
.partner .partnerdiv div span.moresch{height:36px;display:block;line-height:36px;border-radius:5px; background-color:#ffa302; color:#fff;width:95%;}
#timeshow span.time1 {
    padding-right: 8%;
    font-size: 53px;
    color: #fff;
}

#timeshow span.time2 {
    padding-right: 8%;
    font-size: 53px;
    color: #fff;
}

#timeshow span.time3 {
    padding-right: 9%;
    font-size: 53px;
    color: #fff;
}

#timeshow span.time4 {
    padding-right: 2.3%;
    font-size: 53px;
    color: #fff;
}

#timeshow span {
    font-size: 53px;
    color: #fff;
    padding-left: 2%;
}
#add1{padding-top:90px; padding-bottom:62px;}
#add1 h2{color:#fff; text-align:center;font-size:26px; line-height:42px;}
#add1 h2 span{color:#000;}
#add1 p{text-align:center}
#add2{width:90%; background-color:#fff; margin:0 auto; margin-top:10%; margin-bottom:10%; padding:10%; border-radius:5px;    text-align: center;}
#add2 h2{font-size:26px;  padding-bottom:3%;}
.liuxue{ background: #fff; padding: 35px 0 35px 0; overflow: hidden;}
.newtit2,.newtit{ width: 185px; height: 59px;  margin: 0 auto;}
.newtit h2{ line-height: 59px; font-size: 26px; color: #000; text-align: center;}
.newtit2 h2{ line-height: 59px; font-size: 26px; color: #fff; text-align: center;}

.newtit span{ width: 150px; margin: 0 auto; background: #31afdf; text-transform: uppercase; font-size: 20px; color: #fff; padding: 0 10px; text-align: center; display: block;}
.module-title-default {
    margin-bottom: 10px;
    overflow: hidden;
}
.float-right {
    float: right;
    display: inline;
}
.module-title-default > .module-title-content {
    margin:23px 0;
    border-left:5px solid #e75c1e;
    
    background:url(../images/dot.jpg) right center no-repeat;
}

.module-more-default a {
    color: #999;
    font-size: 13px;
}
.module-title-default > .module-title-content h3 {
    display: block;
    float: left;
    _display: inline;
    line-height: 30px;
    font-size: 26px;
    padding-left:16px;
    background:#fff;
    padding-right:10px;
}
.headlines-list .headlines-content {
    border-bottom: none;
    padding: 0;
    margin: 0 0 10px;
    padding: 0 0 10px;
    width:100%;
    float:left;
}
.headlines-list .headlines-content .entry-item {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
    background-color: transparent;
}
.entry-item .typo .typo-img {
    margin-right: 25px;
}
.typo .typo-img {
    float: left;
    margin-right: 20px;
}
.headlines-list .headlines-content .typo-text {
    padding: 0;
}
.typo .typo-text {
    overflow: hidden;
}
.entry-item .typo-text .entry-title {
    margin-top: -2px;
    _margin-top: -1px;
}
.headlines-set .entry-title {
    margin-bottom: 10px;
}
.headlines-set .entry-title h2 {
    font-size: 16px;
    line-height:200%;
    font-weight:bold;
}
.article-list-row li a {
    text-decoration: none;
}
.article-list-row li a:hover{color:#f6712e;}
.article-list-row li span{float:right;color:#747474;}
.headlines-list .entry-summary {
    margin-bottom: 0 !important;
}
.entry-summary {
    color: #808080;
    font-size: 13px;
    margin-bottom: -5px;
}
.entry-summary p {
        line-height: 250%;
    margin-top: 20px;
}
.article-list-row li {
    line-height:42px;
    padding: 8px 0;
    border-bottom: 1px dashed #e5e5e5;
}
.article-list-row li .article-title {
    display: inline-block;
    line-height: 20px;
    font-weight:bold;
 
}

.article-list-row1{ margin-bottom:15px;}
.article-list-row1 li {
    line-height:26px;
    padding: 4px 0;
    border-bottom: 1px dashed #e5e5e5;
    padding-left:8px;
}
.article-list-row1 li a:before {
    content: "";
    display: block;
    position: absolute;

    margin-top:10px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #3E40A5;
}
.article-list-row1 li .article-title {
    display: inline-block;
    line-height: 20px;
    

 
}
.article-list-row1 li a {
    text-decoration: none;
}
.article-list-row1 li a:hover{color:#f6712e;}
.article-list-row1 li span{float:right;color:#747474;}
.module-default{ margin:15px 0;}



.nav-tabs{ border: 0; }
.nav-tabs>li>a{border: 0; }
.nav>li{ margin-bottom:0;}

.nav>li>a{ background: #ececee; color: #000; border-radius:0; padding: 15px 25px; margin:5px 5px; font-size:16px;}

.nav>li>a:hover{  background: #f6712e; color: #fff; border: 0;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{ background: #f6712e; color: #fff; border: 0;}
@media (min-width: 768px)
{
.imgs img{width:100%;height:270px;}
.partner img{width:163px; height:133px;}
.line1140{width:1140px;margin:0 auto;}
#p2p2{width:1140px;margin:0 auto;}
#p2p3{overflow:hidden;height:243px;}
#f1,#f4,#f491{padding-right:0}
#f2,#f5,#p22,#p21,#p23{padding-left:0; padding-right:0}
#f3,#f6{padding-left:0}
#r1,#x1,#z1{padding-right:0}
#r2,#x2,#z2,#f492{padding-left:0}
#margin115{margin-top:-115px;}
.entry-img img{width:223px; height:154px;}
#kecheng{ margin-top:-138px}
}
.tab-content{ margin-top: 38px;}

.newstext{ text-align: center; color: #fff;  font-size: 16px; margin-bottom:20px;}

.newslist li a{ color: #5b5b5b;}
.newslist li a:hover{color:#f6712e;}
.newslist li{ line-height: 38px; overflow: hidden;}

.newslist i{ float: left; width: 460px; height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-style: normal;}

.newslist span{ float: right;}

.partner img{ width: 100%; margin: 10px 0;}
.partner .partnerdiv{ margin-top:15px; margin-bottom:15px;}
.partner .partnerdiv div{border:1px solid #ccc; padding-bottom:10px;}
.partner .partnerdiv div span{color:#999;font-size:12px;}
#lastpa{ background-color:#ebeaeb; }
.det_head {
    text-align: center;
    border-bottom: 1px solid #DDD;
}
.det_head span {
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    color: #555;
    padding: 0 15px;
    line-height: 50px;
}
.det_time {
    text-align: center;
    height: 30px;
    line-height: 30px;
}
.det_time span {
    color: #999;
    margin: 0 3px;
}
.det_time span i {
    font-style: normal;
}
.det_btn {
    height: 38px;
    text-align: center;
    margin-bottom: 10px;
}
.det_btn .det_btn_text {
    display: inline-block;
    margin: 0 5px;
}
.det_btn .det_btn_text.det_btn1 a {
    background: #E7323B;
    border: 1px solid #C20C0B;
}
.det_btn .det_btn_text.det_btn2 a {
    background: #3983E4;
    border: 1px solid #015AD0;
}
.det_btn .det_btn_text.det_btn3 a {
    background: #F98412;
    border: 1px solid #EF7603;
}
.det_btn .det_btn_text.det_btn2 a em {
    background: url(../images/det_ico2.png) no-repeat 0 0;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/det_ico2.png', sizingMethod='scale');
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.det_btn .det_btn_text.det_btn1 a em {
    background: url(../images/det_ico1.png) no-repeat 0 0;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/det_ico1.png', sizingMethod='scale');
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.det_btn .det_btn_text a em:before {
    content: "";
    position: absolute;
    top: 0;
    right: -10px;
    display: block;
    height: 22px;
    width: 1px;
}
.det_btn .det_btn_text a {
    display: inline-block;
    height: 38px;
    line-height: 36px;
    padding: 0 10px 0 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px;
    position: relative;
    color: #fff;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.add{/* background: #f9f9f9; padding: 20px 0;*/ }

.add img{ /*width: 100%;*/}

.add h2{ font-size: 24px; margin-bottom: 15px;}

.add p{font-size: 18px; line-height: 30px;}

.add .btn-default{ background: #48a6d3; padding:11px 39px; color: #fff; border: 0; margin-top: 15px;border-radius:0;}

.contact{line-height:53px;}

.copyright{ background: #383838;}

.copy-left { color: #fff; font-size: 20px;}

.copy-left .iconfont{ font-size: 32px; margin-right: 10px;}

.copy-left p{ text-indent: 30px; margin-top: 10px;}

.kf{ margin: 15px 0; font-size: 13px; color: #fff; margin-left: 30px; border-radius:20px; background: #f44234; display: block; width: 100px; text-align: center; height: 30px; line-height: 30px;} 

.copy-left{ float: left; margin-top: 15px;}

.copy-mid{ float: left; margin-left: 70px;}

.copy-mid a{ color: #999; font-weight: normal; text-align: center; display: block;}

.copy-mid li{ float: left; width: 160px;}

.copy-mid h2{ text-align: center; color: #fff; font-size: 20px; line-height: 80px;}

.copy-right{ float: right; width: 150px; text-align: center;}

.copy-right p{ color: #fff; height: 55px; line-height: 80px; overflow: hidden;  font-size: 20px;}

.copy{ line-height: 45px; background: #414a4f; text-align: center; color: #fff; border-top:1px solid #61696d;}
.copy span{color:#21e015;}
.p9-3{padding: 55px 72px;font-size: 15px;line-height: 32px;text-align: left;}
.col20{width: 20%;}
.border3{border:6px solid #ffae44;padding: 13px ;background-color:#fff;color: #000;height: 160px;}
.border3 h2{text-align: center;font-size: 24px;color: #ff1a24;line-height: 40px;}
.border3 p{font-size: 18px;line-height: 28px;text-align: left}
.divp{padding:30px 40px;line-height: 30px;font-size: 16px;text-align: left;}
#p9{padding-bottom: 50px;}
.p10bg{background:url(../images2/p10bg.png) no-repeat;margin-top: -206px;}
.p10zy{width:100%;border:1px solid #78d28c;border-radius:8px;padding: 18px 38px;margin-bottom: 12px;}
.p10zy h2{color: #78d28c;margin-bottom: 15px;}
.p10zy p{line-height: 30px;}
#p10-1{border: 18px solid #000;display: inline-block;width: 100%;background-color: #fff;padding: 26px 36px;}
.p10-h2bg{background-color: #0c9e6d;text-align: left;padding:8px 38px;border-radius: 10px;color: #fff;margin-bottom: 15px}
.p11tit{padding: 42px 0 36px;width: 100%;margin:0 auto; text-align: center;}
.p11tit img{display: inline-block;max-width: 100%;}
.div86{padding: 86px 0 46px 76px;}
.divp86{padding: 76px 86px 20px 0;text-indent: 24px;color: #fff;line-height: 32px;}
.p11bg1{background:url(../images2/p11-3.jpg) no-repeat;    background-size: 100% 100%;width: 100%;display: inline-block;}
.p11h3{font-size: 26px;color: #492201;padding:30px 0;text-align: center;}
.p12bg1{background:url(../images2/p12-2.jpg) no-repeat;    background-size: 100% 100%;width: 100%;display: inline-block;}
.divp137{padding: 70px 137px;color: #000;line-height: 30px;text-indent: 26px;}
.p12p{color: #fff;text-indent: 26px;padding: 25px 25px 0;line-height: 20px;}
.p12p:last-child{padding-top: 15px;padding-bottom: 35px;}
#p12h2 h2{margin-top: 20px;}
@media (min-width: 768px) and (max-width: 980px) {
    

    .col-4 .item {

        width: 47%;

        margin-right: 2%;

        margin-bottom: 2%;

    }

    .product{ display: none;}

    .img{ display: none;}

    .copyright{ display: none;}

}

@media (max-width: 768px) {
    /* p13*/
    .paddingtop30{padding-top: 30px;}
    .pdrl0{padding-right: 0!important;padding-left: 0!important}
    .xs-p-1{line-height: 26px!important;}
    .xs-p-2{margin-top: 75px!important;line-height: 23px!important}
    .xs-p-3{line-height: 19px!important;}
    .xs-p-4{margin-top: 50px!important;line-height: 22px!important}
    .xs-p-5{line-height: 21px!important;}
    .xs-p-6{margin-top: 90px!important;line-height: 24px!important}

  /* p13*/
  /* p14*/
.bg15{background-color: #d8271d!important;height: auto!important;padding: 20px 0;}
.bg15 p{padding:0!important;}

    /* p14*/


  
    .p12bg1{background: transparent;border:6px solid #da4332;margin-top: 15px;}
    .p11bg1{background:#000;}
    .divp86,.div86,.divp137{padding: 15px;}
#p10-1{padding: 5px;}
    .p10zy{padding: 15px ;}
    .p10bg{margin-top: 0;}
    #p9 h2{font-size: 18px;}
     #p9  h3{font-size: 17px;line-height: 36px!important;}
    .divp{padding: 15px;}
    .col20{width: 50%;}
     .col100{width: 100%!important;}
    .p9-3{padding: 15px;}
    .pcweb{display:none;}
    .mweb{display:block;}
.imgs img {
    width: 100%;
}
.aboutbot h2{ text-align:center;}
.typo-img{width:100%;}
.entry-img img{width:100%;}
.headlines-list .headlines-content .typo-text{width:100%;}
    .productdetail img{ width: 100%;}

    .copy{ padding: 15px 0;}

    .newslist i{ width: 200px;}

    .nav>li>a{ padding: 5px 15px;}

    .nav>li{ margin-right: 18px;}

    .f-box{ padding: 20px 0;/* min-height: 220px;*/ border-radius: 10px;}

    .f-box h2{ margin-top: 10px; font-size: 20px;}

    .f-box .yw{ font-size: 14px;}

    .biaoti h2{ font-size: 24px;}

    .iconfont{ font-size: 40px;}

    .f-box .f-text{ padding:0 5px ;}

    .navbar-brand img{ width: 90px;}

    .navbar-brand{ margin-top: 5px;}

    .navbar-toggle {

        margin-top: 12px;

    }

    .header-frontend .navbar-collapse  ul.navbar-nav {

        float: none;

        margin-left: 0;

    }

    .header-frontend .navbar-nav> li> a{ line-height: 30px;     border-radius: 5px;

    -webkit-border-radius: 5px;}

    .header-frontend .nav li a:hover,

    .header-frontend .nav li a:focus,

    .header-frontend .nav li a.dropdown-toggle:focus,

    .header-frontend .nav li a.dropdown-toggle .dropdown-menu li a:hover,

    .header-frontend .nav li.active a,

    .header-frontend .dropdown-menu li a:hover {

        color: #fff !important;

    }

    .header-frontend .navbar-nav > li {

        padding: 0;

        margin-bottom: 2px;

        line-height: 30px;

    }

    .header-frontend .nav li ul.dropdown-menu li a {

        margin-left: 0px;

        color: #000!important;
        text-align: left;
    padding: 3px 22px;

    }

    .header-frontend .nav li .dropdown-menu li a:hover, .header-frontend .nav li .dropdown-menu li.active a {

        color: #fff !important;

    }

    .purchase-btn, .about-testimonial {

        margin-top: 10px;

    }

    .breadcrumb.pull-right{

        padding: 0;

    }

    .search, .bx-controls-direction {

        display: none;

    }

    .tweet-box {

        margin-bottom: 20px;

    }

    .property img {

        width: 80%;

    }

    /*.bx-wrapper {

        margin-bottom: 60px;

    }*/

    .purchase-btn, .about-testimonial {

        margin-top: 0;

    }

    .purchase-btn {

        line-height: 98px;

    }

    .social-link-footer li a {

        font-size: 16px;

        height: 40px;

        width: 40px;

    }

    .navbar-header {

        float: none;

        text-align: center;

        width: 100%;

    }

    .navbar-brand {

        float: none;

    }

    .carousel-control {

        font-size: 45px;

        line-height: 70px;

    }

    .btn, .form-control {

        margin-bottom: 10px;

    }

}

@media (max-width: 480px) {
.mweb{display:block;}
.pcweb{display:none;}
.add .dateimg{width: 100%;}
.zhuanye img{width: 100%;}
.zijia img{width: 100%;}
    .header-frontend .navbar {

        min-height: 60px;

    }

    .navbar-toggle {

        margin-right: -10px;

    }

    .header-frontend .nav li .dropdown-menu li a:hover {

        color: #f77b6f !important;

    }

    .navbar-brand {

        margin-top: -5px !important;

        float: left !important;

    }

    .col-4 .item {

        width: 100%;

        margin-right: 0%;

        margin-bottom: 2%;

    }

    .breadcrumb.pull-right{

        float: left !important;

        margin-top: 10px;

        padding: 0;

    }

    .carousel-control {

        font-size: 23px;

        line-height: 38px;

    }

}



.pst_bg{ width:100%; height:72px; background:url(../images/bg_5.jpg) repeat-x;}

.pst{ width:1100px; text-align:left; margin:0px auto; height:72px; line-height:72px; padding-left:24px; background: url(../images/address.png) left no-repeat;font-size:16px; color:#777;}

.pst a{ color:#777;}

.pst a:hover{ color:#006FBF;}

.scd{ width:1100px; margin:0px auto;}

.scd .scd_l{ width:310px; float:right; position:relative; z-index:99; }

.scd_l .s_name{ width:310px; height:50px; line-height: 50px; background: #f6712e; position:relative; text-indent: 12px; font-size: 18px; color: #fff;}

.scd_l .s_name img{ vertical-align:top; margin-top:18px;}

.scd_l .s_name i{ display:block; width:30px; height:31px; background:url(../images/icon10.png) no-repeat; position:absolute; right:-30px; bottom:-1px;}

.scd_l .s_nav{ width:310px; background: #f0f0f0; margin-bottom:20px;}

.scd_l .s_nav li{  background: url(../images/icon.png) no-repeat right;     margin: 0px 15px; /*width:100%; */height:45px; line-height:45px; border-bottom:1px solid #ddd;}

.scd_l .s_nav li a{ /*width:190px;*/ height:45px; line-height:45px; /*padding-left:20px; */font-size:16px; display:block; *display:inline; zoom:1;}

.scd_l .s_nav li.now a,.scd_l .s_nav li a:hover{ }

.s_nav .now a{ background: url(../images/hovericon.png) no-repeat right;}

.s_nav a:hover{color:#f6712e;  background: url(../images/hovericon.png) no-repeat right;}

.scd_l .s_nav li:last-child{ border-bottom: 0;}

.scd .scd_r{ width:755px; float:left; }

.scd_r .r_name{ width:100%; height:40px; border-bottom:1px solid #ddd; position:relative;}

.scd_r .r_name span{ display:inline-block; *display:inline; zoom:1; height:40px; line-height:40px; font-size:18px; color:#f6712e; border-bottom:1px solid #f6712e;}

.about{ width:100%; padding:30px 0; font-size:14px; color:#555555; line-height:255%; text-align:left;}

.about img{ max-width:100%; height:auto; vertical-align:top;}

.pages{ width:100%; text-align:center; height:30px; line-height:30px; margin-bottom:10px;}

.pages a{ display:inline-block; *display:inline; zoom:1; height:30px; line-height:30px; vertical-align:top; font-size:16px; color:#555555; margin:0 3px;}

.pages .now{ color:#179EED;}

.pages .prev,.pages .next{ color:#FFF; background:#646464; padding:0 10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}

.pages .prev:hover,.pages .next:hover{background:#00649F;}

.new{ width:100%; padding:30px 0;}

.new dl{ width:100%; padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #ddd;}

.new dl dt,.new dl dt img{ width:235px; height:135px; float:left; vertical-align:top;}

.new dl dt{ /*border:3px solid #eee;*/}

.new dl dd{ width:495px; float:right; text-align:left;}

.new dl dd .title{ width:100%; height:30px; line-height:30px; position:relative;}

.new dl dd .title p{ width:65%; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; color:#000;font-size:16px;}

.new dl dd .title em{ font-style: normal; display:block; text-align:right; position:absolute; right:0; top:0; font-size:14px; color:#888;}

.new dl dd .des{ width:100%; height:69px; font-size:14px; color:#555555; line-height:170%; overflow:hidden; text-indent:2em; margin-bottom:6px;}

.new dl dd .more1{ display:inline-block; *display:inline; zoom:1; width:82px; height:24px; border:1px solid #f6712e; text-align:center; line-height:24px; font-size:14px; color:#f6712e;}

.lianxi{ margin: 15px 0;}

.lianxi p{ line-height: 30px;}

.lianxi img{ margin: 15px 0; display: block;}

.sub{background: #f44234;

    color: #fff;

    border: 0;

    margin-top: 15px;}


.new dl .newcontent{ width: 855px;}

.new dl .newcontent .des{ height: 45px;}

.new dl dd .des a{ color: #555;}

.detail{ padding-bottom: 25px;}

.detail h2{ text-align: center; font-size: 18px; margin-top: 20px;}

.detail .lj {color: #666;text-align: center; margin-top: 8px; margin-bottom: 30px; font-size: 12px;}

.pagebox{ border-top: 1px dashed #ddd; margin-bottom: 50px;}

.pagebox a{ width: 50%; float: left; line-height: 45px;}

.pagebox .down{ float: right; text-align: right;}

@media screen and (max-width:770px){
    .pcweb{display:none;}
.mweb{display:block;}
    .scd .scd_r,.scd .scd_l{ width:100%;}

    .scd_l .s_name i{ display:none;}

   /* .scd .scd_l{ margin-top:25px;}*/

    .scd_l .s_name{ width:100%; background-size:100% 100%; text-align:left;}

    .scd_l .s_name img{ margin-left:30px;}

    .scd_l .s_nav{ width:480px;}

    .scd_l .s_nav li a{ width:450px;}

    .pst{ text-align:left; width: 480px;}

    .scd { width: 480px;}

    .new dl dd{ width:230px;}

    .new dl .newcontent{ width: 100%;}

    .detail img{ width: 100%;}

    .pagebox a{ width: 100%; }

    .pagebox .down{ text-align: left;}

    .pagebox{ margin-top: 20px;}

}

@media screen and (max-width:510px) {
    .pcweb{display:none;}
.mweb{display:block;}
    .scd_l .s_nav{ width:100%}

    .scd_l .s_nav li a{ width:100%;} 

    .pst{ font-size:14px; width: 320px;}

    .scd { /*width: 320px;*/ width:98%;}

    .new dl dd{ width:100%;}

    .new dl dt, .new dl dt img{ width:100%; height:220px;}

    .lianxi img{ width: 100%;}

    .new dl .newcontent{ width: 100%;}

    .detail img{ width: 100%;}

    .pagebox a{ width: 100%; line-height: 30px;}

    .pagebox .down{ text-align: left;}

    .pagebox{ margin-top: 20px;}

 

    

}



#recent-works .col-xs-12.col-sm-4.col-md-4 {padding: 0;}

#recent-works {background: url(../images/main2.jpg);background-size: cover;padding-bottom: 70px;}

.recent-work-wrap { position: relative; display: block;}

.recent-work-wrap img { width: 100%;}

.recent-work-wrap .recent-work-inner {top: 0;   background: transparent; opacity: 1; width: 100%; border-radius: 0; margin-bottom: 0;text-align: center;}

.recent-work-wrap .recent-work-inner h3 {margin: 10px 0;}

.recent-work-wrap .recent-work-inner h3 a { font-size: 24px;color: #fff;}

.recent-work-wrap .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;border-radius: 0;background: #000;color: #fff;vertical-align: middle;-webkit-transition: opacity 500ms;-moz-transition: opacity 500ms;-o-transition: opacity 500ms;transition: opacity 500ms;padding: 30px;}

.recent-work-wrap .overlay .preview {bottom: 0; display: inline-block;  height: 35px;   line-height: 35px;border-radius: 0;background: transparent;text-align: center;color: #fff;}

.recent-work-wrap:hover .overlay {opacity: 0.9;}



.scd_r .pro img{ width: 100%;}

.scd_r .pro p{ text-align: center; background: #F5F5F5; line-height: 30px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.scd_r .pro{ margin-bottom: 20px;}