@charset "utf-8";
.header .main_logo img{ max-width:180px; height:60px;}
.main_nav{ background:#da251c;}
.main_nav li a:hover, .main_nav li.cur a{ background:#bb0900; color:#fff;}

/*banner CSS*/
.bannerlist-container{ position:relative; overflow:hidden;}
.bannerlist-container .banner-list{display:block; position:absolute; top:0px; bottom:0px; width:100%;}

.bannerlist-container .banner-list li{display:block; float:left; position:relative;}
.bannerlist-container .banner-list li a{display:block; position:absolute; top:0px; bottom:0px; left:0px; right:0px;}
.bannerlist-container .lr-btn{ position:absolute; display:block; top:50%; width:30px; height:60px; margin-top:-30px; z-index:99; background-image:url("../images/banner_btn.png"); background-repeat:no-repeat;}
.bannerlist-container .leftbtn{ left:30px; background-position:0 -65px;}
.bannerlist-container .rightbtn{ right:30px; background-position:-42px -65px;}
.bannerlist-container .leftbtn:hover{background-position:0 -3px;}
.bannerlist-container .rightbtn:hover{background-position:-42px -3px;}
.bannerlist-container .button-area{ position:absolute; height:30px; bottom:10px; left:0px; width:100%; text-align:center; z-index:66; }
.bannerlist-container .button-area a{ display:inline-block; width:23px; height:23px; margin:0 6px; vertical-align:middle; cursor:pointer; border-radius:50%; background:#da251c;}
.bannerlist-container .button-area a.cur{ background:#fff; background: rgba(255,255,255,.6); border:1px solid #fff; width:21px; height:21px;}

.h_bg_pro{ width:100%; height:auto; background:url(../images/jingping.jpg) no-repeat center 0;}
.h_jp_pro{ background:url(../images/jpbg.png) no-repeat center 0; height:684px; margin-top:26px; position:relative; z-index:0;}
.h_jp_pro .hd_til{ width:107px; height:213px; background:#da251c; position:absolute; top:13px; left:18px; padding:0 8px; z-index:1;}
.h_jp_pro .hd_til h2{ font-size:26px; border-bottom:2px solid #fff; color:#fff; line-height:24px; position:absolute; top:70px; padding-bottom:10px;}
.h_jp_pro .bd{ padding:28px 152px 0 152px; width:896px; height:610px; overflow:hidden;}
.h_jp_pro .tempWrap{ width:896px !important;}
.h_jp_pro .prev, .h_jp_pro .next{cursor:pointer; width:44px; height:79px;background:url("../images/pro_arrow.png") no-repeat; overflow:hidden; text-indent:-10000px;}
.h_jp_pro .prev{ position:absolute; top:298px; left:87px; background-position:0 -89px;}
.h_jp_pro .next{ background-position:-54px -89px;position:absolute; top:298px; right:87px;}
.h_jp_pro .bd .prevStop{ background-position:0 0; }
.h_jp_pro .bd .nextStop{background-position:-54px 0;}
.h_jp_pro .hd{ height:40px; padding:0 152px;}
.h_jp_pro .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.h_jp_pro .hd ul li{ float:left; width:16px; height:16px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:#ddd; border-radius:15px;}
.h_jp_pro .hd ul li.on{ background:#da251c;}

.h_jp_pro .bd li{ float:left;}
.h_jp_pro .bd li .pro_info{ float:left; width:283px; height:283px;  text-align:center; margin-top:20px; position:relative; margin-right:20px; border:1px solid #ddd; overflow:hidden; }
.h_jp_pro .bd li .last_m{ margin-right:0;}
.h_jp_pro .hot_ico{background:url("../images/hot.png") no-repeat; display:block; width:41px; height:34px; position:absolute; top:7px; left:20px;}
.h_jp_pro .bd .pic {
        display: table-cell;
        vertical-align:middle;
        text-align:center;
        *display: block;
        *font-size: 310px;
        *font-family:Arial;

        width:283px;
        height:283px; overflow:hidden; background:#ededed;
}
.h_jp_pro .bd .pic img{vertical-align:middle;max-height:356px;max-width:356px;-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 .txt{width: 100%;height:104px;position:absolute;z-index:1;left:0;bottom:-104px; background:#ff7145;}
.h_jp_pro .bd .txt .txt_con{padding:26px 12px 0 12px;}
.h_jp_pro .bd .txt .txt_con  p{font-size:18px;color: #fff;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.h_jp_pro .bd .btn .light {
    position: absolute;
    top: 0;
    left: -65px;
    width: 50px;
    height: 40px;
    background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.4),rgba(255,255,255,0));
    background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.4),rgba(255,255,255,0));
    -webkit-transform: skewx(-25deg);
    -moz-transform: skewx(-25deg);
    -o-transform: skewx(-25deg);
    transform: skewx(-25deg);
    cursor: pointer
}
.h_jp_pro .bd .btn:hover .light {
    left: 116px;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -o-transition: .6s;
    transition: .6s
}

/*热销产品*/
.h_pro_list{ padding:25px 0 40px 0;}
.h_pro_list .hd{ height:25px; border-bottom:1px solid #ddd; text-align:center; margin-bottom:20px;}
.h_pro_list .hd h2{ text-align:center; font-size:26px; color:#333; display:inline-block; background:#fff; padding:0 30px;}
.h_pro_list .bd{ position:relative; z-index:2; width:1200px; overflow:hidden;}
.h_pro_list .bd ul{ margin-right:-24px;}
.h_pro_list .bd li{float:left; width:283px; background:#fff; text-align:center; position:relative; z-index:1; border:1px solid #ddd; margin:20px 20px 0 0;}
.h_pro_list .hot_ico{background:url("../images/hot_1.png") no-repeat; display:block; width:37px; height:37px; position:absolute; top:0; right:20px;}
.h_pro_list .bd .pic {
        display: table-cell;
        vertical-align:middle;
        text-align:center;
        *display: block;
        *font-size: 247px;
        *font-family:Arial;

        width:283px;
        height:283px; overflow:hidden;
}
.h_pro_list .bd .pic img{vertical-align:middle;max-height:283px;max-width:283px;-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_pro_list .bd .pic:hover img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08)}
.h_pro_list .bd .text{ font-size:16px; line-height:26px; padding:15px 0 14px 0;}
.h_pro_list .bd .text p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.h_pro_list .bd .text a{ color:#333;}
.h_pro_list .bd .text a:hover{ color:#f5473b;}
.h_pro_list .bd .price{ display:inline-block; width:88px; height:28px; line-height:28px; border:1px solid #f5473b; color:#f5473b;}
.h_pro_list .bd .btn{ display:inline-block; width:90px; height:30px; line-height:30px; color:#fff; background:#f5473b;}
.h_pro_list .bd .btn:hover{ background:#f11600;}
.h_pro_list .prev, .h_pro_list .next{cursor:pointer; width:20px; height:366px; background:url("../images/rx_arrow.png") no-repeat; overflow:hidden; text-indent:-10000px; z-index:2;}
.h_pro_list .prev{ position:absolute; top:20px; left:0;}
.h_pro_list .next{ width:20px; height:366px; overflow:hidden; text-indent:-10000px; background-position:-30px 0;position:absolute; top:20px; right:0px;}

.gray_bg{ background:#f5f5f5;}
.h_new_pro .hd h2{ background:#f5f5f5;}
.h_pro_list .bd li.last_one{ margin-right:0;}

.h_about_bg{ width:100%; background:#f5f5f5 url(../images/about_bg.jpg) no-repeat center bottom;}
.h_about .hd{ height:25px; border-bottom:1px solid #ddd; text-align:center; margin-bottom:20px;}
.h_about .hd h2{ text-align:center; font-size:26px; color:#333; display:inline-block; background:#f5f5f5; padding:0 30px;}
.h_about .bd{ padding-top:25px;}
.index_new{line-height: 60px;font-size: 16px;}
.index_new li{float: left;line-height: 60px;width: 580px}
.index_new li span{font-size: 12px; float: right; margin-right: 90px;}

.ab_pic{ width:503px; height:332px; float:left;}
.ab_pic img{width:503px; height:332px;}
.ab_con{ width:620px; float:right; line-height:26px; height:301px; overflow:hidden;}
.ab_con p{ line-height:26px; text-indent:2em; color:#333;}
.ab_con .more{ color:#999; padding:10px 0;}
.h_address_con{ padding-top:20px;}

.h_address_con .sidebar_mod{ margin-top:0; width:260px; float:left;}
.h_address_con .sidebar_mod .hd{ height:40px; line-height:40px; background:#da251c; border-bottom:0;}
.h_address_con .sidebar_mod .hd h2{ font-size:18px; color:#fff; padding-left:10px; position:relative;}
.h_address_con .sidebar_mod .hd i{ display:none;}
.h_address_con .sidebar_mod .bd{ min-height:338px;}

.h_company{ background:#fff; width:638px; float:left; margin-left:20px; border:1px solid #ddd; height:378px;}
.h_company .hd,.h_address_con .sidebar_contact .hd{ height:40px; line-height:40px; background:#eee; background:#f5f5f5; font-size:18px; color:#333; padding:0 10px;}
.h_company .hd h2,.h_address_con .sidebar_contact .hd h2{ font-size:18px; color:#333; border:0;}
.h_intro .bd{ position:relative; border:1px solid #ddd; border-top:none; padding:20px; padding-left:300px; min-height:160px; line-height:26px; text-indent:2em;}
.h_intro .bd img{ position:absolute; top:20px; left:20px; width:260px; height:160px;}
.h_news .bd{ padding:10px 20px; }
.h_news .bd li:after {display: block; clear: both; height: 0; content:'\20';}
.h_news .bd li{ height:26px; line-height:26px;zoom:1;}
.h_news .bd li .lb_til{ float:left; width:500px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.h_news .bd li .lb_til a:hover,.h_news .bd li .time a:hover{ color:#da251c;}
.h_news .bd li .time{ float:right;}
.h_news .bd li .time a{color:#999;}
.h_news .bd li .time a{color:#999;}

.h_company .more{ font-size:14px; color:#999;}
.h_address_con .sidebar_contact{ float:right; border:1px solid #ddd; height:378px;}

.h_home_link{ padding:30px 0;}
.h_home_link .til{ font-size:18px; color:#333;}
.h_home_link .link{ padding-top:10px;}
.h_home_link .link li{float:left; margin:0 20px 5px 0;}
.h_home_link .link li a:hover{color:#da251c;}

.blue{ color:#da251c !important;}
a:hover,.highlight{color:#da251c;}
.sidebar_mod .hd{background:#da251c; border-bottom:3px solid #ff847e;}
.sidebar_mod .hd i{background-color:#bb0900;}
.sidebar_mod .bd{border:1px solid #ddd;}
.sidebar_mod .border_b{ border-bottom:1px solid #ddd;}
.sidebar_menu .bd .til a:hover{ color:#da251c;}
.sidebar_menu_til a:hover{ background:url("../images/sidebar_menu_1.png") no-repeat 0 -25px;}
.tab_hd li.hover{ border-bottom:1px solid #da251c; color:#da251c;}
.tab_hd li i{border-color:transparent transparent #da251c transparent;}