body {
    margin-bottom: 8rem;
    max-width: 414px;
    display: block;
    margin: 0 auto;
    position: relative;
}

.fn-clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}



/*header*/
.header {
    height:55px;
}

    .header .col-xs-6:nth-child(1) {
        height: 55px;
        line-height: 55px;
    }

    .header .col-xs-6:nth-child(2) {
            height: 55px;
    line-height: 55px;
    padding-top: 20px;
    }

        .header .col-xs-6:nth-child(2) a {
            display: block;
    width: 30%;
    height: 25px;
    background: #ededed;
    border-radius: 2px;
    float: left;
    margin-right: 4.5%;
    text-align: center;
    line-height: 25px;
    color: #333;
        }

            .header .col-xs-6:nth-child(2) a:nth-child(1) {
                background: #ededed url(../img/pic/01.png) no-repeat center;
                background-size: 28%;
            }

            .header .col-xs-6:nth-child(2) a:nth-child(2) {
				font-size:13px;
            }

            .header .col-xs-6:nth-child(2) a:nth-child(3) {
                background: #ededed url(../img/pic/03.png) no-repeat center;
                background-size: 30%;
                float: right;
                margin-right: 0px;
            }

.search {
    position: fixed;
    top: -80px;
    width: 100%;
    height: 55px;
    padding: 0px 15px;
    z-index: 10;
    background: #fff;
    transition:all 0.4s ease-in-out;
    
}
    .search .clos {
        float: left;
        width: 18%;
        height: 55px;
        background: url(../img/pic/04.png) no-repeat center;
        background-size: 30%;
        position:relative;
    }
        .search .clos::before {
            position: absolute;
            content: '';
            width: 1px;
            height: 30px;
            right: 0px;
            top: 50%;
            margin-top: -15px;
            background: #e6e6e6;
        }
        .search .body {
            width: 82%;
            float: right;
        }
        .search .body input {
            width:79%;
            float:left;
            height:55px;
            text-indent:1em;
            outline:none;
            border:none;
        }
        .search .body button {
            width: 21%;
            display: block;
            height: 55px;
            float: right;
            background: #da251d url(../img/pic/05.png) no-repeat center;
            background-size: 30%;
            border: none;
            outline: none;
        }
    /*end*/
    .top .col-xs-6:last-child,
    .top .col-xs-4:last-child {
        padding-right: 0px;
    }

    .top .col-xs-6:last-child img,
    .top .col-xs-4:last-child img {
        width: 20%;
        float: right;
        margin-top: 0.3rem;
    }

.top .col-xs-3:last-child {
    padding-right: 0px;
}

    .top .col-xs-3:last-child img {
        width: 38%;
        float: right;
    }

.top .col-xs-4:nth-child(2) {
    text-align: center;
    font-size: 2rem;
    /*padding-top: 0.8rem;*/
}

.top .col-xs-3 a {
    color: #333333;
}

.top .col-xs-3:nth-child(2) a.active,
.top .col-xs-3:nth-child(3) a.active {
    color: #da251d !important;
}

.top .col-xs-3:nth-child(2),
.top .col-xs-3:nth-child(3) {
    text-align: center;
    font-size: 1.8rem;
    padding-top: 0.8rem;
    color: #333333;
}

.top .col-xs-6:first-child,
.top .col-xs-4:first-child,
.top .col-xs-3:first-child {
    padding-left: 0px;
}

.top i {
    display: block;
    float: left;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: 0.5rem;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #666666;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.line::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1rem;
    bottom: 0px;
    background: #f5f5f5;
    left: 0px;
}

.pic_list {
    padding: 1rem 0px;
    position: relative;
    text-align: center;
}

    .pic_list p {
        text-align: center;
        padding: 0.5rem 0px;
        font-size: 1.5rem;
        color: #333333;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .pic_list img {
        max-width: 100%;
        border: 1px solid #dedede;
    }

.pic_news {
    padding: 2rem 0px 1rem 0px;
    position: relative;
}

    .pic_news img {
        max-width: 100%;
    }

    .pic_news .col-xs-8 {
        padding-right: 0px;
    }

        .pic_news .col-xs-8 p {
            width: 100%;
            /*overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;*/
            color: #333333;
            font-size: 1.8rem;
            margin-bottom: 0px;
        }

        .pic_news .col-xs-8 span {
            color: #666666;
            font-size: 1.2rem;
        }

.button {
    padding: 15px;
    text-align: center;
    font-size: 1rem;
    padding-top: 2rem;
    padding-bottom: 8rem;
    background: #707070;
    margin: 0px 15px;
    margin-top: 20px;
}

    .button > .panel-body {
        padding: 0px;
    }

    /*.button li {
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 5px;
	border-bottom: 1px solid #dddddd;
	border-radius: 0px !important;
}

.button li select {
	border: none;
	outline: none;
	box-shadow: none;
	font-size: 2rem;
	height: auto;
}

.button li select:focus {
	background: #FFFFFF;
	box-shadow: none;
	outline: none;
	border: none;
}*/

    .button .bot_infor {
        text-align: center;
    }

        .button .bot_infor p:nth-child(1) {
            margin-bottom: 8px;
            color: #ffffff;
            font-size:15px;
        }

            .button .bot_infor p:nth-child(1) span {
                color: #e5e5e5;
                font-size: 1.4rem;
            }

        .button .bot_infor p:nth-child(2) {
            margin-bottom: 15px;
            color: #ffffff;
            font-size: 15px;
        }

            .button .bot_infor p:nth-child(2) span {
                color: #e5e5e5;
                font-size: 1.4rem;
            }

        .button .bot_infor font {
            color: #e5e5e5;
            font-size: 1.3rem;
            text-transform: uppercase;
            margin-bottom: 50px
        }
/*.button .bot_infor span {
	font-size: 1.5rem;
	color: #666666;
}

.button .bot_infor p {
	font-size: 3rem;
	color: #000000;
	margin: 0.5rem 0px;
}

.button .bot_infor a {
	display: block;
	margin: 0 auto;
	margin-bottom: 1rem;
}
.button .bot_infor a img {
	width: 50px;
}
.button .bot_infor font {
	display: block;
	margin-bottom: 0.7rem;
}

.button .bot_infor font,
.button .bot_infor a {
	font-size: 1.3rem;
	color: #8c8c8c;
}*/
.bdsharebuttonbox {
    position: fixed;
    bottom: 0rem;
    width: 100%;
    text-align: center;
    background: #FFFFFF;
    height: 4rem;
    z-index: 99;
    padding-top: 1rem;
}

    .bdsharebuttonbox > a {
        float: none !important;
        font-size: 24px !important;
    }

    .bdsharebuttonbox .glyphicon {
        position: absolute;
        right: 9rem;
        top: 0px;
        color: #333;
    }

.footer {
    /*height: 5.7rem;
	padding-top: 0.5rem;*/
    border: none;
    height: 55px;
}

    .footer img {
        width: 50%;
    }

.footer {
    text-align: center;
    background: #FFFFFF !important;
    padding: 0px 15px;
}

    .footer a p {
        color: #333333;
        margin: 0px;
    }

.func img {
    width: 30%;
}

.func {
    margin-top: 7px;
}

.setTel {
    background: #da251d;
	 height: 55px;
    line-height:55px;
    text-align: center;
}

    .setTel a p {
        font-size: 1.5rem;
        color: #FFFFFF;
    }

.clocation {
    border-bottom: 1px solid #ccc !important;
}

    .clocation,
    .clocation a {
        color: #666666;
        font-size: 1.3rem;
    }

        .clocation a:last-child {
            color: #da251d;
        }

        .clocation .pro_nav .swiper-slide a {
            color: #333333;
            display: block;
            width: 100%;
            text-align: center;
            font-size: 1.5rem;
        }

            .clocation .pro_nav .swiper-slide a.active {
                color: #da251d;
            }

.page {
    text-align: center;
    height: 4rem;
}

    .page a,
    .page span {
        padding: 0.5rem 1rem;
        border: 1px solid #DDDDDD;
        background: #FFFFFF;
        color: #333333;
        transition: background-color .3s;
    }

        .page a:hover {
            background: #d83027;
            border: 1px solid #d83027;
            color: #FFFFFF;
        }

.am-active {
    background: #da251d !important;
    border: 1px solid #da251d !important;
    color: #FFFFFF !important;
    transition: background-color .3s;
    padding: 0.5rem 1rem !important;
}

.news_content {
    border: none;
}

    .news_content p,
    .news_content p span {
        font-size: 1.5rem;
        line-height: 3rem;
        color: #333333;
        word-break: break-all;
    }

    .news_content img {
        max-width: 100% !important;
        height: auto !important;
    }

    .news_content table {
        max-width: 100% !important;
        width: 100% !important;
        word-wrap: break-word;
        word-break: break-all;
    }

        .news_content table td {
            border: 1px solid #DEDEDE;
            text-align: center;
        }

.blod_text {
    font-weight: bold;
}

.num_text {
    font-size: 2rem !important;
    text-align: center;
}

    .num_text font {
        font-size: 3rem !important;
        color: #0054A6;
    }

.news_title {
    text-align: center;
}

    .news_title p {
        font-size: 1.6rem;
        font-weight: bold;
        color: #333333;
    }

    .news_title span {
        margin-left: 3rem;
        font-size: 1.2rem;
        color: #999999;
    }

        .news_title span:nth-child(2) {
            margin-left: 0rem;
        }

.next_prev p a {
    color: #666666;
    font-size: 1.3rem;
}

.prduct_slide img {
    width: 100%;
}

.product_show {
    /*margin-bottom: 3rem;*/
}

.pro_con h1 {
    font-size: 1.8rem !important;
}

#home .panel {
    border: none;
}

#home .col-xs-12 .panel .panel-body {
    padding: 10px;
    padding-left: 0px;
    padding-right: 0px;
}

#home .panel .pro_title {
    font-size: 1.7rem;
    color: #333333;
    font-weight: bold;
}

    #home .panel .pro_title p {
        /*margin: 0px;*/
    }

#home > div.row {
    padding-bottom: 2rem;
}

.prot_sm > div {
    padding: 0px;
}

.pro_con {
    border: none;
    padding-bottom: 1rem;
}

    .pro_con img {
        max-width: 100%;
        height: auto !important;
    }

    .pro_con table {
        max-width: 100% !important;
        width: 100% !important;
        word-wrap: break-word;
        word-break: break-all;
    }

        .pro_con table td {
            border: 1px solid #DEDEDE;
            text-align: center;
        }

.row {
    position: relative;
}

#home .prot_more .panel-body {
    padding: 10px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    position: relative;
}

    #home .prot_more .panel-body a {
        color: #333333;
        display: block;
        float: left;
        width: 100%;
        height: 100%;
    }

    #home .prot_more .panel-body i {
        display: block;
        float: right;
        width: 1.2rem;
        height: 1.2rem;
        margin-top: 0.3rem;
        border-right: 1px solid #666666;
        border-top: 1px solid #666666;
        transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        position: absolute;
        right: 0px;
    }

.hot .panel {
    border: none;
}

.hot_list {
    /*margin-top: 1rem;*/
}

    .hot_list img {
        max-width: 100%;
    }

    .hot_list a p {
        text-align: center;
        color: #333333;
        font-size: 1.2rem;
        padding: 0.5rem 0px;
    }

    .hot_list .col-xs-4 {
        padding-right: 1rem;
        padding-left: 1rem;
    }

.map {
    margin: 0px 15px;
}

#map {
    width: 100%;
    height: 25rem;
}

.contact .panel-body .row {
    margin-bottom: 0.8rem;
}

    .contact .panel-body .row > div {
        padding: 0px;
    }

        .contact .panel-body .row > div img {
            max-width: 100%;
            width: 70%;
            text-align: center;
            display: block;
        }

.top .btn-group {
    float: right;
}

    .top .btn-group .btn {
        border: none;
        outline: none;
    }

.top .btn-default.active.focus,
.top .btn-default.active:focus,
.top .btn-default.active:hover,
.top .btn-default:active.focus,
.top .btn-default:active:focus,
.top .btn-default:active:hover,
.top .open > .dropdown-toggle.btn-default.focus,
.top .open > .dropdown-toggle.btn-default:focus,
.top .open > .dropdown-toggle.btn-default:hover {
    color: #333;
    background-color: #FFFFFF;
    border: none;
}


/*发展历史*/

.history {
    border: none;
    bottom: 2rem;
    margin: 3rem 0px;
}

    .history .panel-body {
        padding-top: 0px;
        padding-bottom: 0px;
    }

.history_list {
    border-left: 1px solid #DEDEDE;
    padding: 1rem 0rem 1rem 1rem;
    border-bottom: 1px solid #DEDEDE;
    position: relative;
}

    .history_list span {
        font-size: 2.5rem;
    }

    .history_list p {
        font-size: 1.4rem;
    }

.history .panel-body:first-child .history_list::before {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    background: url(../img/about/ico/02.png) no-repeat center;
    left: -11px;
    top: -11px;
}

.con_form form font {
    color: red;
}

.con_form form .btn {
    width: 45%;
    float: left;
    margin-right: 5%;
}

.con_form form .form-group:last-child button.btn:last-child {
    margin-right: 0px;
    float: right;
}

.nw_sel form > div.row:first-child > div {
    padding: 0px;
}

#city_1 select {
    width: 48% !important;
    float: left;
    margin-right: 1%;
}

.nw_sel .btn {
    float: left;
}

.nw_box {
    padding-top: 1rem;
}

.nw_list {
    position: relative;
    padding: 1rem 0px;
    border-bottom: 1px solid #DEDEDE;
}

    .nw_list p {
        font-size: 1.5rem;
        margin-bottom: 10px;
        line-height: 1.5rem;
    }

.pro_nav .swiper-container {
    overflow: inherit;
}

.pro_nav .dropdown-menu > li > a {
    padding: 15px 20px;
    font-size: 1.5rem;
    color: #333333;
}

.mf_list {
    margin-bottom: 2rem;
}

    .mf_list p {
        line-height: 1.1;
        margin: 10px 0px;
    }

.job .row .col-xs-3 {
    font-size: 1.2em;
    padding: 0px;
    font-weight: initial;
    color: #333333;
}

.job .panel-heading {
    padding: 0px;
}

.job p {
    margin: 0px;
    padding: 0px;
}

.job_list {
    border-bottom: 1px dashed #DEDEDE;
    margin-bottom: 1rem;
}


/*返回顶部*/

.back_top a {
    position: fixed;
    top: 80%;
    right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #da251d url(../img/top.png) no-repeat center;
    background-size: 70%;
    z-index: 999;
}

.line2 {
    padding: 5px 0px;
    margin: 1.5rem 0px;
    background: #eeeeee;
}

.contact .col-xs-11 span.clearfix font:first-child {
    width: 15%;
    float: left;
}

.contact .col-xs-11 span.clearfix font:last-child {
    width: 85%;
    float: right;
}

.tow_nav_chick a.active,
.tow_nav_chick button.active {
    border: 1px solid #da251d !important;
    color: #FFFFFF !important;
    background: #da251d !important;
}

    .tow_nav_chick a.active:focus {
        box-shadow: none;
    }

@media only screen and (max-width: 1920px) and (min-width: 1000px) {
    .footer {
        width: 414px;
        left: 50%;
        margin-left: -207px;
    }

    .navbar-header {
        float: none !important;
    }
}

.clocation {
    margin: 0px 15px;
}

.index-group {
    width: 100%;
    padding: 0px 15px;
    margin: 20px 0px;
}

    .index-group ul {
        margin: 0px;
        padding: 0px;
    }