body {

    font-family: "microsoft yahei";

    padding-bottom: 20px;

    overflow-x: hidden;

}



a {

    outline: none;

	font-size: 14px !important;

	/*color: #000 !important;*/

}



a:active {

    star: expression_r(this.onFocus=this.blur());

	outline: none;

}



a:focus {

    outline: 0;

}



::selection {

    background: #fd5f46;

    color: #fff;

    text-shadow: none;

}



.banner-span-dot02 {

    position: relative;

    background-position: center top !important;

    background-size:cover!important;

}



.banner-span-dot02 a {

    width: 120px;

    height: 40px;

    /*background: url(../images/btn-banner02.jpg) center no-repeat;*/

    /*background-size: contain;*/

    

    position: absolute;

    bottom: 6%;

    margin-left: -60px;

    left: 50%;

    font-size: 1.3em;

    line-height: 40px;

    color: #fff;

    text-decoration: none;

    border: 1px #fff solid;

}



.banner-span-dot02 a:hover {

    background: #fff;

    color: #000;

}



.banner .dots {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

}



.banner .dots li {

    display: inline-block;

    width: 12px;

    height: 12px;

    margin: 0 4px;

    text-indent: -999em;

    /*border: 2px solid #fff;*/

    

    border-radius: 6px;

    cursor: pointer;

    /*opacity: .4;*/

    

    background: #fff;

    -webkit-transition: background .5s, opacity .5s;

    -moz-transition: background .5s, opacity .5s;

    transition: background .5s, opacity .5s;

}



.header {

    background: url(../images/header_bg.jpg) repeat-x;

    height: 34px;

    width: 100%;

}



.f4_b {

    /*color: white;*/

}



.header-icon ul font,

.header-icon ul a {

    color: #efefef;

}



.telimg {

    margin-top: 8px;

    float: left;

    margin-right: 10px;

}



.header-icon {

    height: 34px;

}



.header-icon ul {

    float: left;

    list-style: none;

    padding-left: 0;

}



.header-icon ul li,

.header-icon ul li span {

    width: 63px;

    height: 34px;

    float: left;

}



.sina-icon-span {

    background: url(../images/sina_icon.png) center no-repeat;

    border-left: 1px solid #000;

    border-right: 1px solid #000;

}



.header-icon ul li span {

    /* box-shadow: 1px 1px 2px #000; */

}



.sina-icon-span:hover {

    background: url(../images/sina_icon_01.png) center no-repeat;

}



.qq-icon-span {

    background: url(../images/qq_icon.png) center no-repeat;

    border-left: 1px solid #000;

}



.qq-icon-span:hover {

    background: url(../images/qq_icon_01.png) center no-repeat;

}



.weixin-icon-span {

    background: url(../images/weichat_icon.png) center no-repeat;

    border-right: 1px solid #000;

}



.weixin-icon-span:hover {

    background: url(../images/weichat_icon_01.png) center no-repeat;

}



.header-icon ul li:hover {

    background: url(../images/head_icon_bg.png) center no-repeat;

}



.header-icon ul li:hover>a>span {

    color: white !important

}



.logo {

    padding-top: 10px;

    padding-bottom: 10px;

}



@media (min-width: 767px) {

    .nav-bg {

        line-height: 1;

        position: relative;

        z-index: 11;

        background: url(../images/header-bg-pixel-repeat-css.png) repeat-x;

        height: 80px;

        -moz-box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.1);

        -webkit-box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.1);

        box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.1);

    }

	/*

    .navbar-nav {

        float: right;

        margin-right: -15px!important;

    }*/

    .navbar-inverse .navbar-nav>.active>a {

        background: #fff;

        color: #333;

    }

    .navbar-inverse .navbar-nav>li>a {

        color: #666;

        font-size: 16px;

        line-height: 50px;

    }

    .navbar-inverse .navbar-nav>li>a:hover {

        color: #f65151;

    }

}



@media (min-width: 767px) {

    .navbar-inverse {

        background-color: white;

    }

    p {

        margin: 0;

        font-size: 16px;

        /*line-height: 1.8;*/

    }

}



@media (min-width: 1200px) {

    .navbar-inverse {

        background-color: white;

    }

}



.carousel-inner div.active {

    background: url(../images/banner_bg01.jpg) center no-repeat;

    background-size: cover;

}



.btn-orange {

 

    

    background: #fff;

    color: #000;

    border-radius: 50%;

    padding: 12px 8px;

    font-size: 0.8em;

}

.btn-orange_active{

       background: #fd5f46;

       color: #fff !important;

       border-radius: 5px;

       padding: 6px 12px;

}

.tel {

    font-size: 1.5em;

    color: #fd5f46;

    line-height: 2.9;

}



.footer li {

    display: inline-block;

    color: #666;

}



.footer_menu li {

    padding: 0 5px;

    white-space: nowrap;

    width: 25%;

}

.footer li a{

    color: #666;

    text-decoration: none;

}

.footer_menu_hidden > div {

    padding: 0;

}



.footer_tel {

    color: #f65151;

    font-size: 18px;

    white-space: nowrap;

}



.footer_bg_black {

    background: #000;

    width: 43px;

    /*height: 43px;*/

    

    border-radius: 50%;

}



.footer .col-sm-4 {

    padding: 0;

}



.bg .col-xs-12.col-sm-6 {

    margin-bottom: 40px;

}



.web_list .col-xs-4 {

    padding: 5px;

}



.web_list_content {

    overflow: hidden;

    padding: 65px 0 80px 0;

}



@media (max-width: 991px) {

    .footer_bg_black {

        width: 30px;

    }

    .footer_tel {

        font-size: 15px;

    }

    .hot_tel {

        font-size: 15px;

    }

    .web_list .col-xs-12.col-sm-4 > h2 {

        font-size: 20px;

    }

    .web_list .col-xs-12.col-sm-4 > p {

        font-size: 12px;

    }

}



@media (max-width: 767px) {

    .footer_bg_black {

        width: 43px;

        margin: auto;

    }

    .title h1 {

        font-size: 30px;

    }

    .title p {}

    .banner_img {

        padding-left: 0;

        padding-right: 0;

    }

    .span_block_xs span,

    .web_list .title span {

        display: block;

    }

}



@media (max-width: 480px) {

    .span_block_xs h1 {

        font-size: 25px;

    }

}



@media(min-width:767px) {

    .link_logo {

        margin-bottom: 70px;

        margin-top: 30px;

    }

    div.title {

        /*margin-top: 50px;*/

    }

}



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

    .link_logo li {

        width: 45%;

        padding-left: 15px;

        padding-right: 15px;

    }

    .footer_link_txt .mt {

        margin-top: 20px;

    }

    .footer_tel {

        font-size: 35px;

    }

    .hot_tel {

        font-size: 24px;

    }

    .case_box ul li img {

        float: none;

    }

    .footer_link_txt .btn-orange {

        border-radius: 6px;

        font-size: 18px;

        line-height: 1.33;

        padding: 10px 16px;

    }

    .footer_bg_black {

        height: 60px;

        margin: auto;

        padding-top: 8px;

        width: 60px;

    }

    .bg .col-xs-12.col-sm-6 {

        margin-bottom: 10px;

    }

}



@media screen and (max-width: 320px) {

    .font_color p {

        font-size: 0.8em;

    }

}



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

    .case_box ul li,

    .case_box ul li img {

        float: left;

        padding: 0;

    }

    .case_box ul li img {

        margin-right: 1px;

    }

    .mb-50 {

        margin-bottom: 50px;

    }

    .mb-20 {

        margin-bottom: 20px;

    }

    .marimg01 {

        /*margin-bottom: 55px;*/

        

        margin-bottom: 25px;

        margin-top: 20px;

    }

    .marimg02 {

        margin-bottom: 20px;

    }

}



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

    .xs-mt-10 {

        margin-top: 10px;

    }

}



.mb-40 {

    margin-bottom: 40px;

}



.active-li a {

    color: #fd745e !important;

}



div.fade_box div.dis_fdout {

    display: none;

    color: black;

    background-color: white;

    position: absolute;

    padding: 8px;

    text-align: left;

    z-index: 0;

    /*add by oyja*/

    

    width: 100%;

    border-radius: 5px;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    font-size: 0.6em;

    /*end add by oyja*/

}



div.fade_box {

    position: relative;

    cursor: pointer;

}



div.slider {

    position: relative;

}



.func_pic {

    min-height: 48px;

    position: relative;

}



.abs_baseline {

    position: absolute;

    bottom: 0;

    width: 100%;

}



.link_logo {}



.link_logo li {

    display: inline-block;

    width: 19%;

    vertical-align: bottom;

    margin-bottom: 30px;

    padding-left: 5px;

    padding-right: 5px;

}



.footer ul {

    padding-left: 0;

}



#features {

    max-width: none;

}



.row.featurette {

    padding: 0 80px;

    margin-right: 0px;

    margin-left: 0px;

}



.row.featurette:nth-child(even) {

    background: #e6f1fa;

    padding-bottom: 50px;

}



.isStuck {

    left: 0px;

    width: 100%;

}



.carousel-caption {

    padding-bottom: 0px;

}



.navbar-wrapper {

    position: relative;

    z-index: 15;

    /*box-shadow: 1px 1px 5px #ccc;*/

    background-color: white;

}



.navbar-nav li {

    /*margin: 0 10px;*/

}



.navbar-nav li:last-child {

    /*margin: 0 0 0 10px;*/

}



@media (min-width: 768px) and (max-width: 992px) {

    .navbar-nav li {

        /*margin: 0 5px;*/

    }

    .navbar-nav li:last-child {

        /*margin: 0 0 0 5px;*/

    }

}



@media (max-width: 768px) {

    .navbar-nav li.active {

        background-color: #eee;

    }

    .nav>li>a:hover,

    .nav>li>a:focus {

        text-decoration: none;

        background-color: #eee

    }

    a:hover {

        color: none;

    }

}



.navbar-nav li.active a {

    color: red;

}



.navbar-nav li a {

    color: #fff;

}



.navbar-nav li a:hover {

    color: red;

}



.navbar-nav li a {

    color: #fff;

}

/*

@media (min-width: 1200px) {

    .nav>li>a:last-child {

        padding: 10px 30px 10px 30px !important;

    }

    .navbar-nav li a:hover {

        color: #fd5f46 !important;

    }

}

*/

.web_list_content p.text-left {

    color: #999;

}



#scroll {

    position: fixed;

    right: 0px;

    bottom: 0px;

    height: 32px;

    cursor: pointer;

    width: 35px;

    background: url(../images/tip_top.jpg) center no-repeat;

}



.banquan_box {

    margin-top: 20px;

    position: relative;

    top: 6px;

}



.navbar-collapse {

    /*padding-right: 0;*/

}



.footer_menu_hidden a {

    color: #666;

}



.code_box {

    display: none;

    position: absolute;

    width: 150px;

    height: 150px;

    left: -55px;

    bottom: 45px;

}



.code_box img {

    width: 150px;

    height: 150px;

}



.weichat_ft {

    position: relative;

}



@media (min-width: 1000px) {

    .weichat_ft:hover .code_box {

        display: block;

    }

    a.fixed-qq {

        position: fixed;

        bottom: 30px;

        right: -1px;

        z-index: 2;

        background: url(../images/tip_qq1.png) center no-repeat;

        width: 37px;

        height: 37px;

    }

    .weixin_hb {

        position: relative;

    }

    .weixin_hb:hover .weixin_hcode {

        transition: all 1.5s;

        -webkit-transition: all 1.5s;

        display: block;

    }

    .weixin_hcode {

        position: absolute;

        top: 34px;

        left: -42px;

        width: 150px;

        height: 150px;

        display: none;

        z-index: 9999999;

    }

    .weixin_hcode img {

        width: 150px;

        height: 150px;

        float: left;

    }

}



.footer_menu_hidden ul {

    margin: 0;

}



.footer_menu_hidden ul,

.footer_menu_hidden ul li {

    padding: 0;

    list-style: none;

}



.footer_menu_hidden ul li {

    width: 20%;

    float: left;

    text-align: center;

    white-space: nowrap;

}



.footer_link_txt {

    /* position: relative; */

    /* right: 3%; */

}



.footer_menu_hidden {

    right: 3.5%;

}



/*add by oyja*/



@media (max-width:1199px) and (min-width:991px) {

    .banner-span-dot02 a{

        width: 155px;

        margin-left: -75px;

    }

}

@media(min-width: 1200px){

     .banner-span-dot02 a{

        width: 164px;

        margin-left: -78px;

     }

}