@charset "utf-8";
/*
ST06-v8-CSS-xiaohei-qq:290948585-dtmuban.com-20200501-20200807
*/
/* global */
body {width: 100%;margin: 0 auto;min-width: 1200px;font-size:14px;color:#383838;background:#F8F8F8;font-family:"Microsoft Yahei","Helvetica Neue","Helvetica","Arial","PingFang SC","Heiti SC",sans-serif,sans-serif;}
/* common */
.m {width:1200px;margin:auto;}
.top {height:35px;line-height:35px;background:#F1F1F1;width:100%;}
#top a {text-decoration:none;}
.top a{color: #333333;}
.top a:hover{color: #ffffff;}
.head {height:116px;overflow:hidden;}
.head div {float:left;}
.head .logo {padding:16px 10px 0 0px;height:90px;overflow:hidden;}
.head h1 {font-size:26px;margin:32px 0 6px 0;color:#500000;filter:glow(color=#FFFFFF,strength=3);}
.head h4 {font-size:16px;margin:0;color: #666666;font-weight: normal;}

#menu a {text-decoration:none;}
.menu {background:#2c5981;height: 50px;overflow:hidden;font-size: 16px;}
.menu span {color:#FFFFFF;}
.menu_li {float:left;white-space:nowrap;line-height: 50px;padding: 0 25px;}
.menu_li:hover {background:#CB1A20;}
.menu_on {float:left;white-space:nowrap;line-height: 50px;padding: 0 25px;background: #CB1A20;}

.side_head {/* border:#CCCCCC 1px solid; */border-bottom:none;background:#EEEEEE;border-top: 2px solid #300000;}
.side_head div {padding:0 16px;font-size:14px;height:44px;line-height:44px;overflow:hidden;}
.side_body {/* border:#CCCCCC 1px solid; */border-top:none;background:#FFFFFF;padding:16px;margin:0 0 20px;}
.side_body li {background:url('../../image/ico_arrow.gif') no-repeat 4px 12px;padding:0 0 0 20px;height:32px;line-height:32px;overflow:hidden;}

.main_head {/* border:#CCCCCC 1px solid; */border-bottom:none;background:#EEEEEE;border-top: 2px solid #300000;}
.main_head div {padding:0 16px;font-size:16px;height:44px;line-height:44px;overflow:hidden;}
.main_body {/* border:#CCCCCC 1px solid; */border-top:none;background:#FFFFFF;padding:16px;margin:0 0 20px;}

.main_body .f_dblue{width:100px}

/*20200501*/
h1,h2,h3,h4,h5,p{padding: 0;margin: 0;}
.bai-bg,#bai-bg{background:#ffffff !important;}
.wrap{ width:1200px; margin:0 auto;}
.ico {background: url(images/icon.png) no-repeat;display: inline-block;vertical-align: middle;}

/*===== 清除浮动 =====*/
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{ *zoom:1;/*IE/7/6*/}
.clear{clear:both;line-height:0;height:0px;overflow:hidden;}

/* banner*/
#banner_main{overflow: hidden;position: relative;z-index: 0;max-width: 1920px;margin: 0 auto;}
#banner_main .banner{height: 450px;}
#banner{width: 100%;min-width: 1000px;position: relative;overflow: hidden;z-index: 0;}
#banner, .banner ul{max-height: 450px;overflow: hidden;}
.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%;}

/*精品推荐*/
.gray_bg{ background:#f3f3f3; padding-bottom:10px;}
.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:#300000; margin:auto;}
.h_jp_pro .tempWrap{ width:1200px !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: 0;right: 45px;}
.h_jp_pro .next{background-position:-39px 0;position:absolute;bottom: 0;right:0px;}
.h_jp_pro .prev.not{background-position:0 -36px;cursor:default;}
.h_jp_pro .next.not{background-position:-39px -36px;cursor:default;}
.h_jp_pro .bd li{float:left;width: 253px;padding: 13px 13px 40px 13px;text-align:center;margin-top:30px;position:relative;margin-right:20px;background:url("images/pro_shadow.jpg") no-repeat bottom #fff;}
.h_jp_pro .bd li:hover{background: bottom #c9c9c9;}
.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: 253px;
        height: 253px;
        overflow:hidden;
        background:#ededed;
}
.h_jp_pro .bd .pic img{vertical-align:middle;max-height: 253px;max-width: 253px;-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:195px;height: 32px;line-height: 32px;color:#fff;background:#300000;font-size: 14px;border-radius:20px;position:relative;}
.h_jp_pro .bd li:hover .btn{ background:#fff; color:#300000;}

.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:#300000;}

.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 #300000; 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: #300000; line-height: 50px;color:#ffffff}

/*视频*/
.h_jp_pro.video .bd li{padding: 13px 13px 20px 13px;}
.h_jp_pro.video .bd .pic{height:161px;}
.h_jp_pro.video .bd .pic img{max-height: 161px;max-width: 253px;}

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

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

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


/*公司介绍*/
.i_introduce{width: 100%; height: 415px; background: url("images/introince_bg.jpg") no-repeat center; text-align: center; box-sizing: border-box; padding-top: 45px;}
.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: 135px;max-height: 135px;overflow: hidden;margin: 35px auto 35px 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: #300000; line-height: 50px;}

.pq_number{width: 100%; height: 115px; background-color: #284da0;}
.pq_number>ul{width: 1200px;margin: 0 auto;}
.pq_number li{width: 25%;float: left;text-align: center;margin-top: 27px;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: 28px;line-height: 28px;font-size: 28px;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}
.sidebar_mod .hd{background: #2c5981;border-radius: 6px 6px 0 0;}

/*友情链接*/
.pq_lianjie {background: #f2f2f2;}
.pq_lianjie{width: 100%;height: 50px;background-color: #F0F0F0;line-height: 50px;border-bottom: 4px solid #333333;}
.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: #300000;}
.lianjie_detial a:last-of-type{border-right: none;}


/*尾巴*/
.pq_footer{width: 100%;background-color: #232323;padding: 30px 0 30px 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: 60px;}
.pq_footer_tit p{margin-top: 15px; font-size: 14px; color: #afafaf; line-height: 14px; height: 14px;}
.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_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: #df4d07 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;}
.index_news{box-sizing: border-box;display: inline-block;margin-bottom: 20px;width: 560px;box-shadow: 5px 5px 5px #9999991c;padding: 20px;margin-right:20px;}
.index_newstitle{font-size: 18px;float:left;width:400px;}
.index_newstime{font-size: 12px;color: #999;float:right;}
.index_newsintro{font-size: 12px;color: #999;margin-top:45px;}