@charset "utf-8";
/*
[MBKFW Template] Copyright (c) 2010-2023 www.mbkfw.com
This is not a free template. Please buy the authentic license.
Author: Xiaohei, QQ:2909458585. Version: v9, time: 20180408.
Special note: do not modify this document without permission.
*/
.clearfix {*zoom:1}
.clearfix:after{content: "\200B";display: block;height: 0;clear: both;}
.hide{display:none}

#menu a {text-decoration:none;}
.menu {background:#9A1DA3;height:50px;max-height:50px;font-size:16px;font-size:16px;position: relative;z-index: 3;}
.menu li{position: relative;}
.menu span {display:block;width:100%;height:50px;padding:0 16px;color:#FFFFFF;}
.menu_li {float:left;white-space:nowrap;line-height:50px;margin:0 1px 0 0;}
.menu_li:hover {background:#CB1A20;}
.menu_on {float:left;white-space:nowrap;line-height:50px;background: #CB1A20;;margin:0 1px 0 0;}
.menu ul li .mu_type {display: none;width:100%;border-left:none;}
.menu ul li:hover .mu_type {display: block;position:absolute;top: 50px;left:0;background: #ffffff;border-left:none;z-index: 100;}
.menu ul li:hover .mu_type a{line-height:40px;height:40px;overflow:hidden;float: none;text-align: center;}
.menu ul li:hover .mu_type a {display:block;font-size: 14px;font-weight:normal;background: #ffffff;}
.menu ul li:hover .mu_type a:hover {background: #1A5EB9;color:#ffffff}

.side_head {border-top: 2px solid #9A1DA3;}
.main_head {border-top: 2px solid #9A1DA3;}
.main_body .f_dblue{width:100px}


/* banner*/
#banner_main{overflow: hidden;position: relative;z-index: 2;max-width: 1920px;margin: 0 auto;}
#banner{width: 100%;min-width: 1000px;position: relative;overflow: hidden;z-index: 0;}
.banner li{width: 100%;position: absolute;z-index: 1;overflow: hidden;display: none;}
.banner li:first-child{display: block;}
.banner li img{width: 1920px;display: block;position: relative;left: 50%;margin-left: -960px;top: 0;}
#banner .tip{width: 1000px;height: 20px;line-height: 0;font-size: 0;text-align: center;position: absolute;left: 50%;margin-left: -500px;bottom: 20px;z-index: 3;}
#banner .tip span{width: 16px;height: 16px;margin: 0 6px;display: inline-block;font-size: 0;cursor: pointer;background-position: -150px 0px;}
#banner .tip span.cur{background-position: -130px 0px;}
#banner #btn_prev, #banner #btn_next{width: 32px;height: 50px;position: absolute;top: 250px;z-index: 5;}
#banner #btn_prev{background-position: -60px 0;left: 12%;transition: all 600ms ease;}
#banner #btn_next{background-position: -92px 0;right: 12%;transition: all 600ms ease;}
#banner #btn_prev:hover{opacity: .8;filter: alpha(opacity=80);transition: all 600ms ease;left: 11.6%;}
#banner #btn_next:hover{opacity: .8;filter: alpha(opacity=80);transition: all 600ms ease;right: 11.6%;}
/**/
.announce{box-shadow: 0px 5px 15px 0px rgb(124 135 192 / 13%);height:40px;line-height:40px;margin:auto;background:#ffffff;font-size:14px;}
.announce i{background:url(images/announce.png) no-repeat;background-size: cover;height: 37px;width: 37px;display:inline-block;float: left;margin-right: 8px;}
/*精品推荐*/
.gray_bg{ background:#f3f3f3; padding-bottom:50px;}
.h_jp_pro{position:relative;margin: 0 auto;width: 1200px;}
.h_jp_pro .jp_pro_name{padding-bottom:20px}
.h_jp_pro .jp_pro_name h2{ text-align:center; font-size:38px; padding:40px 0 20px 0;}
.h_jp_pro .line{ width:80px; height:3px; background:#9A1DA3; margin:auto;}
.h_jp_pro .tempWrap{width: 1221px !important;}
.h_jp_pro .prev, .h_jp_pro .next{cursor:pointer;width:40px;height:26px;background:url("images/pro_arrow.png") no-repeat;overflow:hidden;}
.h_jp_pro .prev{position:absolute;bottom: 0px;right: 45px;background-position: 0px -36px;}
.h_jp_pro .next{background-position: -39px -36px;position:absolute;bottom: 0;right:0px;}
.h_jp_pro .prev:hover{background-position: 0 0;}
.h_jp_pro .next:hover{background-position: -39px 0px;}

.h_jp_pro .bd li{float:left;width: 206px;padding: 10px 10px 30px 10px;text-align:center;margin-top: 17px;position:relative;margin-right: 17px;background: #ffffff;border: 1px solid #ffffff;}
.h_jp_pro .bd li:hover{border: 1px solid #cd0000;}
.h_jp_pro .bd .pic {
        /*非IE的主流浏览器识别的垂直居中的方法*/
        display: table-cell;
        vertical-align:middle;

        /*设置水平居中*/
        text-align:center;

        /* 针对IE的Hack */
        *
        display: block;
        *
        font-size: 310px;/*约为高度的0.873，200*0.873 约为175*/
        *
        font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
        width: 205px;
        height: 205px;
        overflow:hidden;
        background:#ededed;
}
.h_jp_pro .bd .pic img{vertical-align:middle;max-height: 205px;max-width: 205px;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s;display:block\0;}
.h_jp_pro .bd .pic:hover img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08)}
.h_jp_pro .bd .text{ font-size:16px; line-height:60px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.h_jp_pro .bd .text a{/* color:#333; */}
.h_jp_pro .bd li p{font-size:14px}
.h_jp_pro .bd li:hover .text a,.h_jp_pro .bd li:hover p{/* color:#fff; */}
.h_jp_pro .bd .btn{display:inline-block;width:116px;height: 32px;line-height: 32px;color:#fff;background:#9A1DA3;font-size: 14px;border-radius:20px;position:relative;}
.h_jp_pro .bd li:hover .btn{background: #FF6600;}

.h_jp_pro .hd ul{text-align:center;overflow:hidden;zoom:1;}
.h_jp_pro .hd ul li{ width:16px; height:16px; overflow:hidden; margin-right:20px; text-indent:-999px; cursor:pointer; background:#cdced0; border-radius:15px; display:inline-block;}
.h_jp_pro .hd ul li.on{ background:#9A1DA3;}

.new_sell{}
.new_sell .picList{width:1228px}
.new_sell .picList .bd li:nth-child(4n){margin-right:0}
.new_sell .more{margin-top:25px;}
.new_sell .f_detial{width: 180px; height: 48px; line-height: 48px; border: solid 1px #9A1DA3; color: #333333;text-align:center; font-size: 16px; margin: 0 auto; display: block; box-sizing: border-box; background-color: #ffffff;border-radius: 50px;}
.new_sell .f_detial:hover{border: none; background-color: #9A1DA3; line-height: 50px;color:#ffffff}

.no_bg{background:#ffffff}
/*视频*/
.h_jp_pro.video .bd li{padding: 13px 10px 20px 10px;width: 205px;}
.h_jp_pro.video .bd .pic{height:161px;}
.h_jp_pro.video .bd .pic img{max-height: 161px;max-width: 205px;}

/*品牌*/
.h_jp_pro.brand .bd li{padding: 13px 10px 20px 10px;}
.h_jp_pro.brand .bd .pic{height: 100px;}
.h_jp_pro.brand .bd .pic img{max-height: 100px;max-width: 205px;}

/*招商*/
.h_jp_pro.info .bd li{padding: 13px 10px 20px 10px;width: 205px;}
.h_jp_pro.info .bd .pic{height: 140px;}
.h_jp_pro.info .bd .pic img{max-height: 140px;max-width: 205px;}

/*商品*/
.h_jp_pro.mall .f_price{font-size:16px}


/*公司介绍*/
.i_introduce{width: 100%; height: 577px; background: url("images/introince_bg.jpg") no-repeat center; text-align: center; box-sizing: border-box; padding-top: 100px;}
.i_introduce>h3{font-size: 36px; color: #ffffff; height: 34px; line-height: 34px;}
.i_introduce .f_title{margin-top: 30px;}
.i_introduce .f_title>p{color: #ffffff; height: 23px; line-height: 23px; font-size: 24px;}
.i_introduce .f_title>p>span{width: 100px; height: 1px; background-color: #ffffff; opacity: 0.5; display: inline-block; vertical-align: middle;}
.i_introduce .f_title>p>i{width: 8px; height: 8px; background-color: #ffffff; opacity: 0.5; display: inline-block; vertical-align: middle;}
.i_introduce .m_r{margin-right: 20px;}
.i_introduce .m_l{margin-left: 20px;}
.i_introduce >p{font-size: 14px;line-height: 28px;color: #ffffff;width: 896px;min-height: 165px;max-height: 165px;overflow: hidden;margin: 55px auto 73px auto;text-align: left;}
.i_introduce .f_detial{width: 220px;height: 48px;line-height: 48px;border: solid 1px #ffffff;color: #ffffff;font-size: 14px;margin: 0 auto;display: block;box-sizing: border-box;background-color: rgba(255,255,255,0.2);border-radius: 50px;}
.i_introduce .f_detial:hover{border: none; background-color: #9A1DA3; line-height: 50px;}

.pq_number{width: 100%; height: 140px; background-color: #9A1DA3;}
.pq_number>ul{width: 1200px;margin: 0 auto;}
.pq_number li{width: 25%;float: left;text-align: center;margin-top: 37px;border-right: 1px solid rgba(255,255,255,0.12);box-sizing: border-box;}
.pq_number li:last-of-type{border-right: 0;}
.pq_number h3{height: 35px; line-height: 35px; font-size: 40px; font-weight: bold; color: #ffffff;}
.pq_number p{height: 16px; line-height: 16px; color: #ffffff; font-size: 16px; margin-top: 16px;}
.pq_number .i_alone{font-size: 16px; color: #ffffff; font-weight: normal; vertical-align: top;}


.sidebar_mod .bd{border:0}


/*友情链接*/
.pq_lianjie {background: #f2f2f2;}
.pq_lianjie{width: 100%;height: 70px;background-color: #f6f6f6;line-height: 70px;border-bottom: 10px solid #9A1DA3;}
.pq_lianjie_main>span{display: inline-block;font-size: 14px;color: #999;}
.pq_lianjie_main{width: 1200px;margin: 0 auto;}
.lianjie_detial{display: inline-block;}
.lianjie_detial a{padding: 0 16px;border-right: 1px solid #ccc;display: inline-block;height: 14px;line-height: 14px;font-size: 14px;color: #555555;}
.lianjie_detial a:hover{color: #9A1DA3;}
.lianjie_detial a:last-of-type{border-right: none;}


/*尾巴*/
.pq_footer{width: 100%;background-color: #232323;padding: 60px 0 60px 0;box-sizing: border-box;overflow: hidden;}
.pq_footer_main{width: 1200px;margin: 0 auto;}
.pq_footer_main a:hover{color: #fff;}
.pq_footer_main>.left{width: 260px;box-sizing: border-box;float: left;text-align: center;}
.pq_footer_main>.right{border-left: 1px solid #393939;float:left;box-sizing: border-box;width: 939px;}
.pq_footer_tit{float: left;}
.footer_logo{width: 98px;height: 75px;background: url("images/footer_tell.png") no-repeat center;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;margin-left: 80px;}
.tel01{height: 20px;line-height: 20px;font-size: 14px;color: #a6a6a6;margin-top: 30px;}
.tel02{font-size: 30px;height: 30px;line-height: 30px;color: #afafaf;margin-top: 15px;}
.pq_footer_tit{margin-left: 74px;}
.pq_footer_tit p{margin-top: 15px;font-size: 14px;color: #afafaf;line-height: 17px;height: 17px;}
.pq_footer_tit p a{color: #afafaf; }
.pq_footer_tit h3{color: #e6e6e6; height: 18px; line-height: 18px; font-size: 18px; padding-bottom: 15px;}
.pq_footer_tit h3 a{color: #e6e6e6;}
.pq_footer_tit p:last-child{max-width: 272px;}


.pq_f_bottom{width: 100%; height: 50px; background-color: #1e1e1e; line-height: 50px;font-size:14px}
.pq_f_main{width: 1200px; margin: 0 auto; color: #555555;}
.pq_f_main>.left{float: left;}
.pq_f_main>.right{float: right;}
.pq_f_main>.right a{color: #555555;}
.pq_f_main a:hover{color:#ffffff}
.f_line{margin-left: 18px; display: inline-block; border-right: 1px solid #555555; height: 10px; line-height: 10px; padding-right: 2px;}
.pq_f_m{margin: 0 12px; display: inline-block; height: 10px; line-height: 10px; width: 1px; background-color: #555555;}

/*在线客服*/
.pq_common_left{position: fixed; top: 60%; right: 0; z-index: 99999;}
.pq_common_left>div{width: 70px; height: 60px; margin-top: 2px; background-color: #f6f6f6; color: #666666; font-size: 12px; text-align: center; z-index: 99; box-sizing: border-box;}

.pq_wx_icon img{position: absolute; display: none; z-index: 9;}
.pq_wx_icon:hover img{display: block;}
.blue_jiantou:hover{color: #284da0;}
.pq_f_main>.left a:hover{color: #fff;}
.pq_f_main>.right a:hover{color: #fff;}
.two_model a:hover{color: #284da0; background: url(images/blue_jiantou_03.png) no-repeat right center;}
.pq_common_left .right_kefu{background: #284da0 url(images/kefu1180_03.png) no-repeat center 8px; color: #fff;}
.pq_common_left .right_kefu a{color: #fff;}

.right_kefu a{width: 100%; height: 100%; display: block; padding-top: 35px; box-sizing: border-box;}
.right_fuwu{background: #f6f6f6 url(images/phone_black_03.png) no-repeat center 12px; position: relative; cursor: pointer; box-sizing: border-box; padding-top: 35px;}
.right_wuxi{background: #f6f6f6 url(images/black_wx_07.png) no-repeat center 12px; color: #fff; position: relative; cursor: pointer; box-sizing: border-box; padding-top: 35px;}
.right_back{background: #f6f6f6 url(images/bacl_top.png) no-repeat center 12px; color: #fff; position: relative; cursor: pointer; box-sizing: border-box; padding-top: 35px;}
.right_back:hover a{color:#ffffff}
.right_fuwu:hover{background: #284da0 url(images/phone_white.png) no-repeat center 12px; color: #fff;}
.right_fuwu:hover .phone_number{display: block;}
.phone_number{color: #fff; font-weight: bold; font-size: 16px; position: absolute; top: 0; width: 150px; height: 60px; line-height: 60px; text-align: center; background-color: #284da0; left: -150px; display: none;}
.right_wx_fixed{position: absolute; top: -62px; left: -107px; text-align: center; background-color:#284da0 ; color: #fff; width: 107px; height: 122px; display: none;}
.right_wx_fixed img{margin-top: 10px;display: block;margin-left: 10px;margin-bottom: 5px;width:80px;height:80px;}
.right_wuxi:hover{background: #284da0 url(images/white_wx_icon_03.png) no-repeat center 12px; color: #fff;}
.right_wuxi:hover .right_wx_fixed{display: block;}
.right_back:hover{background: #284da0 url(images/back_top_white.png) no-repeat center 12px; color: #fff;}