* {
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei";
    transition: all .2s;
    -webkit-transition: all .2s;
}

img {
    max-width: 100%;
}

.ani {
    transition: all .5s;
    -webkit-transition: all .5s;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.cen {
    width: 1200px;
    margin: 0 auto;
}

.clear {
    clear: both;
}

@media (max-width: 750px) {
    html {
        font-size: 1rem;
    }
}

@media (max-width: 330px) {
    html {
        font-size: 0.9rem;
    }
}

@media (max-width: 1200px) {
    .cen {
        width: 96%;
    }
}

.clearfix:after {
    clear: both;
    display: block;
    content: '';
}

li {
    list-style: none;
}

header {
    background: #fff;
    height: 120px;
    border-bottom: 1px solid #ddd;
}

header .navbar-right a {
    color: #fff;
    font-size: 14px;
    padding: 9px 15px;
}

header .navbar-right .current {
    background: #15868a;
    font-weight: bold;
}

header .navbar-right a:hover {
    background: #15868a;
}

header .navbar-right .login_r {
    background: #f0711e;
}

header .navbar-right .login_r a {
    padding: 7px 15px;
}

header .navbar-right .login_r a:hover {
    background: #f0711e;
}

header .mar_navtop {
    margin-top: 40px;
}

@media (max-width: 1200px) {
    header {
        height: 110px;
    }
    header .mar_navtop {
        margin-top: 35px;
    }
    header .navbar-right a {
        padding: 9px 10px;
    }
}

@media (max-width: 1100px) {
    header {
        height: auto;
    }
}

@media (max-width: 750px) {
    header {
        padding: 0.3rem 0;
    }
    .navbar-brand>img {
        height: 50px;
    }
    header .mar_navtop {
        margin-top: 1rem;
    }
    .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }
    .swiper-pagination {
        bottom: 2px !important;
    }
}

@media (max-width: 330px) {
    .navbar-brand>img {
        height: 42px;
    }
}

.index_type {
    margin: 78px auto;
}

.index_type .col-md-6 {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 1rem;
}

.index_type .col-md-3 a {
    display: block;
    position: relative;
}

.index_type .col-md-3 a>img {
    width: 100%;
}

.index_type .col-md-3 a p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(225, 129, 28, 0.9);
    margin-bottom: 0;
    text-align: center;
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    padding: 15px 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

@media (max-width: 1200px) {
    .index_type .col-md-3 a p {
        font-size: 30px;
        padding: 30px 0;
    }
}

@media (max-width: 1000px) {
    .index_type .col-md-3 a p {
        font-size: 20px;
        padding: 15px 0;
    }
}

.index_type .col-md-3 a p img {
    margin: 0 auto;
    display: none;
}

.index_type .col-md-3 a:hover p {
    padding: 70px 0;
}

.index_type .col-md-3 a:hover p img {
    display: block;
    margin-top: 20px;
}

@media (max-width: 1200px) {
    .index_type .col-md-3 a:hover p {
        padding: 40px 0;
    }
    .index_type .col-md-3 a:hover p img {
        margin-top: 10px;
    }
}

@media (max-width: 1200px) {
    .index_type .col-md-3 a:hover p {
        padding: 25px 0;
    }
}

@media (max-width: 1200px) {
    .index_type {
        margin: 50px 0;
    }
}

@media (max-width: 750px) {
    .index_type {
        margin: 1.5rem 0;
    }
}

footer {
    padding: 18px 0;
    background: #333;
}

footer .foot_left {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    float: left;
}

footer .foot_left span {
    padding-right: 16px;
}

footer .foot_left img {
    padding-right: 6px;
}

footer .foot_right {
    color: #fff;
    font-size: 12px;
    text-align: right;
    float: right;
}

@media (max-width: 750px) {
    footer .foot_right {
        text-align: center;
        margin-top: 1rem;
    }
}

.code {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
}

.code>img {
    width: 200px;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    position: absolute;
    background: #fff;
}

.code .close_btn {
    position: absolute;
    right: 30px;
    top: 30px;
    color: #fff;
    opacity: .8;
    cursor: pointer;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.code .close_btn:hover {
    transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);
}

.title {
    text-align: center;
    color: #000;
    font-size: 36px;
    font-weight: bold;
    font-family: "Arial";
    text-transform: uppercase;
}

@media (max-width: 750px) {
    .title {
        font-size: 1.5rem;
    }
}

.title_txt {
    color: #999;
    font-size: 12px;
    max-width: 530px;
    text-align: center;
    display: block;
    margin: 0 auto;
}

.contact .title {
    margin-top: 146px;
}

@media (max-width: 1200px) {
    .contact .title {
        margin-top: 100px;
    }
}

@media (max-width: 750px) {
    .contact .title {
        margin-top: 2rem;
    }
}

.contact .title_txt {
    margin: 22px auto;
}

.contact .place {
    border: 1px solid #eee;
    margin: 82px auto 210px;
}

@media (max-width: 1200px) {
    .contact .place {
        margin: 50px auto 150px;
    }
}

@media (max-width: 750px) {
    .contact .place {
        margin: 1rem auto 2rem;
    }
}

.contact .place .place_left {
    background: url(../images/contact_03.jpg) repeat;
    width: 480px;
    padding: 40px;
}

.contact .place .place_left p {
    color: #fff;
    font-size: 12px;
}

@media (max-width: 1200px) {
    .contact .place .place_left {
        width: 40%;
    }
}

@media (max-width: 750px) {
    .contact .place .place_left {
        width: 100%;
        padding: 1.2rem;
    }
}

.contact .place .place_form {
    width: 650px;
    margin-top: 15px;
}

.contact .place .place_form .form_input {
    position: relative;
    height: 40px;
    margin-bottom: 8px;
}

.contact .place .place_form .form_input span {
    color: #ff0000;
    position: absolute;
    right: 10px;
    top: 14px;
}

.contact .place .place_form .form_input input,
.contact .place .place_form .form_input textarea {
    position: absolute;
    right: 20px;
    border-radius: 0;
    border-color: #eee;
    height: 40px;
    box-shadow: none;
    width: 630px;
    outline: none;
}

.contact .place .place_form .form_input input:focus,
.contact .place .place_form .form_input textarea:focus {
    border-color: #66afe9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.contact .place .place_form .form_input input::-webkit-input-placeholder {
    color: #ccc;
    font-family: "Arial";
}

.contact .place .place_form .form_input input::-moz-placeholder {
    color: #ccc;
    font-family: "Arial";
}

.contact .place .place_form .form_input input::-ms-input-placeholder {
    color: #ccc;
    font-family: "Arial";
}

@media (max-width: 1200px) {
    .contact .place .place_form {
        width: 58%;
    }
    .contact .place .place_form .form_input input {
        width: 96%;
    }
}

@media (max-width: 750px) {
    .contact .place .place_form {
        width: 100%;
    }
    .contact .place .place_form .form_input input {
        width: 90%;
    }
}

.contact .sub_btn input {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-family: "Arial";
    border: none;
    -webkit-appearance: none;
    padding: 4px 12px;
    margin-right: 8px;
    outline: none;
}

.contact .sub_btn input:nth-child(1) {
    background: #dc4141;
}

.contact .sub_btn input:nth-child(2) {
    background: #dc9541;
}

@media (max-width: 750px) {
    .contact .sub_btn {
        margin: 1rem;
    }
}

.login {
    margin-bottom: 150px;
}

.login .cen {
    border: 1px solid #eee;
}

.login .title {
    margin: 90px auto;
}

@media (max-width: 750px) {
    .login {
        margin-bottom: 2rem;
    }
    .login .title {
        margin: 2rem auto;
    }
}

.login_box {
    max-width: 630px;
    margin: 0 auto;
    padding: 98px 0;
}

.login_box input {
    height: 40px;
    line-height: 40px;
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #eee;
    margin-bottom: 22px;
    -webkit-appearance: none;
}

.login_box input::-webkit-input-placeholder {
    color: #ccc;
    font-family: "Arial";
}

.login_box input::-moz-placeholder {
    color: #ccc;
    font-family: "Arial";
}

.login_box input::-ms-input-placeholder {
    color: #ccc;
    font-family: "Arial";
}

.login_box .btn_login {
    background: #20ae3b;
    width: 100px;
    height: 30px;
    margin: 0 auto;
    border-radius: 0;
    display: block;
    color: #fff;
    line-height: 30px;
    padding: 0;
    margin-top: 30px;
}

.login_box .btn_reg {
    width: auto;
    padding: 0 10px;
}

@media (max-width: 750px) {
    .login_box .btn_reg {
        font-size: 12px;
        max-width: 100%;
        white-space: normal;
    }
}

@media (max-width: 750px) {
    .login_box {
        width: 94%;
        padding: 2rem 0;
    }
}

.login_box .reg_href {
    font-size: 14px;
}

.login_box .reg_href a {
    color: #f40;
}

.login_box .reg_href a:hover {
    text-decoration: underline;
}

.pro_bg {
    margin: 80px auto 30px;
}

.pro_type {
    margin-bottom: 50px;
}

.pro_type .row .col-md-4 {
    margin-bottom: 20px;
}

.pro_type .row .col-md-4 a {
    display: block;
    background: #f5f5f5;
    overflow: hidden;
}

.pro_type .row .col-md-4 a .pro_type_list {
    height: 230px;
    width: 100%;
}

.pro_type .row .col-md-4 a p {
    text-align: center;
    font-size: 24px;
    color: #000;
    margin-bottom: 20px;
}

@media (max-width: 750px) {
    .pro_type .row {
        margin: 0;
    }
    .pro_type .row .pro_type_list {
        background-size: cover;
    }
    .pro_type .row .col-md-4 {
        padding: 0;
    }
}

.page {
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin: 20px auto;
}

.page a {
    color: #333;
    font-size: 12px;
    color: #333;
    border: 1px solid #f2f2f2;
    border-radius: 6px;
    padding: 5px 8px;
}

.page .current {
    border: 1px solid #e1811c;
    color: #e1811c;
}

.page .prev {
    background: #e1811c;
    color: #fff;
    padding: 5px 20px;
}

.page .next {
    background: #444;
    color: #fff;
    padding: 5px 20px;
}

.page_hei {
    height: 200px;
}

@media (max-width: 750px) {
    .page_hei {
        height: 2rem;
    }
}

.route_url {
    margin: 80px auto;
}

.route_url a {
    color: #000;
    font-size: 12px;
}

@media (max-width: 750px) {
    .route_url {
        margin: 1.5rem auto;
    }
}

.products_info .products_info_left {
    width: 413px;
    float: left;
}

.products_info .products_info_right {
    width: 600px;
    float: right;
}

.products_info .products_info_right h4 {
    color: #000;
    font-size: 30px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
}

.products_info .products_info_right p {
    color: #000;
    font-size: 14px;
    margin-bottom: 10px;
}

.products_info .products_info_right .shop_car {
    color: #000;
    font-size: 26px;
    font-weight: bold;
    margin-top: 20px;
}

.products_info .products_info_right .shop_car img {
    margin-right: 20px;
}

@media (max-width: 1100px) {
    .products_info .products_info_left {
        width: 40%;
    }
    .products_info .products_info_right {
        width: 58%;
    }
}

@media (max-width: 750px) {
    .products_info .products_info_left {
        width: 100%;
    }
    .products_info .products_info_right {
        width: 100%;
    }
}

.detail_title {
    color: #000;
    font-size: 18px;
    border-bottom: 1px solid #ddd;
    margin-top: 40px;
    padding-bottom: 10px;
}

.pro_detail .cen {
    margin-bottom: 150px;
}

@media (max-width: 750px) {
    .pro_detail .cen {
        margin-bottom: 1.5rem;
    }
}

.swiper-container_1 .swiper-slide {
    position: relative;
}

.swiper-container_1 .swiper-slide img {
    width: 100%;
    vertical-align: middle;
    position: relative;
}

.related {
    margin-bottom: 100px;
}

@media (max-width: 750px) {
    .related {
        margin-bottom: 1.5rem;
    }
}

.related .row {
    margin: 30px auto;
}

.related .col-md-3 {
    margin-bottom: 30px;
}

.related .col-md-3 a {
    display: block;
    box-shadow: 0 0 5px #ccc;
    padding: 20px;
}

.related .col-md-3 a .rel_pic {
    width: 100%;
    height: 196px;
    background-size: cover !important;
}

.related .col-md-3 .related_txt {
    padding: 0 20px;
    margin-top: 20px;
}

.related .col-md-3 .related_txt span {
    color: #000;
    font-size: 14px;
}

.related .col-md-3 .related_txt span:nth-child(2) {
    float: right;
    font-weight: bold;
}

.type_list_left {
    width: 252px;
    background: #f5f5f5;
}

.type_list_left .type_title_txt {
    color: #333;
    height: 46px;
    line-height: 46px;
    padding-left: 15px;
    background: #f5f5f5 url(../images/down.png) no-repeat right 6px center;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}

.type_list_left .type_current {
    background: #f77c2c url(../images/up.png) no-repeat right 6px center;
    color: #fff;
}

.type_list_left ul {
    padding-left: 15px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
    display: none;
}

.type_list_left ul li a {
    color: #999;
    font-size: 12px;
    line-height: 30px;
}

@media (max-width: 1200px) {
    .type_list_left {
        width: 20%;
    }
}

@media (max-width: 750px) {
    .type_list_left {
        display: none;
        width: 48%;
    }
}

.type_list {
    margin-bottom: 46px;
}

.type_list_right {
    width: 100%;
    margin-top: 10px;
}

.type_list_right .type_select select {
    border: 1px solid #ddd;
    line-height: 30px;
    height: 30px;
    font-size: 14px;
    padding: 0 3px;
    margin-bottom: 20px;
}

@media (max-width: 1200px) {
    .type_list_right .type_select {
        width: 100%;
    }
    .type_list_right .type_select select {
        width: 48%;
        float: right;
    }
}

.type_list_right .type_lists ul {
    margin-bottom: 40px;
}

.type_list_right .type_lists li {
    width: 25%;
    float: left;
    padding: 10px;
}

@media (max-width: 750px) {
    .type_list_right .type_lists li {
        padding: 5px;
    }
}

.type_list_right .type_lists li a {
    display: block;
    padding: 20px 20px 0;
    border: 1px solid #ccc;
}

@media (max-width: 750px) {
    .type_list_right .type_lists li a {
        padding: 10px 10px 0;
    }
}

.type_list_right .type_lists li .type_lists_pic {
    width: 100%;
    height: 210px;
    background-size: cover !important;
}

.type_list_right .type_lists li .t_p {
    color: #333;
    font-size: 18px;
    padding: 1rem 0;
    text-align: center;
    margin-bottom: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
    overflow: hidden;
}

@media (max-width: 750px) {
    .type_list_right .type_lists li .t_p {
        font-size: 1rem;
        padding: 0.5rem 0;
    }
}

.type_list_right .type_lists li .t_p1 {
    text-align: left;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}

.type_list_right .type_lists li .type_b {
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    color: #000;
}

@media (max-width: 1200px) {
    .type_list_right {
        width: 100%;
    }
}

@media (max-width: 750px) {
    .type_list_right {
        width: 100%;
    }
    .type_list_right .type_lists ul li {
        width: 50%;
    }
    .type_list_right .type_lists ul li .type_lists_pic {
        height: 130px;
    }
}

.reg_txt {
    font-size: 12px;
    color: #ccc;
}

.reg_txt font {
    color: #ff0000;
}

.code_txt input {
    width: 40%;
    display: inline-block;
    margin-right: 10px;
}

.hi_sh {
    display: block !important;
}

.filter_more {
    width: 48%;
    background: #666;
    color: #fff;
    text-align: center;
    line-height: 30px;
    height: 30px;
    float: left;
}

.filter_more {
    display: none;
}

#typ_list {
    display: none;
}

@media (max-width: 750px) {
    #typ_list {
        margin-bottom: 1rem;
    }
    .type_list_left .type_title_txt {
        font-size: 13px;
    }
    .filter_more {
        display: block;
    }
}

.swiper-containers {
    margin-top: 80px;
}

@media (max-width: 750px) {
    .swiper-containers {
        margin-top: 1.5rem;
    }
}

.about_txt {
    margin: 30px auto 80px;
}

.about_txt p {
    color: #999;
    font-size: 14px;
}

@media (max-width: 750px) {
    .about_txt {
        margin: 1rem auto 1.5rem;
    }
}

.contact .place .order {
    margin: 50px auto;
}

.contact .place .order .form_input {
    width: 100%;
}

.contact .place .order .form_input input {
    width: 100%;
}

.contact .place .order .form_input11 input {
    right: 0;
}

.contact .place .order .input_title {
    font-size: 1.5rem;
    color: #666;
}

.contact .place .order .form_input1 {
    margin-bottom: 1rem;
}

.contact .place .order .form_input1 input {
    width: 20px;
    padding-left: 6px;
    vertical-align: bottom;
}

.navbar-brand>img {
    margin-top: 30px;
}

@media (max-width: 1100px) {
    .navbar-brand>img {
        margin-top: 10px;
    }
}

header {
    background: url(../images/contact_02.jpg) repeat;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-top: 10px;
}

header .mar_navtop {
    background: #209ba0;
    border-radius: 18px;
    overflow: hidden;
}

@media (max-width: 1100px) {
    header .mar_navtop {
        margin-top: 15px;
    }
}

.head_sel {
    background: #f0711e url(../images/down1.png) no-repeat right 10px center;
    border: none;
    border-radius: 15px;
    color: #fff;
    padding: 0 56px 0 16px;
    outline: none;
    -webkit-appearance: none;
    text-align: left;
    background-size: 10px;
    margin: 45px 0 0 15px;
    line-height: 26px;
}

.head_sel option {
    color: #fff;
}

@media (max-width: 1100px) {
    .head_sel {
        margin: 20px 0 0 .5rem;
    }
}

@media (max-width: 750px) {
    .head_sel {
        margin: 20px 0 0 .5rem;
    }
}

.nav_secondary {
    border-bottom: 1px solid #ddd;
}

@media (max-width: 750px) {
    .nav_secondary {
        border-bottom: none;
    }
}

.nav_secondary ul {
    margin-bottom: 0;
    position: relative;
    height: 60px;
}

.nav_secondary ul li {
    height: 60px;
    line-height: 60px;
    display: inline-block;
    float: left;
    margin-right: 20px;
    position: relative;
}

.nav_secondary ul li:hover dl {
    background: #fff;
    padding: 0 5px;
    min-width: 100px;
}

.nav_secondary ul li>a {
    display: block;
    color: #222;
    font-size: 14px;
    background: url(../images/down.png) no-repeat right center;
    padding-right: 20px;
}

.nav_secondary ul li>a:hover {
    background: url(../images/up1.png) no-repeat right center;
    color: #f0711e;
}

.nav_secondary ul li dl {
    position: absolute;
    top: 60px;
    width: 100%;
    left: 0;
    margin-bottom: 0;
    z-index: 10;
    display: none;
}

.nav_secondary ul li dl dt {
    display: block;
    float: left;
}

.nav_secondary ul li dl dt p {
    margin: 18px 0;
    font-weight: normal;
}

.nav_secondary ul li dl dt p a {
    color: #666;
    font-size: 14px;
}

.nav_secondary ul li dl dt a {
    display: block;
    color: #ccc;
    font-size: 12px;
    float: none;
    font-weight: normal;
    background: none;
    padding-right: 0;
}

.nav_secondary ul li dl dt a:hover {
    background: none;
}

@media (max-width: 750px) {
    .nav_secondary ul li dl {
        background: white;
        width: 104%;
        left: -2%;
        padding: 0 1rem 1rem;
        top: auto;
    }
}

.nav_secondary ul li:hover dl {
    display: block;
}

@media (max-width: 750px) {
    .nav_secondary ul li:hover dl {
        display: none;
    }
}

.nav_secondary ul li .top_nav1 {
    background: url(../images/up1.png) no-repeat right center;
    color: #f0711e;
}

.nav_sec_bg {
    background: rgba(255, 255, 255, 0.8);
    border-bottom: 1px solid #ddd;
    position: absolute;
    width: 100%;
    display: none;
}

@media (max-width: 750px) {
    .nav_sec_bg {
        background: white;
        display: none !important;
    }
}

.pos {
    position: relative;
}

.advise a {
    display: block;
}

.advise a img {
    display: block;
}

.sh_hi {
    display: block !important;
}

.index_type1 {
    margin: 25px auto 78px;
}

.index_logo {
    margin-bottom: 50px;
}

@media (max-width: 750px) {
    .index_logo {
        margin-bottom: 1rem;
    }
}

.contact1 {
    margin-bottom: 150px;
}

.contact1 .cen .row {
    margin-top: 80px;
}

.contact1 .cen .col-md-6 p {
    color: #999;
    font-size: 14px;
}

@media (max-width: 750px) {
    .contact1 {
        overflow: hidden;
        margin-bottom: 2rem;
    }
    .contact1 .cen .row {
        overflow: hidden;
        margin-top: 1rem;
    }
    .contact1 .cen .col-md-6 img {
        width: 100%;
    }
}

.mine .place .place_left {
    width: 200px;
    height: 344px;
}

@media (max-width: 750px) {
    .mine .place .place_left {
        width: 100%;
        height: auto;
    }
}

.mine .place .place_form {
    width: 978px;
    padding-left: 20px;
}

.mine .place .place_form .form_input input {
    width: 100%;
}

@media (max-width: 750px) {
    .mine .place .place_form {
        width: 100%;
        padding-left: 0;
    }
    .mine .place .place_form .form_input input {
        width: 90%;
    }
}

.mine .place .place_form .sub_btn {
    margin-bottom: 10px;
}

.index_about {
    background: #fff;
    overflow: hidden;
}

.index_about .cen h3 {
    text-align: center;
    font-size: 48px;
    color: #333;
    margin: 80px 0 60px;
}

.index_about .cen p {
    color: #333;
    font-size: 14px;
    margin-bottom: 10px;
}

.index_about .index_learn {
    display: block;
    margin: 13px auto 60px;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
}

.index_about .index_learn:hover {
    color: #f0711e;
    background: #fff;
}

@media(max-width:750px) {
    .index_about .cen h3 {
        margin: 2rem 0 1rem;
        font-size: 1.5rem;
    }
    .index_about .index_learn {
        margin: 1rem auto 1.5rem;
    }
}

.tipss {
    margin-top: 10px;
}

.pos {
    display: none!important;
}


/*# sourceMappingURL=style.css.map */